:root{--color-bg: #0b2545;--color-bg-deep: #071a33;--color-surface: #13315c;--color-surface-raised: #1b3b6f;--color-line: #2b4d7e;--color-text: #f4ead5;--color-text-dim: #b8c4d9;--color-accent: #57cc99;--color-accent-ink: #06281c;--color-sand: #eec170;--color-danger: #e56b6f;--tone-tide: #63b3ed;--tone-health: #e56b6f;--tone-satiety: #eec170;--tone-xp: #57cc99;--radius-s: 8px;--radius-m: 14px;--radius-l: 22px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--shadow-card: 0 4px 14px rgb(3 12 26 / .45);--font-display: "Georgia", "Times New Roman", serif;--font-body: system-ui, -apple-system, "Segoe UI", sans-serif;--duration: .2s}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(120% 90% at 50% 0%,var(--color-surface) 0%,var(--color-bg) 55%,var(--color-bg-deep) 100%);color:var(--color-text);font-family:var(--font-body);-webkit-font-smoothing:antialiased}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.visually-hidden{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}.screen{min-height:100%;padding:var(--space-5) var(--space-4)}.screen--center{display:grid;place-items:center;text-align:center}.shell{display:flex;flex-direction:column;height:100%}.shell__content{flex:1;overflow-y:auto;padding:var(--space-4) var(--space-4) calc(72px + env(safe-area-inset-bottom));max-width:640px;width:100%;margin:0 auto}.status-bar{position:sticky;top:0;z-index:10;background:linear-gradient(180deg,var(--color-bg-deep),rgb(7 26 51 / .92));border-bottom:1px solid var(--color-line);padding:var(--space-2) var(--space-4) var(--space-3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.status-bar__top{display:flex;justify-content:space-between;align-items:baseline}.status-bar__brand{font-family:var(--font-display);font-size:1.05rem;letter-spacing:.06em;color:var(--color-sand)}.status-bar__currencies{display:flex;gap:var(--space-4);font-variant-numeric:tabular-nums}.currency{font-weight:600}.status-bar__vitals{display:flex;gap:var(--space-3);margin-top:var(--space-2)}.meter{display:flex;align-items:center;gap:var(--space-1);flex:1;min-width:0}.meter__icon{font-size:.85rem}.meter__track{flex:1;height:8px;border-radius:999px;background:#00000059;overflow:hidden;border:1px solid var(--color-line)}.meter__fill{height:100%;border-radius:999px;transition:width var(--duration) ease-out}.meter--tide .meter__fill{background:var(--tone-tide)}.meter--health .meter__fill{background:var(--tone-health)}.meter--satiety .meter__fill{background:var(--tone-satiety)}.meter--xp .meter__fill{background:var(--tone-xp)}.meter[data-state=low] .meter__track{border-style:dashed}.meter__value{font-size:.75rem;font-variant-numeric:tabular-nums;white-space:nowrap}.meter__max{color:var(--color-text-dim)}.btn{font:inherit;font-weight:700;cursor:pointer;border-radius:var(--radius-m);border:1px solid transparent;padding:10px 18px;min-height:44px;transition:transform var(--duration),filter var(--duration)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--color-accent);color:var(--color-accent-ink)}.btn--primary:hover:not(:disabled){filter:brightness(1.08)}.btn--secondary{background:var(--color-surface-raised);color:var(--color-text);border-color:var(--color-line)}.btn--ghost{background:transparent;color:var(--color-text-dim);border-color:var(--color-line)}.btn--full{width:100%}.btn:focus-visible{outline:3px solid var(--color-sand);outline-offset:2px}.queue-card{display:flex;align-items:center;gap:var(--space-3);background:linear-gradient(135deg,var(--color-surface-raised),var(--color-surface));border:1px solid var(--color-line);border-radius:var(--radius-l);padding:var(--space-4);box-shadow:var(--shadow-card);margin-bottom:var(--space-4)}.queue-card__body{flex:1;min-width:0}.queue-card__kind{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--color-accent)}.queue-card__title{margin:2px 0 4px;font-family:var(--font-display);font-size:1.25rem}.queue-card__detail{margin:0;color:var(--color-text-dim);font-size:.85rem}.queue-card__progress{margin-top:var(--space-2);height:6px;border-radius:999px;background:#00000059;overflow:hidden}.queue-card__progress-fill{height:100%;background:var(--color-sand)}.queue-card--empty{border-style:dashed;background:transparent;box-shadow:none}.hub__head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--space-4)}.hub__title,.map__title,.skills__title{font-family:var(--font-display);font-size:1.6rem;margin:0}.hub__level{color:var(--color-sand);font-weight:700}.gains{margin-top:var(--space-4);background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-m);padding:var(--space-4)}.gains__title{margin:0 0 var(--space-2);font-size:1rem;color:var(--color-sand)}.gains__list{list-style:none;margin:0;padding:0}.gains__row{display:flex;justify-content:space-between;padding:var(--space-1) 0}.gains__qty{font-weight:700;color:var(--color-accent);font-variant-numeric:tabular-nums}.map__subtitle{color:var(--color-text-dim);margin:var(--space-1) 0 var(--space-4)}.surge-card{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);background:linear-gradient(135deg,#14406b,var(--color-surface));border:1px solid var(--tone-tide);border-radius:var(--radius-m);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4)}.surge-card__title{margin:0;font-size:1rem}.surge-card__hint,.surge-card__used{margin:2px 0 0;font-size:.78rem;color:var(--color-text-dim)}.node-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-3)}.node-row{display:flex;align-items:center;gap:var(--space-3);background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-m);padding:var(--space-3) var(--space-4)}.node-row--active{border-color:var(--color-accent)}.node-row--locked{opacity:.6}.node-row__info{flex:1;min-width:0}.node-row__name{margin:0;font-size:1.02rem;display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}.node-row__meta{margin:4px 0 0;font-size:.78rem;color:var(--color-text-dim)}.tag{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;border-radius:999px;padding:2px 8px}.tag--active{background:var(--color-accent);color:var(--color-accent-ink)}.tag--locked{background:#00000059;color:var(--color-text-dim)}.skills__grid{display:grid;grid-template-columns:1fr;gap:var(--space-3);margin-top:var(--space-4)}@media(min-width:480px){.skills__grid{grid-template-columns:1fr 1fr}}.skill-card{display:flex;gap:var(--space-3);align-items:center;background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-m);padding:var(--space-3) var(--space-4)}.skill-card__icon{font-size:1.6rem}.skill-card__body{flex:1;min-width:0}.skill-card__name{margin:0;font-size:.95rem}.skill-card__level{color:var(--color-sand);font-size:.8rem;font-weight:700}.skill-card__max{color:var(--color-accent);font-size:.8rem;font-weight:700}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:10;display:flex;justify-content:space-around;background:#071a33f5;border-top:1px solid var(--color-line);padding:var(--space-2) var(--space-2) calc(var(--space-2) + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.bottom-nav__tab{display:flex;flex-direction:column;align-items:center;gap:2px;background:none;border:none;color:var(--color-text-dim);font:inherit;font-size:.7rem;cursor:pointer;padding:var(--space-1) 2px;border-radius:var(--radius-s);flex:1 1 0;min-width:0;min-height:48px}.bottom-nav__tab--active{color:var(--color-accent)}.bottom-nav__tab:disabled{opacity:.45;cursor:not-allowed}.bottom-nav__icon{font-size:1.3rem}.bottom-nav__tab:focus-visible{outline:3px solid var(--color-sand);outline-offset:-2px}.auth__card{width:min(380px,92vw);background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-l);padding:var(--space-5);box-shadow:var(--shadow-card);text-align:left}.auth__brand{font-family:var(--font-display);color:var(--color-sand);text-align:center;letter-spacing:.08em;margin:0 0 var(--space-2)}.auth__title{margin:0 0 var(--space-4);font-size:1.1rem;font-weight:400;color:var(--color-text-dim)}.auth__form{display:grid;gap:var(--space-3);margin-bottom:var(--space-3)}.auth__form label,.bootstrap__name{display:grid;gap:var(--space-1);font-size:.85rem;color:var(--color-text-dim)}input{font:inherit;color:var(--color-text);background:#0000004d;border:1px solid var(--color-line);border-radius:var(--radius-s);padding:10px 12px;min-height:44px}input:focus-visible{outline:3px solid var(--color-sand);outline-offset:1px}.auth__notice{color:var(--color-sand);font-size:.85rem}.form-error{color:var(--color-danger);font-size:.85rem}.bootstrap{max-width:480px;margin:0 auto;display:grid;gap:var(--space-4)}.bootstrap__title{font-family:var(--font-display);margin:0}.bootstrap__subtitle{margin:0;color:var(--color-text-dim)}.island-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.island-card{width:100%;display:grid;place-items:center;gap:var(--space-1);background:var(--color-surface);border:2px solid var(--color-line);border-radius:var(--radius-m);padding:var(--space-4);cursor:pointer;color:var(--color-text);font:inherit}.island-card--selected{border-color:var(--color-accent);background:var(--color-surface-raised)}.island-card__crest{font-size:1.8rem}.coachmark{background:#eec1701f;border:1px dashed var(--color-sand);border-radius:var(--radius-m);color:var(--color-sand);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);font-size:.9rem}.panel{display:flex;flex-direction:column;gap:12px;padding-bottom:16px}.panel__title{font-size:1.3rem;margin:0}.panel__subtitle{margin:0;color:var(--color-ink-soft, #5b6b7b);font-size:.9rem}.card-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.card{background:var(--color-surface, #fff);border-radius:14px;padding:12px 14px;display:flex;gap:10px;align-items:center;justify-content:space-between;box-shadow:0 1px 3px #0b254514}.card--muted{opacity:.65}.card--danger{border:1px solid #c0392b33}.card__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.card__title{font-size:1rem;margin:0}.card__meta{margin:0;font-size:.8rem;color:var(--color-ink-soft, #5b6b7b)}.card__warn{margin:0;font-size:.8rem;color:#b3541e}.card__actions{display:flex;flex-direction:column;gap:6px;align-items:stretch}.card__actions--wrap{flex-direction:row;flex-wrap:wrap}.card__navbutton{all:unset;cursor:pointer;display:block;width:100%;padding:4px 0;font-size:1rem}.card__navbutton:disabled{cursor:default;opacity:.6}.subtabs{display:flex;gap:6px}.subtabs__tab{flex:1;padding:8px;border:none;border-radius:10px;background:transparent;font-weight:600;color:var(--color-ink-soft, #5b6b7b)}.subtabs__tab--active{background:var(--color-surface, #fff);color:inherit;box-shadow:0 1px 3px #0b25451a}.input{padding:8px 10px;border-radius:10px;border:1px solid #c8d2dc;font-size:.95rem;width:100%;box-sizing:border-box}.input--qty{width:76px}.form{display:flex;flex-direction:column;gap:10px}.form__label{display:flex;flex-direction:column;gap:4px;font-size:.85rem}.form__toggle{display:flex;gap:8px;align-items:center;font-size:.9rem;padding:4px 0}.form-error{color:#c0392b;font-size:.85rem;margin:0}.progress{width:100%;height:10px}.btn--small{padding:6px 10px;font-size:.8rem}.btn--tiny{padding:2px 6px;font-size:.75rem;background:transparent;border:none}.btn--danger{background:#c0392b;color:#fff}.btn--back{align-self:flex-start;background:transparent;border:none;font-size:.9rem;padding:4px 0}.chat-log{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;max-height:50vh;overflow-y:auto}.chat-msg{display:flex;gap:8px;align-items:baseline;font-size:.9rem;flex-wrap:wrap}.chat-msg--empty{color:var(--color-ink-soft, #5b6b7b)}.chat-msg__author{font-weight:700}.chat-msg__body{flex:1;min-width:60%;overflow-wrap:anywhere}.chat-msg__tools{display:flex;gap:2px}.chat-composer{display:flex;gap:8px;margin-top:10px}.bottom-nav__label{font-size:.62rem}.island-home{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-4)}.island-home__hint{margin:0;text-align:center;font-size:.85rem;color:var(--color-text-dim, #5b6b7b)}.island-scene{position:relative}.island-scene__toggle{position:absolute;top:4px;right:4px;z-index:2;font-size:.75rem}.island-scene__canvas{position:relative;width:100%;aspect-ratio:4 / 3;border-radius:var(--radius-m, 14px);overflow:hidden;box-shadow:0 2px 8px #0b25451f}.island-scene__terrain{position:absolute;inset:0;width:100%;height:100%}.island-scene__plot{position:absolute;transform:translate(-50%,-50%);min-width:44px;min-height:44px;display:grid;place-items:center;background:#ffffff8c;border:2px solid rgb(11 37 69 / .15);border-radius:12px;cursor:pointer;padding:2px}.island-scene__plot:focus-visible{outline:3px solid var(--color-accent, #1d7a8c);outline-offset:2px}.island-scene__plot--selected{border-color:var(--color-accent, #1d7a8c);background:#ffffffd9}.island-scene__plot--locked{opacity:.45;border-style:dashed}.island-scene__plot--buildable{border-style:dashed;border-color:var(--color-sand, #b08d64)}.island-scene__plot--ready{border-color:var(--color-accent, #1d7a8c)}.island-scene__glyph{font-size:1.4rem;line-height:1}.island-scene__badge{position:absolute;top:-8px;right:-8px;font-size:.85rem;background:var(--color-surface, #fff);border-radius:50%;width:22px;height:22px;display:grid;place-items:center;box-shadow:0 1px 3px #0b254540}.island-scene__badge--ready{animation:island-bob 1.6s ease-in-out infinite}.island-scene__badge--constructing{animation:island-pulse 1.2s ease-in-out infinite}.island-scene__level{position:absolute;bottom:-7px;right:-7px;font-size:.65rem;font-weight:700;background:var(--color-accent, #1d7a8c);color:#fff;border-radius:50%;width:18px;height:18px;display:grid;place-items:center}@keyframes island-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes island-pulse{0%,to{opacity:1}50%{opacity:.4}}@media(prefers-reduced-motion:reduce){.island-scene__badge--ready,.island-scene__badge--constructing{animation:none}}.island-scene__list{list-style:none;margin:0;padding:34px 0 0;display:flex;flex-direction:column;gap:8px}.island-scene__row{position:static;transform:none;width:100%;display:flex;align-items:center;gap:10px;text-align:left;background:var(--color-surface, #fff);border:2px solid rgb(11 37 69 / .1);border-radius:12px;padding:10px 12px;cursor:pointer;font:inherit;color:inherit}.island-scene__row .island-scene__badge,.island-scene__row .island-scene__level{position:static;box-shadow:none}.island-scene__row-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.island-scene__row-name{font-weight:600}.island-scene__row-state{font-size:.8rem;color:var(--color-text-dim, #5b6b7b)}.island-feedback{display:flex;flex-wrap:wrap;gap:6px}.island-feedback__gain,.island-feedback__rare,.island-feedback__lost{font-size:.85rem;padding:4px 10px;border-radius:999px;background:var(--color-surface, #fff);box-shadow:0 1px 3px #0b25451a}.island-feedback__rare{background:#eec17059;font-weight:700}.island-feedback__lost{color:#b3541e}.island-panel{background:var(--color-surface, #fff);border-radius:var(--radius-m, 14px);padding:12px 14px;display:flex;flex-direction:column;gap:10px;box-shadow:0 1px 4px #0b25451a}.island-panel__head{display:flex;align-items:center;justify-content:space-between}.island-panel__title{margin:0;font-size:1.1rem;display:flex;gap:8px;align-items:baseline}.island-panel__level{font-size:.8rem;color:var(--color-text-dim, #5b6b7b)}.island-panel__subtitle{margin:0;font-size:.9rem}.island-panel__section{display:flex;flex-direction:column;gap:8px;border-top:1px solid rgb(11 37 69 / .08);padding-top:10px}.island-panel__hint{margin:0;font-size:.8rem;color:var(--color-text-dim, #5b6b7b)}.island-panel__error{margin:0;font-size:.85rem;color:#c0392b}.island-panel__costs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.island-panel__cost{display:flex;justify-content:space-between;font-size:.9rem}.island-panel__cost--short{color:#c0392b}.skill-branch{display:flex;flex-direction:column;gap:8px}.skill-branch--dormant{opacity:.55}.skill-branch__title{margin:8px 0 0;font-size:1.05rem}.skill-branch__empty{color:var(--color-text-dim, #5b6b7b);font-size:.85rem;list-style:none}.skill-node{background:var(--color-surface, #fff);border-radius:12px;padding:10px 12px;display:flex;gap:10px;align-items:center;justify-content:space-between;box-shadow:0 1px 3px #0b254514}.skill-node__body{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.skill-node__name{font-weight:700}.skill-node__effect{font-size:.8rem;color:var(--color-text-dim, #5b6b7b)}.skill-node__pips{display:flex;gap:4px}.skill-node__pip{width:10px;height:10px;border-radius:50%;background:#0b25451f}.skill-node__pip--filled{background:var(--color-accent, #1d7a8c)}