.intro{margin-bottom:22px}.intro h1{font-size:42px;letter-spacing:-1px;margin:12px 0}.lab-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}.lab-tabs button{background:#182b31;color:#a9bfbb;min-width:120px}.lab-tabs button.active{background:#d3ad79;color:#142329;border-color:#d3ad79}.lab-tabs button:disabled{opacity:.35;cursor:default}.toolbar label{min-width:112px}canvas{height:590px}.cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.card h2{font-size:18px}.card details{font-size:11px;line-height:1.7;color:#a2b8b4}.headings i{border-radius:4px;min-width:28px;width:auto;padding:0 5px}.headings b{font-size:13px}.headings small{font-size:10px}.asset-notes{color:#9db3af;font-size:11px;line-height:1.7;border-top:1px solid #3b5156;margin-top:20px;padding-top:12px}#message{min-height:18px;color:#b8d5bc;font-size:12px}#message.error{color:#ffc2a9}.viewer[aria-busy=true]{opacity:.6}#stage-tools:empty{display:none}.stage-panel{background:#1b3036;border:1px solid #40595d;border-radius:6px;padding:18px;margin:18px 0}.stage-panel fieldset{border:0;padding:0;display:flex;gap:16px;flex-wrap:wrap}.stage-panel label{min-width:140px}.stage-panel input[type=color]{width:70px;height:33px;padding:1px;margin-top:7px}.stage-panel p{color:#a6bcb5;font-size:12px;line-height:1.7}.capability{font:10px monospace;color:#d2b687}.stage-panel button{margin-top:10px}@media(max-width:900px){.headings small{display:none}.headings b{font-size:10px}.headings>div{padding:12px 3px}.toolbar label{flex:1;min-width:140px}.intro h1{font-size:34px}canvas{height:470px}}@media(max-width:550px){.lab-tabs button{min-width:100px;flex:1}.note{display:none}canvas{height:390px}.headings b{font-size:9px}.headings i{display:block;margin:0 auto 5px;width:24px}.cards{grid-template-columns:1fr}}
.viewer{position:relative}#pane-labels{display:none;pointer-events:none}.six-panes #pane-labels{display:grid;position:absolute;inset:0 0 27px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);z-index:2}.six-panes #pane-labels>div{border:1px solid #53666a;padding:9px 12px;font-size:12px;color:#efe7d1;background:linear-gradient(#172d34 0,transparent 36px)}.six-panes canvas{height:760px}.headings[hidden]{display:none}#appearance-summary{display:block;font:10px monospace;overflow-wrap:anywhere;color:#9eb6ae}.stage-panel select{max-width:230px}.stage-panel select:disabled{opacity:.5}#capabilities{color:#dfba84}.stage-panel [hidden]{display:none}@media(max-width:650px){.six-panes canvas{height:560px}.six-panes #pane-labels>div{font-size:9px;padding:5px}header span{display:none}}
.main-tabs{display:flex;gap:6px}.main-tabs button{font-size:13px;padding:11px 18px}.main-tabs .active{background:#d4b17f;color:#182c30;border-color:#d4b17f}[hidden]{display:none!important}.primary{background:#d4b17f;color:#16292c;font-weight:600}#game-hud{display:none}body[data-page=city] main{padding:12px 20px;max-width:none}body[data-page=city] .intro,body[data-page=city] .toolbar,body[data-page=city] .lab-tabs,body[data-page=city] #stage-tools,body[data-page=city] #message,body[data-page=city] .headings,body[data-page=city] .cards,body[data-page=city] .asset-notes,body[data-page=city] footer,body[data-page=city] .status{display:none}body[data-page=city] .viewer{border:1px solid #526560;border-radius:12px;overflow:hidden}body[data-page=city] canvas{height:calc(100dvh - 104px);min-height:480px}body[data-page=city] #game-hud{display:block;position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(180deg,#12272d35,transparent 25%,transparent 76%,#10242caa)}.place-tag{position:absolute;left:30px;top:28px;text-shadow:0 2px 12px #122c2c}.place-tag span{display:block;font:10px monospace;letter-spacing:.18em;color:#ede2c8}.place-tag strong{display:block;font-size:32px;font-weight:500;margin:8px 0}.place-tag small{font-size:12px;color:#fff3db}.game-controls{position:absolute;left:26px;bottom:22px;display:flex;gap:9px 16px;align-items:center;flex-wrap:wrap;right:26px;max-width:1100px}.game-controls>span{font-size:11px;line-height:1.7;color:#fff5e1}.game-controls button{pointer-events:auto;background:#18342de6;color:#fff5e1;border-color:#89a394}.game-controls button:first-of-type{margin-left:auto}kbd{font:10px "Segoe UI",sans-serif;border:1px solid #bac7b77a;border-radius:3px;padding:2px 5px;margin:0 3px;background:#152e3899}#interaction-prompt{position:absolute;bottom:112px;left:50%;transform:translateX(-50%);padding:11px 18px;border-radius:7px;background:#142d31dc;color:#fff2cd;font-size:14px;white-space:nowrap}#interaction-prompt:empty,#game-toast:empty{display:none}#game-toast{position:absolute;top:28px;right:28px;max-width:350px;line-height:1.5;padding:14px 18px;border:1px solid #cbd5b680;background:#24483de8;border-radius:8px;font-size:13px;color:#fff1d7}#game-menu{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:460px;width:90%;padding:32px;background:#142a30f2;border:1px solid #879d8c;border-radius:12px;pointer-events:auto;box-shadow:0 20px 100px #091c2599}#game-menu h2{font-size:28px;font-weight:500}#game-menu p{line-height:1.7;color:#c0cabc}#game-menu button{margin:12px 10px 0 0}body[data-page=creator] .lab-tabs,body[data-page=creator] #catalog-cards,body[data-page=creator] .asset-notes{display:none}body[data-page=creator] .toolbar label:has(#layout),body[data-page=creator] .toolbar label:has(#model),body[data-page=creator] .toolbar label:has(#clip){display:none}body[data-page=creator] #stage-tools{max-width:480px;float:left;width:36%;padding-right:20px}body[data-page=creator] .stage-panel{margin-top:0;padding:16px}body[data-page=creator] .stage-panel fieldset{gap:12px}body[data-page=creator] .stage-panel label{min-width:120px;flex:1}body[data-page=creator] .viewer{width:64%;float:right}body[data-page=creator] .toolbar{margin-bottom:20px;border-radius:8px}body[data-page=creator] #message{clear:both}body[data-page=creator] footer{clear:both}body[data-page=creator] .viewer canvas{height:850px}body[data-page=creator] .intro{margin-bottom:18px}body[data-page=creator] .intro h1{font-size:32px;margin:8px 0}body[data-page=creator] .intro .note{display:none}body[data-page=creator] #message:empty{display:none}@media(max-width:950px){header{margin:0 16px;gap:10px}header>span{display:none}.main-tabs button{padding:10px;font-size:11px}.game-controls button:first-of-type{margin-left:0}.place-tag{left:20px;top:20px}.place-tag small{max-width:230px;display:block;line-height:1.5}body[data-page=creator] #stage-tools,body[data-page=creator] .viewer{float:none;width:100%;max-width:none;padding:0}body[data-page=creator] .viewer canvas{height:600px}}@media(max-width:600px){header{height:auto;min-height:76px;flex-wrap:wrap;padding:10px 0}.main-tabs{width:100%}.main-tabs button{flex:1}body[data-page=city] main{padding:8px}.place-tag strong{font-size:24px}.place-tag small{display:none}.game-controls{left:14px;right:14px;bottom:12px;gap:8px}.game-controls>span{font-size:10px}#game-toast{top:90px;left:14px;right:14px;max-width:none}#interaction-prompt{bottom:140px;font-size:11px}body[data-page=city] canvas{height:calc(100dvh - 133px)}}

body[data-page=creator] #message{position:fixed;bottom:16px;left:20px;max-width:460px;padding:10px 16px;background:#18342df2;z-index:5;border-radius:6px}
body[data-page=creator] .viewer canvas{height:clamp(520px,calc(100dvh - 420px),740px)}.stage-panel details{font-size:11px;color:#b5c4b6;margin-top:16px}