html,body{margin:0;padding:0;background:#0b0b14;height:100%;overflow:hidden;font-family:Courier New,monospace;-webkit-user-select:none;user-select:none;overscroll-behavior:none}#app{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;height:100dvh;gap:8px;position:fixed;top:0;right:0;bottom:0;left:0;padding:0;box-sizing:border-box;background:#0b0b14}#hud{position:absolute;top:calc(6px + env(safe-area-inset-top));left:50%;transform:translate(-50%);width:960px;max-width:96vw;display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;color:#e8e8f2;font-size:13px;z-index:6;pointer-events:none;text-shadow:1px 1px 0 #000}@media(max-width:600px){#hud{font-size:11px}}#game-container{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}#game-container canvas{touch-action:none;display:block}#hud{width:960px;max-width:96vw;display:flex;justify-content:space-between;color:#e8e8f2;font-size:13px}#throw{color:#4ade80}#game-container canvas{image-rendering:pixelated;image-rendering:crisp-edges;cursor:crosshair}#hud b{color:#ffd75e}#app{position:relative}#pause{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#05050cd1;z-index:10}#pause.hidden{display:none}#pause .panel{background:#141422;border:4px solid #2a2a45;box-shadow:0 0 40px #000;padding:20px 28px;text-align:center;color:#e8e8f2;min-width:300px;max-width:90vw}#pause h1{margin:0 0 12px;font-size:22px;color:#ffd75e;letter-spacing:4px}#pause h2{margin:16px 0 8px;font-size:13px;color:#8b8ba3;letter-spacing:2px}#btn-resume{font-family:inherit;font-size:14px;font-weight:700;background:#4ade80;color:#0b0b14;border:2px solid #14532d;padding:8px 22px;cursor:pointer}#btn-resume:hover{background:#86efac}#ach-list{display:flex;flex-direction:column;gap:8px;margin-top:4px}.ach{border:2px solid #2a2a45;padding:8px 10px;background:#1b1b30}.ach.locked{opacity:.55}.ach.unlocked{border-color:#ffd75e}.ach-name{font-size:13px;font-weight:700;color:#ffd75e}.ach.locked .ach-name{color:#8b8ba3}.ach-desc{font-size:12px;color:#c4b5fd;margin-top:2px}.ach-mode{font-size:12px;color:#4ade80;font-weight:700;margin-top:2px}#ach-toast{min-height:18px;margin-top:10px;font-size:13px;color:#4ade80;font-weight:700}#pause .tip{margin:10px 0 0;font-size:11px;color:#8b8ba3}#pause .controls{font-size:11px;color:#c4b5fd;line-height:1.7;background:#1b1b30;border:2px solid #2a2a45;padding:6px 10px}#coop-result{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#05050cdb;z-index:12}#coop-result.hidden{display:none}#coop-result .panel{background:#141422;border:4px solid #2a2a45;box-shadow:0 0 40px #000;padding:22px 28px;text-align:center;color:#e8e8f2;min-width:300px;max-width:92vw}#coop-result h1{margin:0 0 10px;font-size:21px;color:#ffd75e;letter-spacing:3px}#coop-result p{margin:0 0 16px;color:#c4b5fd;font-size:12px;line-height:1.5}#coop-result button{display:block;width:100%;margin:8px 0 0;font-family:inherit;font-size:13px;font-weight:700;padding:9px 18px;cursor:pointer}#btn-coop-retry{background:#4ade80;color:#0b0b14;border:2px solid #14532d}#btn-coop-retry:hover{background:#86efac}#btn-coop-menu{background:#22223a;color:#fff;border:2px solid #4c4c7a}#btn-coop-menu:hover{border-color:#ffd75e}#seo-content{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.noscript-box{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:24px;background:#0b0b14;color:#e8e8f2;z-index:300;font-family:Courier New,monospace}.noscript-box h2{color:#ffd75e;margin:0}.noscript-box p{max-width:520px;line-height:1.6}#main-menu{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#05050c8c;z-index:9}#main-menu.hidden{display:none}#main-menu .panel{background:#141422;border:4px solid #2a2a45;box-shadow:0 0 40px #000;padding:22px 30px;text-align:center;color:#e8e8f2;min-width:280px;max-width:92vw;display:flex;flex-direction:column;gap:10px;align-items:center}#main-menu h1{margin:0;font-size:26px;color:#ffd75e;letter-spacing:5px}#main-menu .sub{margin:0 0 6px;font-size:11px;color:#8b8ba3;letter-spacing:2px}#btn-play,#btn-ach,#btn-ach-back,#btn-menu{font-family:inherit;font-size:14px;font-weight:700;padding:8px 22px;cursor:pointer;min-width:200px}#btn-play{background:#4ade80;color:#0b0b14;border:2px solid #14532d}#btn-play:hover{background:#86efac}#btn-ach,#btn-ach-back,#btn-menu{background:#22223a;color:#fff;border:2px solid #4c4c7a}#btn-ach:hover,#btn-ach-back:hover,#btn-menu:hover{border-color:#ffd75e}#btn-menu{min-width:0;margin-top:6px;font-size:12px;padding:6px 16px}#pause .panel button{display:block;margin-left:auto;margin-right:auto}#menu-ach{display:flex;flex-direction:column;gap:8px;align-items:center;width:100%}#menu-ach.hidden{display:none}#menu-ach-list{display:flex;flex-direction:column;gap:8px;width:100%}#main-menu .tip{margin:4px 0 0;font-size:11px;color:#8b8ba3}#mp-menu{display:flex;flex-direction:column;gap:8px;align-items:stretch;width:100%;margin-top:8px}#mp-menu.hidden{display:none}#btn-mp,#btn-login{font-family:inherit;font-size:14px;font-weight:700;padding:8px 22px;cursor:pointer;min-width:200px;background:#312e81;color:#fff;border:2px solid #4c4c7a}#btn-mp:hover,#btn-login:hover{border-color:#22d3ee}#btn-login.signed{background:#14532d;border-color:#4ade80}#mp-menu input{font-family:inherit;font-size:12px;padding:6px 8px;background:#0b0b14;color:#e8e8f2;border:2px solid #2a2a45;min-width:0}#mp-menu input:focus{outline:none;border-color:#ffd75e}#mp-menu button.small{font-size:11px;padding:6px 10px;min-width:0}#mp-menu button{background:#22223a;color:#fff;border:2px solid #4c4c7a;font-family:inherit;font-weight:700;cursor:pointer}#mp-menu button:hover{border-color:#ffd75e}.mp-user{font-size:12px;color:#e8e8f2;text-align:left}.mp-user b{color:#4ade80}.mp-user .dim{color:#8b8ba3;font-size:10px}.mp-actions,.mp-row{display:flex;gap:6px;align-items:stretch}.mp-actions input,.mp-row input{flex:1}.mp-row button{flex:1;font-size:12px;padding:8px}.mp-result{font-size:11px;color:#c4b5fd;text-align:left;min-height:0}.mp-result a,.mp-invite a{color:#22d3ee}.mp-invite{font-size:11px;color:#8b8ba3;text-align:left;word-break:break-all}.mp-status{font-size:11px;color:#8b8ba3;text-align:left}.mp-status.ok{color:#4ade80}.mp-status.err{color:#ef4444}.mp-note{margin-top:6px;color:#64748b;font-size:10px;text-align:center;line-height:1.4}#troop-panel{margin-top:8px;padding:8px;border:2px solid #2a2a45;background:#141422;text-align:left}#troop-panel h3{margin:0 0 6px;color:#ffd75e;font-size:11px;letter-spacing:2px}.troop-list{color:#c4b5fd;font-size:11px;line-height:1.5}#btn-troop-ping{margin-top:7px;width:100%;font-size:11px;padding:7px 10px;background:#312e81;color:#fff;border:2px solid #4c4c7a;font-family:inherit;font-weight:700;cursor:pointer}#btn-troop-ping:hover:not(:disabled){border-color:#ffd75e}#btn-troop-ping:disabled{opacity:.45;cursor:not-allowed}#invite-toast{position:absolute;left:50%;bottom:22px;transform:translate(-50%);z-index:14;width:min(420px,92vw);padding:10px 12px;background:#141422;border:3px solid #ffd75e;box-shadow:0 0 24px #000;color:#e8e8f2;font-family:Courier New,monospace;text-align:center}#invite-toast.hidden{display:none}#invite-text{font-size:12px;color:#c4b5fd;margin-bottom:8px}.invite-actions{display:flex;gap:6px}.invite-actions button{flex:1;padding:7px 8px;font-family:inherit;font-size:11px;font-weight:700;cursor:pointer}#btn-invite-accept{background:#4ade80;color:#0b0b14;border:2px solid #14532d}#btn-invite-dismiss{background:#22223a;color:#fff;border:2px solid #4c4c7a}#touch-ui{display:none}body.touch #touch-ui{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;touch-action:none}.tcluster{position:absolute;display:grid;gap:6px;pointer-events:none}.tcluster.right{right:calc(var(--cright, 10px) + env(safe-area-inset-right));bottom:calc(var(--cbottomR, 10px) + env(safe-area-inset-bottom));grid-template-columns:repeat(3,var(--tsize, 52px));grid-template-rows:repeat(2,var(--tsize, 52px))}.tcluster.left{left:calc(var(--cleft, 10px) + env(safe-area-inset-left));bottom:calc(var(--cbottom, 10px) + env(safe-area-inset-bottom));grid-template-columns:repeat(4,var(--tsize, 52px))}.tbtn{pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:var(--tsize, 52px);height:var(--tsize, 52px);font-size:calc(var(--tsize, 52px) * .44);line-height:1;display:flex;align-items:center;justify-content:center;background:#22223a;color:#fff;border:3px solid #4c4c7a;border-radius:10px;box-shadow:0 4px #141422;opacity:.55}.tbtn:active,.tbtn.held{background:#4338ca;border-color:#ffd75e;opacity:1}.tbtn.small{width:44px;height:44px;font-size:19px;border-width:2px;border-radius:8px}.ttop{position:absolute;top:calc(6px + env(safe-area-inset-top));right:10px;display:flex;gap:8px;pointer-events:none}.ttop .tbtn{pointer-events:auto}body.touch #hud{left:8px;right:170px;transform:none;width:auto;max-width:none}body.in-menu #touch-ui{display:none}body.in-menu #hud{visibility:hidden}.fsbtn{position:absolute;top:calc(8px + env(safe-area-inset-top));right:10px;z-index:7;width:38px;height:38px;font-size:19px;line-height:1;background:#22223a;color:#fff;border:2px solid #4c4c7a;border-radius:8px;cursor:pointer}.fsbtn:hover{border-color:#ffd75e}body.touch .fsbtn{display:none}#app button,body>#touch-ui button{border-radius:0!important;border:4px solid #101018!important;box-shadow:4px 4px #04040a,inset 3px 3px #ffffff2e,inset -3px -3px #00000052!important;background-image:linear-gradient(135deg,rgba(255,255,255,.2) 0 2px,transparent 2px 4px)!important;background-size:4px 4px!important;image-rendering:pixelated;font-family:Courier New,monospace!important;font-weight:900!important;letter-spacing:.5px;text-transform:uppercase;text-shadow:2px 2px 0 #05050a;transition:none}#app button:hover:not(:disabled),body>#touch-ui button:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:5px 5px #04040a,inset 3px 3px #ffffff38,inset -3px -3px #00000052!important;filter:brightness(1.16)}#app button:active:not(:disabled),body>#touch-ui button:active:not(:disabled){transform:translate(3px,3px);box-shadow:1px 1px #04040a,inset 2px 2px #00000047!important;filter:brightness(.92)}#app button:focus-visible,body>#touch-ui button:focus-visible{outline:3px solid #ffd75e;outline-offset:3px}#app button:disabled,body>#touch-ui button:disabled{filter:grayscale(.8) brightness(.65);cursor:not-allowed}