:root{--control-radius:6px;--control-border:#cbb57166;--control-focus:#f3d995}
.control-dock{position:fixed;z-index:65;left:50%;bottom:max(16px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(390px,calc(100vw - 28px));display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:5px;border:1px solid var(--control-border);border-radius:12px;background:#081810f2;backdrop-filter:blur(22px);box-shadow:0 8px 32px #0005}
.control-dock .chapter-launch,.control-dock .sound-toggle,.control-dock .sound-settings-toggle{position:static!important;inset:auto!important;transform:none!important;translate:none!important;width:100%!important;max-width:none!important;height:44px!important;min-height:44px;margin:0!important;padding:8px!important;display:flex!important;align-items:center;justify-content:center;gap:8px;border:1px solid transparent!important;border-radius:var(--control-radius)!important;background:transparent!important;color:#e8d397!important;font:500 11px/1.3 'DM Sans',sans-serif!important;letter-spacing:0!important;cursor:pointer;white-space:nowrap}
.control-dock svg{width:17px;height:17px;display:block;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none}.control-dock .chapter-launch>span:first-child{font-size:inherit}.control-dock .chapter-launch-name,.control-dock .sound-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.control-dock button:hover,.control-dock button[aria-expanded=true],.control-dock button[aria-pressed=true]{background:#29462c88!important;border-color:#cbb57140!important;color:#fff0bc!important}.control-dock button:active{filter:brightness(.85)}.control-dock button:focus-visible{outline:2px solid var(--control-focus);outline-offset:1px}.intro-active .control-dock{visibility:hidden}
.chapter-panel{left:max(14px,calc(50% - 195px));bottom:84px;max-height:calc(100svh - 190px)}.sound-panel{right:max(14px,calc(50% - 195px));bottom:84px;max-width:calc(100vw - 28px)}
.official-panel{margin:56px auto 0;padding:30px;border:1px solid #566b3c66;border-radius:var(--control-radius);max-width:1080px;background:#e6ddb51f}.official-eyebrow{font:600 9px/1.6 'DM Sans',sans-serif;letter-spacing:.16em;color:#4f6139}.official-panel h3{font:800 clamp(28px,4vw,42px)/1.1 'Barlow Condensed',sans-serif;color:#182b1c;margin:10px 0}.official-panel header p,.official-note{font:400 13px/1.7 'DM Sans',sans-serif;color:#45533a}.official-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:25px}.official-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px;min-width:0;min-height:96px;border:1px solid #52643c66;border-radius:var(--control-radius);color:#17291a;background:#fff9dc3d;transition:background .2s,border-color .2s,box-shadow .2s}.official-card>span:first-child{min-width:0}.official-card strong{display:block;font:700 13px/1.5 'DM Sans',sans-serif}.official-card small{display:block;font:400 11px/1.7 'DM Sans',sans-serif;overflow-wrap:anywhere;color:#4c5c3d;margin-top:5px}.official-card>span:last-child{font-size:22px;flex:none}.official-card:hover{background:#fff9dc99;border-color:#3e542b}.official-card:active{box-shadow:inset 0 0 0 1px #3e542b}.official-card.is-coming{background:#c5c39d26;color:#526047;border-style:dashed}.official-card.is-coming>span:last-child{font:600 8px/1.4 'DM Sans',sans-serif;letter-spacing:.1em}.official-note{margin-top:20px!important;font-size:11px}
.action,.join,.archive-tool,.gallery-controls button,.art-zoom-controls button,.viewer-controls button,.allocation,.supply-card,.gateway-step,.legacy-visual,.scene-photo,.origin-visual,.token-blueprint,.sound-panel,.chapter-panel{border-radius:var(--control-radius)}.action:focus-visible,.join:focus-visible,.official-card:focus-visible,.archive-tool:focus-visible,.allocation:focus-visible,.sound-settings-toggle:focus-visible,.sound-panel input:focus-visible,.close-art:focus-visible,.viewer-controls button:focus-visible{outline:2px solid var(--control-focus);outline-offset:4px}.official-card:focus-visible{outline-color:#263b21}.coming-soon,.gateway-coming{cursor:default}.art-zoom-controls button:disabled{opacity:.4}.footer{padding-bottom:110px!important}
@media(max-width:850px){.control-dock{width:min(360px,calc(100vw - 28px));bottom:max(14px,env(safe-area-inset-bottom))}.control-dock .chapter-launch{border-radius:var(--control-radius)}.chapter-panel{left:14px;bottom:82px}.sound-panel{right:14px;bottom:82px}.hero-content{bottom:170px!important}.hero-bottom{min-height:138px;padding-bottom:78px}.hero-bottom>a{margin-right:0}.official-panel{padding:22px;margin-top:36px}}
@media(max-width:560px){.official-grid{grid-template-columns:1fr}.official-card{padding:18px;min-height:90px}.official-panel header p{font-size:12px}.control-dock .chapter-launch,.control-dock .sound-toggle,.control-dock .sound-settings-toggle{font-size:10px!important;gap:6px}.official-panel{padding:20px}}
@media(max-width:360px){.official-card small{font-size:9px}.official-card strong{font-size:11px}}
@media(prefers-reduced-motion:reduce){.official-card{transition:none}}
.gateway .official-panel .official-note{font:400 11px/1.7 'DM Sans',sans-serif;color:#45533a}

.launch-announcement{cursor:default!important}.join.launch-announcement{font-size:8px;letter-spacing:.04em}.action.launch-announcement{opacity:.8}