:root{--bg:#0b1821;--panel:#19313a;--ink:#e5e5d2;--muted:#9bb6ac;--gold:#ddba79;--line:#4b6c66;--preferred-key-size:52px;--key-size:52px;--display-scale:1;--image-filter:auto}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:Tahoma,Arial,sans-serif}button,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}[hidden]{display:none!important}a{color:inherit}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.solo-header{display:flex;align-items:center;gap:18px;padding:22px max(24px,env(safe-area-inset-right)) 20px max(24px,env(safe-area-inset-left));border-bottom:1px solid #2f4b50}.solo-brand{font-size:20px;letter-spacing:1px;font-weight:900;text-decoration:none}.solo-brand b{color:var(--gold)}.mode-tag{font-size:9px;letter-spacing:2px;color:var(--muted)}.back-link{font-size:12px;margin-left:auto;min-height:44px;display:flex;align-items:center}#solo-welcome{max-width:1260px;margin:0 auto;padding:65px 30px;display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.eyebrow{font-size:10px;color:var(--gold);letter-spacing:2px}.welcome-copy h1{font-size:58px;line-height:1.3;margin:20px 0}.welcome-copy em{color:#9fc4a7;font-style:normal}.welcome-copy>p{font-size:14px;color:var(--muted);line-height:1.9}.steps{display:flex;gap:17px;font-size:11px;color:#b6c9b8;margin:25px 0}.steps b{color:var(--gold);font-size:10px;margin-right:5px}.game-pick{font-size:11px;display:block;color:var(--muted)}select{color:var(--ink);background:#102831;border:1px solid var(--line);border-radius:6px;padding:10px 13px;min-height:44px;font-size:12px;max-width:100%}.game-pick select{display:block;width:100%;margin:8px 0}.evidence-note{font-size:10px!important;min-height:35px}.primary{min-height:48px;padding:12px 24px;background:#dbb573;color:#15282e;border:1px solid #e3c893;border-radius:6px;font-size:14px;font-weight:bold}.honest-note{font-size:11px!important}.handheld-art{display:flex;gap:20px;align-items:center;justify-content:center;padding:30px 24px;border:4px solid #819b85;border-radius:45px;background:linear-gradient(135deg,#3c5b59,#19373e);box-shadow:10px 18px 0 #06141b;transform:rotate(-6deg)}.art-screen{background:repeating-linear-gradient(0deg,#14312f,#14312f 2px,#1b3d35 3px);padding:60px 25px;border:8px solid #0e242c;border-radius:15px;text-align:center;flex:1}.art-screen span{font:bold 36px Georgia;color:#d6d49b;letter-spacing:6px}.art-screen small{display:block;font-size:7px;letter-spacing:1.5px;margin-top:16px;white-space:nowrap;color:#a9c09d}.art-pad{font-size:50px;color:#071c26;text-shadow:0 1px #70908a}.art-buttons{display:flex;flex-direction:column;gap:12px}.art-buttons i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#ab8c5b;color:#173338;font-size:12px;font-style:normal;box-shadow:1px 3px 0 #0a232c}.session-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:7px max(12px,env(safe-area-inset-right)) 7px max(12px,env(safe-area-inset-left));border-bottom:1px solid #38564f;background:#132c35;min-height:60px}.session-title{min-width:0}.session-title span{display:block;font-size:8px;letter-spacing:1.6px;color:#93b49d;margin-bottom:4px}.session-title strong{font-size:12px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-actions{display:flex;gap:6px;flex-shrink:0}.session-actions button,.settings-bottom button{min-height:44px;padding:9px 12px;border:1px solid #5b7c71;border-radius:6px;background:#244c47;color:#dce4cc;font-size:11px}#solo-stop{color:#e5ca9c;border-color:#8e805c}#solo-stage{--key-size:clamp(44px,var(--preferred-key-size),calc((100dvh - 180px)/3));display:grid;grid-template-columns:minmax(142px,18%) minmax(0,1fr) minmax(142px,18%);gap:8px;align-items:center;padding:10px max(10px,env(safe-area-inset-right)) 10px max(10px,env(safe-area-inset-left));height:calc(100dvh - 94px);min-height:226px;background:radial-gradient(ellipse at center,#244841 0,#173439 45%,#112831 100%);touch-action:none;overscroll-behavior:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;outline:none}.control-rail{display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;align-self:center;min-width:0}.shoulder-row{display:flex;justify-content:center;gap:7px;min-height:44px;width:100%}.shoulder-row:empty{visibility:hidden}.shoulder-row button{flex:1;max-width:70px;min-width:44px}.key,.meta-key,.shoulder-row button{touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;border:1px solid #6d887b;color:#dfe6d1;background:linear-gradient(#385c53,#23453f);box-shadow:0 4px 0 #08222b,0 6px 8px #07171e66;transition:transform 65ms,background 65ms,box-shadow 65ms;min-height:44px;min-width:44px;border-radius:10px;font-size:15px;font-weight:bold;padding:0}.key{width:var(--key-size);height:var(--key-size)}.meta-key{height:44px;width:90px;font-size:10px;letter-spacing:1px;border-radius:18px;color:#c6d8bb}.shoulder-row button{font-size:10px;border-radius:8px;min-height:44px}.dpad,.face-buttons{width:calc(var(--key-size)*3 + 8px);height:calc(var(--key-size)*3 + 8px);display:grid;grid-template-columns:repeat(3,var(--key-size));grid-template-rows:repeat(3,var(--key-size));gap:4px;align-items:center;justify-content:center}.up{grid-area:1/2}.left{grid-area:2/1}.right{grid-area:2/3}.down{grid-area:3/2}.pad-center{grid-area:2/2;display:grid;place-items:center;color:#54786b;font-size:25px}.face-top{grid-area:1/2;color:#a8d4a5}.face-left{grid-area:2/1;color:#d2aad0}.face-right{grid-area:2/3;color:#e4b3a0}.face-bottom{grid-area:3/2;color:#9acbd7}.face-buttons .key{border-radius:50%;background:linear-gradient(#3b5158,#263c44)}.face-buttons.two-buttons .face-bottom{grid-area:2/1}.face-buttons.two-buttons .face-right{grid-area:2/3;transform:translateY(-12px)}[data-control].pressed{background:#b69b66!important;color:#132c2d!important;box-shadow:0 1px 0 #09202b,0 0 13px #d5c48388!important;transform:translateY(3px)}.two-buttons .face-right.pressed{transform:translateY(-9px)}.solo-screen{display:flex;flex-direction:column;align-items:stretch;justify-content:center;min-width:0;min-height:0;height:100%;padding:0 5px}.screen-caption,.screen-bottom{display:flex;justify-content:space-between;align-items:center;gap:9px;font-size:8px;line-height:1.5;color:#b0c1a5;min-height:24px}.screen-bottom{color:#8eac9c}.disconnected{font-size:8px;color:#d5bb8c;white-space:nowrap}#screen-well{position:relative;display:flex;align-items:center;justify-content:center;background:#050f17;border:2px solid #5f7560;box-shadow:0 0 0 5px #0e252d,0 14px 25px #07182077;border-radius:9px;min-height:0;flex:1;overflow:hidden}#solo-picture{position:relative;overflow:hidden;flex:none;max-width:100%;max-height:100%;background:#061019}.solo-evidence-crop{position:absolute;inset:0;overflow:hidden}.solo-evidence-crop img{position:absolute;max-width:none;image-rendering:var(--image-filter)}.solo-cover{width:100%;height:100%;object-fit:contain;display:block;image-rendering:var(--image-filter)}.cover-only-label{position:absolute;bottom:0;inset-inline:0;background:#071b27e6;color:#ead294;font-size:10px;text-align:center;padding:7px}.input-status{display:flex;gap:15px;align-items:center;justify-content:space-between;min-height:34px;padding:6px max(12px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));font-size:9px;line-height:1.5;background:#0c222b;border-top:1px solid #3c5c50;color:#8fb59f}.input-status #input-readout{color:#d9d6a1;min-width:100px}.solo-playing{overflow:hidden;overscroll-behavior:none}.solo-playing .solo-header{display:none}.solo-playing #solo-app{height:100dvh}.solo-playing #solo-session{height:100dvh}.position-lower .control-rail{align-self:end;margin-bottom:5px}.motion-off *{transition:none!important;animation:none!important}dialog{width:min(700px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;background:#173339;color:var(--ink);border:1px solid #789374;border-radius:12px;padding:42px 24px 24px;box-shadow:0 20px 70px #0007;touch-action:pan-y}dialog::backdrop{background:#03141fbb;backdrop-filter:blur(4px)}.close{position:absolute;right:8px;top:8px;width:44px;height:44px;min-height:44px;border:0;border-radius:5px;background:transparent;color:#dbe3cd;font-size:22px}dialog h2{font-size:27px;margin:10px 0}.settings-note{font-size:10px;line-height:1.8;color:#a2bba8}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:23px 0}.settings-grid label{font-size:11px;color:#b8c8af}.settings-grid select{display:block;width:100%;margin-top:7px}.core-settings{border:1px solid #5b7663;border-radius:6px;background:#102932;padding:16px}.core-settings strong{font-size:12px;display:block}.core-settings select{width:100%;margin-top:12px}.core-settings p{font-size:10px;color:#9bb29e;line-height:1.8}.settings-bottom{display:flex;gap:10px;margin-top:20px}#solo-notice{position:fixed;bottom:15px;left:50%;transform:translateX(-50%);max-width:90vw;font-size:11px;padding:10px 16px;border-radius:5px;background:#d7c18a;color:#153234;z-index:5;pointer-events:none}#solo-notice:empty{display:none}
@media(orientation:portrait){#solo-stage{--key-size:clamp(44px,var(--preferred-key-size),calc((100vw - 70px)/6));height:auto;min-height:0;grid-template-columns:1fr 1fr;grid-template-areas:'screen screen' 'left right';padding:12px max(12px,env(safe-area-inset-right)) 20px max(12px,env(safe-area-inset-left));gap:20px 14px}.solo-screen{grid-area:screen;height:clamp(180px,35dvh,400px);padding-inline:4px}.left-rail{grid-area:left}.right-rail{grid-area:right}.solo-playing{overflow:auto;overscroll-behavior:none}.solo-playing #solo-session{height:auto;min-height:100dvh}.control-rail{gap:9px}.input-status{flex-wrap:wrap;gap:4px 10px}.input-status #release-note{flex-basis:100%}.session-bar{gap:10px;padding:8px 12px;flex-wrap:wrap}.session-title{width:100%}.session-title strong{font-size:12px}.session-actions{width:100%}.session-actions button{flex:1}.position-lower .control-rail{margin-top:10px;margin-bottom:0}}
@media(max-width:700px){#solo-welcome{padding:30px 22px;grid-template-columns:1fr;gap:25px}.welcome-copy h1{font-size:42px}.welcome-copy>p{font-size:12px}.solo-header{padding:12px 17px;gap:12px}.solo-brand{font-size:16px}.mode-tag{display:none}.back-link{font-size:10px}.steps{gap:9px;font-size:10px;flex-wrap:wrap}.handheld-art{padding:20px 18px;gap:16px;max-width:100%;margin:5px 0 20px;transform:rotate(-3deg)}.art-screen{padding:28px 10px}.art-screen span{font-size:24px}.art-screen small{font-size:6px}.art-pad{font-size:36px}.art-buttons i{width:25px;height:25px;font-size:9px}.settings-grid{grid-template-columns:1fr}dialog{padding:45px 18px 22px}.session-title span{font-size:7px}.session-actions button{font-size:10px;padding:8px}.screen-caption,.screen-bottom{font-size:7px}.input-status{font-size:8px}}
@media(orientation:landscape) and (max-height:500px){.session-bar{min-height:54px;padding-block:4px}.session-title strong{font-size:10px}.session-actions button{font-size:9px;padding-inline:10px}#solo-stage{height:calc(100dvh - 86px);padding-block:5px;grid-template-columns:minmax(142px,20%) minmax(0,1fr) minmax(142px,20%);gap:8px}.input-status{min-height:32px;font-size:8px}.input-status #release-note{display:none}.control-rail{gap:5px}.screen-caption,.screen-bottom{font-size:7px;min-height:20px}.position-lower .control-rail{margin-bottom:0}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

.session-title span{font-size:9px;letter-spacing:.5px}.input-status{font-size:10px}@media(orientation:landscape) and (max-height:500px){.input-status{font-size:9px}.session-title span{font-size:9px}}

#solo-frame{display:flex;align-items:center;justify-content:center;flex:none;max-width:100%;max-height:100%;background:#02090e;overflow:hidden}.solo-playing #solo-session{padding-top:env(safe-area-inset-top)}@media(orientation:landscape){#solo-stage{height:calc(100dvh - 94px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}}@media(orientation:landscape) and (max-height:500px){#solo-stage{height:calc(100dvh - 86px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}}
@media(orientation:landscape){#solo-stage{--key-size:clamp(44px,var(--preferred-key-size),min(calc((100dvh - 180px)/3),calc((18vw - 12px)/3)))}}@media(orientation:landscape) and (max-height:500px){#solo-stage{--key-size:clamp(44px,var(--preferred-key-size),min(calc((100dvh - 180px)/3),calc((20vw - 12px)/3)))}}@media(orientation:landscape) and (max-height:340px){.session-bar{min-height:44px;padding-block:0}#solo-stage{height:calc(100dvh - 66px - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding-block:4px}.control-rail{gap:4px}.input-status{min-height:22px;padding-block:2px;font-size:8px}}