.mobile-game-app{display:none}
@media(max-width:700px){
body.mobile-game-mode{margin:0;overflow:hidden;background:#071a14}
body.mobile-game-mode>.masthead,body.mobile-game-mode>.mobile-sections,body.mobile-game-mode>main,body.mobile-game-mode>footer{display:none!important}
body.mobile-game-mode .mobile-game-app{--mg-hue:166;--mg-bg:hsl(var(--mg-hue) var(--mg-saturation,45%) 9%);--mg-light:hsl(var(--mg-hue) var(--mg-saturation,64%) 68%);--mg-line:hsl(var(--mg-hue) var(--mg-saturation,24%) 43%);position:fixed;inset:0;display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% 30%,hsl(var(--mg-hue) var(--mg-saturation,45%) 19%),var(--mg-bg) 76%);color:#fff6dd;font:16px/1.45 system-ui,sans-serif;isolation:isolate}
.mobile-game-app *{box-sizing:border-box}.mobile-game-app [hidden]{display:none!important}
.mg-top{flex:none;display:flex;align-items:center;gap:8px;padding:max(14px,env(safe-area-inset-top)) 16px 12px;border-bottom:1px solid #ffffff12;min-height:64px}
.mg-top>strong{font-size:12px;letter-spacing:.05em;flex:1;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.mobile-game-app button,.mobile-game-app a.mg-secondary{font:inherit;cursor:pointer;color:inherit;touch-action:manipulation}
.mobile-game-app .mg-back{width:38px;min-height:44px;font-size:32px;padding:0;background:none;border:0}
.mobile-game-app .mg-balance{max-width:47%;font-size:12px;padding:8px 10px;min-height:38px;border:1px solid #cfae69;border-radius:30px;background:#0004;color:#ffe3a2;white-space:nowrap}
.mg-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.mg-panel{min-height:100%;display:flex;flex-direction:column;align-items:stretch;gap:14px;padding:22px 22px 14px;text-align:center;animation:mg-slide .22s ease-out}
.mg-panel h2{font:700 clamp(23px,6.5vw,32px)/1.16 Georgia,serif;color:#fff6dd;margin:0 0 6px}.mg-panel p{margin:0;color:#e2e8dd}.mg-panel h2:focus{outline:none}
.mg-panel .mg-brand{font:700 30px/1.12 Georgia,serif;max-width:250px;align-self:center;white-space:pre-line;margin-bottom:10px;color:#fff0bd}
.mg-vinyl{width:132px;height:132px;align-self:center;display:grid;place-items:center;margin:6px 0;border-radius:50%;border:2px solid #bea160;box-shadow:0 8px 30px #0006;background:repeating-radial-gradient(circle,#10251b 0 4px,#06150d 5px 7px);font-size:58px;color:#edce83}
.mg-rules{white-space:pre-line;text-align:left;align-self:center;line-height:2.1;padding:8px}.mg-panel .mg-loading{font-size:13px;color:#dfc78a}.mg-loading:empty{display:none}
.mobile-game-app .mg-primary{display:block;width:100%;border:1px solid var(--mg-light);border-radius:16px;background:linear-gradient(130deg,var(--mg-light),hsl(var(--mg-hue) var(--mg-saturation,58%) 48%));color:#092219;min-height:56px;padding:12px 18px;font-weight:800;font-size:19px;box-shadow:0 5px 18px #0002}
.mobile-game-app .mg-secondary{display:block;text-align:center;border:1px solid var(--mg-line);border-radius:14px;background:#ffffff05;min-height:48px;padding:11px 14px;text-decoration:none;color:#fff6dd}
.mobile-game-app button:disabled{opacity:.4;cursor:default}.mobile-game-app :focus-visible{outline:3px solid #ffe3a2;outline-offset:3px}
.mg-progress{flex:none;display:flex;justify-content:center;gap:20px;padding:10px 0 max(14px,env(safe-area-inset-bottom));color:#ffffff30;font-size:14px}.mg-progress .active{color:var(--mg-light);text-shadow:0 0 12px var(--mg-light)}
.mobile-game-app .sleeve{position:relative;width:100%;border:1px solid var(--mg-line);border-radius:16px;background:#0003;box-shadow:0 8px 24px #0004;overflow:hidden;margin:0;padding:0;aspect-ratio:1/1;min-height:0}
.mobile-game-app #cover{position:static;width:100%;height:100%;max-height:none;object-fit:contain;display:block;transform:none}
.mobile-game-app .sleeve .controls,.mobile-game-app .cover-label,.mobile-game-app .pendu-panel,.mobile-game-app #slide-countdown{display:none!important}
.mg-clue-thumb{width:100px;height:100px;object-fit:cover;border:1px solid var(--mg-line);border-radius:12px;align-self:center;cursor:pointer}
.mg-lives{display:flex;justify-content:center;gap:10px;font-size:20px;line-height:1}.mg-lives .alive{color:var(--mg-light);text-shadow:0 0 10px #63e9a74d}.mg-lives .spent{color:#ffffff25}
.mobile-game-app #hangman{display:flex;flex-direction:column;gap:12px;width:100%;margin:0;padding:0;border:0;background:none;box-shadow:none;min-width:0;outline:none}
.mobile-game-app #hangman .game-heading,.mobile-game-app #hangman .game-display-bezel,.mobile-game-app #artist-price,.mobile-game-app #artist-search-result,.mobile-game-app #hangman .game-help,.mobile-game-app .artist-clue,.mobile-game-app #artist-reward,.mobile-game-app #game-loss,.mobile-game-app .keyboard-choice{display:none!important}
.mobile-game-app .game-display,.mobile-game-app .game-display-glass{background:none;border:0;border-radius:0;box-shadow:none;padding:0;min-height:0;margin:0;transform:none}
.mobile-game-app #game-status{font:13px/1.4 system-ui;color:#c4d4cb;margin:0;text-shadow:none}.mobile-game-app #quiz-hint-text{font:15px/1.45 system-ui;color:#fff1bb;text-shadow:none;padding:10px;background:#0003;border-radius:10px}
.mobile-game-app .riddle-row,.mobile-game-app .title-clue{display:block;width:100%;margin:0;padding:0;background:none;border:0;box-shadow:none}.mobile-game-app .clue-icon{display:none}
.mobile-game-app #word{display:flex!important;justify-content:center;flex-wrap:wrap;gap:8px;max-width:100%;font:700 20px/1.2 Georgia,serif}
.mobile-game-app .word-group{display:inline-flex;gap:3px;max-width:100%;flex-wrap:wrap;justify-content:center}
.mobile-game-app .letter{display:inline-grid;place-items:center;width:24px;height:34px;font-size:20px;padding:0;border:1px solid var(--mg-line);border-radius:5px;background:#ffffff09;color:#fff6dd;text-shadow:none}
.mobile-game-app .game-help-row{display:flex;flex-wrap:wrap;gap:8px;margin:0;order:4}.mobile-game-app #quiz-hints{display:flex;width:100%;gap:6px}.mobile-game-app #quiz-hints button{flex:1;min-width:0;min-height:44px;padding:6px 2px;font-size:12px;border:1px solid var(--mg-line);background:#ffffff07;border-radius:10px;color:#fff1bb}
.mobile-game-app #letters{display:grid!important;grid-template-columns:repeat(20,minmax(0,1fr))!important;gap:4px;order:3;padding:0;margin:4px 0;background:none;border:0;box-shadow:none;width:100%}
.mobile-game-app #letters button{height:44px;min-height:44px;min-width:0;width:auto;padding:0;font:600 17px/1 system-ui;background:linear-gradient(#ffffff20,#ffffff0a);border:1px solid var(--mg-line);border-radius:7px;color:#fff6dd;box-shadow:0 3px 3px #0003;transform:none}
.mobile-game-app #letters button:disabled{opacity:.28}
.mg-options,.mobile-game-app .quiz-howto{background:#0002;border:1px solid var(--mg-line);border-radius:12px;padding:12px;text-align:left;font-size:14px;box-shadow:none;margin:0}.mg-options summary,.mobile-game-app .quiz-howto summary{cursor:pointer;min-height:24px;color:#fff6dd}.mg-options[open]>:not(summary){margin-top:12px}
.mobile-game-app #artist-search{display:flex}.mobile-game-app #artist-search input{width:100%;min-width:0}.mobile-game-app #quiz-send{background:none;padding:0;border:0}.mobile-game-app #quiz-send .quiz-send-fields{display:block}.mobile-game-app #quiz-send label{display:block;margin:10px 0}.mobile-game-app #quiz-send input{width:100%;background:#0c2019;color:white;border:1px solid var(--mg-line);padding:10px}
.mg-win-coin{display:grid;place-items:center;align-self:center;width:144px;height:144px;margin:24px 0;border:5px double #ffdf8e;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffdd82,#956217);color:#fff1c8;font-size:70px;box-shadow:0 0 70px #ffc33a25}
.mg-answer{font:700 23px/1.3 Georgia,serif}.mobile-game-app #quiz-reward{display:block;font:700 24px/1.3 Georgia,serif;color:#ffe2a0;background:none;border:0;box-shadow:none;padding:12px 0;margin:0}
.mg-panel:first-child>.mg-primary{margin-top:auto}.mg-panel:nth-child(4)>.mg-primary{margin-top:16px}
.mobile-game-app .orchestrion{z-index:4}.mobile-game-app .orchestrion-frame{padding:12px}
@keyframes mg-slide{from{opacity:.3;transform:translateX(18px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.mg-panel{animation:none}}
@media(max-height:700px){.mg-panel{padding-top:14px;gap:10px}.mg-vinyl{width:86px;height:86px;font-size:42px}.mg-clue-thumb{width:64px;height:64px}.mg-panel .mg-brand{font-size:25px}.mg-panel h2{font-size:24px}}
}
@media(max-width:700px){.mobile-game-app #letters button{grid-column:span 2!important;grid-row:auto!important}.mobile-game-app #letters button:nth-child(21){grid-column:5 / span 2!important}.mobile-game-app #hangman:before,.mobile-game-app #hangman:after{display:none!important}}

@media(max-width:700px){
.mobile-game-app .mg-panel:nth-child(4){gap:12px}
.mobile-game-app .mg-win-coin{width:90px;height:90px;margin:4px 0 8px;font-size:46px}
.mobile-game-app #quiz-reward{font-size:19px;padding:12px;border:1px solid var(--mg-line);border-radius:14px;background:#ffffff06}
.mobile-game-app .mg-add-song{min-height:72px;font-size:20px;margin-top:6px!important}
.mobile-game-app .mg-add-copy{font-size:13px}
.mg-song-card{display:flex;flex-direction:column;align-items:center;gap:8px;margin:12px 0}
.mg-song-card img{width:140px;height:140px;object-fit:cover;border-radius:14px;border:1px solid var(--mg-line)}
.mg-song-card strong{font:700 28px/1.2 Georgia,serif}.mg-song-card span{font-size:19px}
.mg-panel .mg-destination{padding:15px;border:1px solid var(--mg-line);border-radius:14px;background:#ffffff08;font-weight:700}
.mg-panel .mg-step-label{font-size:13px;color:var(--mg-light)}
.mobile-game-app #quiz-send-form{display:flex;flex-direction:column;gap:16px;text-align:left}
.mobile-game-app #quiz-send-form .quiz-send-fields{display:flex;flex-direction:column;gap:15px}
.mobile-game-app #quiz-send-form label{display:flex;flex-direction:column;gap:6px;margin:0;font-size:15px;color:#fff6dd}
.mobile-game-app #quiz-send-form label:has(#quiz-signature){order:3}
.mobile-game-app #quiz-send-form label>span{display:none}
.mobile-game-app #quiz-send-form input{width:100%;min-height:52px;padding:12px;border:1px solid var(--mg-line);border-radius:12px;background:#ffffff08;color:#fff6dd;font:16px system-ui}
.mobile-game-app #quiz-send-form input::placeholder{color:#c2d1c9}
.mobile-game-app #quiz-send-result{font-size:14px;color:#ffe2a0}.mobile-game-app #quiz-send-result:empty{display:none}
.mg-sent-mark{align-self:center;width:84px;height:84px;display:grid;place-items:center;border-radius:50%;background:var(--mg-light);color:#092219;font-size:46px;margin:12px}
.mobile-game-app a.mg-primary{text-decoration:none}
}

.mg-jukebox-choice{width:100%;padding:14px;border:1px solid #d9bf8566;border-radius:18px;background:#101c20;color:#fff8ec;box-sizing:border-box}.mg-jukebox-choice .mg-primary{width:100%;white-space:normal}.mg-jukebox-choice small{display:block;margin-top:8px;font-size:13px}.mg-jukebox-choice p{font-size:13px!important;line-height:1.4}.mg-jukebox-choice button:disabled{opacity:.55}

@media(max-width:700px){
.mobile-game-app .mg-session-select{flex:1;min-width:0;width:0;min-height:44px;padding:8px 24px 8px 10px;border:1px solid var(--mg-line);border-radius:10px;background:#17211e;color:#fff6dd;font:600 13px/1.3 system-ui,sans-serif;text-overflow:ellipsis;cursor:pointer;color-scheme:dark}
.mobile-game-app .mg-session-select option{background:#17211e;color:#fff6dd}
.mobile-game-app .mg-session-select:focus-visible{outline:3px solid #ffe3a2;outline-offset:2px}
}