/* One exploration language across campus rooms. */
.world-stage.experience-stage .world-avatar-art,.world-stage.experience-stage .world-role-patch{display:none!important}
.world-stage.experience-stage .world-entrance-label{cursor:pointer;touch-action:manipulation;pointer-events:auto;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}
.world-stage.experience-stage .world-entrance-label.experience-near{background:#ffe1a6!important;color:#292332!important;border:2px solid #fff9dc!important;box-shadow:0 0 0 4px #ffbf7280,0 0 29px #ffc76e!important;transform:translate(-50%,-50%) scale(1.1);z-index:15}
.world-stage.experience-stage .world-entrance-label.experience-near b,.world-stage.experience-stage .world-entrance-label.experience-near small{color:#292332!important}
.world-stage.experience-stage .world-door-prompt:not([hidden]){border:2px solid #ffe8ae;background:#542e42;box-shadow:0 0 0 5px #e59c5470,0 20px 50px #211427b8;min-height:48px;z-index:21}
.world-stage.experience-stage .world-direction{cursor:pointer}
.world-stage.experience-stage .world-direction:focus-visible,.world-stage.experience-stage .world-entrance-label:focus-visible,.experience-exit:focus-visible,.experience-orbit button:focus-visible,.experience-light-options button:focus-visible{outline:3px solid #ffe293!important;outline-offset:3px}
.experience-exit{position:absolute;left:18px;bottom:15px;z-index:25;display:flex;align-items:center;gap:5px;min-width:105px;min-height:44px;border:1px solid #e7bd8b;border-radius:13px;background:#33273c;color:#fff2db;padding:8px 13px;font-weight:850;box-shadow:0 8px 24px #17101f88;cursor:pointer}
.experience-exit-dialog,.experience-orbit{position:absolute;inset:0;z-index:95;display:grid;place-items:center;padding:12px;background:#160f26d9;backdrop-filter:blur(9px)}
.experience-exit-dialog[hidden],.experience-orbit[hidden],.experience-light-options[hidden]{display:none!important}
.experience-exit-dialog>div,.experience-orbit>div{width:min(620px,100%);max-height:calc(100dvh - 24px);overflow:auto;box-sizing:border-box;border:2px solid #edbd7b;border-radius:24px;padding:clamp(19px,4vw,30px);background:linear-gradient(140deg,#4b3449,#282a3c);box-shadow:0 24px 80px #110d20;color:#fff3df}
.experience-exit-dialog span,.experience-orbit .eyebrow{font-size:11px;font-weight:900;letter-spacing:.14em;color:#ffe1a5}
.experience-exit-dialog h2,.experience-orbit h2{font-size:clamp(23px,3vw,34px);line-height:1.12;margin:9px 0}
.experience-exit-dialog p,.experience-orbit p{color:#f4ddd0;line-height:1.45}
.experience-exit-dialog>div>div{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.experience-exit-dialog button,.experience-orbit button{min-height:44px;border-radius:11px;cursor:pointer}
.experience-orbit-open{width:100%;min-height:43px;margin-top:9px;border:1px solid #e4b476;border-radius:10px;background:#59405b;color:#fff2dd;font-weight:850;cursor:pointer}
.experience-bike-brand{position:absolute;z-index:12;transform:translate(-50%,-100%);pointer-events:none;padding:4px 9px;border:1px solid #ffde9b;border-radius:15px;background:#273b49;color:#ffe6b7;font-weight:950;font-size:12px;box-shadow:0 5px 17px #161321aa}
.experience-close-question{margin-left:auto;min-width:44px;min-height:44px;padding:7px 12px!important;border:1px solid #dfaa76!important;border-radius:10px!important;background:#513749!important;color:#fff5e7!important;font-weight:850;cursor:pointer}
.experience-close-question:focus-visible{outline:3px solid #ffd79b!important;outline-offset:2px}
.experience-orbit .experience-orbit-close{position:absolute;right:max(18px,calc((100vw - 620px)/2 + 18px));top:max(20px,calc((100dvh - 460px)/2 + 12px));z-index:1;width:44px;font-size:26px;background:#735064;color:#fff}
.experience-orbit-scene{display:grid;grid-template-columns:46px minmax(0,1fr) 46px;gap:6px;align-items:center;margin:20px 0 10px;perspective:600px}
.experience-orbit-prev,.experience-orbit-next{width:46px;font-size:35px;background:#54374e;color:#ffe0aa}
.experience-orbit-cards{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:7px;align-items:center}
.experience-orbit-card{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-width:0;min-height:155px;padding:10px 5px;color:#fff0db;background:#46384f;border:1px solid #c69272;box-shadow:0 11px 23px #100e1c55;transform:scale(.88) rotateY(15deg);transition:transform .22s ease,background .22s ease}
.experience-orbit-card:last-child{transform:scale(.88) rotateY(-15deg)}
.experience-orbit-card.front{min-height:190px;background:linear-gradient(145deg,#af6b51,#623c59);border:2px solid #ffe6a9;box-shadow:0 0 0 4px #e6aa6a36,0 17px 38px #160e1c;transform:scale(1)}
.experience-orbit-card span{font-size:29px;color:#ffe4a6}.experience-orbit-card strong{font-size:clamp(11px,2vw,17px);line-height:1.16}.experience-orbit-card small{font-size:10px;color:#ffe0bd}
.experience-orbit label{display:block;margin:14px 0;color:#ffe1b7;font-weight:800}.experience-orbit select{display:block;width:100%;margin-top:6px;min-height:44px;border-radius:10px;padding:8px;background:#fff4e8;color:#2a2535}
.experience-orbit>div>.primary{width:100%;margin:0 0 7px;background:#edb774;color:#2c2736}
.experience-light-options{position:absolute;z-index:110;right:8px;top:calc(100% + 5px);display:grid;gap:5px;min-width:180px;padding:8px;background:#33263b;border:1px solid #e9ba81;border-radius:12px;box-shadow:0 12px 40px #110c1c}
.experience-light-options button{min-height:43px;text-align:left;padding:8px 11px;color:#fff2dc;background:#53405a;border:1px solid #8f7184;border-radius:8px;cursor:pointer}
.experience-light-options button[aria-pressed=true]{background:#e2ae75;color:#312839;border-color:#fff1c9;font-weight:900}
html[data-pc-light=night] .world-stage{background:radial-gradient(circle at 70% 8%,#8a83ad45,transparent 30%),linear-gradient(165deg,#101b38 0%,#283456 51%,#111b32 100%)!important}
html[data-pc-light=night] .world-sky{background:radial-gradient(circle at 76% 15%,#e9e9d680,transparent 5%),radial-gradient(circle at 30% 12%,#665a9655,transparent 38%),linear-gradient(#0b1732,#293054)!important}
html[data-pc-light=night] .world-canvas{filter:none!important}
html[data-pc-light=night] .world-entrance-label{box-shadow:0 0 22px #f5bb7875!important;border-color:#efc389!important}
html[data-pc-light=day] .world-stage{background:radial-gradient(circle at 25% 10%,#fff7de,transparent 32%),linear-gradient(170deg,#a8c7d2,#ead4b9 55%,#a47768)!important}
html[data-pc-light=day] .world-sky{background:radial-gradient(circle at 24% 13%,#fff8c8 0%,#f9e0a6 5%,transparent 18%),linear-gradient(#8fbad1,#efdebd)!important}
.experience-arrival{position:fixed;inset:0;z-index:5000;display:grid;place-items:center;background:radial-gradient(circle at center,#523b62,#1b1d33 70%);color:#fff5df;pointer-events:auto}
.experience-arrival-inner{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:25px;max-width:85vw}
.experience-arrival-inner:before{content:'';position:absolute;width:min(65vw,350px);aspect-ratio:1;border:1px solid #efb96b88;border-radius:50%;box-shadow:0 0 0 22px #dda5620c,0 0 0 52px #dda5620b;animation:experience-orbit 1.05s ease both;pointer-events:none}
.experience-arrival span{font-size:11px;letter-spacing:.2em;font-weight:900;color:#f8c988}
.experience-arrival strong{z-index:1;font:clamp(31px,6vw,64px)/1.1 Georgia,serif;color:#fff5dc}
.experience-arrival b{z-index:1;font-size:clamp(15px,3vw,27px);color:#edbb81;animation:experience-reveal .6s .4s both}
.experience-arrival b{animation:experience-reveal .45s .12s both}
.experience-arrival-inner{animation:experience-reveal .25s ease both}
.experience-arrival button{z-index:1;min-height:44px;margin-top:15px;border:1px solid #c89f7b;border-radius:9px;background:#49344c;color:#fff1db;padding:8px 15px}
.experience-arrival small{position:fixed;bottom:22px;font-size:10px;letter-spacing:.12em;color:#dfc5b4}
@keyframes experience-orbit{from{transform:rotate(-70deg) scale(.7);opacity:0}to{transform:rotate(0) scale(1);opacity:1}}
@keyframes experience-reveal{from{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}
/* Solving owns the viewport, including on desktop. Supporting score details remain in results. */
html:is([data-screen=challengeplay],[data-screen=play],[data-screen=roomplay],[data-screen=teamplay]) .sidebar{display:none!important}
html:is([data-screen=challengeplay],[data-screen=play],[data-screen=roomplay],[data-screen=teamplay]) .shell{grid-template-columns:minmax(0,1fr)!important;width:100%;min-width:0}
html:is([data-screen=challengeplay],[data-screen=play],[data-screen=roomplay],[data-screen=teamplay]) .main-shell{margin-left:0!important;width:100%!important;max-width:none!important}
html:is([data-screen=challengeplay],[data-screen=play],[data-screen=roomplay],[data-screen=teamplay]) main{width:100%;max-width:none!important}
html:is([data-screen=challengeplay],[data-screen=play],[data-screen=roomplay],[data-screen=teamplay]) .answer-play-grid,
html:is([data-screen=challengeplay],[data-screen=play],[data-screen=roomplay],[data-screen=teamplay]) .assigned-play-grid,
html:is([data-screen=challengeplay],[data-screen=play],[data-screen=roomplay],[data-screen=teamplay]) .arena-play,
html:is([data-screen=challengeplay],[data-screen=play],[data-screen=roomplay],[data-screen=teamplay]) .arena-play-layout{grid-template-columns:minmax(0,1fr)!important;max-width:1160px;width:100%;margin:auto}
html:is([data-screen=challengeplay],[data-screen=play],[data-screen=roomplay],[data-screen=teamplay]) .practice-side-info,
html:is([data-screen=challengeplay],[data-screen=play],[data-screen=roomplay],[data-screen=teamplay]) .assigned-score-side,
html:is([data-screen=challengeplay],[data-screen=play],[data-screen=roomplay],[data-screen=teamplay]) .arena-play>.score-side,
html:is([data-screen=challengeplay],[data-screen=play],[data-screen=roomplay],[data-screen=teamplay]) .arena-play-layout>.score-side{display:none!important}
html:is([data-screen=challengeplay],[data-screen=play],[data-screen=roomplay],[data-screen=teamplay]) .fixed-question-pane,
html:is([data-screen=challengeplay],[data-screen=play],[data-screen=roomplay],[data-screen=teamplay]) .arena-question-card{background:linear-gradient(155deg,#f9f1df,#f1dec7)!important;color:#322b36!important;border:2px solid #d1a16b!important;box-shadow:0 22px 55px #2b18253d}
html:is([data-screen=challengeplay],[data-screen=play],[data-screen=roomplay],[data-screen=teamplay]) .qtext{font-size:clamp(22px,2.6vw,34px)!important;color:#302c39!important}
@media(max-width:800px){
 .experience-exit{left:50%;transform:translateX(-50%);bottom:calc(var(--phone-main-nav-height,112px) + 8px + env(safe-area-inset-bottom));min-width:44px;padding:8px;z-index:22}
 .experience-exit span{display:none}
 .experience-close-question span{display:none}
 .experience-orbit>div{padding:16px}
 .experience-orbit-scene{grid-template-columns:42px minmax(0,1fr) 42px}
 .experience-orbit-card{min-height:105px}
 .experience-orbit-card.front{min-height:135px}
 .experience-orbit-card span{font-size:20px}
 .experience-orbit-card small{display:none}
 .experience-light-options{position:fixed;top:56px;right:8px}
}
@media(max-width:390px){.experience-orbit-cards{gap:2px}.experience-orbit-scene{grid-template-columns:37px minmax(0,1fr) 37px}.experience-orbit-prev,.experience-orbit-next{width:37px}.experience-orbit-card strong{font-size:10px}}
@media(prefers-reduced-motion:reduce){.experience-arrival-inner:before,.experience-arrival b{animation:none}.experience-orbit-card,.world-stage.experience-stage .world-entrance-label{transition:none}}
