.game-interaction-guard{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.game-interaction-guard :where(canvas,img,svg){-webkit-user-drag:none}.game-interaction-guard :where(input,textarea,select,option,a[href],[contenteditable]:not([contenteditable=false]),[role=textbox],[data-interaction-guard=allow]){-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}.game-interaction-guard :where(select,option){-webkit-user-select:auto;user-select:auto}.dpad.touch-dpad{pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#touch-controls .dpad.touch-dpad button.is-pressed,.playing #game-controls .dpad.touch-dpad button.is-pressed{background:#386273;border-color:#c3f7dc;color:#f2ffe6;box-shadow:inset 0 0 0 2px #a8eccd,0 0 12px #79eac136}.playing :is(#game-controls,#touch-controls) .radial-dpad{position:relative;inset:auto;display:block;width:144px;height:144px;min-width:144px;max-width:none;margin:0;flex:0 0 144px;box-sizing:border-box;border:2px solid #57717e;border-radius:50%;background:radial-gradient(circle at 38% 28%,#31434e,#162631 65%,#0b1924);box-shadow:inset 0 2px 2px #b8d5df40,inset 0 -5px 8px #030c17aa,0 3px #07141e;isolation:isolate}.playing :is(#game-controls,#touch-controls) .radial-dpad:before{content:"";position:absolute;inset:8px;border:1px solid #91abb326;border-radius:50%;background:conic-gradient(from 45deg,#12212a44,#53707a22,#12212a44,#53707a22,#12212a44);pointer-events:none}.playing :is(#game-controls,#touch-controls) .radial-dpad:after{content:"";position:absolute;left:50%;top:50%;width:32px;height:32px;transform:translate(-50%,-50%);border:1px solid #59717b;border-radius:50%;background:radial-gradient(circle at 35% 28%,#40545e,#23343e 75%);box-shadow:inset 0 1px #9cb8bf66,inset 0 -2px 3px #07141e99;pointer-events:none}.playing :is(#game-controls,#touch-controls) .radial-dpad button{position:absolute;left:calc(50% - 24px + var(--thumb-x));top:calc(50% - 24px + var(--thumb-y));width:48px;height:48px;min-width:48px;min-height:48px!important;margin:0;padding:0;display:grid;place-items:center;border:0;border-radius:9px;clip-path:var(--thumb-shape);background:linear-gradient(150deg,#3b515d99,#1c303c99);color:#b8d2d9;font-size:0;box-shadow:inset 0 1px #bad6dc38;transform:none}.playing :is(#game-controls,#touch-controls) .radial-dpad button:after{content:"";width:16px;height:11px;background:currentColor;clip-path:polygon(50% 0,100% 100%,0 100%);transform:rotate(var(--thumb-angle));filter:drop-shadow(0 1px 1px #020b15)}.playing :is(#game-controls,#touch-controls) .radial-dpad button:is([data-move="0,-1"],[data-touch=up]){--thumb-x:0px;--thumb-y:-38px;--thumb-angle:0deg;--thumb-shape:polygon(0 0,100% 0,100% 60%,50% 100%,0 60%)}.playing :is(#game-controls,#touch-controls) .radial-dpad button:is([data-move="-1,0"],[data-touch=left]){--thumb-x:-38px;--thumb-y:0px;--thumb-angle:-90deg;--thumb-shape:polygon(0 0,0 100%,60% 100%,100% 50%,60% 0)}.playing :is(#game-controls,#touch-controls) .radial-dpad button:is([data-move="1,0"],[data-touch=right]){--thumb-x:38px;--thumb-y:0px;--thumb-angle:90deg;--thumb-shape:polygon(100% 0,100% 100%,40% 100%,0 50%,40% 0)}.playing :is(#game-controls,#touch-controls) .radial-dpad button:is([data-move="0,1"],[data-touch=down]){--thumb-x:0px;--thumb-y:38px;--thumb-angle:180deg;--thumb-shape:polygon(0 100%,100% 100%,100% 40%,50% 0,0 40%)}.playing :is(#game-controls,#touch-controls) .radial-dpad button.is-pressed{background:linear-gradient(150deg,#619480,#36576a);color:#e6ffe1;box-shadow:inset 0 0 0 2px #bde9cc55;transform:none}.playing :is(#game-controls,#touch-controls) .radial-dpad button:focus-visible{background:#446c76;color:#fff;outline:2px solid #e6ffe1;outline-offset:-4px}.playing #touch-controls .radial-dpad button[aria-disabled=true]{visibility:hidden}