:root{--cinema-cream:#f0e6d0;--cinema-dark:#101211;--cinema-red:#772e2d}.portrait-home{display:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#fantasy-intro{position:fixed;inset:0;z-index:10000;background:#090b0b;color:var(--cinema-cream);display:grid;place-items:center;padding:max(28px,env(safe-area-inset-top)) max(26px,env(safe-area-inset-right)) max(28px,env(safe-area-inset-bottom)) max(26px,env(safe-area-inset-left));opacity:1;transition:opacity .5s;cursor:pointer}#fantasy-intro[hidden]{display:none}#fantasy-intro.leaving{opacity:0;pointer-events:none}#fantasy-intro:before{content:"";position:absolute;inset:0;opacity:.045;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h160v160H0z'/%3E%3C/svg%3E")} .fantasy-copy{max-width:680px;text-align:center;animation:fantasy-fade .8s both}.fantasy-copy h2{font-size:clamp(17px,3vw,25px);letter-spacing:.16em;line-height:1.5;margin-bottom:25px}.fantasy-copy p{font-size:clamp(12px,2vw,16px);line-height:1.65;color:#cbc7be}.fantasy-copy footer{font-size:10px;letter-spacing:.15em;margin-top:30px}.fantasy-skip{position:absolute;bottom:max(20px,env(safe-area-inset-bottom));font-size:10px;letter-spacing:.15em;color:#8e918b;background:none;border:0;min-height:44px}@keyframes fantasy-fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.ending-credits .credits-disclaimer{font-size:12px;letter-spacing:0;line-height:1.6;max-width:500px;margin:16px auto}
@media (orientation:portrait){
html[data-home=true],body[data-home=true]{height:100dvh;overflow:hidden;overscroll-behavior:none;background:var(--cinema-dark)}
#world-home{height:100dvh;min-height:0;overflow:hidden;padding:0;background:radial-gradient(ellipse at 90% 0%,#2b2520,transparent 60%),#101211;color:var(--cinema-cream);box-sizing:border-box}
#world-home>.world-header,#world-home>.rotation-tip,#world-home>.world-layout,#world-home>.world-footer{display:none}
.portrait-home{display:flex;height:100%;box-sizing:border-box;flex-direction:column;gap:10px;padding:calc(env(safe-area-inset-top) + 18px) max(20px,env(safe-area-inset-right)) calc(env(safe-area-inset-bottom) + 15px) max(20px,env(safe-area-inset-left));touch-action:pan-y;user-select:none;-webkit-user-select:none}
.portrait-brand small{font-size:8px;letter-spacing:.18em;color:#9c9585}.portrait-brand h1{font-size:clamp(29px,8vw,38px);letter-spacing:-.04em;line-height:1;margin:9px 0 5px}.portrait-brand p{font-size:10px;letter-spacing:.18em;margin:0;color:#c0af91}.portrait-region{display:flex;align-items:center;justify-content:space-between;margin-top:5px}.portrait-region select{max-width:55%;min-height:44px;color:var(--cinema-cream);background:transparent;border:0;font-family:inherit;font-size:13px;font-weight:700;letter-spacing:.12em;padding:0 20px 0 0}.portrait-region option{background:#181b19}.portrait-progress{font-size:10px;letter-spacing:.1em;color:#bcb6a8}.portrait-meter{display:block;width:100%;height:3px;border:0;border-radius:0;appearance:none;background:#363934;margin:0 0 4px}.portrait-meter::-webkit-progress-bar{background:#363934}.portrait-meter::-webkit-progress-value{background:#ad8b54}.portrait-meter::-moz-progress-bar{background:#ad8b54}
.portrait-feature{position:relative;flex:1;min-height:145px;max-height:330px;overflow:hidden;border:1px solid #645b4855;border-radius:5px;margin:0}.portrait-feature img{width:100%;height:100%;object-fit:cover;object-position:center}.portrait-feature-shade{position:absolute;inset:0;background:linear-gradient(0deg,#0c1110ee,transparent 80%)}.portrait-feature-copy{position:absolute;bottom:16px;left:16px;right:16px}.portrait-number{font-size:10px;letter-spacing:.18em;color:#dbc49e}.portrait-feature h2{font-size:clamp(25px,7.5vw,34px);margin:7px 0;line-height:1;letter-spacing:-.025em}.portrait-location{font-size:12px;color:#dbd8cf;margin:0;line-height:1.4}.portrait-description{font-size:12px;line-height:1.5;color:#b7b7ac;margin:0;min-height:36px}.portrait-cta{display:flex;gap:8px}.portrait-cta button{min-height:48px;border:1px solid #bfa276;border-radius:4px;font-size:13px;font-weight:700;letter-spacing:.16em;flex:1;background:#e7d5ad;color:#161c1a}.portrait-cta .portrait-resume{background:transparent;color:#e7d5ad;font-size:10px;flex:0 0 35%}.portrait-cta [hidden]{display:none}
.portrait-rail{display:flex;flex-shrink:0;gap:10px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;touch-action:pan-x;overscroll-behavior-x:contain;min-height:94px}.portrait-rail::-webkit-scrollbar{display:none}.portrait-rail button{flex:0 0 78%;text-align:left;min-height:92px;scroll-snap-align:start;scroll-snap-stop:always;border:1px solid #49483d;background:#1c201d;color:#eee4d1;border-radius:4px;padding:13px 14px;display:flex;flex-direction:column;gap:7px;box-sizing:border-box}.portrait-rail button[aria-pressed=true]{border-color:#9c7751;background:#302521}.portrait-rail button:disabled{opacity:.45}.portrait-rail small{font-size:9px;letter-spacing:.12em;color:#b59a72}.portrait-rail strong{font-size:14px}.portrait-rail span{font-size:10px;color:#aaa99f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.portrait-foot{display:flex;justify-content:space-between;font-size:9px;color:#8b8e84;gap:8px}
#world-home>.webapp-card{position:absolute;right:max(20px,env(safe-area-inset-right));top:calc(env(safe-area-inset-top) + 24px);margin:0;padding:0;background:none;border:0;width:auto;max-width:90px}#world-home>.webapp-card>img,#world-home>.webapp-card>div{display:none}#world-home>.webapp-card button{min-height:44px;width:auto;margin:0;padding:8px;font-size:9px;background:transparent;border:1px solid #655c49;color:#bcb09a;border-radius:4px}.webapp-card[hidden]{display:none!important}
}
@media (orientation:portrait) and (max-height:700px){.portrait-home{gap:7px;padding-top:calc(env(safe-area-inset-top) + 10px)}.portrait-brand h1{font-size:29px}.portrait-feature{min-height:110px}.portrait-region{margin:0}.portrait-rail{min-height:80px}.portrait-rail button{min-height:80px;padding:10px}.portrait-description{font-size:11px;min-height:32px}.portrait-foot{font-size:8px}}
@media (orientation:landscape){.portrait-home{display:none}#world-home{padding-left:max(22px,env(safe-area-inset-left));padding-right:max(22px,env(safe-area-inset-right));padding-top:max(14px,env(safe-area-inset-top));padding-bottom:max(14px,env(safe-area-inset-bottom))}.world-header h1{color:#f0e6d0}.world-header h1 small{color:#c0af91}.webapp-card{padding:8px 12px;margin:10px 0}.webapp-card img{width:30px;height:30px}.webapp-card p{font-size:11px}.webapp-card button{min-height:44px}}
@media (prefers-reduced-motion:reduce){.fantasy-copy{animation:none}#fantasy-intro{transition:none}}