:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:#090c15;color:#f6efdf;--gold:#dabd7c;--muted:#a8b4cb}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 0,#1d2742 0,transparent 65%),#090c15;min-height:100vh}header,main,footer{max-width:1200px;margin:auto;padding:22px 28px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff15;gap:15px}.brand{font-size:14px;font-weight:800;letter-spacing:3px;text-decoration:none;color:inherit}.brand span{color:var(--gold)}.tools{display:flex;gap:7px}button,input{font:inherit}button{border:1px solid #d3bd803b;color:#e8d9b6;background:#ffffff08;border-radius:7px;padding:10px 16px;cursor:pointer;font-size:13px;font-weight:600;transition:background .18s,transform .18s}button:hover:not(:disabled){background:#d8bd7c24}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.intro{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:8px 0 18px}.eyebrow{font-size:11px;letter-spacing:3px;color:var(--gold)}h1{font-size:clamp(28px,4vw,42px);margin:8px 0 12px;letter-spacing:-1.5px}.htmlbadge{font-size:12px;color:var(--muted);white-space:nowrap}.htmlbadge span{display:inline-block;width:6px;height:6px;border-radius:50%;background:#97d8b0;margin-right:6px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;margin:8px 0 18px;font-size:12px;color:#7f8ba5}.steps span{padding:14px 12px;border-bottom:2px solid #ffffff15}.steps b{font-weight:500;margin-left:8px}.steps .active{color:var(--gold);border-color:var(--gold);background:#d8bd7c0a}.stage{border:1px solid #d8bd7c70;border-radius:12px;overflow:hidden;background:linear-gradient(#080c16c9,#070b16e6),url('assets/studio.jpg') center/cover;box-shadow:0 20px 70px #0006;min-height:570px}.stage.final{background:linear-gradient(#080c16cc,#070b16ed),url('assets/final.jpg') center/cover}.stage-top{padding:17px 24px;border-bottom:1px solid #ffffff18;display:flex;justify-content:space-between;color:var(--gold);font-size:11px;letter-spacing:2px;background:#080d19aa}#game{padding:24px;min-height:455px}.announcer{padding:13px 24px;border-top:1px solid #ffffff15;min-height:45px;color:#b8c5d9;font-size:13px}.pick-layout{display:grid;grid-template-columns:1fr 260px;gap:30px}.panel-title{font-size:22px;margin:0 0 10px;letter-spacing:-.5px}.sub{color:var(--muted);font-size:13px;line-height:1.6;margin:0 0 22px}.envelope-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;max-width:570px}.env{position:relative;padding:0;min-height:28px;aspect-ratio:2.3;background:linear-gradient(155deg,#fff,#cbd8e5);border:1px solid #a6bdce;border-radius:3px;box-shadow:0 3px 8px #0005;color:#485569;overflow:hidden;transition:transform .2s,filter .2s}.env:before{content:'';position:absolute;width:72%;height:110%;top:-75%;left:14%;background:linear-gradient(135deg,#fff,#dbe4ed);transform:rotate(45deg);border:1px solid #bdcddd}.env:hover:not(:disabled){background:linear-gradient(155deg,#fff,#e0c896);transform:translateY(-3px);filter:drop-shadow(0 0 6px #e7cd8b88)}.env span{position:relative;z-index:1;background:#172036b0;border-radius:3px;padding:1px 5px;color:#fff;font-size:11px}.env.chosen{visibility:hidden}.tray{background:#090e1e99;border:1px solid #adc6f02b;border-radius:8px;padding:20px;display:flex;flex-direction:column;align-items:center;text-align:center}.tray h3{font-size:16px;margin:0 0 6px}.tray .sub{font-size:12px}.selected-list{display:flex;flex-wrap:wrap;align-content:start;justify-content:center;gap:12px;width:100%;margin:10px 0 22px;min-height:115px}.selected-list .env{width:88px;min-height:40px}.gold{background:var(--gold);color:#151723;border-color:var(--gold);padding:13px 22px}.gold:hover:not(:disabled){background:#edd7a8}.wide{width:100%}.quiz-tray{display:flex;justify-content:center;gap:16px;margin:22px auto;flex-wrap:wrap}.quiz-tray .env{width:120px;min-height:54px}.env.earned{background:#9bdbb8}.env.lost{background:#936477}.question{max-width:820px;margin:auto;text-align:center}.question h2{font-size:clamp(21px,3vw,30px);line-height:1.35;margin:18px 0 26px}.answers{display:grid;grid-template-columns:1fr 1fr;gap:12px}.answer{text-align:left;display:flex;align-items:center;gap:15px;padding:17px;background:#0e192cdd;border-color:#8ea2c052;font-size:15px;min-height:66px;color:#eef1f7}.answer b{color:var(--gold)}.answer.good,.answer.good:disabled{background:#1b5c46;color:#fff;opacity:1;border-color:#83c6a6}.answer.bad,.answer.bad:disabled{background:#652536;color:#fff;opacity:1;border-color:#d07b8a}.feedback{margin:24px 0 16px;font-size:18px;line-height:1.5}.quiz-counters{display:flex;gap:24px;justify-content:center;color:var(--muted);font-size:13px;margin-top:20px}.auction{text-align:center;max-width:800px;margin:auto}.auction .eyebrow{margin:5px 0 12px}.big-envelope{width:180px;min-height:85px;display:flex;align-items:center;justify-content:center;margin:20px auto 18px}.big-envelope span{font-size:15px;padding:6px 12px}.offer{font-size:clamp(36px,6vw,56px);font-weight:700;color:var(--gold);letter-spacing:-1px;margin:14px 0 10px}.decision{display:flex;justify-content:center;gap:12px;margin:25px 0 22px}.decision button{padding:15px 25px;min-width:180px}.cashbox{display:flex;justify-content:center;gap:25px;padding:18px;border-top:1px solid #ffffff20;color:var(--muted);font-size:13px}.cashbox strong{color:#f1ebde;display:block;font-size:19px;margin-top:7px}.result{text-align:center}.result h2{font-size:28px;margin:5px 0 8px}.result .total{font-size:clamp(42px,7vw,72px);font-weight:700;color:var(--gold);margin:12px 0 18px}.reveal-list{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:20px 0}.reveal{background:#f1ebde;color:#172036;border-radius:5px;padding:17px 12px;min-width:115px;animation:reveal .5s ease both}.reveal small{display:block;color:#5c6777;font-size:10px;margin-bottom:10px}.reveal strong{font-size:20px}.reveal.penalty{background:#6e2a43;color:#ffe4e9}.reveal.penalty small{color:#e1bac6}.breakdown{color:var(--muted);font-size:13px;line-height:1.9;margin:15px 0}.save{margin:20px auto;display:flex;gap:8px;justify-content:center;flex-wrap:wrap}input{padding:12px;border:1px solid #ffffff40;border-radius:7px;background:#0b1221;color:#fff;max-width:220px}.below{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0}.below p{font-size:12px;color:var(--muted);line-height:1.6}.legend{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;border-top:1px solid #ffffff17;padding-top:25px}.legend span{font-size:11px;color:var(--gold);letter-spacing:2px}.legend p{font-size:13px;color:var(--muted);line-height:1.7}footer{display:flex;justify-content:space-between;font-size:11px;color:#7f8ba5;border-top:1px solid #ffffff14;margin-top:10px}dialog{background:#121b2c;color:#ece8df;border:1px solid #d8bd7c88;border-radius:12px;padding:28px;max-width:620px;width:calc(100% - 36px)}dialog::backdrop{background:#000b}dialog p,dialog li{font-size:14px;line-height:1.8;color:#b7c5dc}dialog ol{padding-left:21px}dialog h2{margin-top:0}.score-row{padding:13px 0;border-top:1px solid #ffffff20;display:flex;justify-content:space-between;font-size:14px;gap:14px}#scoresDialog form{margin-top:20px}.stage:fullscreen{overflow:auto;display:flex;flex-direction:column;justify-content:center}#game:focus{outline:none}@keyframes reveal{from{opacity:0;transform:rotateY(80deg)}to{opacity:1;transform:rotateY(0)}}@media(max-width:760px){header,main,footer{padding:18px}.tools{flex-wrap:wrap;justify-content:end;gap:5px}.tools button{padding:8px;font-size:11px}.brand{font-size:11px;letter-spacing:2px}.intro{display:block}.htmlbadge{margin:0 0 10px}.steps span{padding:12px 5px;font-size:10px}.steps b{margin-left:2px}.pick-layout{grid-template-columns:1fr;gap:20px}.tray{padding:14px;min-height:0}.selected-list{min-height:0;margin:8px 0 16px;gap:8px}.selected-list .env{width:55px;min-height:28px}.envelope-grid{margin:auto;gap:7px}.stage{min-height:0}#game{padding:20px 15px;min-height:425px}.env{min-height:25px}.panel-title{font-size:20px}.sub{margin-bottom:15px}.answers{grid-template-columns:1fr}.answer{padding:14px;min-height:54px;font-size:14px}.question h2{margin:15px 0 22px}.quiz-tray{gap:9px}.quiz-tray .env{width:83px;min-height:39px}.decision{gap:8px}.decision button{min-width:0;flex:1;padding:14px 10px}.cashbox{gap:15px;padding:18px 0}.cashbox strong{font-size:17px}.legend{grid-template-columns:1fr;gap:10px}.legend p{margin:9px 0}.below{align-items:start}.below button{white-space:nowrap}footer{font-size:10px;gap:12px}.reveal{min-width:92px;padding:14px 8px}.reveal strong{font-size:17px}}@media(prefers-reduced-motion:reduce){*,*:before{animation:none!important;transition:none!important}}
:root{--motion-duration:.4s}html{scroll-behavior:smooth}button{touch-action:manipulation;min-height:44px}button[hidden],[hidden]{display:none!important}.stage{position:relative}.htmlbadge>span#networkState{display:inline;width:auto;height:auto;background:none;margin:0}.htmlbadge small{display:block;margin-top:8px;color:#c9b888;white-space:normal;line-height:1.5}.envelope-grid .env{min-height:44px}.pick-layout>div{min-width:0}.answer span,.score-row span{overflow-wrap:anywhere}.score-row span{min-width:0}.score-row strong{white-space:nowrap}.selected-list .env:disabled{opacity:1}.env.earned:disabled{opacity:.9}.env.lost:disabled{opacity:.5}.stage #game{scroll-margin-top:15px}.scene-enter{animation:sceneIn .4s both}.flash-good{animation:goodFlash .6s}.shake-bad{animation:shakeBad .4s}.offer-in{animation:offerIn .65s both}.envelope-float{animation:envelopeFloat 3s ease-in-out infinite}.reveal{animation-duration:.85s}.reveal:before{content:'✉';display:block;font-size:26px;margin-bottom:9px;color:#71859e}#celebration{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:3}#celebration i{position:absolute;top:-20px;width:9px;height:17px;background:var(--color);animation:fall 2.5s var(--delay) ease-in both}.feedback{padding:16px;border-radius:8px;background:#080e1b8c}.announcer{line-height:1.5}#updateNotice{position:fixed;bottom:max(12px,env(safe-area-inset-bottom));left:12px;right:12px;max-width:700px;margin:auto;padding:16px;background:#17243c;border:1px solid #dabd7c;border-radius:10px;box-shadow:0 8px 40px #0009;z-index:8;font-size:14px;line-height:1.6}#updateNotice button{margin-left:10px}.save{align-items:stretch}.save input{min-height:44px}.brand{flex-shrink:0}.tools{flex-wrap:wrap;justify-content:flex-end}footer{padding-bottom:max(22px,env(safe-area-inset-bottom))}@keyframes sceneIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes goodFlash{50%{box-shadow:inset 0 0 65px #6bdaa138}}@keyframes shakeBad{20%,60%{transform:translateX(-5px)}40%,80%{transform:translateX(5px)}}@keyframes offerIn{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes envelopeFloat{50%{transform:translateY(-8px) rotate(1deg)}}@keyframes fall{to{top:110%;transform:translateX(var(--drift)) rotate(640deg);opacity:0}}@media(min-width:761px) and (max-width:1024px){.pick-layout{grid-template-columns:minmax(0,1fr) 190px;gap:20px}.tray{padding:15px}.selected-list .env{width:65px}header{align-items:flex-start}.tools{max-width:430px}.envelope-grid{gap:6px}}@media(max-width:760px){header{flex-direction:column;align-items:stretch;gap:14px}.tools{justify-content:flex-start;gap:6px}.tools button{font-size:12px;padding:9px 10px}.intro{padding-top:5px}.envelope-grid{gap:6px}.envelope-grid .env{aspect-ratio:auto;height:44px}.tray{padding:12px}.tray .sub:last-child{margin:0}.selected-list .env{min-height:35px}.quiz-tray .env{min-height:44px}.steps b{display:block;margin-top:6px}.steps span{padding:10px 5px}dialog{max-height:85dvh;overflow:auto}h1{line-height:1.15}.htmlbadge{white-space:normal}#game{min-height:360px}.legend{gap:16px}}@media(max-width:359px){header,main,footer{padding:13px}#game{padding:16px 10px}.stage-top{padding:14px}.envelope-grid{gap:4px}.steps{font-size:10px}.cashbox{gap:10px;font-size:11px}.cashbox strong{font-size:15px}.below{display:block}.decision{flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before{animation:none!important;transition:none!important}#celebration{display:none}}
.mode-menu{max-width:1000px;margin:0 auto}.mode-menu>h2{font-size:32px;letter-spacing:-1px;margin:15px 0 28px}.mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0 26px}.mode-grid article,.stat-grid article{background:#101b2ce0;border:1px solid #a8b4cb33;border-radius:10px;padding:24px}.mode-grid article{display:flex;flex-direction:column}.mode-grid span{font-size:10px;letter-spacing:2px;color:var(--gold)}.mode-grid h3{font-size:25px;margin:20px 0 12px}.mode-grid p{color:var(--muted);line-height:1.75;font-size:14px;flex:1;margin:0 0 25px}.mode-grid button{width:100%}.resume-card{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px;background:#b99d5d18;border:1px solid #dabd7c70;border-radius:9px}.resume-card p{font-size:12px;color:var(--muted);line-height:1.7;margin:8px 0 0}.resume-local{margin:12px 0}.sealed-envelope{background:linear-gradient(145deg,#f0eee5,#a1b1c5);color:#30415d;min-width:115px;min-height:115px;border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 8px 20px #0004}.sealed-envelope span{font-size:48px}.sealed-envelope small{font-size:12px}.rank-filters{display:flex;gap:15px;margin:20px 0 24px}.rank-filters label{display:flex;flex-direction:column;gap:7px;color:var(--muted);font-size:12px;flex:1}select,textarea{font:inherit;border:1px solid #8092ac66;border-radius:7px;background:#0d1729;color:#eee;padding:12px;min-height:44px;max-width:100%}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.stat-grid strong{color:var(--gold);font-size:23px}.stat-grid h3{margin-top:0}.stat-grid p{font-size:12px;line-height:1.8}.history-row{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #ffffff20;padding:15px 0;font-size:13px}.history-row p{margin:6px 0;color:var(--muted);font-size:12px}.history-row strong{white-space:nowrap}#statsDialog{max-width:840px}footer a{color:inherit}.retry-move{margin-top:20px;border-color:#f0bf7c;color:#f0bf7c}@media(max-width:900px){.mode-grid{grid-template-columns:1fr}.mode-grid article{padding:20px}.mode-grid h3{margin:12px 0}.mode-grid p{margin-bottom:15px}.resume-card{align-items:flex-start;flex-direction:column}.resume-card button{width:100%}.mode-menu>h2{font-size:26px}.sealed-envelope{min-width:92px;min-height:100px}.rank-filters{flex-wrap:wrap}.history-row{align-items:flex-start}.history-row strong{font-size:14px}}@media(prefers-reduced-motion:no-preference){.sealed-envelope{animation:envelopeFloat 3s ease-in-out infinite}}

#nameDialog{max-width:480px}#nameDialog label{display:block;margin:18px 0 9px;font-size:14px;color:var(--muted)}#nameDialog input{width:100%;max-width:none;min-height:48px}#nameError{font-size:13px;color:#edc185;line-height:1.6}.sold-summary{max-width:760px;margin:30px auto;text-align:left;border-top:1px solid #dabd7c55;padding-top:22px}.sold-summary h3{font-size:22px;margin:0 0 10px}.sold-group{border:1px solid #a8b4cb40;background:#0d172bc9;border-radius:9px;padding:18px;margin:14px 0}.sold-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;font-size:14px}.sold-heading span{color:var(--muted)}.sold-heading b{color:var(--gold)}.sold-contents{display:flex;gap:12px;flex-wrap:wrap;margin-top:17px}.sold-contents>div{padding:13px 17px;background:#ffffff0b;border-radius:6px;min-width:105px}.sold-contents small{display:block;font-size:10px;color:#9fadc4;letter-spacing:1px;margin-bottom:8px}.sold-contents strong{font-size:20px;color:#f3ebd8}@media(max-width:600px){#nameDialog .decision{flex-direction:column}#nameDialog .decision button{width:100%}.sold-group{padding:14px}.sold-heading{align-items:flex-start;flex-direction:column;gap:9px}.sold-contents{gap:8px}.sold-contents>div{flex:1;min-width:90px}}

/* Reserve selection slots so picking envelopes never changes the board height. */
.selected-list{display:grid;grid-template-columns:repeat(2,88px);grid-auto-rows:44px;align-content:start;min-height:156px}.selected-list .env,.selection-slot{width:100%;height:44px;min-height:44px;box-sizing:border-box}.selection-slot{display:block;border:1px dashed #b8944d55;border-radius:4px}.envelope-grid .env:hover:not(:disabled){transform:none}
@media(min-width:761px) and (max-width:1024px){.selected-list{grid-template-columns:repeat(2,65px)}.selected-list .env{width:100%}}
@media(max-width:760px){.selected-list{grid-template-columns:repeat(5,minmax(0,55px));grid-auto-rows:35px;min-height:35px}.selected-list .env,.selection-slot{width:100%;height:35px;min-height:35px}}

.language-picker{display:inline-flex;align-items:center}.language-picker select,#language{min-height:44px;padding:8px 10px;border:1px solid #aa884b;border-radius:8px;background:#111b2c;color:#fff;font:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}