.audio-library{display:flex;flex-wrap:wrap;gap:5px;margin-top:15px}.audio-library p{width:100%}.audio-library button{font-size:9px;padding:8px}
.camera-cluster{position:absolute;right:16px;top:16px;z-index:3}.camera-cluster .camera-bar{position:static}.camera-cluster .tools{justify-content:flex-end;margin-top:8px}.camera-cluster .tools button{background:#07192dcc}.round-tag{left:50%!important;top:20px!important;transform:translateX(-50%);flex-direction:column-reverse;gap:5px!important;width:var(--category-width);padding:0!important;border:0!important;background:none!important;backdrop-filter:none!important;text-align:center;text-shadow:0 2px 5px #000}.round-tag b{font-size:24px!important}.round-tag span{font-size:9px!important}#game-ui{--category-width:min(640px,94vw);--category-center:50%}#game-ui:has(#category-reveal:not([hidden])) .round-tag{top:calc(var(--category-width) * .12)!important;left:var(--category-center)!important}#game-ui:has(#category-reveal:not([hidden])) #category{display:none}
@media(min-width:801px) and (max-width:1400px){#game-ui{--category-width:min(640px,calc(100vw - 430px));--category-center:calc(50% - 215px)}}
@media(max-width:800px){.camera-cluster{left:12px;right:12px;top:calc(min(640px,94vw) * .12 + 28px)}.camera-cluster .camera-bar{justify-content:center}.camera-cluster .tools{justify-content:center}.round-tag b{font-size:20px!important}}
#power-meter{display:block;max-width:100%;height:auto;margin:10px auto 0}#letter-notice{position:absolute;left:50%;bottom:var(--letter-notice-bottom,382px);transform:translateX(-50%);width:min(760px,calc(100% - 24px));height:auto;pointer-events:none;z-index:4;background:transparent}#help-image{max-width:100%;height:auto}.retail-help{margin-bottom:22px}
@media(max-width:500px){.topbar .wordmark{display:none}.topbar .tools button{padding:8px 6px}.console .actions{flex-wrap:wrap}#power-meter{width:330px}}
:root{color-scheme:dark;--ink:#07192d;--paper:#edf3ed;--gold:#ffd06b;--blue:#3054da;--line:#ffffff24;--panel:#081627ed;--muted:#9bafc7}
*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--paper);font-family:Georgia,'Times New Roman',serif}button,input,select{font:inherit}button,select{cursor:pointer}button{border:1px solid var(--line);background:#ffffff09;color:inherit;padding:13px 19px;border-radius:5px;font-family:Verdana,sans-serif;font-size:11px;font-weight:700;letter-spacing:1px;transition:background .18s,transform .18s}button:hover:enabled{background:#ffffff22;transform:translateY(-1px)}button:disabled{opacity:.35;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:3px}button.primary{background:var(--gold);color:#192131;border-color:var(--gold)}[hidden]{display:none!important}#studio{height:100svh;min-height:620px;position:relative;overflow:hidden}#scene{position:absolute;width:100%;height:100%;inset:0;touch-action:none}.topbar{position:absolute;top:0;left:0;right:0;height:78px;padding:0 30px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(#07192ddd,transparent);z-index:3}.site-link{font:700 11px Verdana,sans-serif;letter-spacing:2px;color:var(--paper);text-decoration:none}.site-link span{color:var(--gold)}.wordmark{font:bold 21px Georgia,serif;letter-spacing:4px;text-shadow:0 3px 12px #000}.wordmark span{font-size:11px;letter-spacing:1px}.tools{display:flex;gap:8px}.tools button{padding:9px 12px;font-size:9px}.footer{position:absolute;bottom:10px;left:30px;right:30px;display:flex;justify-content:space-between;font:9px Verdana,sans-serif;letter-spacing:2px;color:#b4c5d2aa;pointer-events:none;z-index:3}.overlay{position:absolute;inset:0;display:flex;align-items:center;padding:95px 7vw 45px;background:linear-gradient(90deg,#06121ff5 0%,#06121fac 36%,transparent 80%);z-index:2}.lobby-card{width:490px;max-width:100%;animation:arrive .7s both}.eyebrow{font:10px Verdana,sans-serif;letter-spacing:3px;color:var(--gold)}h1{font-size:clamp(52px,6vw,86px);font-weight:normal;line-height:1;margin:20px 0;letter-spacing:-3px}.lobby-card>p{font-size:19px;line-height:1.6;color:#cfdae7;margin-bottom:28px}.setup-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}label{display:block;margin-bottom:16px;font:10px Verdana,sans-serif;letter-spacing:1.5px;color:var(--muted);text-transform:uppercase}input,select{display:block;width:100%;margin-top:8px;padding:12px;background:#0b1b2c;color:var(--paper);border:1px solid #ffffff35;border-radius:4px;font:13px Verdana,sans-serif;letter-spacing:0;min-width:0}.start{width:100%;display:flex;justify-content:space-between;padding:18px;font-size:12px;margin-top:5px}.start span{font-size:20px;line-height:12px}.lobby-card small{display:block;margin-top:16px;font:10px Verdana,sans-serif;color:var(--muted);line-height:1.5}#loading{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 40%,#254578,#07192d 70%);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10}#loading h1{font-size:38px;letter-spacing:-1px}#loading p{color:var(--muted);font:12px Verdana,sans-serif;max-width:80%;text-align:center}progress{height:4px;width:240px;accent-color:var(--gold)}.loading-wheel{width:65px;height:65px;border:2px solid var(--gold);border-radius:50%;background:conic-gradient(#ffd06b55 0deg 30deg,transparent 30deg 60deg,#ffd06b55 60deg 90deg,transparent 90deg 120deg,#ffd06b55 120deg 150deg,transparent 150deg 180deg,#ffd06b55 180deg 210deg,transparent 210deg 240deg,#ffd06b55 240deg 270deg,transparent 270deg 300deg,#ffd06b55 300deg 330deg,transparent 330deg);animation:turn 3s linear infinite}.round-tag{position:absolute;left:30px;top:95px;background:#07192dbb;backdrop-filter:blur(12px);padding:12px 17px;border-left:3px solid var(--gold);display:flex;gap:20px;align-items:center}.round-tag span{font:10px Verdana,sans-serif;letter-spacing:2px;color:var(--gold)}.round-tag b{font-size:17px;font-weight:normal}.camera-bar{position:absolute;right:30px;top:95px;display:flex;background:#07192dbb;backdrop-filter:blur(12px);border-radius:5px}.camera-bar button{padding:11px 14px;font-size:9px;border:none}.camera-bar .selected{background:#ffd06b22;color:var(--gold)}.scoreboard{position:absolute;bottom:252px;left:50%;transform:translateX(-50%);display:flex;gap:9px;width:min(640px,calc(100% - 40px))}.player{flex:1;background:#07192dd9;border:1px solid var(--line);border-top:3px solid var(--player-color);padding:12px 16px;backdrop-filter:blur(10px);border-radius:5px;min-width:0}.player.active{box-shadow:0 0 0 1px var(--gold);background:#173251e8}.player .name{font:10px Verdana,sans-serif;letter-spacing:1px;display:flex;justify-content:space-between}.player .name small{color:var(--gold);font-size:8px}.player .money{font:26px Georgia,serif;margin-top:7px}.player .bank{font:9px Verdana,sans-serif;color:var(--muted);margin-top:4px}.console{position:absolute;bottom:35px;left:50%;transform:translateX(-50%);width:min(960px,calc(100% - 40px));padding:18px 24px;background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 10px 70px #0008;backdrop-filter:blur(16px)}.status-line{display:flex;align-items:center;gap:10px;min-height:26px;font:12px Verdana,sans-serif;margin-bottom:12px}.status-line>b{color:var(--gold);white-space:nowrap;font-size:10px;letter-spacing:1px}.status-line>span:last-child{color:#d8e2ed;line-height:1.4}.live-dot{width:6px;height:6px;background:var(--gold);border-radius:50%;flex-shrink:0}.actions{display:flex;gap:9px}.actions>button:first-child{flex:2}.actions>button{flex:1}.actions span,kbd{font:9px Verdana,sans-serif;opacity:.6;margin-left:7px}.alphabet{display:grid;grid-template-columns:repeat(26,1fr);gap:3px;margin-top:13px}.alphabet button{padding:10px 0;font:13px Georgia,serif;letter-spacing:0;min-width:0}.alphabet button.vowel{color:var(--gold);border-color:#ffd06b55}.alphabet button.used{background:#163527;color:#8abf92;opacity:.45}.alphabet button.miss{color:#dd8a8a;background:#381c21}.alphabet button.chosen{background:var(--gold);color:var(--ink)}#solve-form{display:flex;gap:8px;margin-top:14px}#solve-form input{margin:0;flex:1;text-transform:uppercase}#solve-form button{padding:12px}#bonus-hint{margin-top:10px;font:11px Verdana,sans-serif;color:var(--gold)}dialog{background:#0b1c30;color:var(--paper);border:1px solid var(--line);border-radius:8px;width:500px;max-width:calc(100% - 30px);max-height:85svh;padding:35px;box-shadow:0 20px 100px #000b}dialog::backdrop{background:#020a13b0;backdrop-filter:blur(5px)}dialog h2{font-weight:normal;font-size:35px;margin:15px 0 25px}dialog p,details{font:12px/1.7 Verdana,sans-serif;color:var(--muted)}dialog .close{position:absolute;right:12px;top:10px;border:none;font-size:25px;padding:6px 10px}details{margin-top:24px}summary{cursor:pointer;color:var(--gold)}a{color:var(--gold)}#library{display:flex;flex-wrap:wrap;gap:5px;margin-top:12px}#library button{font-size:9px;padding:8px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@keyframes turn{to{transform:rotate(360deg)}}@keyframes arrive{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:800px){.topbar{padding:0 16px;height:65px}.site-link{font-size:9px}.wordmark{font-size:15px;letter-spacing:2px}.tools{gap:4px}.tools button{font-size:8px;padding:8px}.overlay{padding:78px 6vw 35px;background:linear-gradient(90deg,#06121ff0,#06121f8c)}.lobby-card{width:430px}.lobby-card>p{font-size:16px;line-height:1.5;margin-bottom:20px}h1{font-size:56px;margin:16px 0}.round-tag{left:15px;top:76px;gap:12px;padding:10px}.round-tag b{font-size:13px}.camera-bar{right:15px;top:123px}.camera-bar button{padding:9px;font-size:8px}.console{width:calc(100% - 24px);padding:13px;bottom:30px}.alphabet{grid-template-columns:repeat(13,1fr);gap:4px}.alphabet button{padding:9px 0}.scoreboard{bottom:275px;width:calc(100% - 24px);gap:6px}.player{padding:10px}.player .money{font-size:23px}.status-line{flex-wrap:wrap;gap:7px;margin-bottom:9px}.status-line>span:last-child{width:100%;font-size:11px}.actions>button{padding:12px 8px;font-size:9px}.actions kbd{display:none}.footer{left:15px;right:15px;font-size:7px;letter-spacing:1px}#solve-form{flex-wrap:wrap}#solve-form input{flex-basis:100%}.setup-row{gap:10px}}
@media(max-width:500px){.topbar{padding:0 12px}.wordmark{font-size:12px;letter-spacing:1px;white-space:nowrap}.wordmark span{font-size:8px}.site-link{font-size:8px;letter-spacing:1px;white-space:nowrap}.tools button{font-size:7px;padding:8px 7px;letter-spacing:.6px;white-space:nowrap}}
@media(max-height:700px) and (min-width:801px){.overlay{padding-top:75px}.lobby-card h1{font-size:54px;margin:12px 0}.lobby-card>p{font-size:15px;margin-bottom:16px}.lobby-card label{margin-bottom:10px}.console{padding:12px 20px}.scoreboard{bottom:220px}.alphabet button{padding:8px 0}}
@font-face{font-family:'Retail Category';src:url('assets/presentation/category.woff') format('woff');font-display:swap}
@font-face{font-family:'Retail Podium';src:url('assets/presentation/podiums/univers-extrablack.woff') format('woff');font-display:swap}
#category-reveal{position:absolute;top:0;left:var(--category-center);transform:translateX(-50%);width:var(--category-width);height:auto;pointer-events:none;z-index:5}
#category{font-family:'Retail Category',Verdana,sans-serif}
.scoreboard{width:min(var(--score-width,640px),calc(100% - 24px))}
.roster-row{display:grid;grid-template-columns:minmax(0,1fr) 105px;gap:12px}.roster-row label{margin-bottom:10px}.roster-row input,.roster-row select{padding:9px;margin-top:5px}.roster-row.empty{opacity:.5}.player-setup{margin:3px 0 12px}.lobby-card>p{margin-bottom:16px}.host-name{font:8px Verdana,sans-serif;color:var(--muted);border:1px solid var(--line);padding:3px 5px}.player .name{justify-content:flex-start;gap:7px}.player .name small{margin-left:auto}#setup-error{font:12px Verdana,sans-serif;color:#ffa995}#solve-form{display:block}#solve-form>p{font:10px Verdana,sans-serif;color:var(--muted);margin:0 0 8px}#solve-tiles{display:grid;grid-template-columns:repeat(14,minmax(0,1fr));gap:3px;max-width:580px;margin:auto}#solve-tiles input,#solve-tiles span{height:27px;min-width:0;margin:0;padding:2px;text-align:center;font:20px 'Retail Board',sans-serif;border-radius:2px}#solve-tiles input{background:#fcf9ed;color:#092338;border:2px solid #688395;text-transform:uppercase}#solve-tiles input:focus{border-color:var(--gold);background:#fff4cc;outline:1px solid var(--gold);outline-offset:0}#solve-tiles span.known{background:#cbd3d5;color:#0b2633;border:1px solid #73808a}.solve-actions{display:flex;justify-content:center;gap:8px;margin-top:10px}.solving #alphabet{display:none}.solving .actions{display:none}@font-face{font-family:'Retail Board';src:url('assets/presentation/board.woff') format('woff');font-display:swap}
@media(max-width:800px){.roster-row{gap:8px;grid-template-columns:minmax(0,1fr) 105px}.overlay{align-items:center;padding-top:75px}.lobby-card h1{font-size:45px;margin:10px 0}.lobby-card>p{font-size:14px;margin:10px 0 15px}.roster-row input,.roster-row select{font-size:12px}.setup-row label{margin-bottom:10px}#solve-tiles{gap:2px}#solve-tiles input,#solve-tiles span{height:24px;font-size:17px}.player.active .name:before{font-size:7px;margin-right:0}.player .name{font-size:9px;gap:4px}}
.player.active{background:#07192dd9}.player .money{font-family:'Retail Podium',sans-serif;font-size:24px;letter-spacing:-1px}
@font-face{font-family:'Retail Shell';src:url('assets/presentation/shell/fonts/gameshell-7_Cosmos Medium.woff') format('woff');font-display:swap}
.retail-logo{display:block;width:280px;max-width:80%;height:auto;margin:0 0 8px}.lobby-card .eyebrow,.match-rules summary{font-family:'Retail Shell',sans-serif}.match-rules{margin:0 0 14px;font:11px Verdana,sans-serif}.match-rules summary{letter-spacing:1px;list-style-position:inside;padding:8px 0}.match-rules .setup-row{margin-top:10px}.check-rule{display:flex;align-items:center;gap:8px;margin:6px 0!important;font-size:11px!important;letter-spacing:0!important}.check-rule input{width:16px;height:16px;margin:0;accent-color:#26d5ee}.overlay{overflow-y:auto}.lobby-card{margin:auto 0}#buzzers{margin-top:10px}#buzzers button{background-image:url('assets/presentation/shell/gameshell_i16e.png');background-size:100% 100%;color:white}.player .bank{line-height:1.5}.lobby-card .start{font-family:'Retail Shell',sans-serif;background-image:url('assets/presentation/shell/gameshell_i16e.png');background-size:100% 100%;color:#fff;border:0;min-height:45px}
@media(max-width:800px){.retail-logo{width:205px;margin-bottom:5px}.lobby-card>p{font-size:12px;margin:8px 0}.match-rules{margin-bottom:10px}.overlay{align-items:safe center}.lobby-card .start{min-height:40px}}