:root{--gb-bg: #0f1729;--gb-panel: rgba(255, 255, 255, .055);--gb-panel-2: rgba(255, 255, 255, .09);--gb-line: rgba(255, 255, 255, .1);--gb-text: #eaf1ff;--gb-dim: rgba(234, 241, 255, .6);--gb-accent: #8fe3c0;--gb-accent-ink: #062419;--gb-gold: #ffd166;--gb-danger: #ff6b6b;--gb-radius: 16px;--gb-font: system-ui, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", "Segoe UI", Roboto, sans-serif}.gb-home{width:100%;max-width:440px;margin:0 auto;display:flex;flex-direction:column;gap:12px;font-family:var(--gb-font);color:var(--gb-text)}.gb-home-top{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px}.gb-brand{display:flex;align-items:center;gap:8px;font-weight:800;font-size:20px;letter-spacing:-.3px}.gb-brand canvas,.gb-brand img{width:34px;height:34px}.gb-tools{display:flex;gap:6px}.gb-icon{width:44px;height:44px;border-radius:12px;border:1px solid var(--gb-line);background:var(--gb-panel);color:var(--gb-text);display:grid;place-items:center;font-size:20px;cursor:pointer;padding:0}.gb-icon:active{transform:scale(.94)}.gb-play{border:0;border-radius:var(--gb-radius);min-height:56px;font:800 18px var(--gb-font);cursor:pointer;background:var(--gb-accent);color:var(--gb-accent-ink);box-shadow:0 8px 22px #00000040}.gb-play:active{transform:scale(.98)}.gb-sub{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:8px}.gb-sub>button{min-height:44px;border-radius:12px;border:1px solid var(--gb-line);background:var(--gb-panel);color:var(--gb-text);font:700 13.5px var(--gb-font);cursor:pointer;padding:6px 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gb-sub>button.done{color:var(--gb-accent);border-color:color-mix(in srgb,var(--gb-accent) 50%,transparent)}.gb-rank{background:var(--gb-panel);border:1.5px solid color-mix(in srgb,var(--gb-gold) 55%,transparent);border-radius:var(--gb-radius);padding:10px 14px 8px;text-align:left;font-family:var(--gb-font);color:var(--gb-text)}.gb-rank-head{display:flex;align-items:baseline;gap:8px;margin-bottom:4px}.gb-rank-head b{font-size:15px;color:var(--gb-gold)}.gb-rank-head small{flex:1;color:var(--gb-dim);font-size:12px}.gb-tix{font-size:12.5px;font-weight:800;color:var(--gb-text);background:var(--gb-panel-2);border-radius:999px;padding:2px 9px}.gb-rank-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1px;font-size:14px}.gb-rank-list li{display:flex;align-items:center;gap:8px;min-height:24px}.gb-rank-list .pos{flex:0 0 24px;text-align:center;font-weight:800;font-size:13px;color:var(--gb-dim)}.gb-rank-list li.medal .pos{font-size:15px}.gb-rank-list .nm{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gb-rank-list .nm small{color:var(--gb-dim);font-size:12px}.gb-rank-list .pt{font-variant-numeric:tabular-nums;color:var(--gb-gold)}.gb-rank-list li.me{color:var(--gb-accent);font-weight:800}.gb-rank-list li.sep{border-top:1px dashed var(--gb-line);margin-top:3px;padding-top:3px}.gb-rank-list li.dim{color:var(--gb-dim);font-size:13px}.gb-rank-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:6px;padding-top:6px;border-top:1px solid var(--gb-line);font-size:12.5px}.gb-mine{color:var(--gb-dim)}.gb-mine b{color:var(--gb-accent)}.gb-link{background:none;border:0;color:var(--gb-accent);font:700 12.5px var(--gb-font);cursor:pointer;padding:6px 2px;min-height:44px}.gb-modes{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;gap:8px}.gb-mode{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto auto;column-gap:8px;align-items:center;text-align:left;min-height:76px;padding:10px 12px;border-radius:14px;border:1px solid var(--gb-line);background:var(--gb-panel);color:var(--gb-text);font-family:var(--gb-font);cursor:pointer}.gb-mode:active{transform:scale(.97)}.gb-mode-emoji{grid-row:1 / span 2;width:28px;height:28px;line-height:1;display:grid;place-items:center;color:var(--gb-accent, #ffcf5a)}.gb-mode-emoji svg{width:26px;height:26px}.gb-mode-name{font-weight:800;font-size:15px}.gb-mode-desc{font-size:12px;color:var(--gb-dim);line-height:1.3}.gb-mode-best{grid-column:1 / span 2;font-size:12px;font-weight:700;color:var(--gb-gold);min-height:0}.gb-mode-best:empty{display:none}.gb-modebar{display:flex;justify-content:center;align-items:center;gap:8px;pointer-events:none;font-family:var(--gb-font);font-variant-numeric:tabular-nums}.gb-chip{background:#0a1020b8;color:var(--gb-text);border-radius:12px;padding:5px 12px;font-weight:800;font-size:15px}.gb-time{font-size:20px}.gb-time.urgent{color:var(--gb-danger);animation:gbBlink .5s steps(2) infinite}.gb-hearts i{font-style:normal}.gb-hearts i.lost{opacity:.25;filter:grayscale(1)}@keyframes gbBlink{50%{opacity:.55}}#gb-layer{position:fixed;inset:0;z-index:1000;display:grid;grid-template-columns:minmax(0,1fr);place-items:center;padding:16px;background:#060a16b8;backdrop-filter:blur(4px);font-family:var(--gb-font);color:var(--gb-text);overflow-y:auto}#gb-layer[hidden]{display:none}.gb-sheet{width:100%;max-width:520px;background:var(--gb-bg);border:1px solid var(--gb-line);border-radius:20px;padding:18px 16px;text-align:center;box-shadow:0 20px 60px #00000073}.gb-sheet h2{margin:0 0 6px;font-size:21px}.gb-hint{margin:0 0 12px;color:var(--gb-dim);font-size:13.5px;line-height:1.5}.gb-hint b{color:var(--gb-text)}.gb-row{display:flex;gap:6px}.gb-row select,.gb-row input{min-height:46px;border-radius:12px;border:1px solid var(--gb-line);background:var(--gb-panel-2);color:var(--gb-text);font:600 16px var(--gb-font);padding:0 10px}.gb-row input{flex:1;min-width:0;user-select:text;-webkit-user-select:text}.gb-list{list-style:none;padding:0;margin:10px 0 0;display:flex;flex-direction:column;gap:6px;max-height:46vh;overflow-y:auto}.gb-pick{width:100%;min-height:46px;text-align:left;border-radius:12px;border:1px solid var(--gb-line);background:var(--gb-panel);color:var(--gb-text);font:700 15px var(--gb-font);padding:8px 12px;cursor:pointer}.gb-pick small{color:var(--gb-dim);font-weight:600}.gb-msg{min-height:20px;margin:10px 0 0;font-size:14px;color:var(--gb-dim)}.gb-msg b{color:var(--gb-gold)}.gb-btns{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px}.gb-btn{min-height:46px;min-width:110px;border-radius:12px;border:0;background:var(--gb-accent);color:var(--gb-accent-ink);font:800 16px var(--gb-font);padding:0 18px;cursor:pointer}.gb-btn.ghost{background:transparent;color:var(--gb-text);border:1px solid var(--gb-line)}.gb-btn:disabled{opacity:.5}.gb-opts{display:flex;flex-direction:column;gap:8px;align-items:center}.gb-seg{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.gb-pill{min-height:44px;padding:0 14px;border-radius:999px;border:1px solid var(--gb-line);background:var(--gb-panel);color:var(--gb-text);font:700 14px var(--gb-font);cursor:pointer}.gb-pill.on{background:var(--gb-accent);border-color:var(--gb-accent);color:var(--gb-accent-ink)}.gb-qprog{display:flex;gap:6px;justify-content:center;margin:6px 0 0}.gb-qprog i{width:30px;height:7px;border-radius:9px;background:var(--gb-panel-2)}.gb-qprog i.done{background:var(--gb-accent)}.gb-qprog i.now{background:var(--gb-gold)}.gb-qtext{font-size:clamp(26px,7vw,40px);font-weight:800;margin:16px 0}.gb-choices{display:grid;grid-template-columns:1fr 1fr;gap:8px}.gb-choice{min-height:72px;border-radius:14px;border:1px solid var(--gb-line);background:var(--gb-panel-2);color:var(--gb-text);font:800 22px var(--gb-font);cursor:pointer}.gb-choice:active{transform:scale(.97)}.gb-review{text-align:left;display:flex;flex-direction:column;gap:4px;font-size:15px}.gb-review .no{color:var(--gb-danger)}@media(max-height:640px){.gb-home{gap:8px}.gb-rank{padding:7px 12px 6px}.gb-rank-list{font-size:13px}.gb-rank-list li{min-height:21px}.gb-play{min-height:50px;font-size:17px}.gb-mode{min-height:64px;padding:8px 10px}}@media(max-width:350px){.gb-mode-desc{display:none}}.frac{display:inline-flex;flex-direction:column;align-items:center;vertical-align:middle;line-height:1.05;margin:0 .12em;font-size:.9em;font-variant-numeric:tabular-nums}.frac-n{padding:0 .18em .06em;border-bottom:.09em solid currentColor}.frac-d{padding:.06em .18em 0}.frac-mixed{white-space:nowrap}.frac-mixed>.frac{margin-left:.06em}#gb-layer .frac,[data-gb] .frac{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;vertical-align:middle;position:static;top:auto;float:none;width:auto;height:auto;text-align:center;line-height:1.05}#gb-layer .frac-n,#gb-layer .frac-d,[data-gb] .frac-n,[data-gb] .frac-d{display:block;position:static;float:none}#gb-layer .gb-choices>.gb-choice:last-child:nth-child(odd){grid-column:1/-1}.gb-ic{width:1.1em;height:1.1em;vertical-align:-.18em;flex:none}.gb-ic-ok{color:#6fdc8c}.gb-ic-no{color:#ff7a6b}.gb-hearts i .gb-ic{color:#ff5a6e}.gb-hearts i.lost .gb-ic{color:#ffffff40}.gb-rank-list .pos.m1,.gb-rank-list .pos.m2,.gb-rank-list .pos.m3{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;font-weight:900;color:#1b1b1b}.gb-rank-list .pos.m1{background:#ffd34d}.gb-rank-list .pos.m2{background:#d7dde6}.gb-rank-list .pos.m3{background:#e0a46a}.gb-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:2px 0 6px;padding:6px 0;border-bottom:1px solid var(--gb-line);text-align:center}.gb-stats span{display:flex;flex-direction:column;gap:1px;min-width:0}.gb-stats b{font-size:15px;font-variant-numeric:tabular-nums;color:var(--gb-text)}.gb-stats small{font-size:12px;color:var(--gb-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gb-more{display:block;width:100%;text-align:center}.gb-rank-all{text-align:left}.gb-rank-all h2{text-align:center}.gb-tabs{display:flex;gap:6px;justify-content:center;margin:4px 0 8px}.gb-tab{min-height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--gb-line);background:transparent;color:var(--gb-text);font:700 14px var(--gb-font);cursor:pointer}.gb-tab.on{background:var(--gb-accent);color:var(--gb-accent-ink);border-color:transparent}.gb-rank-scroll{max-height:min(60vh,520px);overflow-y:auto;padding:0 4px}.gb-rank-scroll li{min-height:30px}@font-face{font-family:OcBody;src:url(/fonts/body.woff2) format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:OcTitle;src:url(/fonts/title.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:OcTitle;src:url(/fonts/title-bold.woff2) format("woff2");font-weight:700;font-display:swap}:root{--gb-bg: #241d38;--gb-panel: rgba(255, 240, 214, .07);--gb-panel-2: rgba(255, 240, 214, .12);--gb-line: rgba(255, 240, 214, .14);--gb-text: #fbf1de;--gb-dim: rgba(251, 241, 222, .66);--gb-accent: #f0a04b;--gb-accent-ink: #2a1606;--gb-gold: #f6cf72;--gb-font: "OcBody", system-ui, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--font-body: var(--gb-font);--font-title: "OcTitle", "OcBody", serif;--night: #241d38;--night-2: #2f2747;--lantern: #f0a04b;--lantern-soft: #f6cf72;--paper: #f6eddc;--paper-2: #ece0c8;--ink: #3f3227;--ink-dim: #6e5e4f;--ink-line: rgba(63, 50, 39, .16);--red: #e0604f;--pink: #e98fb0;--blue: #5a8fd8;--green: #6cae7a;--yellow: #e8c04a;--ts: 1}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--night);color:var(--gb-text);font-family:var(--font-body);-webkit-tap-highlight-color:transparent}body{overscroll-behavior:none}button{font:inherit;color:inherit;cursor:pointer}[hidden]{display:none!important}#app{min-height:100%}.screen{min-height:100dvh;max-width:560px;margin:0 auto;padding:max(12px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom))}.ic{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2;vertical-align:-4px}.brand-mark{display:inline-block;width:18px;height:22px;margin-right:8px;vertical-align:-4px;border-radius:50% 50% 46% 46%;background:radial-gradient(circle at 50% 60%,#ffe2a6 0 28%,var(--lantern) 60%,#b4561f 100%);box-shadow:0 0 14px #f0a04bb3}.gb-brand{font-family:var(--font-title);font-weight:700;letter-spacing:.02em}.hero{text-align:center;padding:26px 8px 18px;position:relative}.hero-lamp{width:74px;height:92px;margin:0 auto 14px;position:relative}.hero-lamp i{position:absolute;inset:10px 14px 0;border-radius:48% 48% 42% 42%;background:radial-gradient(circle at 50% 58%,#fff3cf 0 18%,#ffc976 38%,var(--lantern) 66%,#a64e1c 100%);box-shadow:0 0 40px 10px #f0a04b59;animation:flicker 3.2s ease-in-out infinite}.hero-lamp:before{content:"";position:absolute;left:50%;top:0;width:2px;height:12px;background:#fbf1de80}@keyframes flicker{0%,to{filter:brightness(1);transform:scale(1)}45%{filter:brightness(1.12);transform:scale(1.02)}70%{filter:brightness(.94)}}.hero-title{font-family:var(--font-title);font-weight:700;font-size:clamp(30px,9vw,42px);margin:0;letter-spacing:.04em;text-shadow:0 2px 18px rgba(240,160,75,.35)}.hero-r1,.hero-r2{margin:8px 0 0;font-family:var(--font-title);color:var(--lantern-soft);font-size:17px}.hero-r2{color:#c9c2ff}.hero-sub{margin:10px 0 0;color:var(--gb-dim);font-size:14px}.source-note{font-size:12px;color:var(--gb-dim);text-align:center;line-height:1.6;margin-top:18px}.source-note a{color:var(--lantern-soft)}.btn-main{display:block;width:100%;min-height:56px;border:0;border-radius:16px;background:var(--lantern);color:var(--gb-accent-ink);font-weight:800;font-size:18px;margin-top:16px;box-shadow:0 6px 24px #f0a04b47;transition:transform .08s}.btn-main:active{transform:scale(.97)}.btn-sub{min-height:46px;padding:0 16px;border-radius:12px;border:1px solid var(--gb-line);background:var(--gb-panel);font-weight:700}.btn-row{display:flex;gap:10px;margin-top:14px}.btn-row>*{flex:1}#birth{display:flex;flex-direction:column;justify-content:center}.birth-head{text-align:center;font-family:var(--font-title);font-size:22px;margin:6px 0 14px;color:var(--lantern-soft)}.birth-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.bcard{position:relative;min-height:86px;border-radius:14px;perspective:600px}.bcard .f,.bcard .b{position:absolute;inset:0;border-radius:14px;display:flex;flex-direction:column;justify-content:center;align-items:center;backface-visibility:hidden;transition:transform .55s cubic-bezier(.3,1.4,.5,1);padding:8px;text-align:center}.bcard .f{background:linear-gradient(160deg,#3a3058,#2a2242);border:1px solid var(--gb-line)}.bcard .f:after{content:"";width:26px;height:26px;border-radius:50%;background:radial-gradient(circle,var(--lantern-soft),transparent 70%);opacity:.8}.bcard .b{background:var(--paper);color:var(--ink);transform:rotateY(180deg)}.bcard.open .f{transform:rotateY(-180deg)}.bcard.open .b{transform:rotateY(0)}.bcard .k{font-size:12px;color:var(--ink-dim)}.bcard .v{font-size:17px;font-weight:800;margin-top:4px}.bcard.hidden-pick .b{box-shadow:inset 0 0 0 2px var(--lantern)}.bcard .tag{font-size:11px;margin-top:4px;color:#a4501a;font-weight:700}#life,#review{background:var(--paper);color:var(--ink);max-width:none}#life>*,#review>*{max-width:560px;margin-left:auto;margin-right:auto}body.day{background:var(--paper)}.life-top{position:sticky;top:0;z-index:3;background:linear-gradient(var(--paper) 82%,rgba(246,237,220,0));padding-bottom:6px;display:grid;grid-template-columns:1fr auto;gap:6px 8px;align-items:center}.life-band{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}.life-band b{font-family:var(--font-title);font-size:24px}.life-band span{font-size:14px;color:var(--ink-dim)}.era-chip{padding:2px 8px;border-radius:99px;background:var(--paper-2);color:var(--ink)!important;font-weight:700}.life-tools{display:flex;gap:6px;align-items:center}#life .gb-icon{color:var(--ink);background:#3f322712;border-color:var(--ink-line)}.stats{grid-column:1 / -1;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;overflow-x:clip}.stat{display:flex;align-items:center;gap:5px;padding:6px 8px;border-radius:10px;background:#ffffff8c;border:1px solid var(--ink-line);font-size:13px}.stat svg{width:16px;height:16px;flex:none}.stat b{font-size:16px;margin-left:auto;font-variant-numeric:tabular-nums}.stat span{white-space:nowrap}@media(max-width:420px){.stat{flex-wrap:wrap;justify-content:center;gap:2px 6px;padding:5px 4px}.stat b{margin-left:0}.stat span{order:3;width:100%;text-align:center;font-size:12px;color:var(--ink-dim)}}.stat .bar{position:absolute}.stat.low b{color:#b2402f}.lamp-mini{width:22px;height:26px;border-radius:48% 48% 42% 42%;background:radial-gradient(circle at 50% 60%,#fff3cf 0 20%,var(--lantern) 70%,#a64e1c);box-shadow:0 0 12px #f0a04b99}.scene{padding-top:6px}.scene-art{margin:0;border-radius:16px;overflow:hidden;aspect-ratio:4 / 3;background:var(--paper-2);position:relative;box-shadow:0 6px 22px #3f322724}.scene-art img{width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .4s}.scene-art img.on{opacity:1}.era-ribbon{position:absolute;left:10px;top:10px;padding:3px 9px;border-radius:99px;background:#f6eddce6;font-size:12px;font-weight:800;color:#8a4518}.scene-text{font-size:calc(17px * var(--ts));line-height:1.75;margin:14px 2px 8px;min-height:3.5em;word-break:keep-all}.scene-text .ttl{display:block;font-family:var(--font-title);font-weight:700;font-size:calc(19px * var(--ts));margin-bottom:4px}.scene-text .res{display:block;color:var(--ink-dim);margin-top:8px}.choices{display:flex;flex-direction:column;gap:9px;padding-bottom:18px}.choice{min-height:52px;text-align:left;padding:12px 16px;border-radius:14px;border:1.5px solid rgba(63,50,39,.2);background:#fffaf0;color:var(--ink);font-size:calc(16px * var(--ts));font-weight:700;line-height:1.4;box-shadow:0 2px #3f32271f;transition:transform .08s,background .15s;display:flex;gap:10px;align-items:center}.choice:active{transform:translateY(2px);box-shadow:none}.choice .num{flex:none;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:13px;background:var(--paper-2);color:var(--ink-dim)}.choice.pass{background:transparent;border-style:dashed;color:var(--ink-dim);font-weight:600}.choice.next{background:var(--ink);color:var(--paper);justify-content:center}.delta{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.delta span{font-size:13px;padding:2px 8px;border-radius:99px;background:#3f322714;font-weight:700}.delta .up{color:#2f7a43}.delta .down{color:#b2402f}.stage-band{text-align:center;padding:40px 10px}.stage-band h2{font-family:var(--font-title);font-size:34px;margin:0}.stage-band p{color:var(--ink-dim)}.dejavu{position:relative;text-align:center;padding:30px 12px}.dejavu:before{content:"";position:absolute;inset:-20px;background:radial-gradient(circle,rgba(90,143,216,.18),transparent 60%);animation:ripple 2.6s ease-out infinite;pointer-events:none}@keyframes ripple{0%{transform:scale(.6);opacity:1}to{transform:scale(1.4);opacity:0}}.dejavu .sym{width:64px;height:64px;margin:0 auto 12px}.fragment-card{margin:16px auto 0;padding:16px;border-radius:14px;background:#2f2747;color:var(--lantern-soft);font-family:var(--font-title);font-size:18px;line-height:1.7;box-shadow:0 0 30px #f0a04b40}#death,#shore,#stars,#codex,#note,#challenge{max-width:none}#death>*,#shore>*,#codex>*,#note>*,#challenge>*{max-width:560px;margin-left:auto;margin-right:auto}.whiteout{position:fixed;inset:0;background:#fffdf8;z-index:20;animation:whiteout 2.4s ease-in forwards;pointer-events:none}@keyframes whiteout{0%{opacity:0}55%{opacity:1}to{opacity:0}}.retro{background:var(--paper);color:var(--ink);border-radius:18px;padding:18px;margin-top:14px}.retro h2{font-family:var(--font-title);margin:0 0 6px;font-size:24px}.retro .sub{color:var(--ink-dim);font-size:14px}.timeline{list-style:none;padding:0;margin:14px 0 0;border-left:2px solid var(--ink-line)}.timeline li{padding:6px 0 6px 14px;position:relative;font-size:14px}.timeline li:before{content:"";position:absolute;left:-6px;top:12px;width:10px;height:10px;border-radius:50%;background:var(--c, var(--lantern))}.colors{display:flex;gap:6px;margin-top:12px;flex-wrap:wrap}.colors span{padding:3px 10px;border-radius:99px;color:#fff;font-size:13px;font-weight:800}.epitaph{font-family:var(--font-title);font-size:18px;margin:14px 0 0;line-height:1.6}.help-line{margin-top:14px;padding:12px;border-radius:12px;background:#fff3dc;font-size:14px;line-height:1.6;color:var(--ink)}.help-line a{color:#a4501a;font-weight:800}.q-card{background:#fffaf0;border-radius:16px;padding:16px;border:1px solid var(--ink-line);margin-top:12px}.q-stem{font-size:17px;line-height:1.6;font-weight:700;word-break:keep-all}.q-choices{display:grid;gap:8px;margin-top:12px}.q-choices button{min-height:50px;text-align:left;padding:10px 14px;border-radius:12px;border:1.5px solid rgba(63,50,39,.2);background:#fff;color:var(--ink);font-size:16px;font-weight:600}.q-choices button.right{background:#dff2e3;border-color:#5aa86c}.q-choices button.wrong{background:#fbe1dc;border-color:#d0695a}.q-why{margin-top:10px;color:var(--ink-dim);font-size:14px;line-height:1.6}.cells{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:10px}.cell{text-align:center;padding:8px 4px;border-radius:10px;background:var(--paper-2);font-size:12px}.cell i{display:block;height:6px;border-radius:3px;margin-top:5px;background:linear-gradient(90deg,var(--lantern) var(--p, 0%),rgba(63,50,39,.12) 0)}.cell.full{background:#ffe5bd;font-weight:800}.shore-inner h2,.page h2{font-family:var(--font-title);font-size:24px;margin:10px 0 6px}.shore-inner .lead{color:var(--gb-dim);line-height:1.7;font-size:15px}.big-lamp{width:120px;height:150px;margin:20px auto 6px;position:relative;border-radius:48% 48% 42% 42%;background:radial-gradient(circle at 50% 60%,#fff3cf40,#f0a04b1f 70%);border:1px solid rgba(246,207,114,.35);overflow:hidden;box-shadow:0 0 60px #f0a04b33}.big-lamp .lvl{position:absolute;left:0;right:0;bottom:0;transition:height 1.2s cubic-bezier(.2,.8,.2,1)}.light-total{text-align:center;font-family:var(--font-title);font-size:30px;color:var(--lantern-soft)}.light-age{text-align:center;color:var(--gb-dim);font-size:14px}.design-sec{margin-top:18px}.design-sec h3{font-size:16px;margin:0 0 8px;display:flex;justify-content:space-between}.design-sec h3 small{color:var(--gb-dim);font-weight:600}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.dcard{min-height:74px;text-align:left;padding:10px 12px;border-radius:12px;border:1px solid var(--gb-line);background:var(--gb-panel)}.dcard b{display:block;font-size:15px}.dcard span{display:block;font-size:12px;color:var(--gb-dim);margin-top:3px;line-height:1.45}.dcard .w{color:var(--red);font-weight:800}.dcard.on{border-color:var(--lantern);background:#f0a04b2e;box-shadow:inset 0 0 0 1px var(--lantern)}.dcard[disabled]{opacity:.4}.reveal-box{text-align:center;padding:18px 10px}.reveal-box .big{font-family:var(--font-title);font-size:26px;color:var(--lantern-soft);line-height:1.5}.chosen{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:12px}.chosen span{padding:6px 12px;border-radius:99px;background:#f0a04b33;border:1px solid var(--lantern);font-weight:700}.chosen span.chance{background:var(--gb-panel);border-color:var(--gb-line);color:var(--gb-dim)}#stars{padding:0;position:relative;height:100dvh;overflow:hidden;background:#0d0b1a}#starCanvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.stars-ui{position:absolute;left:12px;right:12px;top:max(12px,env(safe-area-inset-top));display:flex;gap:10px;align-items:center}.stars-ui p{margin:0;font-size:14px;color:var(--gb-dim)}.star-card{position:absolute;left:12px;right:12px;bottom:max(16px,env(safe-area-inset-bottom));max-width:520px;margin:0 auto;background:#241d38f2;border:1px solid var(--gb-line);border-radius:16px;padding:14px 16px;font-size:15px;line-height:1.6}.page-top{display:flex;align-items:center;gap:10px}.era-row{padding:12px;border-radius:14px;background:var(--gb-panel);border:1px solid var(--gb-line);margin-top:8px}.era-row .nm{display:flex;justify-content:space-between;font-weight:800}.era-row .nm small{color:var(--gb-dim);font-weight:600}.era-row .cells .cell{background:#ffffff0f;color:var(--gb-text)}.era-row .cells .cell.full{background:#f0a04b4d}.era-gap{text-align:center;color:var(--gb-dim);font-size:13px;padding:10px;border:1px dashed var(--gb-line);border-radius:12px;margin-top:8px}.frag{padding:12px 14px;border-radius:12px;background:var(--gb-panel);margin-top:8px;font-family:var(--font-title);line-height:1.7}.frag.locked{color:var(--gb-dim);font-family:var(--font-body);font-size:13px}.tabs{display:flex;gap:6px;margin:10px 0}.tabs button{flex:1;min-height:44px;border-radius:10px;border:1px solid var(--gb-line);background:var(--gb-panel);font-weight:700}.tabs button.on{background:var(--lantern);color:var(--gb-accent-ink)}.modal{position:fixed;inset:0;z-index:50;background:#0a081499;display:grid;place-items:center;padding:16px}.modal-card{width:min(460px,100%);max-height:88dvh;overflow:auto;background:var(--night-2);border:1px solid var(--gb-line);border-radius:18px;padding:18px;color:var(--gb-text)}.modal-card h2{margin:0 0 10px;font-family:var(--font-title)}.set-row{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:48px;border-bottom:1px solid var(--gb-line)}.set-row small{display:block;color:var(--gb-dim);font-size:12px}.set-row input[type=range]{width:140px}.toggle{width:52px;height:30px;box-sizing:content-box;padding:7px 0;background-clip:content-box;border-radius:99px;border:0;background:#ffffff2e;position:relative;flex:none}.toggle:after{content:"";position:absolute;left:3px;top:10px;width:24px;height:24px;border-radius:50%;background:#fff;transition:left .15s}.toggle.on{background:var(--lantern)}.toggle.on:after{left:25px}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%) translateY(20px);opacity:0;transition:.25s;z-index:60;background:#241d38f2;color:var(--gb-text);padding:10px 16px;border-radius:12px;font-weight:700;pointer-events:none;max-width:90vw;text-align:center}.toast.on{opacity:1;transform:translate(-50%)}.fx{position:fixed;inset:0;pointer-events:none;z-index:40;overflow:hidden}.ember{position:absolute;width:12px;height:12px;border-radius:50%;box-shadow:0 0 12px currentColor;background:currentColor;transition:transform .9s cubic-bezier(.3,.1,.2,1),opacity .9s}.spark{position:absolute;width:8px;height:8px;border-radius:50%;transition:transform .7s ease-out,opacity .7s}.mini-host{position:fixed;inset:0;z-index:30;background:var(--paper)}.reduce-motion *,.reduce-motion *:before,.reduce-motion *:after{animation:none!important;transition:none!important}@media(min-width:900px){.scene-text{font-size:calc(18px * var(--ts))}}.gbj-layer{position:fixed;inset:0;pointer-events:none;z-index:40;overflow:hidden}.gbj-pop{position:absolute;transform:translate(-50%,-50%) scale(var(--s));font:900 22px/1 system-ui,sans-serif;text-shadow:0 2px 0 #0008,0 0 12px currentColor;white-space:nowrap;animation:gbjPop .9s cubic-bezier(.2,1.6,.4,1) forwards}@keyframes gbjPop{0%{opacity:0;transform:translate(-50%,-50%) scale(calc(var(--s)*.3))}15%{opacity:1;transform:translate(-50%,-80%) scale(calc(var(--s)*1.35))}35%{transform:translate(calc(-50% + var(--dx)),-120%) scale(var(--s))}to{opacity:0;transform:translate(calc(-50% + var(--dx)),-260%) scale(calc(var(--s)*.9))}}.gbj-punch{animation:gbjPunch .32s cubic-bezier(.2,2,.4,1)}@keyframes gbjPunch{0%{transform:scale(1)}30%{transform:scale(var(--gbj-p))}to{transform:scale(1)}}.gbj-flash{position:absolute;inset:0;opacity:0}.gbj-flash.gbj-go{animation:gbjFlash .35s ease-out forwards}@keyframes gbjFlash{to{opacity:0}}.gbj-banner{position:absolute;left:50%;top:var(--gbj-banner-top,40%);transform:translate(-50%,-50%);font:900 clamp(20px,6.4vw,40px)/1.1 system-ui,sans-serif;text-align:center;opacity:0;text-shadow:0 3px 0 #000a,0 0 24px currentColor;max-width:76vw;width:max-content}.gbj-banner.gbj-go{animation:gbjBan var(--d,1.4s) cubic-bezier(.2,1.5,.4,1) forwards}@keyframes gbjBan{0%{opacity:0;transform:translate(-50%,-50%) scale(.2) rotate(-8deg)}15%{opacity:1;transform:translate(-50%,-50%) scale(1.25) rotate(2deg)}30%{transform:translate(-50%,-50%) scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-70%) scale(1.05)}}@media(prefers-reduced-motion:reduce){.gbj-pop,.gbj-banner.gbj-go,.gbj-punch{animation-duration:.01s}}