/* V46.6 — bespoke scene-art, warm cinematic restraint, readable RTL */
:root{--v466-gold:#f7c68a;--v466-mint:#b9ebd4;--v466-bg:#111a2c}
.world-sticky{background:linear-gradient(140deg,#142641,#0f172a)}
.hero{background:linear-gradient(140deg,rgba(15,23,43,.96),rgba(18,32,53,.9));border:1px solid #5f7791;box-shadow:0 25px 65px #07101ab5;backdrop-filter:blur(8px)}
.hero h1{font-size:clamp(29px,3vw,48px);line-height:1.52}
.hero p{line-height:2.05;max-width:39ch;font-size:clamp(12px,1.1vw,15px)}
.world-tools{gap:7px}.world-tools button,.progress-hud,.context{backdrop-filter:blur(8px);background:#0b1728da}
.building-button{border:1px solid #afdbd1;box-shadow:0 6px 0 #071321,0 0 22px #081522a8;transition:transform .2s,background .2s}
.building-button:hover,.building-button:focus-visible{transform:translate(-50%,-3px);background:#ebd3bd;color:#17243d}
.room{background:linear-gradient(125deg,#101a30,#273950)}
.room-scene{background:#101b30}.room-info{background:linear-gradient(160deg,#15253e,#111a2c)}
.room-objects button,.room-object-list button{min-height:42px}
.room-top strong{letter-spacing:.035em}
.v466-casestudy{margin:28px 0;padding:clamp(16px,3vw,33px);border:1px solid #607891;border-radius:16px;background:#192944;color:#f1f0ec}
.v466-casestudy h2{font-size:clamp(23px,3vw,35px);margin:4px 0 15px;line-height:1.6}
.v466-casestudy p{font-size:14px;line-height:2.1;color:#d6e0e9}
.v466-case-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0}
.v466-case-flow article{padding:18px 12px;border:1px solid #6a7d97;background:#243653;border-radius:12px;min-height:112px}
.v466-case-flow b{display:block;color:#b9f4d9;font:800 12px ui-monospace,monospace;margin-bottom:12px}
.v466-case-flow strong{font-size:14px;line-height:1.7}
.v466-case-note{border-right:3px solid #f4bd9a;padding:12px 16px;background:#15243d;color:#f1dccb!important}
.v466-access{font-size:12px;color:#b9f4d9}
@media(max-width:900px){.v466-case-flow{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.hero{max-width:min(94vw,410px);padding:19px 18px}.hero h1{font-size:clamp(25px,8vw,35px)}.hero p{font-size:12px}.v466-case-flow{grid-template-columns:1fr 1fr}.v466-casestudy{margin:14px 0}.world-tools button{min-height:40px}}
@media(prefers-reduced-motion:reduce){.building-button{transition:none}.hero{backdrop-filter:none}}
/* Mobile art-first composition: prevent intro and controls from hiding the game. */
@media(max-width:720px){
 .hero{top:11px;right:10px;width:min(284px,calc(100vw - 20px));max-height:225px;overflow:hidden;padding:12px 15px 13px;border-radius:13px}
 .hero h1{font-size:clamp(22px,6.8vw,28px);line-height:1.46;margin:3px 0 5px}
 .hero p{font-size:11px;line-height:1.75;margin:3px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
 .hero .hero-hint,.hero .hero-buttons .secondary{display:none}
 .hero .hero-buttons{margin-top:7px;gap:4px}.hero .hero-buttons .primary{font-size:11px;padding:7px 11px;min-height:34px}
 .context{right:9px;bottom:116px;width:min(245px,calc(100vw - 100px));max-height:65px;padding:7px 9px;overflow:hidden}
 .context p{font-size:10px;line-height:1.45}
 .world-tools{left:8px;bottom:15px;gap:4px;max-width:calc(100% - 177px)}
 .world-tools button{font-size:9px;min-height:34px;padding:5px 6px}
 .progress-hud{bottom:14px;max-width:148px;min-width:138px}
}
@media(max-width:370px){.hero{max-width:260px;max-height:213px}.hero h1{font-size:22px}.hero .hero-buttons .primary{font-size:10px}.context{width:210px}}