/* Full battle HUD: notebook arena in the centre, purposeful controls around it. */
body.play-view .arena-pen{cursor:grab!important;touch-action:none;filter:drop-shadow(4px 7px 4px rgba(0,0,0,.55))}.gesture-control,.release-control{display:grid!important;place-content:center!important;gap:5px!important;padding:10px;text-align:center}.gesture-control:before{content:"↙";display:block;color:#70bfff;font:32px Fredoka,sans-serif;line-height:.7}.release-control:before{content:"✦";display:block;color:#ffd354;font:31px Fredoka,sans-serif;line-height:.7}.gesture-control b,.release-control b{font:13px Fredoka,sans-serif;color:#f3f9ff}.gesture-control small,.release-control small{color:#bcdaf2;font:8px "DM Mono",monospace}.power-control:before{content:""}.power-control span{margin-top:4px}.power-control input:disabled{filter:grayscale(1);opacity:.42}@media(max-width:700px){.gesture-control,.release-control{padding:6px}.gesture-control:before,.release-control:before{font-size:25px}.gesture-control b,.release-control b{font-size:10px}.gesture-control small,.release-control small{font-size:6px}}
body.play-view .arena-section{background:radial-gradient(circle at 50% 30%,#173b58 0,transparent 31%),linear-gradient(130deg,#07121e,#182a38 55%,#071018);padding-top:26px}body.play-view .section-heading{display:none}body.play-view .arena-page-bar{max-width:1120px;margin-inline:auto;border-color:#426b93;background:rgba(3,12,23,.86);color:#eaf5ff}body.play-view .game-card{max-width:1120px;padding:15px;border:1px solid #3c78a9;border-radius:22px;background:linear-gradient(145deg,rgba(7,20,33,.96),rgba(16,43,62,.96));box-shadow:0 20px 50px rgba(0,0,0,.48)}body.play-view .scorebar{position:relative;z-index:10;border:1px solid rgba(83,157,228,.46);border-radius:13px;background:linear-gradient(90deg,#0b2237,#162942,#0b2237);color:#f7fbff;box-shadow:inset 0 0 17px rgba(73,157,238,.12)}body.play-view .scorebar .player-score{font-family:Fredoka,sans-serif}body.play-view .round-label{background:rgba(4,11,20,.68);border-radius:10px;padding:3px 14px;color:#fff}body.play-view .game-stage{min-height:560px;overflow:hidden;border:1px solid #a16a37;border-radius:14px;background:linear-gradient(130deg,#5b341f,#a66b36 15%,#402315 100%);box-shadow:inset 0 0 0 13px rgba(32,18,12,.55),inset 0 0 25px rgba(0,0,0,.57),0 8px 20px rgba(0,0,0,.34)}body.play-view .game-stage:before{content:"";position:absolute;z-index:0;inset:24px 11%;border:8px solid #4a2715;border-radius:18px;background:repeating-linear-gradient(0deg,rgba(105,160,208,.38) 0 1px,transparent 1px 33px),linear-gradient(90deg,transparent 0 9%,rgba(237,87,79,.55) 9% 9.5%,transparent 9.5%),linear-gradient(135deg,#fffdf2,#e7dfc6);box-shadow:inset 0 0 24px rgba(99,50,19,.2),0 3px 12px rgba(0,0,0,.43)}body.play-view .play-table{display:none}body.play-view .desk-logo{z-index:2;top:63%;left:68%;color:#2652a2;font:31px/1 "Permanent Marker",cursive;opacity:.72;transform:rotate(-9deg)}body.play-view .desk-logo span{color:#bd373a}body.play-view .chalk{z-index:2;color:#2857a8;opacity:.78}body.play-view .chalk-one{left:28%;top:27%}body.play-view .chalk-two{right:28%;bottom:18%}body.play-view .environment-label{z-index:8;top:14px;left:calc(11% + 16px);border-color:#426b93;background:rgba(3,17,29,.88);color:#eaf7ff}body.play-view .environment-label button{background:#176caf;color:#fff}body.play-view .game-menu-button{z-index:9;top:15px;right:calc(11% + 14px);border-color:#5e9ed1;background:#091b2d;color:#fff}body.play-view .table-boundary{z-index:2;inset:32px 12%;border-color:rgba(77,38,18,.52)}body.play-view .desk-drop-edge{z-index:2;left:12%;right:12%;bottom:32px;background:linear-gradient(90deg,transparent,#eb6c46 15% 85%,transparent);opacity:.78}.battle-interface{}body.play-view #touchControls{grid-template-columns:1fr!important;gap:8px;margin-top:13px;padding:14px;border:1px solid rgba(76,145,210,.56);border-radius:15px;background:linear-gradient(145deg,#0c263b,#071725);color:#f0f7ff}body.play-view .drag-instruction{display:flex;align-items:center;justify-content:space-between;gap:13px;padding:8px 12px;border-bottom:1px solid rgba(123,183,235,.28);color:#bce1ff}body.play-view .drag-instruction span,body.play-view .drag-instruction b,body.play-view .drag-instruction small{margin:0;color:inherit;font-family:"DM Mono",monospace}body.play-view .drag-instruction b{font-family:Fredoka,sans-serif;font-size:17px}body.play-view .target-picker{min-height:76px;display:grid;grid-template-columns:1fr repeat(3,auto) 1fr;align-items:center;gap:8px;border:1px solid rgba(83,158,225,.5);border-radius:11px;background:rgba(9,35,55,.76);padding:8px 12px}body.play-view .target-picker>span{grid-column:1/2;color:#81c8ff;font-size:9px}body.play-view .target-picker small{text-align:right;color:#bddcf5}body.play-view .target-picker button{min-width:60px;min-height:36px;border:1px solid #599bd2;border-radius:8px;background:#102b43;box-shadow:none;color:#eaf6ff;font-size:10px}body.play-view .target-picker button.active{border-color:#ffd25c;background:linear-gradient(#bd7b16,#7c3e0b);color:#fff3bd;box-shadow:0 0 13px rgba(255,193,54,.28)}body.play-view .carrom-panel{grid-template-columns:1.3fr .8fr .75fr;gap:11px;padding:0}body.play-view .carrom-panel section{min-height:94px;border:1px solid rgba(83,158,225,.5);border-radius:11px;background:rgba(9,35,55,.76)}body.play-view .carrom-panel section>span{color:#81c8ff}.pen-placement>div{gap:14px}body.play-view .pen-placement button{width:43px;height:43px;border-color:#5c9fd8;background:#152f46;color:#dceeff;font-size:20px}.pen-placement b{color:#f6fbff;font-size:13px}.power-control{position:relative;border:0!important}.power-control:before{content:"POWER";position:absolute;left:18px;bottom:14px;color:#d6ecff;font:700 8px "DM Mono",monospace;writing-mode:vertical-rl;transform:rotate(180deg)}body.play-view .power-control input{height:66px;accent-color:#ffbf30}body.play-view .power-control b{color:#ffd353}.strike-button{min-height:94px!important;border-color:#9c6825!important;background:radial-gradient(circle at 30% 25%,#fff6a5 0 8%,#ffc63f 9% 50%,#a7520d 51% 100%)!important;box-shadow:0 5px 0 #7e430f,0 0 0 4px #04101c!important;font-size:19px!important}.controls{display:none}@media(max-width:700px){body.play-view .arena-section{padding:11px 8px 34px}body.play-view .arena-page-bar{font-size:8px}body.play-view .game-card{padding:7px;border-radius:14px}body.play-view .scorebar{min-height:43px}.player-score span:not(.score-avatar):not(.player-dot){font-size:8px}.player-score strong{font-size:20px}body.play-view .game-stage{min-height:440px}body.play-view .game-stage:before{inset:20px 4%;border-width:6px;border-radius:12px}body.play-view .table-boundary{inset:27px 6%}body.play-view .desk-drop-edge{left:6%;right:6%;bottom:28px}body.play-view .environment-label{top:12px;left:calc(4% + 10px);font-size:7px}body.play-view .game-menu-button{top:12px;right:calc(4% + 8px);padding:5px 6px;font-size:7px}body.play-view .desk-logo{font-size:22px;left:60%;top:65%}body.play-view #touchControls{padding:9px;margin-top:8px}.drag-instruction{display:grid!important;grid-template-columns:1fr auto!important;padding:5px 3px!important;gap:2px!important}.drag-instruction b{grid-column:1/3;font-size:12px!important}.drag-instruction small{font-size:7px}.target-picker{grid-template-columns:1fr repeat(3,auto)!important;min-height:64px!important;padding:7px!important}.target-picker small{display:none}.target-picker>span{grid-column:1/5!important}.target-picker button{min-width:56px!important;min-height:30px!important;font-size:8px!important}.carrom-panel{grid-template-columns:1.22fr .72fr .72fr!important;gap:7px!important}.carrom-panel section,.strike-button{min-height:76px!important}.pen-placement>div{gap:4px}.power-control:before{left:8px;bottom:10px}.power-control input{height:50px!important}.strike-button{font-size:14px!important}}