*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Segoe UI,system-ui,sans-serif;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;-webkit-user-select:none;user-select:none}.skin-root{min-height:100dvh;width:100%;font-family:var(--font-family);background:linear-gradient(180deg,var(--bg) 0%,var(--bg-gradient-to) 100%);color:var(--text);display:flex;flex-direction:column;align-items:center;padding:24px 16px 48px;position:relative}.screen{width:100%;max-width:560px;display:flex;flex-direction:column;align-items:center;gap:20px}.btn{border:2px solid var(--card-border);border-radius:var(--corner-radius);padding:12px 22px;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 3px #00000024;transition:transform .08s ease,box-shadow .08s ease}.btn:active{transform:translateY(2px);box-shadow:0 1px #00000024}.btn-primary{background:var(--primary);color:#fff}.btn-secondary{background:var(--surface);color:var(--text)}.btn-big{min-width:200px;min-height:54px;font-size:19px}.dev-skin-toggle{position:absolute;top:6px;right:6px;background:#ffffffd9;border-radius:8px;padding:4px 8px;font-size:11px;color:#333;z-index:10;display:flex;gap:4px;align-items:center}.world-title{font-size:30px;font-weight:800;letter-spacing:-.01em;margin:8px 0 0}.home-greet{font-size:18px;text-align:center}.companion-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;width:100%}.companion-card{background:var(--surface);border:2px solid var(--card-border);border-radius:var(--corner-radius);padding:16px;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;box-shadow:0 2px 10px #00000014}.companion-card-selected{outline:4px solid var(--accent);outline-offset:2px}.companion-emoji{font-size:44px}.companion-name{font-weight:700;font-size:14px}.color-picker{display:flex;align-items:center;gap:10px}.color-picker-label{font-size:14px;font-weight:600}.color-swatch{width:32px;height:32px;border-radius:50%;border:3px solid var(--card-border);cursor:pointer}.color-swatch-selected{outline:3px solid var(--accent);outline-offset:2px}.session-companion-bar{width:100%;display:flex;justify-content:space-between;align-items:center;font-size:22px;font-weight:700}.session-progress{font-size:16px;background:var(--surface);border-radius:999px;padding:4px 12px}.question-card{background:var(--surface);border:2px solid var(--card-border);border-radius:var(--corner-radius);padding:28px 20px;width:100%;display:flex;flex-direction:column;align-items:center;gap:20px;box-shadow:0 2px 10px #00000014}.question-card-prompt{font-size:40px;font-weight:800}.numberpad{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.numberpad-display{min-width:140px;min-height:44px;background:var(--bg);border:3px solid var(--card-border);border-radius:10px;font-size:28px;font-weight:700;text-align:center;padding:4px 12px}.numberpad-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%;max-width:320px}.numberpad-key{background:var(--surface);border:3px solid var(--card-border);border-radius:14px;font-size:26px;font-weight:700;padding:18px 0;min-height:60px;cursor:pointer;box-shadow:0 2px #0000001f}.numberpad-key:active{transform:translateY(3px);box-shadow:0 1px #00000026}.numberpad-key-fn{background:#f0f0f0}.numberpad-key-go{background:var(--success);color:#fff}.mcq-options{display:flex;flex-direction:column;gap:12px;width:100%;max-width:320px}.mcq-option{background:var(--surface);border:3px solid var(--card-border);border-radius:14px;font-size:20px;font-weight:700;padding:16px 12px;min-height:56px;cursor:pointer;box-shadow:0 2px #0000001f}.mcq-option:active{transform:translateY(3px);box-shadow:0 1px #00000026}.explainer-wrap{width:100%;display:flex;flex-direction:column;align-items:center;gap:12px}.explainer-intro{font-size:16px;color:var(--text-muted)}.explainer{background:var(--surface);border:2px solid var(--card-border);border-radius:var(--corner-radius);padding:24px;width:100%;display:flex;flex-direction:column;align-items:center;gap:18px}.explainer-label{font-size:18px;font-weight:700;text-align:center}.explainer-counters{display:grid;gap:8px;justify-content:center;justify-items:center;max-width:320px}.explainer-counter{font-size:24px;color:var(--primary);animation:pop-in .25s ease backwards}.explainer-array-grid{display:grid;gap:4px;width:100%;max-width:300px;aspect-ratio:auto}.explainer-array-cell{aspect-ratio:1;background:var(--accent);border-radius:6px;animation:pop-in .2s ease backwards}.explainer-abstract{display:flex;align-items:center;gap:10px;font-size:36px;font-weight:800}.explainer-abstract-op{color:var(--text-muted)}.explainer-abstract-answer{color:var(--primary-dark)}.explainer-next{margin-top:4px}.angle-diagram,.shape-polygon{display:block}.balance-diagram{font-size:26px;font-weight:800;display:flex;align-items:center;gap:6px}.balance-op,.balance-eq{color:var(--text-muted)}.balance-unknown{color:var(--primary-dark)}@keyframes pop-in{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.celebration{display:flex;flex-direction:column;align-items:center;gap:16px}.celebration-message{font-size:26px;font-weight:800;color:var(--primary-dark)}.material-drop{display:flex;flex-direction:column;align-items:center;gap:4px;animation:drop-bounce .5s ease}.material-drop-emoji{font-size:48px}.material-drop-count{font-size:28px;font-weight:800;color:var(--success)}.material-drop-label{font-size:14px;color:var(--text-muted)}@keyframes drop-bounce{0%{transform:translateY(-40px);opacity:0}60%{transform:translateY(6px);opacity:1}to{transform:translateY(0)}}.payout-title{font-size:30px}.payout-row{background:var(--surface);border:3px solid var(--card-border);border-radius:var(--corner-radius);padding:16px 24px;width:100%;display:flex;align-items:center;gap:12px}.payout-emoji{font-size:32px}.payout-value{font-size:22px;font-weight:800;flex:1}.payout-caption{font-size:13px;color:var(--text-muted)}.build-title{font-size:22px;font-weight:800;letter-spacing:-.01em}.build-materials{font-size:16px;font-weight:700}.build-grid{display:grid;gap:3px;width:100%;max-width:340px;aspect-ratio:1;background:var(--grid-line);border:3px solid var(--card-border);border-radius:10px;padding:4px}.build-grid-cell{border:1px solid var(--grid-line);border-radius:4px;font-size:16px;cursor:pointer;padding:0}.build-palette{display:flex;gap:8px}.build-palette-tile{width:44px;height:44px;border-radius:10px;border:3px solid var(--card-border);font-size:18px;cursor:pointer}.build-palette-tile-selected{outline:3px solid var(--accent);outline-offset:2px}.build-rotator{display:flex;flex-direction:column;align-items:center;gap:8px}.build-rotator-shape-wrap{width:80px;height:80px;display:flex;align-items:center;justify-content:center}.build-rotator-shape{width:70px;height:40px;background:var(--accent);border:3px solid var(--card-border);border-radius:6px;transition:transform .3s ease}.build-rotator-angle{font-size:13px;color:var(--text-muted)}.world-materials-bar{display:flex;align-items:center;gap:14px;background:var(--surface);border:3px solid var(--card-border);border-radius:var(--corner-radius);padding:10px 16px;width:100%;justify-content:space-between}.world-materials-count{font-size:24px;font-weight:800;animation:pop-in .3s ease backwards}.world-message{font-size:14px;font-weight:700;color:var(--primary-dark);background:var(--surface);border-radius:999px;padding:6px 14px;text-align:center}.world-section{width:100%;display:flex;flex-direction:column;align-items:center;gap:8px}.world-section-title{font-size:14px;font-weight:700;color:var(--text-muted);margin:0}.world-size-picker{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.world-size-btn{display:flex;flex-direction:column;align-items:center;gap:2px;background:var(--surface);border:3px solid var(--card-border);border-radius:12px;padding:8px 14px;font-size:16px;font-weight:700;cursor:pointer}.world-size-btn-selected{outline:3px solid var(--accent);outline-offset:2px}.world-size-cost{font-size:11px;font-weight:600;color:var(--text-muted)}.world-hint{font-size:13px;color:var(--text-muted);text-align:center;margin:0}.world-resident-list{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.world-resident-chip{background:var(--surface);border:3px solid var(--card-border);border-radius:999px;padding:6px 12px;font-size:14px;font-weight:700}.world-resident-chip-new{outline:3px solid var(--accent);outline-offset:2px;animation:pop-in .3s ease backwards}.coach{width:100%;display:flex;align-items:flex-start;gap:10px;background:var(--surface);border:2px solid var(--card-border);border-radius:var(--corner-radius);padding:12px 14px;box-shadow:0 2px 10px #00000014;animation:pop-in .3s ease backwards}.coach-face{font-size:40px;line-height:1;flex-shrink:0}.coach-bubble{margin:0;font-size:16px;font-weight:600;line-height:1.4}.coach-bubble strong{color:var(--primary-dark)}.guide-pulse{animation:guide-pulse 1.2s ease-in-out infinite}@keyframes guide-pulse{0%,to{box-shadow:0 0 #ff9f1c99,0 4px #00000026}50%{box-shadow:0 0 0 10px #ff9f1c00,0 4px #00000026}}.village-building{pointer-events:none;z-index:2;display:flex;align-items:stretch;justify-content:stretch;padding:1px}.village-building svg{filter:drop-shadow(0 2px 0 rgba(0,0,0,.18))}.village-building-emoji{font-size:22px;align-self:center;margin:auto}.village-tools{display:flex;gap:8px;width:100%;justify-content:center}.village-tool{flex:1;max-width:150px;display:flex;flex-direction:column;align-items:center;gap:2px;background:var(--surface);border:3px solid var(--card-border);border-radius:14px;padding:10px 8px;font-size:16px;font-weight:700;color:var(--text);cursor:pointer;box-shadow:0 2px #0000001f}.village-tool-active{outline:3px solid var(--accent);outline-offset:2px;background:var(--bg)}.village-tool-sub{font-size:10px;font-weight:600;color:var(--text-muted)}.infra-tile{border:3px solid var(--card-border);border-radius:10px;padding:8px 14px;font-size:14px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.4);cursor:pointer}.infra-tile-selected{outline:3px solid var(--accent);outline-offset:2px}.construct-screen{gap:14px}.construct-topbar{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px}.construct-back{background:var(--surface);border:3px solid var(--card-border);border-radius:12px;padding:6px 12px;font-size:15px;font-weight:700;color:var(--text);cursor:pointer}.construct-plot{font-size:15px;font-weight:700;color:var(--text-muted)}.construct-wallet{font-size:20px;font-weight:800}.construct-steps{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.construct-step{font-size:12px;font-weight:700;color:var(--text-muted);background:var(--surface);border-radius:999px;padding:4px 10px;opacity:.6}.construct-step-active{opacity:1;color:#fff;background:var(--primary)}.construct-step-done{opacity:1;color:var(--text);background:var(--grid-line)}.construct-earn{font-size:15px;padding:8px 16px}.construct-stage{width:100%;display:flex;flex-direction:column;align-items:center;gap:14px}.construct-title{font-size:21px;font-weight:800;letter-spacing:-.01em;margin:0;text-align:center}.construct-lead{font-size:15px;color:var(--text-muted);text-align:center;margin:0;max-width:380px}.construct-readout{font-size:20px;font-weight:700;margin:0;text-align:center}.construct-readout strong{color:var(--primary-dark);font-size:26px}.construct-why{font-size:13px;color:var(--text-muted);text-align:center;margin:0;max-width:380px;line-height:1.45}.construct-why strong{color:var(--primary-dark)}.footprint-frame{width:100%;max-width:320px}.footprint-grid{position:relative;display:grid;gap:3px;width:100%;aspect-ratio:1;background:var(--grid-line);border:3px solid var(--card-border);border-radius:10px;padding:4px;touch-action:none}.footprint-cell{border-radius:4px;background:#0000000d}.footprint-cell-floor{box-shadow:inset 0 0 0 1px #0000001f}.footprint-handle{position:absolute;width:30px;height:30px;margin:-15px;border-radius:50%;background:var(--primary);border:3px solid #fff;box-shadow:0 2px 6px #0006;cursor:grab;touch-action:none;z-index:3}.footprint-handle:active{cursor:grabbing}.dim-steppers{display:flex;align-items:center;gap:10px}.dim-times{font-size:22px;font-weight:800;color:var(--text-muted)}.dim-stepper{display:flex;align-items:center;gap:10px;background:var(--surface);border:3px solid var(--card-border);border-radius:12px;padding:6px 10px;font-size:16px;font-weight:700}.dim-stepper button{width:34px;height:34px;border:3px solid var(--card-border);border-radius:8px;background:var(--bg);font-size:22px;font-weight:800;line-height:1;cursor:pointer}.walls-ring{display:flex;flex-direction:column;align-items:center;gap:4px}.walls-row{display:flex;gap:4px}.walls-mid{display:flex;align-items:stretch;gap:4px}.walls-col{display:flex;flex-direction:column;gap:4px;justify-content:space-between}.wall-plank{width:26px;height:26px;border-radius:5px;background:#00000014;transition:background .12s ease,transform .12s ease}.wall-plank-on{border:2px solid var(--card-border);animation:pop-in .18s ease backwards}.walls-floor{display:grid;gap:3px;padding:3px;background:var(--grid-line);border-radius:6px}.walls-floor-cell{width:22px;height:22px;border-radius:3px}.roof-preview,.orient-preview,.done-preview{width:180px;height:150px;display:flex;align-items:center;justify-content:center}.roof-shape-picker{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.roof-shape-btn{display:flex;flex-direction:column;align-items:center;gap:2px;background:var(--surface);border:3px solid var(--card-border);border-radius:12px;padding:8px 14px;font-weight:700;cursor:pointer}.roof-shape-btn-selected{outline:3px solid var(--accent);outline-offset:2px;background:var(--bg)}.roof-shape-name{font-size:15px}.roof-shape-cost{font-size:11px;color:var(--text-muted)}.roof-angle{display:flex;align-items:center;gap:10px}.roof-angle-label{font-size:15px;font-weight:700}.compass{position:relative;width:180px;height:150px;display:flex;align-items:center;justify-content:center}.compass span{position:absolute;font-size:14px;font-weight:800;color:var(--text-muted)}.compass-n{top:0;left:50%;transform:translate(-50%)}.compass-s{bottom:0;left:50%;transform:translate(-50%)}.compass-e{right:4px;top:50%;transform:translateY(-50%)}.compass-w{left:4px;top:50%;transform:translateY(-50%)}.orient-glyph{width:110px;height:110px}.done-summary{list-style:none;padding:0;margin:0;width:100%;max-width:360px;display:flex;flex-direction:column;gap:8px}.done-summary li{background:var(--surface);border:3px solid var(--card-border);border-radius:12px;padding:10px 14px;font-size:16px;font-weight:600}.done-total{background:var(--bg);font-weight:800}.teaser-caption{font-size:16px;color:var(--text-muted)}.teaser-card{background:var(--surface);border:4px dashed var(--card-border);border-radius:var(--corner-radius);padding:24px;width:100%;display:flex;flex-direction:column;align-items:center;gap:10px}.teaser-emoji{font-size:48px;opacity:.55}.teaser-name{font-size:20px;font-weight:700}.teaser-progress-track{width:100%;height:14px;background:var(--grid-line);border-radius:999px;overflow:hidden}.teaser-progress-fill{height:100%;background:var(--accent)}.teaser-cost{font-size:14px;color:var(--text-muted)}