:root{color:#fff0ce;font-synthesis:none;--gold:#f2cc7c;--ink:#193b44;background:#102d34;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}*{box-sizing:border-box}body{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:radial-gradient(#315751,#102830 75%);place-items:center;width:100vw;height:100dvh;margin:0;display:grid;overflow:hidden}button{font:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible{outline-offset:4px;outline:4px solid #fff4be}#frame{width:960px;height:640px;transform:scale(var(--scale,1));background:#193b44;border-radius:8px;position:absolute;overflow:hidden;box-shadow:0 0 0 2px #617c71,0 20px 80px #071d29}#game,#screen{position:absolute;inset:0}#game canvas{image-rendering:pixelated;display:block}#screen{z-index:2}#screen:empty{pointer-events:none}#chrome{z-index:5;background:#15373e;border-bottom:2px solid #53786e;justify-content:space-between;align-items:center;gap:14px;height:60px;padding:0 17px;display:flex;position:absolute;inset:0 0 auto}#chrome button{color:#e8e9ca;background:#244b51;border:1px solid #668a7d;border-radius:7px;min-height:48px;padding:0 13px;font-size:16px}#brand{letter-spacing:2px;font-size:16px;font-weight:700}#brand small{letter-spacing:1.6px;color:#9dbab0;margin-top:4px;font-size:8px;display:block}.sound{gap:7px;display:flex}.sound button[aria-pressed=true]{color:#a1ada7;text-decoration:line-through}#home{min-width:105px}.page{background:linear-gradient(90deg,#12343cec,#15373e88 70%,#173b44a8),var(--stage) center/cover;image-rendering:pixelated;position:absolute;inset:60px 0 0}.menu-content{width:548px;position:absolute;top:28px;left:50px}.eyebrow{letter-spacing:3px;color:#e9c97e;text-transform:uppercase;margin-bottom:13px;font-size:11px;font-weight:700}.title{letter-spacing:-3px;color:#fff0c9;text-shadow:3px 5px #102e35;margin:0 0 15px;font-family:Georgia,serif;font-size:76px;font-weight:700;line-height:.94}.title em{color:#efc572;font-style:normal}.intro{color:#d0dfd3;max-width:440px;margin:0;font-family:system-ui,sans-serif;font-size:16px;line-height:1.45}.mode-label{color:#c2d4c7;letter-spacing:2px;margin:20px 0 9px;font-size:10px}.modes{gap:10px;display:flex}.mode{text-align:left;color:#e9e3c6;background:#1e454c;border:2px solid #668a7c;border-radius:8px;width:211px;min-height:66px;padding:10px 15px;font-size:17px;font-weight:700}.mode small{color:#bed3c7;margin-top:5px;font-family:system-ui,sans-serif;font-size:12px;font-weight:400;display:block}.mode.active{background:#36584e;border-color:#efc978;box-shadow:inset 0 0 0 1px #b08c4d}.start{color:#253c3c;background:#f0c878;border:0;border-bottom:5px solid #ac854b;border-radius:8px;width:432px;min-height:67px;margin-top:15px;font-size:22px;font-weight:700;box-shadow:0 7px 20px #0d292d88}.start:hover{background:#ffda8b}.start:active{transform:translateY(2px)}.menu-links{gap:24px;margin-top:7px;display:flex}.link{color:#cbded0;text-underline-offset:5px;background:0 0;border:0;min-height:48px;padding:8px 0;font-size:13px;text-decoration:underline}.hero-art{width:316px;height:420px;image-rendering:pixelated;filter:drop-shadow(10px 18px #0c2c3245);position:absolute;top:37px;left:594px}.rival-stamp{color:#eddbab;text-align:center;border:1px solid #8c9b79;border-radius:50%;width:140px;padding:20px 24px;font-family:Georgia,serif;font-size:21px;position:absolute;bottom:67px;right:46px;transform:rotate(-8deg)}.rival-stamp small{letter-spacing:2px;margin:6px;font:9px monospace;display:block}.footer{color:#a9c0b0;letter-spacing:.5px;font-size:10px;position:absolute;bottom:10px;left:50px}.modal-page{background:#173940f7;padding:33px 48px}.page-heading{color:#f4d795;margin:0 0 20px;font:36px Georgia,serif}.close{color:#f7df9e;background:#2e5558;border:1px solid #7a9786;border-radius:6px;min-height:56px;padding:0 20px;font-size:16px;position:absolute;top:22px;right:28px}.opponents{gap:14px;margin:20px 0;display:flex}.rival-card{text-align:center;background:#244b51;border:1px solid #6c897b;border-radius:9px;flex:1;padding:12px;overflow:hidden}.rival-card img{object-fit:contain;width:112px;height:128px;image-rendering:pixelated}.rival-card strong{color:#f3d594;margin-top:6px;font-size:14px;display:block}.rival-card small{color:#c8d6c9;margin-top:9px;font-size:11px;line-height:1.5;display:block}.info-copy{color:#d3e1d4;max-width:790px;margin:15px 0;font:16px/1.6 system-ui,sans-serif}.sources{gap:22px;display:flex}.sources a{color:#f0d293;font:12px system-ui,sans-serif}.tabs{gap:10px;margin:0 0 17px;display:flex}.tabs button{color:#fff0c5;background:#254a50;border:1px solid #728d7b;border-radius:6px;width:150px;height:56px;font:16px monospace}.tabs .active{color:#203c40;background:#d9bb75}.board{border-collapse:collapse;width:100%;font-size:17px}.board th{text-transform:uppercase;letter-spacing:2px;color:#a5bfb0;text-align:left;border-bottom:1px solid #58796c;padding:8px;font-size:10px}.board td{border-bottom:1px solid #375a57;padding:9px}.board td:last-child,.board th:last-child{text-align:right;color:#f0d08a}.board tr.seed td:nth-child(2){color:#b2c7b6}.seed-note{color:#9db5a7;margin-top:12px;font-size:11px}.center-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.result-kicker{color:#c0d5c5;letter-spacing:3px;font-size:12px}.result-title{color:#ffdf9a;margin:13px;font:58px Georgia,serif}.result-score{color:#fff3c9;margin:10px 0;font-size:70px}.result-detail{color:#bdd5c6;margin:0 0 15px;font:17px system-ui,sans-serif}.keyboard{grid-template-columns:repeat(9,1fr);gap:7px;width:740px;margin:16px auto;display:grid}.keyboard button{color:#ffedbd;background:#315b60;border:1px solid #7e9b8a;border-radius:6px;height:58px;font-size:22px}.name-display{letter-spacing:3px;color:#f8dda3;background:#102d35;border:2px solid #d2b16a;border-radius:6px;justify-content:center;align-items:center;width:500px;height:64px;font-size:30px;display:flex}.name-actions{gap:12px;display:flex}.name-actions button{color:#fff0c5;background:#31595b;border:1px solid #789987;border-radius:6px;min-width:160px;height:58px;font-size:17px}.name-actions .done{color:#203c3e;background:#edc779}.name-message{color:#d3dec8;height:23px;font-size:13px}.operator-grid{grid-template-columns:1fr 1fr;gap:20px;margin-top:30px;display:grid}.operator-card{color:#d8e5d3;background:#244b51;border-radius:8px;padding:22px;font:15px/1.7 system-ui,sans-serif}.operator-card button{color:#233d3c;background:#e5c57e;border:0;border-radius:5px;min-height:60px;padding:15px;font:16px monospace}.loading-mark{color:#f1d398;font-size:65px;animation:1s infinite bob}.loading-text{color:#f5dca3;font:22px monospace}@keyframes bob{50%{transform:translateY(-9px)}}#rotate{z-index:20;text-align:center;background:#15373e;flex-direction:column;justify-content:center;align-items:center;display:none;position:absolute;inset:0}.rotate-icon{color:#f0ce85;font-size:100px}#rotate h1{font:38px Georgia,serif}#rotate p{color:#bed4c4;font-size:18px}#operator-status{color:#afc6ba;pointer-events:none;font:9px monospace;position:absolute;bottom:2px;right:5px}.icon-row{align-items:center;gap:28px;margin:20px;display:flex}.icon-row img{object-fit:none;width:96px;height:96px}.map-illustration{color:#eac47b;font-size:65px}.board-scroll{touch-action:pan-y;max-height:350px;overflow:auto}.qa-log{white-space:pre-wrap;color:#dbe6c9;touch-action:pan-y;max-height:410px;font:12px/1.7 monospace;overflow:auto}.clash-title{letter-spacing:-2px;font-size:54px;line-height:1.08}.clash-title em{font-size:61px}