@font-face{font-family:Outfit;src:url('./assets/fonts/Outfit-Variable.woff2') format('woff2');font-weight:100 900;font-display:swap}
.wordmark-frame{display:block;position:relative;flex-shrink:0;width:143px;line-height:0}
.footer-wordmark-frame{width:146px}
.wordmark-frame::after{content:'';position:absolute;inset:0;pointer-events:none;opacity:0;background:linear-gradient(to right,var(--ink) 0 94%,transparent 94% 100%);-webkit-mask:url('./assets/wordmark-pixel.webp') center/100% 100% no-repeat;mask:url('./assets/wordmark-pixel.webp') center/100% 100% no-repeat;image-rendering:pixelated}
:root[data-theme=dark] .wordmark-frame::after{opacity:1}
:root[data-theme=dark] .wordmark-frame>img{clip-path:inset(0 0 0 94%)}
:root{color-scheme:light;--paper:#faf8f2;--surface:#eee9de;--ink:#18261f;--muted:#4c5a50;--line:#7b8279;--soft-line:#d3d3c8;--accent:#b63c16;--accent-hover:#96300f;--on-accent:#fff9ef;--link-hover:#9d3212;--focus:#87300f;--radius:24px}
:root[data-theme=dark]{color-scheme:dark;--paper:#111c17;--surface:#202e25;--ink:#fff9ed;--muted:#c4cec2;--line:#9ba99a;--soft-line:#445347;--link-hover:#ffbd96;--focus:#ffcba8}
*{box-sizing:border-box}html{font-family:Outfit,Arial,sans-serif;font-size:18px;background:var(--paper);color:var(--ink);scroll-padding-top:110px}body{margin:0;line-height:1.5;font-weight:450}button,input,select{font:inherit}button,a,select,summary{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}a:hover{color:var(--link-hover)}button{color:inherit}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}img{display:block;max-width:100%}button:disabled{cursor:wait;opacity:.72}button,a,summary,select{outline-offset:5px}button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible,[tabindex="0"]:focus-visible{outline:3px solid var(--focus)}[hidden]{display:none!important}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:550;line-height:1.05;letter-spacing:-.045em}h1{font-size:clamp(2.65rem,5.5vw,5rem)}h2{font-size:clamp(2rem,3.6vw,3.35rem)}h3{font-size:1.65rem}p{color:var(--muted)}.wrap{width:min(1280px,calc(100% - 96px));margin-inline:auto}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:var(--ink);color:var(--paper);padding:14px 22px;border-radius:12px}.skip-link:focus{top:10px}.site-header{position:relative;z-index:10;border-bottom:1px solid var(--soft-line);background:var(--paper)}.header-inner{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:11px;min-height:48px;color:var(--ink)}#brand-wordmark,.footer-brand span{font:700 26px/1 Georgia,serif;letter-spacing:-1px}.brand-emblem{width:42px;height:42px;flex-shrink:0}#pixel-wordmark{image-rendering:pixelated;object-fit:contain;width:143px;height:auto}.pixel-brand .brand-emblem{image-rendering:pixelated}.navigation{display:flex;align-items:center;gap:22px}.navigation>a{display:inline-flex;align-items:center;min-height:48px;font-size:.94rem;font-weight:500;position:relative}.navigation>a::after{content:'';height:2px;position:absolute;bottom:5px;left:0;right:0;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .2s}.navigation>a:hover::after,.navigation>a[aria-current=page]::after{transform:scaleX(1)}.language-button,.icon-button,.menu-button{min-width:46px;min-height:46px;border:1px solid transparent;border-radius:12px;background:transparent;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:8px}.language-button{font-size:.86rem;gap:7px}.language-button span{color:var(--muted)}.language-button .selected-language{color:var(--ink);font-weight:650}.language-button:hover,.icon-button:hover,.menu-button:hover{background:var(--surface);border-color:var(--line)}.menu-button{display:none}.button{min-height:56px;display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:14px 23px;border:1px solid transparent;border-radius:12px;font-size:1rem;font-weight:550;line-height:1.2;transition:background .18s,color .18s,transform .18s,box-shadow .18s}.button:hover{transform:translateY(-2px)}.button:active{transform:translateY(1px)}.button-primary{background:var(--accent);color:var(--on-accent)}.button-primary:hover{background:var(--accent-hover);color:var(--on-accent);box-shadow:0 5px 0 color-mix(in srgb,var(--accent) 18%,transparent)}.button-ink{color:var(--paper);background:var(--ink)}.button-ink:hover{color:var(--paper);background:var(--muted)}.button-outline{background:transparent;border-color:var(--line);color:var(--ink)}.button-outline:hover{background:var(--surface);color:var(--ink)}.navigation .button{min-height:48px;font-size:.9rem;padding:12px 18px}.home{padding-top:52px}.home-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:36px;margin-bottom:36px}.home-intro h1{max-width:810px}.home-intro p{font-size:1.22rem;line-height:1.45;padding-bottom:7px;max-width:330px}.featured{overflow:hidden;border-radius:var(--radius);background:var(--surface)}.scene-stage{position:relative}.scene-open{position:relative;display:block;width:100%;border:0;padding:0;background:#426336;overflow:hidden;border-radius:var(--radius) var(--radius) 0 0}.scene-window{width:100%;aspect-ratio:2.7;overflow:hidden;background:#426336}.scene-window img{width:100%;height:100%;object-fit:cover;object-position:center 48%;image-rendering:pixelated}.scene-window[data-view="1"] img{object-position:center 49%}.scene-window[data-view="2"]{background:#18251f}.scene-window[data-view="2"] img{object-fit:contain}.scene-window.changing img{animation:scene-in .35s ease-out}.image-expand{position:absolute;right:18px;top:18px;display:grid;place-content:center;width:44px;height:44px;background:#faf8f2;color:#18261f;border-radius:50%;transition:transform .2s}.scene-open:hover .image-expand{transform:scale(1.1)}.scene-controls{position:absolute;left:20px;bottom:18px;display:flex;gap:4px;background:#faf8f2;padding:4px;border-radius:14px;color:#18261f;box-shadow:0 2px 8px #0002}.scene-controls button{font-size:.85rem;font-weight:550;min-height:44px;padding:9px 15px;border:0;border-radius:10px;background:transparent;color:#18261f;transition:background .2s,color .2s}.scene-controls button:hover{background:#deddd0}.scene-controls button[aria-pressed=true]{background:#18261f;color:#fff9ed}.featured-copy{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:26px 32px}.featured-copy h2{font-size:2rem;letter-spacing:-.04em}.featured-copy p{font-size:1.1rem;margin-top:8px}.account-invitation{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:100px;margin-block:110px}.eyebrow{font-size:.8rem;letter-spacing:.12em;font-weight:600;color:var(--muted);display:block;margin-bottom:22px}.account-invitation p{font-size:1.17rem;max-width:460px;margin-top:24px}.text-link{display:inline-flex;gap:22px;align-items:center;min-height:48px;margin-top:22px;text-decoration:underline;text-underline-offset:5px;font-weight:550}.wallet-card{background:var(--surface);border:1px solid var(--soft-line);border-radius:var(--radius);padding:38px;display:flex;flex-direction:column;align-items:flex-start}.wallet-illustration{width:100px;height:80px;stroke-width:3;margin-bottom:32px;color:var(--accent)}:root[data-theme=dark] .wallet-illustration{color:#ffbd96}.wallet-card h3{margin-bottom:24px;letter-spacing:-.03em}.wallet-card .button{width:100%}.wallet-card .preview-label{font-size:.91rem;line-height:1.5;margin-top:18px}.page-section{padding-top:44px;padding-bottom:90px}.back-link{display:inline-flex;align-items:center;min-height:44px;font-size:.96rem;text-decoration:underline;text-underline-offset:5px;margin-bottom:30px}.page-intro{margin-bottom:42px}.page-intro p{font-size:1.3rem;max-width:740px;margin-top:22px}.game-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:70px;align-items:start}.game-visual{min-width:0}.game-visual button{border:0;padding:0;display:block;width:100%;border-radius:var(--radius);overflow:hidden;background:var(--surface)}.game-visual .scene-window{aspect-ratio:1.1}.image-caption{font-size:.92rem;line-height:1.5;color:var(--muted);margin-top:15px}.game-description{padding-top:20px}.game-description h2{font-size:2.6rem}.game-description p{font-size:1.15rem;margin-top:24px}.game-description .button{margin-top:28px}.game-facts{border-top:1px solid var(--soft-line);margin-top:36px;padding-top:26px;display:grid;grid-template-columns:1fr 1.4fr;gap:18px;font-size:1rem}.game-facts dt{color:var(--muted)}.game-facts dd{margin:0}.account-head{display:flex;gap:60px;align-items:flex-start}.account-head .page-intro{flex:1}.account-head h1{font-size:clamp(2.4rem,4.7vw,4rem)}.scope-note{max-width:290px;font-size:.94rem;border-left:2px solid var(--line);padding-left:18px;margin-top:10px}.account-tabs{display:flex;gap:8px;border-bottom:1px solid var(--soft-line);margin-bottom:28px;padding-bottom:14px;flex-wrap:wrap}.account-tabs button{min-height:48px;padding:11px 22px;border:1px solid transparent;background:transparent;border-radius:12px;font-weight:550}.account-tabs button:hover{background:var(--surface)}.account-tabs button[aria-selected=true]{background:var(--ink);color:var(--paper)}.account-panel{display:grid;grid-template-columns:240px 1fr;gap:52px;align-items:center;min-height:380px;padding:34px;background:var(--surface);border:1px solid var(--soft-line);border-radius:var(--radius)}.account-panel>div{animation:panel-in .25s ease-out}.account-art{width:240px;height:300px;object-fit:cover;object-position:center 46%;image-rendering:pixelated;border-radius:14px}.account-panel h2{font-size:2.2rem;letter-spacing:-.035em}.account-panel p{font-size:1.1rem;max-width:620px;margin-top:18px}.account-panel .button{margin-top:24px;margin-right:10px}.settings-row{display:flex;justify-content:space-between;align-items:center;gap:24px;max-width:650px;margin-top:24px;border-top:1px solid var(--soft-line);padding-top:24px}.settings-row select{min-height:50px;min-width:220px;border:1px solid var(--line);border-radius:10px;padding:8px 15px;background:var(--paper);color:var(--ink)}.preview-controls{margin-top:32px;max-width:800px}.preview-controls summary,.prose summary{min-height:48px;cursor:pointer;font-weight:550;padding:15px 0}.preview-controls p{margin:14px 0}.preview-controls .button{margin-right:8px}.skeleton{display:grid;gap:16px;margin-top:25px;max-width:440px}.skeleton span{height:16px;background:var(--line);opacity:.3;border-radius:4px}.skeleton span:last-child{width:65%}.prose{max-width:860px;margin-right:auto;margin-left:0}.prose h2{font-size:1.7rem;margin-top:40px}.prose p{font-size:1.15rem;margin-top:18px;line-height:1.65}.prose details{border-top:1px solid var(--soft-line);padding-block:8px}.prose summary{font-size:1.18rem}.prose details p{margin:0 0 24px}.site-footer{border-top:1px solid var(--soft-line);display:flex;gap:24px;align-items:center;flex-wrap:wrap;padding-top:32px;padding-bottom:30px}.footer-brand{display:inline-flex;align-items:center;gap:10px;min-height:44px}.footer-brand span{font-size:21px}.copyright{font-size:.85rem;color:var(--muted)}.site-footer nav{display:flex;gap:26px;margin-left:auto}.site-footer nav a{min-height:44px;display:inline-flex;align-items:center;font-size:.92rem}.prototype-note{width:100%;font-size:.85rem}.dialog-top{display:flex;justify-content:space-between;align-items:flex-start;gap:22px;margin-bottom:22px}.dialog-top h2{font-size:2rem;letter-spacing:-.04em;margin-top:5px}.dialog-top .icon-button{flex-shrink:0;border-color:var(--line)}dialog{width:min(510px,calc(100% - 32px));max-height:calc(100dvh - 40px);padding:30px;border:1px solid var(--soft-line);border-radius:24px;background:var(--paper);color:var(--ink);box-shadow:0 30px 120px #0004;overflow-y:auto}dialog[open]{animation:dialog-in .25s ease-out}dialog::backdrop{background:#07130fc4;animation:backdrop-in .2s ease-out}#dialog-content p{margin-block:14px;font-size:1.08rem;line-height:1.55}#dialog-content .button{margin-top:20px}.image-dialog{width:min(700px,calc(100% - 32px))}.image-dialog #dialog-content img{max-height:70dvh;width:auto;margin:auto;image-rendering:pixelated;border-radius:10px}.wallet-notice{background:var(--surface);border-left:3px solid var(--line);padding:13px 16px;font-size:.91rem!important;border-radius:0 8px 8px 0}.provider{width:100%;display:flex;align-items:center;gap:18px;background:var(--surface);border:1px solid var(--line);border-radius:14px;text-align:left;padding:18px;margin-top:26px;min-height:85px;transition:transform .2s,border-color .2s}.provider:hover{transform:translateY(-2px);border-color:var(--ink)}.provider>svg{width:38px;height:38px}.provider span{display:grid;font-size:1.1rem;font-weight:550;gap:4px}.provider small{font-size:.85rem;font-weight:450;color:var(--muted)}.provider .provider-arrow{margin-left:auto;width:24px;height:24px}.wallet-progress{height:5px;margin-top:26px;overflow:hidden;background:var(--soft-line);border-radius:4px}.wallet-progress::after{content:'';display:block;height:100%;width:40%;background:var(--ink);animation:progress 1s ease-in-out infinite}.dialog-actions{display:flex;gap:12px;flex-wrap:wrap}.home-intro{animation:panel-in .5s ease-out}.featured{animation:panel-in .65s ease-out}.reveal-pending{opacity:0;transform:translateY(18px)}.reveal-pending.is-visible{opacity:1;transform:none;transition:opacity .5s ease-out,transform .5s ease-out}
@keyframes panel-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes scene-in{from{opacity:.5;transform:scale(1.025)}to{opacity:1;transform:none}}@keyframes dialog-in{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}@keyframes backdrop-in{from{opacity:0}to{opacity:1}}@keyframes progress{from{transform:translateX(-100%)}to{transform:translateX(350%)}}
.scene-window{position:relative}.scene-window video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%;image-rendering:pixelated}.scene-window:not([data-video-ready=true]) video{opacity:0}.scene-window[data-video-ready=true] img{opacity:0}.video-toggle,.game-visual .video-toggle{position:absolute;left:18px;top:18px;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;width:auto;padding:10px 14px;border:1px solid #7b8279;border-radius:12px;background:#faf8f2;color:#18261f;font-size:.85rem;font-weight:550}.video-toggle:hover{background:#eee9de}.video-toggle svg{width:20px;height:20px}.video-status:not(:empty){position:absolute;left:18px;right:18px;bottom:82px;padding:10px 14px;background:#faf8f2;color:#18261f;font-size:.86rem;border-radius:10px;pointer-events:none}
.dialog-top h2{min-width:0;overflow-wrap:anywhere}
#brand-wordmark{width:184px;height:auto;object-fit:contain;image-rendering:auto}#footer-wordmark{width:146px;height:auto;object-fit:contain;image-rendering:auto}
@media(max-width:600px){#brand-wordmark{width:160px}#footer-wordmark{width:146px}}
@media(min-width:601px) and (max-height:850px){.home{padding-top:30px}.home-intro{margin-bottom:24px}.home-intro h1{font-size:3.5rem}.home .scene-window{aspect-ratio:3}.featured-copy{padding-block:20px}}
@media(min-width:1600px){.scene-window{aspect-ratio:2.9}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.header-inner{gap:20px}.navigation{gap:14px}.navigation>a{font-size:.88rem}#brand-wordmark{font-size:24px}.account-invitation{gap:50px}.game-layout{gap:36px}.account-head{gap:32px}.scene-window{aspect-ratio:2.5}}
@media(max-width:980px){.header-inner{min-height:84px}.menu-button{display:inline-flex;gap:14px;font-size:.9rem}.navigation{display:none;position:absolute;left:24px;right:24px;top:76px;background:var(--paper);border:1px solid var(--line);border-radius:18px;box-shadow:0 20px 40px #0002;padding:22px;flex-wrap:wrap;gap:12px}.navigation[data-open=true]{display:flex}.navigation>a{width:100%;font-size:1rem}.navigation .login-link{margin-left:auto}.home{padding-top:36px}.home-intro{gap:25px}.home-intro h1{font-size:clamp(2.5rem,7vw,4.2rem)}.home-intro p{font-size:1rem;max-width:250px}.featured-copy{padding:24px}.featured-copy h2{font-size:1.85rem}.featured-copy p{font-size:1rem}.account-invitation{gap:36px;margin-block:80px}.wallet-card{padding:28px}.game-layout{grid-template-columns:1fr 1fr;gap:30px}.game-description h2{font-size:2.1rem}.account-head{display:block}.scope-note{max-width:620px;margin:0 0 30px}.account-panel{grid-template-columns:180px 1fr;gap:30px;padding:28px}.account-art{width:180px;height:280px}.account-panel h2{font-size:1.8rem}.site-footer nav{margin-left:0}.copyright{margin-left:auto}.scene-controls{position:static;border-radius:0;padding:9px 16px;box-shadow:none;border-bottom:1px solid #cccfc2}.scene-controls button{flex:1}}
.scene-tools{display:contents}.scene-tools .scene-expand{display:none}
@media(max-width:980px){
  .navigation{max-height:calc(100dvh - 100px - env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain}
}
@media(max-width:600px){
  html{font-size:17px;scroll-padding-top:24px}
  .wrap{width:auto;margin-inline:max(18px,env(safe-area-inset-left)) max(18px,env(safe-area-inset-right))}
  .header-inner{min-height:76px;gap:10px}
  .brand{gap:8px;min-width:0}
  .brand-emblem{width:34px;height:34px}
  #brand-wordmark{width:clamp(142px,41vw,160px)}
  .menu-button{gap:8px;padding:8px;min-width:70px;flex-shrink:0}
  .menu-button svg{width:20px}
  .navigation{left:max(18px,env(safe-area-inset-left));right:max(18px,env(safe-area-inset-right));top:68px;padding:12px;gap:8px;max-height:calc(100dvh - 84px - env(safe-area-inset-bottom))}
  .navigation>a{padding:8px 12px;border-bottom:1px solid var(--soft-line)}
  .navigation>a::after{display:none}
  .navigation>a[aria-current=page]{background:var(--surface);border-radius:10px}
  .navigation .login-link{width:100%;margin:4px 0 0;min-height:50px}
  .home{padding-top:24px}
  .home-intro{display:block;margin-bottom:24px}
  .home-intro h1{font-size:clamp(2.15rem,10vw,2.65rem)}
  .home-intro p{font-size:1.05rem;max-width:34ch;margin-top:14px;padding:0;line-height:1.45}
  .home-intro p br,.account-invitation h2 br{display:none}
  .featured{border-radius:18px}
  .scene-open{border-radius:18px 18px 0 0}
  .scene-window,.game-visual .scene-window{aspect-ratio:4/3}
  .image-expand{display:none}
  .scene-tools{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px 8px;padding:6px 10px;background:var(--paper);border-bottom:1px solid var(--soft-line)}
  .scene-tools .video-toggle,.game-visual .scene-tools .video-toggle,.scene-tools .scene-expand,.game-visual .scene-tools .scene-expand{position:static;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:44px;min-height:44px;width:auto;padding:10px 8px;margin:0;border:0;border-radius:8px;background:transparent;color:var(--ink);font-size:.85rem;font-weight:550}
  .scene-tools .video-toggle:hover,.scene-tools .scene-expand:hover{background:var(--surface)}
  .scene-tools .scene-expand{margin-left:auto}
  .scene-tools svg{width:20px;height:20px}
  .scene-tools .video-status:not(:empty){position:static;order:3;flex-basis:100%;padding:8px;font-size:.9rem;border-radius:8px;background:var(--surface);color:var(--ink)}
  .scene-controls{padding:8px;gap:4px;background:var(--surface);border-bottom:1px solid var(--soft-line);color:var(--ink)}
  .scene-controls button{font-size:.82rem;padding:8px 5px;min-height:44px;min-width:0;color:var(--ink)}
  .scene-controls button:hover{background:var(--paper)}
  .scene-controls button[aria-pressed=true]{background:var(--ink);color:var(--paper)}
  .featured-copy{display:block;padding:20px}
  .featured-copy h2{font-size:1.75rem}
  .featured-copy p{font-size:1rem;margin-top:6px}
  .featured-copy .button{width:100%;margin-top:18px;justify-content:space-between;min-height:54px;padding:14px 18px}
  .account-invitation{grid-template-columns:1fr;gap:24px;margin-block:48px}
  .account-invitation h2{font-size:clamp(1.9rem,8.5vw,2.15rem);max-width:20ch;line-height:1.12}
  .account-invitation p{font-size:1.05rem;margin-top:16px}
  .account-invitation .text-link{margin-top:14px}
  .eyebrow{margin-bottom:14px}
  .wallet-card{display:grid;grid-template-columns:48px minmax(0,1fr);gap:18px 14px;border-radius:18px;padding:22px}
  .wallet-illustration{margin:0;width:48px;height:44px;align-self:center}
  .wallet-card h3{font-size:1.35rem;margin:0;line-height:1.15}
  .wallet-card .button,.wallet-card .preview-label{grid-column:1/-1}
  .wallet-card .preview-label{margin:0;font-size:.94rem}
  .page-section{padding-top:20px;padding-bottom:48px}
  .back-link{margin-bottom:18px}
  .page-intro{margin-bottom:24px}
  .page-intro h1,.account-head .page-intro h1{font-size:2.35rem}
  .page-intro p{font-size:1.08rem;margin-top:14px}
  .game-layout{grid-template-columns:1fr;gap:28px}
  .game-visual .scene-stage{border:1px solid var(--soft-line);border-radius:18px;overflow:hidden}
  .game-description{padding:0}
  .game-description h2{font-size:2rem}
  .game-description p{margin-top:16px;font-size:1.05rem}
  .game-description .button{width:100%;margin-top:22px}
  .game-facts{gap:14px;font-size:.95rem;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr)}
  .scope-note{font-size:.94rem;margin:0 0 24px;padding-left:14px}
  .account-tabs{gap:4px;display:grid;grid-template-columns:1fr 1fr;padding:6px;border:1px solid var(--soft-line);border-radius:14px;background:var(--surface);margin-bottom:20px}
  .account-tabs button{font-size:.94rem;padding:10px 8px}
  .account-panel{grid-template-columns:minmax(0,1fr);padding:20px;gap:22px;min-height:0;border-radius:18px}
  .account-art{width:100%;height:auto;aspect-ratio:16/9;max-height:180px;object-position:center 50%}
  .account-panel h2{font-size:1.75rem;line-height:1.1}
  .account-panel p{font-size:1.05rem;margin-top:14px}
  .account-panel .button{width:100%;margin-right:0;margin-top:16px}
  .settings-row{display:block;gap:16px;margin-top:20px;padding-top:20px}
  .settings-row label{display:block;margin-bottom:10px}
  .settings-row select{width:100%;min-width:0}
  .preview-controls{margin-top:24px}
  .preview-controls .button{margin-bottom:8px;width:100%}
  .site-footer{gap:16px;padding-top:24px;padding-bottom:max(24px,env(safe-area-inset-bottom))}
  .copyright{margin-left:0;font-size:.8rem}
  .site-footer nav{width:100%;justify-content:space-between;gap:14px}
  .site-footer nav a{font-size:1rem}
  .prototype-note{font-size:.86rem}
  .dialog-top{gap:14px}
  .dialog-top h2{font-size:1.65rem;overflow-wrap:normal}
  dialog{padding:20px;border-radius:20px;max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}
  .provider{padding:16px;gap:14px}
  .dialog-actions{flex-direction:column;gap:10px}
  #dialog-content .dialog-actions .button{width:100%;margin-top:0;flex:auto}
  .prose summary{font-size:1.12rem}
  .prose p{font-size:1.05rem}
}
@media(max-width:360px){
  .wrap{margin-inline:max(16px,env(safe-area-inset-left)) max(16px,env(safe-area-inset-right))}
  .header-inner{gap:6px}
  .brand{gap:6px}
  #brand-wordmark{width:142px}
  .home-intro h1{font-size:2.15rem}
  .home-intro p{font-size:1rem}
  .featured-copy{padding:18px}
  .scene-tools{padding-inline:8px}
  .scene-tools .video-toggle,.scene-tools .scene-expand{font-size:.82rem;gap:6px;padding-inline:6px}
}
@media(min-width:601px) and (max-width:980px) and (max-height:500px){
  .header-inner{min-height:72px}
  .navigation{top:64px;display:none;grid-template-columns:minmax(0,1fr) minmax(0,1fr);max-height:calc(100dvh - 80px - env(safe-area-inset-bottom));gap:8px 16px;padding:16px}
  .navigation[data-open=true]{display:grid}
  .navigation>a{width:auto;grid-column:1}
  .navigation .language-button{grid-column:2;grid-row:1;justify-self:start}
  .navigation .icon-button{grid-column:2;grid-row:2;justify-self:start}
  .navigation .login-link{grid-column:2;grid-row:3;justify-self:stretch;margin:0}
  .home-intro{align-items:flex-start}
  .home-intro h1{font-size:2.7rem}
  .home{padding-top:24px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal-pending{opacity:1;transform:none}}