/* The two worlds share the ROUNDZ mark; atmosphere follows pointer and remote focus. */
.case-on.remote-nav :focus,.case-on.tv-mode :focus,.lobby-on.remote-nav .case-world:focus,.lobby-on.tv-mode .case-world:focus{outline-color:#e4c696!important;box-shadow:0 0 0 9px #111817!important}
body.lobby-on,body.case-on{background:#101415;color:#f0ede5}
.world-atmosphere{position:fixed;inset:0;pointer-events:none;z-index:0;display:none;overflow:hidden;background:radial-gradient(ellipse at 50% 5%,#34444455,transparent 65%),#101415}
.lobby-on .world-atmosphere,.case-on .world-atmosphere{display:block}
.lobby-on main,.case-on main{position:relative;z-index:1}
.world-atmosphere>div{position:absolute;inset:0;opacity:0;transition:opacity .8s ease}
.atmosphere-trivia{background:radial-gradient(ellipse at 80% 40%,#8053bd66,transparent 60%),radial-gradient(ellipse at 10% 90%,#56825844,transparent 60%),#171525}
.atmosphere-trivia:after{content:'PLAY';position:absolute;left:-3vw;bottom:-7vw;font:900 27vw Inter,sans-serif;letter-spacing:-2vw;color:#ffffff03;transform:rotate(-12deg)}
.atmosphere-case{background:linear-gradient(115deg,transparent 25%,#d0ae6710 25.3%,transparent 50%),radial-gradient(ellipse at 15% 20%,#ac754027,transparent 55%),#111817}
.atmosphere-case:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 78px,#d2b88306 79px 80px),repeating-linear-gradient(90deg,transparent 0 78px,#d2b88306 79px 80px);mask-image:linear-gradient(transparent,#000)}
.atmosphere-case:after{content:'CASE / 307';position:absolute;left:-1vw;bottom:0;font:800 15vw Inter,sans-serif;letter-spacing:-1vw;color:#e2ccab04;transform:rotate(-8deg)}
.lobby-on[data-world=trivia] .atmosphere-trivia,.lobby-on[data-world=case] .atmosphere-case,.case-on .atmosphere-case{opacity:1}
.lobby-on .ambient,.case-on .ambient{display:none}
.lobby-on .topbar,.case-on .topbar{background:#111616dc;border-bottom:1px solid #cab48b20;backdrop-filter:blur(16px);transition:background .7s}
.lobby-on[data-world=trivia] .topbar{background:#1b1728dd}
.lobby-on .nav button,.case-on .nav button{border-radius:8px;box-shadow:none}
#lobby{max-width:1320px;margin:auto;padding:0 40px 20px}
.lobby-heading{position:relative;text-align:right;margin:34px auto 28px;max-width:1120px}
.lobby-kicker{color:#b6ac96;font-size:10px;letter-spacing:3px;display:flex;align-items:center;gap:12px}
.lobby-kicker:before{content:'';width:22px;height:1px;background:#c1a671}
.lobby-heading h1{font-size:clamp(32px,4.3vw,58px);letter-spacing:-1.5px;margin:12px 0 8px}
.lobby-heading em{color:#d1b885;transition:color .6s}
[data-world=trivia] .lobby-heading em{color:#d6ed9c}
.lobby-heading p{color:#a9aea7;font-size:14px;min-height:28px;margin:0}
.lobby-grid{max-width:1120px;gap:22px;align-items:stretch}
.world-card{border-radius:16px;min-height:440px;padding:26px 32px 22px;border:1px solid #9aab9b30;box-shadow:0 18px 45px #0003;animation:none;transition:transform .45s ease,border-color .45s,box-shadow .45s,filter .6s,background-color .6s}
.trivia-world{background:radial-gradient(ellipse at 0 0,#66507c55,transparent 65%),#252331}
.case-world{background:radial-gradient(ellipse at 15% 10%,#87643d33,transparent 65%),#1b2220}
.world-card:before{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(145deg,#ffffff08,transparent 40%);z-index:-1}
.world-card:after{content:'';width:7px;height:7px;background:#acb5a4;border-radius:50%;position:absolute;left:28px;top:30px;box-shadow:0 0 0 5px #ffffff04;transition:background .4s,box-shadow .4s}
.world-number{font-size:10px;letter-spacing:3px;color:#bebfb7;opacity:1}
.world-card:hover,.world-card:focus-visible{transform:translateY(-4px);outline:2px solid #cdb586;outline-offset:5px;border-color:#cdb58699;box-shadow:0 25px 65px #0005}
.trivia-world:hover,.trivia-world:focus-visible{outline-color:#d6ed9c;border-color:#d6ed9c99}
[data-world=trivia] .trivia-world:after{background:#d6ed9c;box-shadow:0 0 20px #d6ed9c77}
[data-world=case] .case-world:after{background:#d6b276;box-shadow:0 0 20px #d6b27677}
.lobby-on[data-world=case] .trivia-world,.lobby-on[data-world=trivia] .case-world{filter:saturate(.5);border-color:#ffffff12}
.world-art{top:62px;height:158px;transition:transform .65s ease;transform-origin:50% 60%}
.world-card:hover .world-art,.world-card:focus-visible .world-art{transform:translateY(-7px) scale(1.055)}
.world-tag{margin-top:164px;border:0;border-radius:0;padding:0;color:#cbb386;font-size:11px;font-weight:700;letter-spacing:.5px}
.trivia-world .world-tag{color:#c9d9b2}
.world-card strong{font-size:38px;margin:5px 0 4px;letter-spacing:-1px}
.world-description{font-size:14px;color:#b9bcb5;line-height:1.9}
.world-cta{font-size:13px;margin-top:auto;padding-top:16px;border-color:#ffffff15}
.world-cta b{background:transparent!important;border:1px solid #c6ac7880;color:#d7c098;border-radius:6px;width:30px;height:30px;transition:background .4s,transform .4s}
.trivia-world .world-cta b{color:#d6ed9c;border-color:#d6ed9c50}
.world-card:hover .world-cta b,.world-card:focus-visible .world-cta b{transform:translate(-3px,-3px)}
.trivia-art i{animation:none;border-radius:12px}.trivia-art i:first-child{width:110px;height:126px;font-size:88px;background:#d4e69f;color:#353345;box-shadow:0 14px 35px #0005;transform:rotate(-10deg)}
.trivia-art i:nth-child(2){background:#b9a4ce;color:#2d2637;height:58px;width:96px;font-size:23px;direction:ltr;top:78px}.trivia-art i:nth-child(3){font-size:31px;filter:grayscale(.4)}
.case-paper{background:repeating-linear-gradient(0deg,transparent 0 20px,#81644314 20px 21px),#d6c6a7;right:31%;top:0;width:140px;height:149px;rotate:6deg;font-style:normal;box-shadow:-8px 9px 0 #85775c,0 16px 35px #0006;transition:rotate .6s}
.case-paper:before{content:'';position:absolute;top:-8px;right:22px;width:16px;height:34px;border:2px solid #a1a19a;border-radius:8px;transform:rotate(-7deg)}
.case-paper b{font-size:55px;color:#343931}.case-seal{right:48%;top:110px;color:#ce8571;border-color:#b96551;font-size:15px;letter-spacing:4px;background:#201d1780;rotate:-10deg}.case-glass{animation:none;width:65px;height:65px;border-width:6px;border-color:#bba47a;background:#adc4ad0c;box-shadow:inset 2px 3px 8px #ffffff14;right:20%;top:78px}.case-glass:after{background:#bba47a}
.case-world:hover .case-paper,.case-world:focus-visible .case-paper{rotate:0deg}
.lobby-foot{max-width:1120px;margin:22px auto 0;text-align:right;border-top:1px solid #ffffff10;padding-top:16px;font-size:11px;color:#979e96}
/* Investigation desk: warm evidence stock against charcoal and muted forest. */
.case-on{--lime:#dbc398;--muted:#b4b8ad;--line:#c7b28d30}
.case-shell{max-width:1160px;margin:30px auto;padding:0 28px 36px}
.case-topline{padding-bottom:18px;border-bottom:1px solid #d0b88926;margin-bottom:26px}
.case-eyebrow{color:#cbb48b;font-size:11px;letter-spacing:2px}
.case-shell h1{font-size:clamp(32px,4.5vw,56px);letter-spacing:-1px;color:#ece6d8}
.case-shell>h1{margin:0 0 8px}.case-shell>p.case-eyebrow{margin-top:0}
.case-cover{border:1px solid #bda57b55;border-radius:6px;background:linear-gradient(110deg,#c8a77108,transparent 70%),#1d2521;padding:44px;box-shadow:0 25px 80px #0005;overflow:hidden}
.case-cover:before{content:'ملف مفتوح';position:absolute;left:30px;top:32px;transform:rotate(-9deg);border:2px solid #b26f58;color:#cd927b;font-weight:800;font-size:13px;padding:3px 14px;letter-spacing:2px;opacity:.8}
.case-cover:after{content:'';position:absolute;inset:0;pointer-events:none;border:9px solid #ffffff02}
.case-cover .room-number{font-size:clamp(100px,15vw,195px);color:#baa67e1f;line-height:1.2;letter-spacing:-7px;margin:70px 22px 20px 0;font-weight:800;direction:ltr}
.case-cover h1{font-size:clamp(36px,5vw,66px);margin:20px 0}.case-cover>p:not(.case-eyebrow):not(.case-note){max-width:650px;color:#c5c9bb;font-size:16px}.case-meta span{border-radius:3px;color:#cec8b8;border-color:#bca88130;background:#10171344;font-size:12px}
.case-on .case-primary{background:#d4bc90!important;color:#1a211c!important;border:1px solid #e2cda5!important;border-radius:5px;box-shadow:0 3px 0 #776b50;min-height:46px}
.case-on .case-primary:hover{box-shadow:0 5px 0 #776b50}
.case-on .secondary,.case-on .ghost{border-radius:5px;background:#ffffff05;color:#d9d8ce;border:1px solid #b9ad9638;box-shadow:none}
.case-on button:focus-visible,.case-on select:focus-visible,.case-on summary:focus-visible{outline:3px solid #e4c696;outline-offset:4px}
.case-note{color:#a9b1a3}.case-progress{gap:8px;margin:20px 0 28px;counter-reset:step}
.case-progress span{height:3px;background:#a3ac9524;border-radius:0;position:relative}.case-progress .done{background:#c8ae7f;box-shadow:0 0 12px #c8ae7f22}
.case-layout{gap:28px;grid-template-columns:minmax(0,1.4fr) minmax(300px,1fr)}
.case-sheet{position:relative;border-radius:3px;background:linear-gradient(90deg,#c7b48f55,transparent 12%),#e1d5bb;border:1px solid #efe1c2;box-shadow:0 4px 0 #8c826a,0 18px 40px #0003;padding:32px;color:#30372e}
.case-sheet:before{content:'ROUNDZ / EVIDENCE ARCHIVE';display:block;font:700 9px Inter,sans-serif;letter-spacing:2px;border-bottom:1px solid #6c694446;padding-bottom:13px;margin-bottom:20px;color:#70684f}
.case-sheet:after{content:'';position:absolute;top:-8px;left:38%;width:85px;height:22px;background:#d7c39477;transform:rotate(-4deg);box-shadow:0 1px 2px #0001}
.case-sheet h2{font-size:24px;color:#323c30;letter-spacing:-.5px}.case-sheet p{font-size:16px;line-height:2;color:#343b30}
.case-evidence{counter-reset:evidence;gap:0;margin-top:22px}.case-evidence li{counter-increment:evidence;position:relative;padding:17px 35px 17px 0;border-bottom:1px solid #746d4e33;font-size:15px;line-height:1.95}
.case-evidence li:before{content:'0' counter(evidence);position:absolute;right:0;top:21px;font:700 10px Inter;color:#8b644a}
.case-evidence strong{font-size:12px;color:#84543e;margin-bottom:5px}.case-evidence li:last-child{border:0;padding-bottom:0}
.case-question{background:#1b241f;border:1px solid #b0a07d40;border-top:3px solid #b89a68;border-radius:5px;padding:24px;box-shadow:0 18px 45px #0002}
.case-question:before{content:'مساحة الاستنتاج';display:block;font-size:10px;letter-spacing:2px;color:#b7a279;margin-bottom:14px}
.case-question h3{color:#e5dfcf;font-size:19px;line-height:1.9}.case-options{gap:10px;counter-reset:option}
.case-options button{counter-increment:option;background:#10181366;border:1px solid #b7ad9033;border-radius:4px;padding:14px 16px;line-height:1.85;font-size:14px;font-weight:600;transition:background .2s,border-color .2s}
.case-options button:hover:not(:disabled),.case-options button:focus-visible{background:#3a3e2c;border-color:#c5b18b;outline-color:#c5b18b}
.case-options button:disabled{opacity:.55}.case-answer.success{color:#bed3ad;border-right:2px solid #8fba72;padding:8px 12px;background:#9abb6d09;font-size:14px}.case-hint{background:#c2a9700d;border-right:2px solid #b59a60;border-radius:0;color:#d3be96;font-size:13px}
.case-journal{background:#141c18;border:1px solid #c7b28d30;border-radius:4px;padding:18px 22px;margin-top:32px}.case-journal summary{color:#cdb993;font-size:14px}.case-journal p{color:#b9c1b3}.case-journal h3{color:#d8c9ad}.case-form{max-width:760px;background:#1b241f;padding:28px;border:1px solid #b0a07d40;border-radius:5px}.case-form select{background:#111b16;border:1px solid #ad9e7a66;border-radius:4px;color:#eee5d4}.case-score{color:#ddc49a}.case-truth{background:#e1d5bb;color:#333a2e;border-radius:3px;padding:28px;border-top:4px solid #9e7d4b}
@media(min-width:1000px){.case-question{position:sticky;top:110px}}
@media(max-width:700px){#lobby{padding:0 20px 24px}.lobby-heading{margin:28px 0 22px}.lobby-heading h1{font-size:32px;letter-spacing:-1px}.lobby-grid{gap:18px}.world-card{min-height:370px;padding:22px 24px}.world-art{top:58px}.world-tag{margin-top:130px}.world-card strong{font-size:32px}.world-cta{margin-top:17px}.world-description{font-size:13px}.case-shell{padding:0 18px 28px;margin-top:20px}.case-layout{grid-template-columns:1fr;gap:24px}.case-cover{padding:26px}.case-cover:before{top:22px;left:20px;font-size:10px}.case-cover .room-number{float:none;display:block;font-size:100px;line-height:1;margin:30px 0 10px;text-align:left;letter-spacing:-5px}.case-cover h1{font-size:38px}.case-sheet{padding:24px}.case-sheet p{font-size:15px}.case-evidence li{font-size:14px}.case-question{padding:22px}.case-topline{margin-bottom:20px}.case-form{padding:20px}.lobby-foot{line-height:1.9}.world-card:hover,.world-card:focus-visible{transform:none}}
@media(prefers-reduced-motion:reduce){.world-atmosphere>div,.world-card,.world-art,.world-cta b,.case-paper,.lobby-heading em,.topbar{transition:none!important}.world-card:hover .world-art,.world-card:focus-visible .world-art{transform:none}.lobby-on .screen,.case-on .screen{animation:none}}
.tv-mode .world-card{min-height:410px}.tv-mode .case-question{position:static}.tv-mode .case-evidence li{font-size:18px}.tv-mode .case-options button{font-size:18px}.tv-mode .case-sheet p{font-size:19px}