:root{--bg:#050a10;--bg2:#08131d;--panel:#0b1722e8;--panel2:#101f2c;--gold:#d6a84d;--gold2:#f0d291;--ink:#f7f3e8;--muted:#9eb0bd;--line:#b98a363f;--danger:#c66464;--safe-bottom:max(10px,env(safe-area-inset-bottom));font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--ink)}button,input,select,textarea{font:inherit}button{color:inherit}.skip-link{position:fixed;left:12px;top:-80px;z-index:100;background:#fff;color:#000;padding:10px}.skip-link:focus{top:12px}.ambient-canvas,.grain{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}.ambient-canvas{z-index:0}.grain{z-index:1;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E")}.app-shell{position:relative;z-index:2;height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;background:radial-gradient(circle at 75% 15%,#b9842420,transparent 33%),linear-gradient(180deg,#061019dd,#04090fee)}.identity-band{min-height:62px;display:flex;align-items:center;justify-content:space-between;padding:8px clamp(12px,2vw,24px);border-bottom:1px solid var(--line);background:#061019d9;backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;min-width:0}.brand-mark{width:42px;height:42px;display:grid;place-items:center;position:relative;border:1px solid var(--gold);transform:rotate(45deg);box-shadow:0 0 24px #d6a84d26}.brand-mark b,.brand-mark i{position:absolute;transform:rotate(-45deg);font-family:Georgia,serif}.brand-mark i{font-size:.7rem;translate:11px 11px;color:var(--gold2)}.brand strong{display:block;font:700 clamp(.78rem,2vw,1rem)/1.05 Georgia,serif;letter-spacing:.16em;color:var(--gold2)}.brand small{display:block;color:var(--muted);font-size:.66rem;letter-spacing:.12em;margin-top:4px;white-space:nowrap}.identity-actions{display:flex;gap:7px;align-items:center}.icon-button,.quiet-button,.danger-button,.gold-button,.choice-row button,.route{border:1px solid var(--line);background:#0c1822cc;border-radius:10px;cursor:pointer;transition:.2s ease}.icon-button{width:38px;height:38px;display:grid;place-items:center;font-size:1.1rem}.gold-button{padding:10px 14px;background:linear-gradient(135deg,#b68131,#e6c77d);color:#101015;border-color:#f2d58a;font-weight:900;letter-spacing:.08em;box-shadow:0 8px 24px #0008}.quiet-button,.danger-button{padding:10px 13px}.danger-button{border-color:#9e4c4c;color:#ffb5b5}.compact{padding:8px 10px;font-size:.72rem}.world-stage{min-height:0;position:relative;display:grid;grid-template-rows:auto minmax(0,1fr);padding:0 clamp(8px,1.5vw,18px)}.route-rail{display:flex;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--line);padding:5px 0}.route-rail::-webkit-scrollbar{display:none}.route{flex:1;min-width:105px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;padding:8px 10px;color:#7f929e;font-size:.7rem;letter-spacing:.12em;white-space:nowrap}.route span{color:var(--gold);margin-right:6px}.route.active{color:var(--gold2);border-color:var(--gold);text-shadow:0 0 18px #d9ad5980}.room-track{min-height:0;position:relative}.room{height:100%;min-height:0;display:grid;grid-template-columns:minmax(220px,.72fr) minmax(0,1.5fr);gap:clamp(12px,2vw,28px);align-items:center;padding:clamp(10px,2vh,22px) clamp(4px,1vw,14px);animation:roomIn .45s ease}.room[hidden]{display:none}.room-copy{align-self:center;max-width:560px}.route-code{color:var(--gold);font-size:.65rem;letter-spacing:.22em}.room h1{font:500 clamp(1.75rem,4.5vw,4.4rem)/.98 Georgia,serif;margin:.35rem 0 .7rem;text-wrap:balance}.room-copy>p:not(.route-code){color:#b7c2c9;line-height:1.55;max-width:55ch}.visual-crown{height:min(100%,620px);min-height:300px;position:relative;border:1px solid #d0a45270;background:linear-gradient(145deg,#10202dce,#071019e8);box-shadow:0 24px 80px #000a,inset 0 0 70px #d6a84d0b;overflow:hidden;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px)}.visual-crown:before{content:"";position:absolute;inset:8px;border:1px solid #d2aa5c24;pointer-events:none;z-index:4}.crown-head{position:absolute;z-index:6;left:16px;right:16px;top:12px;display:flex;justify-content:space-between;gap:12px;color:var(--gold2);font-size:.68rem;letter-spacing:.13em}.crown-head b{font-size:.65rem;color:#d7f4d9}.illusion-crown canvas,.motion-crown canvas{position:absolute;inset:0;width:100%;height:100%}.canvas-caption{position:absolute;left:18px;right:18px;bottom:14px;z-index:6;display:flex;justify-content:space-between;gap:10px;color:#bdc8ce;font-size:.73rem}.canvas-caption strong{color:var(--gold2)}.measure-line{position:absolute;left:24%;right:24%;top:50%;z-index:5;display:none}.measure-line.show{display:block}.measure-line:before,.measure-line:after{content:"";position:absolute;top:-105px;height:210px;width:1px;background:#f6dc9d}.measure-line:before{left:0}.measure-line:after{right:0}.measure-line span{position:absolute;left:0;right:0;height:1px;background:#f6dc9d}.measure-line span:first-child{top:-100px}.measure-line span:last-child{top:100px}.observation-box{margin-top:18px;padding:12px;border-left:2px solid var(--gold);background:#d6a84d0b}.observation-box span{display:block;margin-bottom:9px}.choice-row{display:flex;flex-wrap:wrap;gap:7px}.choice-row button{padding:8px 12px;font-size:.7rem;letter-spacing:.1em}.image-stage,.video-stage{position:absolute;inset:44px 14px 92px;display:grid;place-items:center;background:#02070b;border:1px solid #c69a4b26;overflow:hidden}.image-stage canvas{width:100%;height:100%;object-fit:contain}.empty-state{display:grid;place-items:center;gap:6px;text-align:center;color:#71828e}.empty-state strong{color:#aab8c0;letter-spacing:.14em}.empty-state span{font-size:.75rem}.compare-hold{position:absolute;right:10px;bottom:10px;z-index:4;padding:7px 10px;background:#09131bd9;border:1px solid var(--gold);border-radius:8px;font-size:.67rem}.editor-controls{position:absolute;left:14px;right:14px;bottom:12px;display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.editor-controls label,.motion-controls label,.compact-controls label{font-size:.58rem;letter-spacing:.1em;color:#aebbc2}.editor-controls input,.motion-controls input{width:100%}.editor-controls output,.motion-controls output{color:var(--gold2);margin-left:4px}.video-stage video{width:100%;height:100%;object-fit:contain}.scanline{position:absolute;inset:-20% 0;background:linear-gradient(180deg,transparent 48%,#d8af6444 50%,transparent 52%);animation:scan 4s linear infinite;pointer-events:none}.video-meter{position:absolute;left:16px;right:16px;bottom:62px;display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;font-size:.65rem;color:#aab7be}.video-meter input{width:100%}.compact-controls{position:absolute;left:16px;right:16px;bottom:15px;display:flex;gap:12px;align-items:center}.compact-controls label{display:flex;align-items:center;gap:6px}.motion-controls{position:absolute;left:14px;right:14px;bottom:12px;z-index:6;display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:10px;align-items:end}.prompt-crown{overflow:auto;padding:48px 18px 18px}.prompt-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.prompt-grid label{font-size:.62rem;letter-spacing:.1em;color:#aebbc2}.prompt-grid input,.prompt-grid textarea{display:block;width:100%;margin-top:5px;padding:9px 10px;background:#061019;border:1px solid #b78c3b4a;color:#eef1ed;border-radius:8px}.prompt-grid textarea{min-height:65px;resize:vertical}.prompt-output,.receipt-preview{white-space:pre-wrap;background:#040a0f;border:1px solid #b68c3b3d;padding:12px;color:#cfd9dd;max-height:160px;overflow:auto}.prompt-actions{display:flex;gap:8px;flex-wrap:wrap}.story-crown{padding:50px 18px 18px}.story-rail{height:100%;display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory}.story-card{min-width:min(78%,420px);scroll-snap-align:center;border:1px solid #c99f5050;background:#07111a;padding:10px;display:grid;grid-template-rows:1fr auto;gap:8px}.story-card img{width:100%;height:100%;min-height:180px;object-fit:contain;background:#020609}.story-card textarea{width:100%;min-height:54px;background:#0b1720;color:#eef;border:1px solid #a47c344a;padding:8px}.empty-story{position:absolute;inset:0;display:grid;place-content:center;text-align:center;color:#70818a}.empty-story span{font-size:.75rem;margin-top:6px}.contact-dock{min-height:66px;display:grid;grid-template-columns:minmax(160px,.32fr) 1fr;gap:14px;align-items:center;padding:8px clamp(10px,2vw,22px);background:#071019ec;border-top:1px solid var(--line)}.dock-state{display:flex;gap:9px;align-items:center}.dock-state small{display:block;color:#7f919d;font-size:.55rem;letter-spacing:.14em}.dock-state strong{display:block;color:var(--gold2);font-size:.72rem}.pulse-dot{width:10px;height:10px;border-radius:50%;background:#d8ad59;box-shadow:0 0 18px #d8ad59;animation:pulse 1.5s infinite}.dock-controls{display:none;align-items:end;gap:10px}.dock-controls.active{display:flex}.dock-controls label{flex:1;font-size:.58rem;letter-spacing:.1em;color:#aab7be}.dock-controls input{width:100%}.dock-controls output{color:var(--gold2)}.action-bank{display:none;grid-template-columns:repeat(4,1fr);padding:5px 6px var(--safe-bottom);border-top:1px solid var(--line);background:#040a0fe8}.action-bank button{border:0;background:transparent;color:#8da0aa;padding:6px}.action-bank span,.action-bank small{display:block}.action-bank span{font-size:1.1rem}.action-bank small{font-size:.52rem;letter-spacing:.08em}.action-bank .primary-action{color:var(--gold2)}.trace-drawer{position:fixed;z-index:20;top:0;right:0;width:min(440px,100%);height:100dvh;padding:18px;background:#061019f5;border-left:1px solid var(--gold);transform:translateX(105%);transition:.28s ease;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto auto;gap:12px;backdrop-filter:blur(18px)}.trace-drawer.open{transform:none}.drawer-head,.trace-status{display:flex;justify-content:space-between;gap:12px;align-items:center}.drawer-head h2{font:500 1.7rem Georgia,serif;margin:3px 0}.drawer-head small,.trace-status{color:var(--gold2);font-size:.65rem;letter-spacing:.1em}.trace-list{overflow:auto;margin:0;padding-left:22px;color:#b9c5cb}.trace-list li{padding:7px 4px;border-bottom:1px solid #ffffff0c;font-size:.75rem}.drawer-actions{display:flex;gap:7px;flex-wrap:wrap}.toast{position:fixed;z-index:30;left:50%;bottom:90px;max-width:min(440px,calc(100vw - 24px));translate:-50% 20px;background:#f0d291;color:#111;padding:9px 13px;border-radius:9px;font-weight:800;line-height:1.2;text-align:center;white-space:nowrap;opacity:0;pointer-events:none;transition:.25s}.toast.show{opacity:1;translate:-50% 0}.file-button{display:inline-block}.app-shell[data-motion="reduced"] *{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.app-shell[data-motion="reduced"] .ambient-canvas{opacity:.35}@keyframes roomIn{from{opacity:0;transform:translateX(16px)}to{opacity:1;transform:none}}@keyframes scan{to{transform:translateY(40%)}}@keyframes pulse{50%{opacity:.4;scale:.7}}@media(max-width:780px){.app-shell{grid-template-rows:auto minmax(0,1fr) auto auto}.identity-band{min-height:54px}.brand small{display:none}.brand-mark{width:34px;height:34px}.world-stage{padding-inline:6px}.route-rail{padding:2px 0}.route{min-width:86px;padding:7px 5px;font-size:.58rem}.room{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:8px;padding:7px 2px}.room-copy{display:grid;grid-template-columns:1fr auto;align-items:end;gap:4px 10px}.room-copy .route-code{grid-column:1/-1;margin:0}.room h1{font-size:clamp(1.2rem,6.3vw,2rem);margin:0}.room-copy>p:not(.route-code){display:none}.observation-box{grid-column:1/-1;margin:2px 0 0;padding:7px}.observation-box span{font-size:.73rem;margin-bottom:5px}.visual-crown{min-height:0;height:100%}.crown-head{top:9px;left:12px;right:12px;font-size:.56rem}.canvas-caption{font-size:.6rem;bottom:9px}.contact-dock{min-height:58px;grid-template-columns:1fr;padding:5px 8px}.dock-state{display:none}.dock-controls{gap:6px}.dock-controls label{min-width:0}.dock-controls .quiet-button,.dock-controls .gold-button{font-size:.58rem;padding:7px}.action-bank{display:grid}.editor-controls{grid-template-columns:repeat(5,1fr);gap:4px;bottom:8px}.editor-controls label{font-size:.48rem}.image-stage,.video-stage{inset:34px 9px 76px}.video-meter{bottom:52px}.compact-controls{bottom:8px}.prompt-crown{padding:38px 10px 10px}.prompt-grid{grid-template-columns:1fr 1fr;gap:6px}.prompt-grid textarea{min-height:46px}.story-crown{padding:38px 10px 10px}.motion-controls{grid-template-columns:1fr 1fr 1fr auto;gap:5px}.illusion-crown{min-height:220px}}@media(max-width:430px){.identity-actions .gold-button{display:none}.room-copy{grid-template-columns:1fr}.room h1{font-size:1.25rem}.observation-box{display:none}.prompt-grid{grid-template-columns:1fr}.prompt-grid label:nth-child(n+5){display:none}.compact-controls label:nth-child(2){display:none}.choice-row.video-actions button{padding:6px;font-size:.56rem}.route{min-width:64px;padding:7px 2px;font-size:.5rem;letter-spacing:.06em}.route span{margin-right:3px}.canvas-caption span{max-width:60%}.toast{bottom:calc(188px + env(safe-area-inset-bottom));max-width:calc(100vw - 24px);padding:8px 10px;font-size:.72rem;white-space:nowrap}}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important}}