:root{font-family:"Cascadia Mono","Microsoft YaHei",monospace;color:#f7f0d5;background:#253e34;font-synthesis:none;--ink:#20392f;--cream:#f7f0d5;--sage:#abc89b}
#game-diagnostics{position:fixed;left:28px;bottom:max(5px,calc(env(safe-area-inset-bottom) + 4px));z-index:9;display:flex;flex-wrap:wrap;gap:0 10px;max-width:calc(100vw - 56px);padding:1px 3px;color:#e4e9d1;background:#15291e85;text-shadow:1px 1px #12251c;font:9px/12px "Cascadia Mono",Consolas,"Microsoft YaHei",monospace;letter-spacing:0;font-variant-numeric:tabular-nums;pointer-events:none}#game-diagnostics span{white-space:nowrap}.game .foot-hud{bottom:calc(max(24px,env(safe-area-inset-bottom)) + 18px)}@media(max-width:600px){#game-diagnostics{left:17px;max-width:calc(100vw - 34px);font-size:8px;line-height:10px;gap:0 7px}.game .foot-hud{bottom:calc(max(17px,env(safe-area-inset-bottom)) + 26px)}}
.player-nameplate{position:absolute;z-index:1;left:50%;top:calc(50% - var(--head-offset,41px));transform:translate(-50%,-100%);padding:4px 7px 3px;background:#20392f99;opacity:.8;border:1px solid #f7f0d566;clip-path:polygon(2px 0,calc(100% - 2px) 0,calc(100% - 2px) 2px,100% 2px,100% calc(100% - 2px),calc(100% - 2px) calc(100% - 2px),calc(100% - 2px) 100%,2px 100%,2px calc(100% - 2px),0 calc(100% - 2px),0 2px,2px 2px);pointer-events:none;visibility:hidden}.player-nameplate.is-ready{visibility:visible}.player-nameplate canvas{display:block;image-rendering:pixelated}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}button,select,a{-webkit-tap-highlight-color:transparent}button,select{font:inherit}button,a,select{touch-action:manipulation}button,select{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #edc66c;outline-offset:5px}
.game{position:relative;width:100%;height:100%;height:100dvh;isolation:isolate;background:#38413c}.stage{position:absolute;inset:0;overflow:hidden}#view{display:block;width:100%;height:100%;image-rendering:pixelated;outline:none;touch-action:none}
.hud{position:absolute;z-index:2;inset:24px 28px auto;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;pointer-events:none}.hud>*{pointer-events:auto}.brand{display:flex;align-items:center;gap:16px}.pixel-panel{background:var(--ink);border:3px solid var(--cream);box-shadow:0 0 0 3px var(--ink),5px 6px 0 3px #162b2580}.home{width:46px;height:46px;display:grid;place-items:center;text-decoration:none;color:var(--cream);font-size:26px;line-height:1}.home:hover{background:#48684d}.home:active{transform:translate(2px,2px);box-shadow:0 0 0 3px var(--ink)}.brand-name{padding:8px 15px 9px;display:flex;align-items:center;gap:11px}.brand-icon{width:26px;height:32px;fill:var(--sage);shape-rendering:crispEdges}.brand h1{font-size:21px;letter-spacing:3px;line-height:1.4;margin:0}.brand small{display:block;color:#c0cdaa;font-size:10px;letter-spacing:2px;line-height:1.7}.speed{display:flex;align-items:center;gap:12px;padding:9px 12px 9px 15px;font-size:12px;letter-spacing:1px}.speed span{color:#c0cdaa}.speed select{appearance:none;border:0;border-left:2px solid #68836a;border-radius:0;padding:4px 25px 4px 14px;color:var(--cream);background:var(--ink);font-size:16px;font-weight:700;min-width:76px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='6'%3E%3Cpath fill='%23abc89b' d='M0 0h8v2H6v2H4v2H2V2H0z'/%3E%3C/svg%3E");background-position:right 1px center;background-repeat:no-repeat}.speed option{color:var(--cream);background:var(--ink)}
.foot-hud{position:absolute;z-index:2;bottom:max(24px,env(safe-area-inset-bottom));left:28px;right:28px;display:flex;align-items:flex-end;justify-content:space-between;gap:14px;pointer-events:none;font-size:11px;letter-spacing:1px}.hint{padding:11px 13px;background:#20392feF;border:2px solid #91aa83;box-shadow:3px 3px #20392f80;line-height:1.8;color:#dfe6c9}.hint kbd{font:inherit;color:#fff6da;border-bottom:2px solid #91aa83;padding:0 2px}.edition{color:#f7f0d5;text-shadow:1px 1px #20392f,-1px -1px #20392f;font-size:11px}.loading{position:absolute;z-index:3;left:50%;top:65%;transform:translate(-50%,-50%);max-width:min(88vw,440px);background:var(--ink);color:var(--cream);padding:16px 20px;font-size:13px;line-height:1.8}.loading:not([role=alert])::before{content:"";display:inline-block;width:8px;height:8px;margin-right:12px;background:var(--sage);animation:blink 1s steps(2,end) infinite}.loading button{margin:10px 0 0!important;display:block;padding:7px 12px;color:var(--ink);background:var(--cream);border:0;border-radius:0}.toast{position:absolute;z-index:3;bottom:90px;left:50%;transform:translateX(-50%);max-width:85%;padding:10px 14px;font-size:12px;line-height:1.7}.toast:empty{display:none}[hidden]{display:none!important}@keyframes blink{50%{opacity:.25}}@media(prefers-reduced-motion:reduce){.loading::before{animation:none!important}}
.joystick{display:none;position:absolute;z-index:2;left:28px;bottom:max(78px,calc(env(safe-area-inset-bottom) + 64px));width:108px;height:108px;touch-action:none;background:#20392fa8;border:3px solid #f7f0d5a8;box-shadow:4px 4px #20392f70;user-select:none}.joystick::before,.joystick::after{content:"";position:absolute;background:#f7f0d538;pointer-events:none}.joystick::before{width:4px;height:72px;left:49px;top:15px}.joystick::after{height:4px;width:72px;top:49px;left:15px}.joystick i{position:absolute;width:32px;height:32px;left:35px;top:35px;background:#f7f0d5;border:4px solid #abc89b;box-shadow:3px 3px #20392f;pointer-events:none}.touch-hint{display:none}@media(pointer:coarse){.joystick{display:block}.keyboard-hint{display:none}.touch-hint{display:inline}}
.game-quick-nav{display:flex;flex-direction:column;align-items:stretch;gap:12px;min-width:150px}.quick-entry{display:flex;align-items:center;gap:10px;min-height:45px;width:100%;padding:10px 13px;color:var(--cream);font:inherit;font-size:12px;letter-spacing:1px;text-decoration:none;text-align:left;border-radius:0}.quick-entry>span:first-child{color:var(--sage);font-size:15px}.quick-entry .quick-arrow{margin-left:auto;color:var(--sage);font-size:15px}.quick-entry:hover,.quick-entry[aria-expanded=true]{background:#48684d}.quick-entry:active{transform:translate(2px,2px)}.game-editors-dialog{position:fixed;inset:80px 28px auto auto;margin:0;width:min(304px,calc(100vw - 56px));max-height:calc(100dvh - 110px);overflow:auto;padding:16px;color:var(--cream)}.game-editors-dialog::backdrop{background:#142b233d}.game-editors-dialog header{display:flex;align-items:center;justify-content:space-between;gap:16px}.game-editors-dialog h2{margin:0;font-size:15px;letter-spacing:2px}.game-editors-dialog header button{width:30px;height:30px;background:transparent;color:var(--cream);border:1px solid #91aa83;border-radius:0;font-size:22px;line-height:1}.game-editors-dialog>p{font-size:10px;line-height:1.8;color:#c0cdaa;margin:8px 0 14px}.game-editors-dialog>a{display:flex;align-items:center;gap:12px;color:var(--cream);text-decoration:none;padding:12px 8px;border-top:1px solid #68836a;font-size:12px;letter-spacing:1px}.game-editors-dialog>a:hover,.game-editors-dialog>a:focus-visible{background:#48684d}.game-editors-dialog>a>span:first-child{font-size:22px;color:var(--sage);width:25px;text-align:center}.game-editors-dialog small{display:block;font-size:9px;letter-spacing:0;color:#c0cdaa;margin-top:6px;line-height:1.6}.game-editors-dialog b{margin-left:auto;color:var(--sage);font-size:15px}
@media(max-width:600px){.hud{inset:max(17px,env(safe-area-inset-top)) 17px auto;gap:12px}.brand{gap:10px}.home{width:36px;height:42px;font-size:23px}.brand-name{padding:6px 9px;gap:7px}.brand h1{font-size:16px;letter-spacing:2px}.brand small{font-size:8px;letter-spacing:1px}.brand-icon{width:18px;height:25px}.speed{padding:9px 8px;gap:6px;font-size:10px;min-height:46px}.speed select{padding-left:9px;padding-right:17px;min-width:58px;font-size:14px}.foot-hud{left:17px;right:17px;bottom:max(17px,env(safe-area-inset-bottom))}.hint{font-size:10px;padding:7px 9px;letter-spacing:0}.edition{display:none}.joystick{left:20px}.toast{bottom:72px}}
@media(max-width:600px){.game-quick-nav{min-width:108px;gap:10px}.quick-entry{min-height:42px;padding:9px 9px;gap:7px;font-size:11px}.quick-entry>span:first-child,.quick-entry .quick-arrow{font-size:13px}.game-editors-dialog{inset:70px 17px auto auto;width:min(280px,calc(100vw - 34px));max-height:calc(100dvh - 96px)}}
.game-leaderboard-dialog{inset:0;margin:auto;width:min(920px,calc(100vw - 56px));max-height:calc(100dvh - 64px);padding:22px}.game-leaderboard-dialog::backdrop{background:#142b238c}.game-leaderboard-dialog header{position:sticky;top:-22px;background:var(--ink);z-index:1;padding:0 0 8px}.game-leaderboard-dialog>p{font-size:11px;line-height:1.8}.game-board-summary{display:flex;gap:30px;padding:16px 0;margin:0 0 12px;border-top:2px solid #68836a;border-bottom:2px solid #68836a}.game-board-summary strong{display:block;color:#f1d799;font-size:23px;font-weight:700;line-height:1.5}.game-board-summary span{font-size:10px;color:#c0cdaa}.game-board-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.game-board-toolbar>p{font-size:11px;line-height:1.8;margin:0;color:#e2e9cd}.game-board-toolbar>div{display:flex;gap:8px}.game-board-toolbar select,.game-board-toolbar button{font:inherit;font-size:11px;border:2px solid #91aa83;border-radius:0;color:var(--cream);background:#314f3f;min-height:36px;padding:6px 9px}.game-board-toolbar button:hover{background:#48684d}.game-board-toolbar button:disabled{opacity:.5;cursor:wait}#game-board-status{min-height:20px;margin:10px 0 8px;color:#c0cdaa;font-size:10px}.game-board-table{overflow:auto;max-height:42dvh;border:2px solid #68836a;overscroll-behavior:contain;scrollbar-color:#91aa83 #20392f}.game-board-table table{border-collapse:collapse;width:100%;min-width:690px;font-size:11px;text-align:left}.game-board-table th{position:sticky;top:0;background:#314f3f;color:#e6eacc;font-size:10px;white-space:nowrap}.game-board-table th,.game-board-table td{padding:12px 10px;border-bottom:1px solid #506c54;line-height:1.6}.game-board-table td:first-child{color:#f1d799;font-weight:700}.game-board-table td:nth-child(2){min-width:125px;max-width:210px;overflow-wrap:anywhere}.game-board-table td:nth-child(n+3){white-space:nowrap}.game-board-table tr.is-you{background:#486044}.game-board-table .game-board-empty{text-align:center;color:#c0cdaa;padding:34px 12px}.game-leaderboard-dialog .game-board-note{font-size:10px;margin:12px 0 0;color:#b9c9a9}.game-leaderboard-dialog .game-board-scroll-hint{display:none;font-size:10px;color:#c0cdaa;margin:7px 0}
@media(max-width:760px){.game-leaderboard-dialog{inset:0;margin:auto;width:calc(100vw - 34px);max-height:calc(100dvh - 42px);padding:15px}.game-leaderboard-dialog header{top:-15px}.game-board-summary{gap:22px;padding:12px 0}.game-board-summary strong{font-size:19px}.game-board-table{max-height:40dvh}.game-leaderboard-dialog .game-board-scroll-hint{display:block}.game-board-toolbar>div{width:100%}.game-board-toolbar select{flex:1;min-width:0}.game-board-toolbar button{min-width:58px}}

/* Keep the campus identity above the embedded library canvas. */
#player-nameplate{z-index:3}

.library-retry{position:absolute;z-index:4;left:28px;top:160px;padding:10px;color:#f7f0d5;font-size:12px}