:root{color-scheme:dark;font-family:Courier New,Lucida Console,monospace;--ui-bg: rgba(24, 28, 34, .88);--ui-bg-strong: rgba(16, 19, 24, .94);--ui-border: #0b0d10;--ui-border-light: #6b7078;--ui-grass: #7fc34a;--ui-grass-dark: #54852c;--ui-stone: #9ea4aa;--ui-text: #f1f5f9;--ui-text-dim: #cfd8df;--ui-accent: #6dc7ff;background:linear-gradient(180deg,#7fd0ff,#b7ecff 42%,#d7f7ff);color:var(--ui-text)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{min-height:100vh;background:linear-gradient(180deg,#7fd0fff2,#d7f7fff5),repeating-linear-gradient(90deg,rgba(255,255,255,.02) 0,rgba(255,255,255,.02) 2px,transparent 2px,transparent 8px);color:var(--ui-text)}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}canvas{display:block}.world-shell{position:relative;height:100vh;overflow:hidden}.world-ui{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto 1fr auto;gap:.7rem;padding:.7rem;background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 18%),linear-gradient(0deg,rgba(16,19,24,.18),transparent 22%)}.hud-panel,.page-card,.stat-card,.content-block{position:relative;border:4px solid var(--ui-border);outline:2px solid var(--ui-border-light);outline-offset:-6px;box-shadow:0 8px #0b0d106b}.hud-panel{background:linear-gradient(180deg,#363d47f5,#1e232af5);padding:.62rem .72rem;max-width:min(32rem,100%)}.hero-panel{align-self:start;max-width:14rem}.hero-panel h1,.page-card h1{margin:.18rem 0 0;font-size:clamp(1.15rem,2.6vw,2.3rem);line-height:.95;letter-spacing:.02em;text-transform:uppercase}.lead,.page-intro,.content-block p,.stat-card p:last-child,.prompt-panel p{color:var(--ui-text-dim)}.eyebrow,.panel-title,.stat-label{margin:0;text-transform:uppercase;letter-spacing:.12em;font-size:.6rem;color:#b8f288}.controls-panel{min-width:11rem}.help-dock{grid-column:2;grid-row:1;justify-self:end;display:flex;flex-direction:column;align-items:flex-end;gap:.45rem;pointer-events:auto}.help-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:3px solid var(--ui-border);background:linear-gradient(180deg,#818891,#4b525a);color:var(--ui-text);font:inherit;font-size:.68rem;font-weight:700;text-transform:uppercase;padding:.34rem .58rem;cursor:pointer;box-shadow:inset 0 -3px #0000002e}.control-row{display:flex;justify-content:space-between;gap:.55rem;margin-top:.36rem;padding-top:.36rem;border-top:2px solid rgba(255,255,255,.08);font-size:.72rem}.control-row strong{color:#fff6b7;font-size:.68rem;text-align:right}.prompt-panel{grid-column:1 / -1;grid-row:3;align-self:end;justify-self:center;width:min(15rem,calc(100vw - 1.4rem));text-align:center;padding:.5rem .6rem;transition:transform .15s steps(3),box-shadow .15s steps(3)}.prompt-panel.is-active{transform:translateY(-.18rem);box-shadow:0 10px #0b0d106b,0 0 0 2px #6dc7ff66}.prompt-panel h2{margin:.12rem 0 0;font-size:.86rem;text-transform:uppercase;color:#fff6b7}.prompt-key,.ghost-link,.primary-link{display:inline-flex;align-items:center;justify-content:center;padding:.38rem .62rem;font-weight:700;text-transform:uppercase;border:3px solid var(--ui-border);box-shadow:inset 0 -3px #0000002e}.prompt-key{margin-top:.3rem;min-width:5.3rem;background:linear-gradient(180deg,#76d86d,#498b39);color:#071104;font-size:.6rem}.prompt-panel p,.control-row span{font-size:.72rem}.touch-controls{grid-column:1 / -1;grid-row:3;align-self:end;display:flex;justify-content:space-between;align-items:end;gap:1rem;pointer-events:none}.touch-cluster{display:flex;flex-direction:column;gap:.55rem;pointer-events:auto}.touch-cluster-actions{align-items:flex-end}.touch-row{display:flex;gap:.55rem}.touch-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:3px solid var(--ui-border);background:linear-gradient(180deg,#818891f2,#4b525af2);color:var(--ui-text);font:inherit;font-size:.95rem;font-weight:700;min-width:3.35rem;min-height:3.35rem;padding:.7rem;box-shadow:inset 0 -4px #0003;touch-action:manipulation}.touch-button:active{transform:translateY(2px);box-shadow:inset 0 -2px #00000029}.touch-button-up{align-self:center}.touch-button-small{min-width:3rem;min-height:3rem;font-size:.82rem}.touch-button-action{min-width:5.4rem;min-height:3.2rem;font-size:.8rem;text-transform:uppercase}.touch-button-enter{background:linear-gradient(180deg,#7cd759,#4f8e34);color:#081104}.touch-button:disabled{opacity:.6}.hero-panel .lead{display:none}.page-shell{position:relative;min-height:100vh;overflow:hidden;padding:clamp(1rem,2vw,2rem)}.page-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#7fd0fff0,#d7f7fffa),repeating-linear-gradient(0deg,rgba(0,0,0,.02) 0,rgba(0,0,0,.02) 4px,transparent 4px,transparent 12px)}.page-card{background:linear-gradient(180deg,#3b434cfa,#191d22fa);max-width:74rem;margin:0 auto;padding:clamp(1.2rem,3vw,2.2rem)}.page-topbar{display:flex;justify-content:space-between;align-items:center;gap:1rem}.ghost-link,.primary-link{pointer-events:auto;transition:transform .12s steps(2)}.ghost-link{background:linear-gradient(180deg,#818891,#4b525a)}.primary-link{margin-top:1rem;background:linear-gradient(180deg,#7cd759,#4f8e34);color:#081104;width:fit-content}.stat-grid,.content-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.5rem}.content-columns{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:1rem}.stat-card,.content-block{padding:1rem;background:linear-gradient(180deg,#4f5761f5,#2b3038f5)}.stat-card p:last-child,.content-block p:last-child{margin-bottom:0}@media (hover: hover){.ghost-link:hover,.primary-link:hover{transform:translateY(-2px)}}@media (max-width: 900px){.world-ui{grid-template-columns:1fr;grid-template-rows:auto auto 1fr auto}.controls-panel{min-width:10rem}.help-dock{grid-column:1;grid-row:2;justify-self:start;align-items:flex-start}.stat-grid,.content-columns{grid-template-columns:1fr}}@media (max-width: 640px){.world-ui{padding:.75rem;gap:.75rem}.hud-panel,.page-card{padding:.9rem}.page-topbar{align-items:flex-start;flex-direction:column}.touch-controls{gap:.7rem}.touch-button{min-width:3rem;min-height:3rem}.touch-button-action{min-width:4.8rem}}@media (max-width: 480px){.touch-controls{transform:translateY(-3.8rem)}.touch-button{min-width:2.8rem;min-height:2.8rem;padding:.55rem;font-size:.82rem}.touch-row{gap:.4rem}.touch-button-action{min-width:4.4rem;min-height:2.9rem;font-size:.72rem}}