.nb{--nb-bg:#120e24;--nb-surface:#1c1736;--nb-surface-2:#262045;--nb-surface-3:#31295a;--nb-line:#ffffff17;--nb-ink:#f6f0e1;--nb-dim:#a69ec2;--nb-gold:#f0b94d;--nb-gold-ink:#1b1530;--nb-ok:#4fd18b;--nb-bad:#ff6b5e;--nb-warn:#ffb547;--nb-ki:#69dcc6;--nb-hp:#ff8f86;--nb-insight:#8dc9ff;--nb-shadow:#a77bff;background-color:var(--nb-bg);max-width:520px;height:100dvh;color:var(--nb-ink);font-size:calc(14px * var(--text-scale,1));font-variant-numeric:tabular-nums;-webkit-tap-highlight-color:transparent;flex-direction:column;margin:0 auto;line-height:1.3;transition:background-color .6s;display:flex;overflow:hidden}.nb.side-day{--nb-bg:#66845a;--nb-hud:#3f5338}.nb.side-night{--nb-bg:#080a1c;--nb-hud:#0f1230}.nb button{font:inherit;color:inherit;cursor:pointer;-webkit-user-select:none;user-select:none}.nb .ic{flex:none}.nb-dim{color:var(--nb-dim)}.el-wood{--el:var(--wood)}.el-fire{--el:var(--fire)}.el-earth{--el:var(--earth)}.el-metal{--el:var(--metal)}.el-water{--el:var(--water)}.nb-hud{padding:calc(3px + env(safe-area-inset-top)) 8px 6px;background:var(--nb-hud,var(--nb-surface));border-bottom:1px solid var(--nb-line);flex-direction:column;flex:none;gap:4px;transition:background-color .6s;display:flex}.nb-row{align-items:center;gap:8px;min-width:0;display:flex}.nb-icon-btn{background:0 0;border:none;border-radius:12px;flex:none;place-items:center;width:44px;height:44px;display:grid}.nb-sheet-back{margin:0 -4px 0 -10px}.nb-sheet-back .ic{transform:scaleX(-1)}.nb-icon-btn:active{background:var(--nb-surface-2)}.nb-time{cursor:pointer;flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.nb-time-label{font-size:calc(13px * var(--text-scale,1));white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:5px;display:flex;overflow:hidden}.side-day .nb-time-label .ic{color:var(--nb-gold)}.side-night .nb-time-label .ic{color:var(--nb-insight)}.nb-track{gap:3px;margin:0;padding:0;list-style:none;display:flex}.nb-track li{max-width:30px;height:20px;font-size:calc(11px * var(--text-scale,1));color:#33240c;background:#f4dfa6;border-radius:5px;flex:1;place-items:center;display:grid}.nb-track-name{display:none}.nb-track li.night{color:#a9bfff;background:#0b0e2b;box-shadow:inset 0 0 0 1px #a9bfff66}.nb-track li.past{opacity:.35}.nb-track li.now{font-weight:800;box-shadow:0 0 0 2px #fff,0 0 9px 2px #ffffff8c}.nb-hour-of{display:none}.nb.wide .nb-hour-of{display:inline}.nb-side-word{font-weight:700}.side-day .nb-side-word{color:var(--nb-gold)}.side-night .nb-side-word{color:#a9bfff}.nb-track li.end{max-width:none;color:var(--nb-gold);background:0 0;flex:none;gap:1px;padding:0 2px;display:inline-flex}.nb-track li.end small{font-size:calc(10.5px * var(--text-scale,1));font-weight:800}.nb-left-word{display:none}.nb-slip{font-size:calc(11px * var(--text-scale,1));color:var(--nb-warn);align-items:center;gap:3px;display:inline-flex}.nb-insight{border:1px solid var(--nb-line);background:var(--nb-surface-2);min-width:56px;min-height:44px;color:var(--nb-insight);border-radius:12px;flex:none;grid-template-columns:auto auto;align-items:center;column-gap:4px;padding:2px 8px;display:grid}.nb-insight b{font-size:calc(17px * var(--text-scale,1));color:var(--nb-ink)}.nb-insight small{font-size:calc(9.5px * var(--text-scale,1));color:var(--nb-dim);text-align:center;grid-column:1/-1}.nb-rail{border:1px solid var(--nb-line);background:var(--nb-surface-2);border-radius:12px;flex:none;align-items:center;gap:5px;min-height:44px;padding:0 7px;display:flex}.nb-rail small{font-size:calc(10px * var(--text-scale,1));color:var(--nb-dim);max-width:34px;line-height:1.1}.nb-rail-label{flex-direction:column;gap:2px;display:flex}.nb-rail-art{object-fit:cover;width:34px;height:8px;display:block}.nb-wheel{background:radial-gradient(circle closest-side, var(--nb-surface-2) 86%, transparent 87%);flex:none;width:52px;height:52px;position:relative}.nb-wheel-art{width:100%;height:100%;display:block}.nb-wheel-pointer{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.nb-wheel-glow{fill:#ffe28a9e}.nb-wheel-marker{fill:#ffd76a;stroke:#2a1508;stroke-width:3px;stroke-linejoin:round}.nb-guide-art{width:140px;height:140px;margin:0 auto 8px;display:block}.nb-deck{width:calc(38px * var(--text-scale,1));height:calc(57px * var(--text-scale,1));background:var(--nb-surface-3);border-radius:6px;flex:none;place-items:center;display:grid;position:relative;overflow:hidden}.nb-deck-art{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.nb-deck b{text-align:center;min-width:22px;font-size:calc(13px * var(--text-scale,1));background:#000000b8;border-radius:999px;padding:0 4px;position:relative}.nb-rail.big{justify-content:center;margin:8px 0;padding:10px}.nb-stick{min-width:30px;height:24px;font-size:calc(12px * var(--text-scale,1));color:#3b2b12;opacity:.75;background:#efe5cb;border-radius:6px;place-items:center;padding:0 6px;font-weight:800;display:inline-grid}.nb-stick.next{opacity:1;min-width:36px;height:28px;font-size:calc(14px * var(--text-scale,1));box-shadow:0 0 0 2px var(--nb-gold), 0 0 10px #f0b94d73}.nb-stick.k-greatFortune{background:var(--nb-gold)}.nb-stick.k-misfortune{background:var(--nb-bad);color:#fff}.nb-stick.k-scenario{color:#2b1854;background:#cbb8f5}.nb-shadow{border:1px solid var(--nb-line);background:var(--nb-surface-2);min-width:58px;min-height:44px;color:var(--nb-shadow);border-radius:12px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:4px;padding:0 6px;display:flex}.nb-shadow-top{font-size:calc(11px * var(--text-scale,1));align-items:center;gap:3px;display:flex}.nb-shadow-top b{color:var(--nb-ink)}.nb-meter{gap:2px;display:flex}.nb-meter span{background:#a77bff33;border-radius:2px;width:9px;height:6px}.nb-meter span.on{background:var(--nb-shadow)}.nb-goal{border:1px solid var(--nb-line);background:var(--nb-surface-2);text-align:left;border-radius:12px;flex:1;align-items:center;gap:7px;min-width:0;min-height:44px;padding:0 8px 0 9px;display:flex}.nb-goal>.ic{color:var(--nb-gold)}.nb-goal-text{flex-direction:column;flex:1;min-width:0;line-height:1.15;display:flex}.nb-goal-text b{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.nb-goal-text small{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.nb-goal-text b{font-size:calc(12.5px * var(--text-scale,1))}.nb-goal-text small{font-size:calc(10.5px * var(--text-scale,1));color:var(--nb-dim)}.nb-goal{position:relative}.nb-goal-count{white-space:nowrap;min-width:18px;height:18px;font-size:calc(10.5px * var(--text-scale,1));background:var(--nb-gold);color:var(--nb-gold-ink);box-shadow:0 0 0 2px var(--nb-surface);border-radius:9px;place-items:center;padding:0 6px;font-weight:800;display:grid;position:absolute;top:-6px;right:-4px}.nb-middle{flex:1;min-height:0;display:flex;position:relative}.nb-map{background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;flex:1;min-height:0;padding:12px 8px 0;display:flex;overflow-y:auto}.nb-map.more-up,.nb-map.more-down{--fade-up:0px;--fade-down:0px;-webkit-mask-image:linear-gradient(to bottom, transparent, #000 var(--fade-up), #000 calc(100% - var(--fade-down)), transparent);mask-image:linear-gradient(to bottom, transparent, #000 var(--fade-up), #000 calc(100% - var(--fade-down)), transparent)}.nb-map.more-up{--fade-up:36px}.nb-map.more-down{--fade-down:44px}.side-day .nb-map{background-image:var(--board-day), var(--board-night)}.side-night .nb-map{background-image:var(--board-night), var(--board-day)}.nb-grid{flex:1 0 0;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;min-height:0;display:grid;position:relative}.nb-paths{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.nb-grid-end{grid-column:1/-1}.nb-paths line{stroke:#f0b94d;stroke-width:5px;stroke-linecap:round;stroke-dasharray:1 9;vector-effect:non-scaling-stroke}.side-day .nb-paths line{stroke:#c8321e}.nb-tile{z-index:1;cursor:pointer;border:1.5px solid #ffffff1a;border-radius:14px;flex-direction:column;gap:4px;min-width:0;padding:6px 6px 7px;transition:border-color .2s,box-shadow .2s,transform .1s;display:flex;position:relative;box-shadow:inset 0 1px #ffffff0f}.nb-tile:active{transform:scale(.98)}.nb-tile>*{flex:none}.nb-tile.k-water{background:repeating-linear-gradient(165deg,#ffffff09 0 2px,#0000 2px 10px),linear-gradient(#1d4470,#163556)}.nb-tile.k-shore{background:radial-gradient(#ffffff0d 1px,#0000 1.5px) 0 0/9px 9px,linear-gradient(#4a3c2a,#372d20)}.side-day~.nb-middle .nb-tile.k-water,.nb-tile.k-water.day{background:repeating-linear-gradient(165deg,#ffffff0d 0 2px,#0000 2px 10px),linear-gradient(#2c6aa6,#23588c)}.side-day~.nb-middle .nb-tile.k-shore{background:radial-gradient(#ffffff12 1px,#0000 1.5px) 0 0/9px 9px,linear-gradient(#7c623f,#664f32)}.nb-tile:before{content:"";z-index:-1;border-radius:inherit;background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.side-day .nb-tile:before{background-image:linear-gradient(180deg, #0a0c1ebd, #0a0c1e6b), var(--tile-day), var(--tile-night)}.side-night .nb-tile:before{background-image:linear-gradient(180deg, #060818ad, #06081852), var(--tile-night), var(--tile-day)}.nb-tile-note{font-size:calc(10.5px * var(--text-scale,1));font-weight:700;line-height:1.2}.side-day .nb-tile-note{color:var(--nb-gold)}.side-night .nb-tile-note{color:#a9bfff}.side-night .nb-tile{border-color:#bed2ff6b;box-shadow:inset 0 1px #ffffff0f,0 4px 14px #000000bf}.nb-tile.here{border-color:#fff6}.side-night .nb-tile.here{border-color:#ffffffd9}.nb-tile.target{border-color:var(--nb-gold);box-shadow:0 0 0 2px #f0b94d40,0 0 16px #f0b94d59}.nb-tile-head{align-items:flex-start;gap:3px;display:flex}.nb-tile-head .ic{color:var(--nb-insight);opacity:.8;margin-top:1px}.nb-tile-name{min-width:0;font-weight:700;font-size:calc(12px * var(--text-scale,1));-webkit-line-clamp:2;text-shadow:0 1px 2px #00000080;-webkit-box-orient:vertical;flex:1;line-height:1.2;display:-webkit-box;overflow:hidden}.nb-tile-facts{font-size:calc(11px * var(--text-scale,1));color:#f6f0e1bf;flex-wrap:wrap;gap:2px 7px;display:flex}.nb-tile-facts>span{align-items:center;gap:2px;display:inline-flex}.nb-tile-facts .none{opacity:.45}.nb-tile-facts .warn{color:var(--nb-warn)}.nb-fact-word{display:none}.nb-tile-marks{align-items:center;gap:3px;display:inline-flex}.nb-tile-marks:empty,.nb-tile-head>.nb-tile-marks,.nb.wide .nb-tile-facts>.nb-tile-marks{display:none}.nb.wide .nb-tile-head>.nb-tile-marks:not(:empty){display:inline-flex}.nb-tile-facts>.nb-tile-marks{margin-left:auto}.nb-tile-marks .ic{color:var(--nb-insight);opacity:.8}.nb-offmap{z-index:4;cursor:pointer;background:0 0;border:0;justify-items:center;min-width:44px;min-height:44px;padding:0;display:grid;position:absolute;left:50%;transform:translate(-50%)}.nb-offmap.up{align-items:start;padding-top:4px;top:0}.nb-offmap.down{align-items:end;padding-bottom:4px;bottom:0}.nb-offmap-pill{border:1px solid var(--nb-gold);font-size:calc(11px * var(--text-scale,1));color:var(--nb-gold);background:#1c1736f2;border-radius:999px;align-items:center;gap:4px;padding:3px 8px;font-weight:700;display:inline-flex;box-shadow:0 4px 12px #00000080}.nb-offmap-pill .nb-token{width:20px;height:20px;font-size:calc(10.5px * var(--text-scale,1))}.nb-offmap.down .nb-offmap-arrow{transform:rotate(90deg)}.nb-offmap.up .nb-offmap-arrow{transform:rotate(-90deg)}.nb-offmap-foes{color:var(--nb-bad);align-items:center;gap:2px;display:inline-flex}.nb-tokens{flex-wrap:wrap;gap:4px;display:flex}.nb:not(.wide) .nb-tile .nb-tokens{flex-wrap:nowrap;gap:0}.nb:not(.wide) .nb-tile .nb-tokens>*{flex:0 28px;min-width:12px;display:flex}.nb:not(.wide) .nb-tile .nb-tokens>:last-child{flex:0 0 24px}.nb:not(.wide) .nb-tile .nb-tokens .nb-token{flex:none}.nb:not(.wide) .nb-tile .nb-tokens .nb-token.active{z-index:1;position:relative}.nb-token{width:24px;height:24px;font-size:calc(12px * var(--text-scale,1));color:#fff;background:color-mix(in srgb, var(--el,#555) 55%, #120e24);border:2px solid var(--el,var(--nb-dim));border-radius:50%;place-items:center;font-weight:800;display:inline-grid;box-shadow:0 2px 4px #0006}.nb-token,.nb-face-mini{position:relative;overflow:hidden}.nb-face{pointer-events:none;max-width:none;height:auto;position:absolute}.nb-face.whole{object-fit:cover;transform-origin:50% 42%;width:100%;height:100%;inset:0;transform:scale(1.25)}.nb-face-mini{width:16px;height:16px;font-size:calc(9px * var(--text-scale,1));border:1px solid;border-radius:50%;place-items:center;margin-left:2px;display:inline-grid}.nb-token.big{width:32px;height:32px;font-size:calc(14px * var(--text-scale,1))}.nb-token.active{outline:2px solid var(--nb-gold);outline-offset:1px}.nb-token.ko{filter:grayscale();opacity:.5}.nb-token.shifted{box-shadow:0 0 0 3px #ffffff40, 0 0 12px var(--el)}.nb-token.npc{--el:transparent;color:#f6f0e1b3;box-shadow:none;background:#00000040;border:2px dashed #f6f0e173}.nb-foe{border:1px solid color-mix(in srgb, var(--el) 75%, transparent);font-size:calc(10px * var(--text-scale,1));background:#0e0716c7;border-radius:7px;flex-direction:column;padding:2px 5px 3px;line-height:1.25;display:flex}.nb-foe.boss{border-width:2px;box-shadow:0 0 10px #ff6b5e80}.nb-foe.elite{border-color:var(--nb-gold)}.nb-foe.elite .nb-foe-name svg{color:var(--nb-gold);vertical-align:-1px;margin-right:2px}.nb-foe.dazed{opacity:.6}.nb-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.nb-cond{border:1px solid var(--nb-bad);color:var(--nb-bad);font-size:calc(10px * var(--text-scale,1));border-radius:4px;align-items:center;gap:2px;margin-left:3px;padding:0 3px;font-weight:800;line-height:1.3;display:inline-flex}.nb-cond .word{display:none}.nb.wide .nb-cond .word{display:inline}.nb-foe-name{min-width:0;font-weight:700;font-size:calc(10.5px * var(--text-scale,1));-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.nb-foe-row{align-items:center;gap:4px;display:flex}.nb-foe-hp{color:var(--nb-hp);align-items:center;gap:1px;font-weight:800;display:inline-flex}.nb-foe-intent{color:#ffcf9e;white-space:nowrap;text-overflow:ellipsis;flex:1;align-items:center;gap:2px;min-width:0;display:flex;overflow:hidden}.nb-foe-engaged{color:var(--nb-bad);align-items:center;font-weight:800;display:inline-flex}.nb-move-badge{font-size:calc(10px * var(--text-scale,1));background:var(--nb-gold);color:var(--nb-gold-ink);border-radius:9px;align-items:center;gap:3px;padding:1px 7px;font-weight:800;display:inline-flex;position:absolute;top:-9px;right:8px}.nb-toast{font:inherit;color:inherit;text-align:left;cursor:pointer;z-index:5;border:1px solid var(--nb-line);border-left:4px solid var(--nb-dim);text-align:left;animation:nb-rise calc(.18s * var(--anim-scale,1)) ease-out;background:#1c1736f7;border-radius:14px;flex-direction:column;align-items:stretch;gap:2px;padding:8px 12px;display:flex;position:absolute;bottom:8px;left:8px;right:8px;box-shadow:0 8px 24px #00000080}.nb-coach{z-index:7;border:1px solid var(--nb-gold);color:#f6f0e1;animation:nb-rise calc(.18s * var(--anim-scale,1)) ease-out;background:#1c1736f7;border-radius:14px;padding:8px 12px;position:absolute;bottom:8px;left:8px;right:8px;box-shadow:0 8px 24px #00000080}.nb-coach>b{font-size:calc(13.5px * var(--text-scale,1));align-items:center;gap:6px;display:flex}.nb-coach>p{font-size:calc(13px * var(--text-scale,1));margin:3px 0 4px;line-height:1.35}.nb-coach-foot{justify-content:flex-end;gap:6px;display:flex}.nb-coach-foot button{min-height:44px;color:var(--nb-dim);font-size:calc(13px * var(--text-scale,1));background:0 0;border:none;border-radius:12px;padding:0 12px}.nb-coach-foot .go{background:var(--nb-gold);color:var(--nb-gold-ink);padding:0 20px;font-weight:700}.nb-undo~.nb-coach{bottom:60px}.nb-undo{z-index:6;border:1px solid var(--nb-gold);width:44px;height:44px;color:var(--nb-gold);background:#1c1736f7;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:8px;right:8px;box-shadow:0 4px 12px #00000080}.nb-undo:active{background:var(--nb-surface-2)}.nb-undo~.nb-toast{right:60px}.nb-toast.top{top:8px;bottom:auto}.nb-toast.good{border-left-color:var(--nb-ok)}.nb-toast.bad{border-left-color:var(--nb-bad)}.nb-toast>b{font-size:calc(13.5px * var(--text-scale,1));white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.nb-toast .nb-line{font-size:calc(12px * var(--text-scale,1))}.nb-line{font-size:calc(12.5px * var(--text-scale,1));color:#f6f0e1e0;align-items:flex-start;gap:6px;display:flex}.nb-line .ic{color:var(--nb-dim);margin-top:1px}.nb-line.good .ic{color:var(--nb-ok)}.nb-line.bad .ic{color:var(--nb-bad)}@keyframes nb-rise{0%{opacity:0;transform:translateY(12px)}}@keyframes nb-flip{0%{opacity:.5;transform:rotateX(110deg)}}.nb-flip{animation:nb-flip calc(.4s * var(--anim-scale,1)) ease-out}@keyframes nb-slide-in{0%{opacity:0;transform:translateY(-18px)}}.nb-slide-in{animation:nb-slide-in calc(.3s * var(--anim-scale,1)) ease-out}@keyframes nb-shake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(7px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}.nb-shake{animation:nb-shake calc(.4s * var(--anim-scale,1)) ease-in-out}.nb-dock{padding:6px 8px calc(6px + env(safe-area-inset-bottom));background:var(--nb-surface);border-top:1px solid var(--nb-line);flex-direction:column;flex:none;gap:5px;display:flex}.nb-heroes{gap:6px;display:flex}.nb-hero{background:var(--nb-surface-2);text-align:left;border:1.5px solid #0000;border-radius:14px;flex:1;align-items:center;gap:7px;min-width:0;min-height:44px;padding:3px 8px 3px 5px;display:flex}.nb-hero.active{border-color:var(--nb-gold);background:var(--nb-surface-3)}.nb-hero.spent{opacity:.55}.nb-hero-meta{flex-direction:column;flex:1;min-width:0;display:flex}.nb-hero-meta b{font-size:calc(13.5px * var(--text-scale,1))}.nb-hero-stats{font-size:calc(11.5px * var(--text-scale,1));gap:8px;display:flex}.nb-hero-stats>span{align-items:center;gap:2px;display:inline-flex}.nb-hero-stats .hp{color:var(--nb-hp)}.nb-hero-stats .ki{color:var(--nb-ki)}.nb-syn{gap:2px;display:inline-flex}.nb-syn-badge{border:1px solid var(--nb-line);width:16px;height:16px;color:var(--nb-dim);border-radius:4px;place-items:center;font-size:10px;line-height:1;display:inline-grid}.nb-syn-badge .word{display:none}.nb.wide .nb-syn{flex-wrap:wrap;flex:0 auto}.nb.wide .nb-hero-name{flex-wrap:wrap;row-gap:3px}.nb.wide .nb-hero-name b{flex:none}.nb.wide .nb-syn-badge{width:auto;height:18px;font-size:calc(11px * var(--text-scale,1));white-space:nowrap;border-radius:9px;padding:0 6px}.nb.wide .nb-syn-badge .mark{display:none}.nb.wide .nb-syn-badge .word{display:inline}.nb-gear-pips{gap:2px;margin-left:2px;display:inline-flex}.nb-gear-pip{width:7px;height:7px;box-shadow:none;background:#a9a4bd;border-radius:1.5px}.nb-gear-slots{grid-template-columns:repeat(auto-fit, minmax(calc(118px * var(--text-scale,1)), 1fr));gap:6px;display:grid}.nb-gear-slot{border:1px dashed var(--nb-line);min-width:0;color:var(--nb-dim);border-radius:10px;align-items:center;gap:6px;padding:5px 8px;display:flex}.nb-gear-slot.on{background:var(--nb-surface-2);color:var(--nb-ink);border:1px solid #f0b94d8c}.nb-gear-slot.on .ic{color:var(--nb-gold)}.nb-gear-text{flex-direction:column;min-width:0;line-height:1.2;display:flex}.nb-gear-text small{font-size:calc(10px * var(--text-scale,1));text-transform:uppercase;letter-spacing:.05em;color:var(--nb-dim)}.nb-gear-text b{overflow-wrap:break-word;font-size:calc(12.5px * var(--text-scale,1))}.nb-gear-slot:not(.on) .nb-gear-text b{font-weight:500}.nb-syn-mark{border:1px solid var(--nb-gold);width:17px;height:17px;color:var(--nb-gold);vertical-align:1px;border-radius:4px;place-items:center;font-size:10.5px;line-height:1;display:inline-grid}.nb-syn-badge.ready{border:2px solid var(--nb-gold);color:var(--nb-gold);font-weight:700}.nb-hero-name{align-items:center;gap:5px;min-width:0;display:flex}.nb-hero-element{font-size:calc(11px * var(--text-scale,1));flex:none;font-weight:700}.nb-hero-name b{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.nb-syn{flex:none}.nb:not(.wide) .nb-heroes:has(>:nth-child(3)) .nb-hero-name b{flex:0 0 100%}.nb:not(.wide) .nb-heroes:has(>:nth-child(3)) .nb-hero-name{column-gap:3px}.nb:not(.wide) .nb-heroes:has(>:nth-child(3)) .nb-hero-stats{white-space:nowrap;font-size:calc(11px * var(--text-scale,1));flex-wrap:nowrap;gap:0 3px}.nb:not(.wide) .nb-heroes:has(>:nth-child(3)) .nb-hero{padding-right:3px}.nb-heroes:has(>:nth-child(3)) .nb-hero{grid-template-columns:auto minmax(0,1fr);gap:3px 6px;padding:4px 6px 4px 4px;display:grid}.nb-heroes:has(>:nth-child(3)) .nb-hero>.nb-token{grid-area:1/1}.nb-heroes:has(>:nth-child(3)) .nb-hero>.nb-pips{grid-area:2/1;justify-self:center;gap:2px}.nb-heroes:has(>:nth-child(3)) .nb-pips>span:not(.nb-gear-pips){width:6px;height:6px}.nb-heroes:has(>:nth-child(3)) .nb-pips{flex-wrap:wrap;justify-content:center}.nb-heroes:has(>:nth-child(3)) .nb-gear-pips{flex-basis:100%;justify-content:center;margin:1px 0 0}.nb-heroes:has(>:nth-child(3)) .nb-hero-meta{grid-area:1/2/span 2}.nb-heroes:has(>:nth-child(3)) .nb-hero-name{flex-wrap:wrap;row-gap:2px}.nb-heroes:has(>:nth-child(3)) .nb-hero-stats{letter-spacing:-.2px;flex-wrap:wrap;gap:0 4px}.nb-heroes:has(>:nth-child(3)) .nb-hero-stats>span{gap:1px}.nb-pips{gap:3px;display:flex}.nb-pips>span:not(.nb-gear-pips){background:var(--nb-gold);border-radius:50%;width:9px;height:9px;box-shadow:0 0 4px #f0b94d99}.nb-pips small{font-size:calc(10px * var(--text-scale,1));color:var(--nb-bad);font-weight:800}.nb-hand{min-height:calc(70px * var(--text-scale,1));scrollbar-width:none;align-items:center;gap:5px;padding:2px 1px;display:flex;overflow-x:auto}.nb-card-btn{-webkit-touch-callout:none;background:0 0;border:none;flex:none;padding:0;position:relative}.nb-card-slot{width:calc(50px * var(--text-scale,1));height:calc(66px * var(--text-scale,1));background:#ffffff06;border:1.5px dashed #f6f0e12e;border-radius:9px;flex:none}.nb-peek{z-index:2;border-radius:inherit;background:var(--nb-surface,#1c1736);flex-direction:column;justify-content:center;gap:8px;padding:16px;display:flex;position:absolute;inset:0;overflow-y:auto}.nb-card{width:calc(50px * var(--text-scale,1));height:calc(66px * var(--text-scale,1));border:1.5px solid color-mix(in srgb, var(--el) 65%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--el) 38%, #1c1736) 0, #1c1736 70%);border-radius:9px;flex-direction:column;justify-content:space-between;align-items:center;padding:3px;transition:transform .12s,box-shadow .12s,opacity .12s;display:flex;position:relative;overflow:hidden}.nb-card.dim{opacity:.42;filter:saturate(.6)}.nb-card.picked{border-color:var(--nb-gold);box-shadow:0 0 0 2px var(--nb-gold);transform:translateY(-5px)}.nb-card.big{width:92px;height:126px;padding:6px}.nb-card-art{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.nb-card-art+.nb-card-name{color:#fff;text-shadow:0 1px 2px #000;background:linear-gradient(#0000,#0c0a1ce6 45%);align-self:stretch;margin:0 -3px -3px;padding:7px 2px 3px}.nb-card.big .nb-card-art+.nb-card-name{margin:0 -6px -6px;padding:14px 5px 6px}.nb-card-top{z-index:1;justify-content:space-between;align-self:stretch;align-items:center;display:flex;position:relative}.nb-card-cost,.nb-card-boost{min-width:16px;height:16px;font-size:calc(10px * var(--text-scale,1));border-radius:8px;place-items:center;padding:0 3px;font-weight:800;display:grid}.nb-card-cost{background:var(--nb-ki);color:#0d2b25}.nb-card-boost{background:var(--nb-gold);color:var(--nb-gold-ink)}.nb-card-element{color:#fff;min-width:16px;height:16px;font-size:calc(10px * var(--text-scale,1));background:#000000a6;border-radius:8px;place-items:center;margin-top:2px;font-weight:700;line-height:1;display:grid;position:absolute;top:100%;left:0}.nb-card-type{color:#fff;background:#000000a6;border-radius:8px;place-items:center;width:16px;height:16px;margin-top:2px;display:grid;position:absolute;top:100%;right:0}.nb-card.big .nb-card-type{border-radius:10px;width:20px;height:20px}.nb-card-quick{color:var(--nb-gold);filter:drop-shadow(0 0 1px #000)}.nb-card-glyph{font-size:calc(20px * var(--text-scale,1));color:var(--el);opacity:.85;line-height:1}.nb-card.big .nb-card-glyph{font-size:calc(40px * var(--text-scale,1))}.nb-card-name{z-index:1;font-size:calc(9.5px * var(--text-scale,1));text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:700;line-height:1.1;display:-webkit-box;position:relative;overflow:hidden}.nb-card.big .nb-card-name{font-size:calc(12px * var(--text-scale,1))}.nb-card-why{font-size:calc(9px * var(--text-scale,1));text-align:center;color:#fff;pointer-events:none;background:#0c0a1ce0;border:1px solid #ffffff2e;border-radius:6px;padding:2px 1px;font-weight:800;line-height:1.1;position:absolute;top:50%;left:2px;right:2px;transform:translateY(-50%)}.nb-flow-row{height:calc(22px * var(--text-scale,1));font-size:calc(10px * var(--text-scale,1));color:var(--nb-dim);justify-content:center;align-items:center;gap:4px;display:flex}.nb-flow-row.empty{visibility:hidden}.nb-flow-label{letter-spacing:.04em;text-transform:uppercase;margin-right:2px;font-weight:700}.nb-flow-step{align-items:center;gap:4px;display:inline-flex}.nb-flow-link{width:calc(20px * var(--text-scale,1));height:calc(20px * var(--text-scale,1));font-size:calc(12px * var(--text-scale,1));border-radius:50%;place-items:center;line-height:1;display:inline-grid}.nb-flow-link.played{color:var(--el);background:var(--nb-surface-2);box-shadow:inset 0 0 0 1.5px var(--el)}.nb-flow-link.next{color:var(--nb-dim);opacity:.45;box-shadow:inset 0 0 0 1px var(--nb-line);filter:grayscale()}.nb-flow-arrow{opacity:.4}.nb-flow-arrow.played{opacity:.9}.nb-flow-count{font-variant-numeric:tabular-nums;margin-left:4px}.nb-verbs{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;display:grid}.nb-verb{border:1px solid var(--nb-line);background:var(--nb-surface-2);min-height:44px;font-size:calc(10.5px * var(--text-scale,1));border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:1px;font-weight:600;display:flex}.nb-verb-label{display:none}.nb-verb:not(:disabled):active{background:var(--nb-surface-3)}.nb-verb:disabled{opacity:.28;cursor:default}.nb-context{align-items:stretch;gap:6px;display:flex}.nb-chips-wrap{flex:1;min-width:0;display:flex;position:relative}.nb-chips{scrollbar-width:none;flex:1;align-items:center;gap:6px;min-width:0;display:flex;overflow-x:auto}.nb-chips::-webkit-scrollbar{display:none}.nb-chips.more-left,.nb-chips.more-right{--fade-left:0px;--fade-right:0px;-webkit-mask-image:linear-gradient(to right, transparent 4px, #000 var(--fade-left), #000 calc(100% - var(--fade-right)), transparent calc(100% - 4px));mask-image:linear-gradient(to right, transparent 4px, #000 var(--fade-left), #000 calc(100% - var(--fade-right)), transparent calc(100% - 4px))}.nb-chips.more-left{--fade-left:44px}.nb-chips.more-right{--fade-right:44px}.nb-chips :focus-visible,.nb-hand :focus-visible,.nb-commit-row :focus-visible,.nb-sheet-foot.list :focus-visible,.nb-panel-body :focus-visible,.nb-hero-panel :focus-visible,.nb-hero-panel:focus-visible,.nb-heroes :focus-visible{outline-offset:-3px}.nb-sheet:focus{outline:none}.nb-chips-more{width:44px;min-height:44px;color:var(--nb-gold);cursor:pointer;background:0 0;border:0;justify-content:flex-end;align-items:center;padding:0 2px;display:flex;position:absolute;top:0;bottom:0}.nb-chips-more.right{right:0}.nb-chips-more.left{left:0;transform:scaleX(-1)}.nb-hint{font-size:calc(12px * var(--text-scale,1));color:var(--nb-dim);padding-left:4px}.nb-chip{border:1px solid var(--nb-line);background:var(--nb-surface-2);min-height:44px;font-size:calc(13px * var(--text-scale,1));white-space:nowrap;border-radius:22px;flex:none;align-items:center;gap:5px;padding:0 12px;display:inline-flex}.nb-chip.special{border-color:var(--nb-gold);color:var(--nb-gold)}.nb-end{border:2px solid var(--nb-gold);background:var(--nb-gold);min-width:112px;min-height:44px;font-weight:800;font-size:calc(14px * var(--text-scale,1));border-radius:14px;flex-direction:column;flex:none;justify-content:center;align-items:center;padding:2px 10px;line-height:1.1;display:flex;color:var(--nb-gold-ink)!important}.nb-end small{font-size:calc(10px * var(--text-scale,1));opacity:.8;font-weight:600}.nb-end.early{background:0 0;color:var(--nb-gold)!important}.nb-end.armed{background:var(--nb-warn);border-color:var(--nb-warn);color:var(--nb-gold-ink)!important}.nb-backdrop{z-index:30;animation:nb-fade calc(.15s * var(--anim-scale,1)) ease-out;background:#06030e8c;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.nb-backdrop.center{align-items:center;padding:16px}@keyframes nb-fade{0%{opacity:0}}.nb-sheet{--nb-surface:#1c1736;--nb-surface-2:#262045;--nb-surface-3:#31295a;--nb-line:#ffffff17;--nb-dim:#a69ec2;--nb-gold:#f0b94d;--nb-gold-ink:#1b1530;--nb-ok:#4fd18b;--nb-bad:#ff6b5e;--nb-warn:#ffb547;background:var(--nb-surface);color:#f6f0e1;width:100%;max-width:520px;max-height:86dvh;animation:nb-rise calc(.2s * var(--anim-scale,1)) ease-out;border-radius:20px 20px 0 0;flex-direction:column;display:flex;position:relative;box-shadow:0 -10px 40px #00000080}.nb-backdrop.center .nb-sheet{border-radius:20px}.nb-grabber{background:#fff3;border-radius:2px;width:36px;height:4px;margin-left:-18px;position:absolute;top:6px;left:50%}.nb-sheet-head{flex:none;align-items:center;gap:8px;padding:14px 8px 6px 16px;display:flex}.nb-sheet-head>.ic{color:var(--nb-gold)}.nb-sheet-head h2{min-width:0;font-size:calc(17px * var(--text-scale,1));flex:1;margin:0;line-height:1.2}.nb-sheet-body{flex:auto;min-height:0;padding:2px 16px 12px;overflow-y:auto}.nb-sheet-foot{padding:10px 12px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--nb-line);flex:none;gap:8px;display:flex}.nb-sheet-done .nb-secondary{flex:1}.nb-sheet-foot.list:has(+.nb-sheet-done){padding-bottom:10px}.nb-sheet-foot.list+.nb-sheet-done{border-top:none;padding-top:0}.nb.wide .nb-sheet-done{display:none}.nb-sheet-foot.list{flex-direction:column;max-height:45dvh;overflow-y:auto}.nb-p{font-size:calc(13.5px * var(--text-scale,1));margin:6px 0;line-height:1.4}.nb-p .ic{vertical-align:-2px;color:var(--nb-dim)}.nb-p.warn{color:var(--nb-warn)}.nb-lead{font-size:calc(15px * var(--text-scale,1));margin:4px 0 10px;line-height:1.4}.nb-kicker{font-size:calc(12px * var(--text-scale,1));color:var(--nb-dim);margin:2px 0}.nb-label{font-size:calc(12px * var(--text-scale,1));letter-spacing:.04em;text-transform:uppercase;color:var(--nb-dim);margin:12px 0 6px;font-weight:700}.nb-label span{text-transform:none;letter-spacing:0;font-weight:400}.nb-action{border:1px solid var(--nb-line);background:var(--nb-surface-2);text-align:left;border-radius:12px;align-items:center;gap:10px;width:100%;min-height:48px;padding:6px 12px;display:flex}.nb-action:active{background:var(--nb-surface-3)}.nb-action>.ic:first-child{color:var(--nb-gold)}.nb-action-label{flex:1;min-width:0}.nb-odds{font-size:calc(12px * var(--text-scale,1));border-radius:10px;flex:none;align-items:center;gap:2px;padding:2px 8px;font-weight:800;display:inline-flex}.nb-odds.ok{color:var(--nb-ok);background:#4fd18b26}.nb-odds.bad{color:var(--nb-bad);background:#ff6b5e26}.nb-primary{background:var(--nb-gold);min-height:50px;font-size:calc(16px * var(--text-scale,1));border:none;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:4px;font-weight:800;display:inline-flex;color:var(--nb-gold-ink)!important}.nb-primary.risky{background:var(--nb-warn)}.nb-primary:disabled{opacity:.4}.nb-end-party{text-align:center;padding:0 16px}.nb-secondary{border:1px solid var(--nb-line);background:0 0;border-radius:14px;flex:none;min-height:50px;padding:0 18px}.nb-test{border:1.5px solid var(--nb-line);background:#ffffff08;border-radius:16px;margin:4px 0 2px;padding:12px}.nb-test.ok{border-color:#4fd18b99}.nb-test.bad{border-color:#ff6b5e99}.nb-test-sum{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:6px;display:flex}.nb-term{flex-direction:column;align-items:center;min-width:44px;display:flex}.nb-term small{font-size:calc(10.5px * var(--text-scale,1));color:var(--nb-dim)}.nb-term b{font-size:calc(22px * var(--text-scale,1));line-height:1.15}.nb-term.stick b{color:#3b2b12;font-size:calc(18px * var(--text-scale,1));background:#efe5cb;border-radius:6px;margin-top:2px;padding:0 6px}.nb-term.stick.k-scenario b{color:#2b1854;background:#cbb8f5}.nb-term.stick.k-greatFortune b{background:var(--nb-gold)}.nb-term.stick.k-misfortune b{background:var(--nb-bad);color:#fff}.nb-term.boost b{color:var(--nb-gold)}.nb-op{font-size:calc(15px * var(--text-scale,1));color:var(--nb-dim);padding-bottom:4px}.nb-verdict{font-weight:800;font-size:calc(15px * var(--text-scale,1));justify-content:center;align-items:center;gap:6px;margin-top:8px;display:flex}.nb-test.ok .nb-verdict{color:var(--nb-ok)}.nb-test.bad .nb-verdict{color:var(--nb-bad)}.nb-commit-row{flex-wrap:wrap;gap:10px;padding:7px 2px 4px;display:flex}.nb-commit-group{flex-direction:column;flex:0 auto;gap:4px;min-width:0;max-width:100%;display:flex}.nb-commit-group.ally{border-left:1px dashed #ffffff40;padding-left:10px}.nb-commit-from{font-size:calc(10.5px * var(--text-scale,1));color:var(--nb-dim);font-weight:700}.nb-commit-group.ally .nb-commit-from{color:var(--nb-gold)}.nb-commit-cards{gap:6px;padding-top:6px;display:flex;overflow-x:auto}.nb-toggles{flex-wrap:wrap;gap:6px;display:flex}.nb-toggle{border:1px solid var(--nb-line);background:var(--nb-surface-2);border-radius:22px;min-height:44px;padding:0 16px}.nb-toggle[aria-pressed=true]{background:var(--nb-gold);border-color:var(--nb-gold);font-weight:700;color:var(--nb-gold-ink)!important}.nb-error{color:var(--nb-bad);font-size:calc(13px * var(--text-scale,1));align-items:center;gap:6px;margin:10px 0 0;display:flex}.nb-facts{flex-wrap:wrap;gap:6px;margin:2px 0 6px;display:flex}.nb-facts>span{font-size:calc(12.5px * var(--text-scale,1));background:var(--nb-surface-2);border-radius:10px;align-items:center;gap:4px;padding:4px 9px;display:inline-flex}.nb-facts .ic{color:var(--nb-dim)}.nb-here{font-size:calc(13px * var(--text-scale,1));flex-wrap:wrap;gap:6px 14px;margin:10px 0 4px;display:flex}.nb-here-hero{align-items:center;gap:6px;display:inline-flex}.nb-yokai{border:1.5px solid color-mix(in srgb, var(--el) 55%, transparent);background:#00000038;border-radius:16px;margin-top:12px;padding:10px 12px}.nb-yokai-art,.nb-spirit-art .hero-art{aspect-ratio:2;object-fit:cover;object-position:center 30%;border-radius:10px;width:100%;display:block}.nb-yokai-art{margin-bottom:8px}.nb-place-art{aspect-ratio:2;object-fit:cover;border-radius:10px;width:100%;margin-bottom:8px;display:block}.nb-spirit-art{margin-bottom:10px}.nb-yokai-head{align-items:baseline;gap:7px;display:flex}.nb-yokai-head b{font-size:calc(15px * var(--text-scale,1))}.nb-yokai-head .nb-dim{font-size:calc(12px * var(--text-scale,1))}.nb-yokai-glyph{color:var(--el);font-size:calc(16px * var(--text-scale,1))}.nb-yokai-stats{font-size:calc(13px * var(--text-scale,1));flex-wrap:wrap;gap:4px 14px;margin:6px 0;display:flex}.nb-yokai-stats span{align-items:center;gap:4px;display:inline-flex}.nb-yokai-stats .ic{color:var(--nb-dim)}.nb-intents{margin:4px 0}.nb-intents small{font-size:calc(11px * var(--text-scale,1));color:var(--nb-dim)}.nb-intents ul{flex-direction:column;gap:4px;margin:3px 0 0;padding:0;list-style:none;display:flex}.nb-intents li{font-size:calc(12px * var(--text-scale,1));color:var(--nb-dim);background:#ffffff12;border-radius:8px;padding:4px 8px;line-height:1.3}.nb-intents li b{color:#f6f0e1;margin-right:6px}.nb-intents li.now{color:#3a2008;background:#ffcf9e}.nb-intents li.now b{color:inherit}.nb-yokai-acts{flex-direction:column;gap:6px;margin-top:8px;display:flex}.nb-card-info{align-items:flex-start;gap:14px;display:flex}.nb-tag{font-size:calc(11px * var(--text-scale,1));background:var(--nb-surface-3);color:var(--nb-dim);border-radius:8px;margin-left:6px;padding:1px 7px}.nb-quest-group{margin-bottom:6px}.nb-quest{background:var(--nb-surface-2);border-left:3px solid var(--nb-gold);border-radius:12px;margin-bottom:6px;padding:9px 11px}.nb-quest .nb-p{font-size:calc(13px * var(--text-scale,1));color:#f6f0e1d9;margin:4px 0 0}.nb-quest.rumor{border-left-color:var(--nb-insight)}.nb-quest.s-completed{border-left-color:var(--nb-ok);opacity:.8}.nb-quest.s-failed,.nb-quest.s-expired{border-left-color:var(--nb-bad);opacity:.7}.nb-tips{font-size:calc(13.5px * var(--text-scale,1));flex-direction:column;gap:10px;margin:6px 0 0;padding:0;line-height:1.4;list-style:none;display:flex}.nb-tips li{align-items:flex-start;gap:10px;display:flex}.nb-tips .ic{color:var(--nb-gold);margin-top:1px}.nb-lines{flex-direction:column;gap:7px;margin-top:4px;display:flex}.nb-lines .nb-line{font-size:calc(13.5px * var(--text-scale,1))}.nb-lines .nb-line.big{font-size:calc(15px * var(--text-scale,1));color:#fff;font-weight:700}.nb-more{min-height:44px;font:inherit;font-size:calc(13px * var(--text-scale,1));color:var(--nb-dim);cursor:pointer;background:0 0;border:0;align-self:flex-start;margin-top:4px;padding:0 4px;text-decoration:underline}.nb-sheet.turn .nb-sheet-head{padding-top:18px}.nb-end-head{text-align:center;color:var(--nb-dim);flex-direction:column;align-items:center;gap:6px;padding:24px 16px 8px;display:flex}.nb-sheet.end.won .nb-end-head{color:var(--nb-gold)}.nb-end-head h2{font-size:calc(22px * var(--text-scale,1));color:#f6f0e1;margin:0}.nb-end-explain{font-size:calc(12.5px * var(--text-scale,1));color:var(--nb-dim);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:0 6px;margin:0;padding:2px 14px;display:flex}.nb-link{min-height:44px;color:var(--nb-gold);font:inherit;cursor:pointer;background:0 0;border:0;padding:0 6px;font-weight:700;text-decoration:underline}.nb-end-foot{grid-template-columns:1fr 1fr;display:grid}.nb-end-foot>button{flex-direction:column;justify-content:center;align-items:center;gap:1px;min-width:0;padding:6px 8px;line-height:1.15;display:flex}.nb-end-foot>button.wide{grid-column:1/-1}.nb-end-foot>button small{font-size:calc(10.5px * var(--text-scale,1));opacity:.75;font-weight:600}.nb-end-foot>button:disabled{opacity:.45;cursor:default}.nb-end-foot>button.warn{border-color:var(--nb-warn);color:var(--nb-warn)}.nb-end-kicker{font-size:calc(11px * var(--text-scale,1));letter-spacing:.06em;text-transform:uppercase;font-weight:700}.nb-end-why{font-size:calc(14px * var(--text-scale,1));color:#f6f0e1e0;margin:2px 0 0}.nb-stats{justify-content:center;gap:22px;margin:4px 0 12px;display:flex}.nb-stats span{font-size:calc(11px * var(--text-scale,1));color:var(--nb-dim);flex-direction:column;align-items:center;display:flex}.nb-stats b{font-size:calc(24px * var(--text-scale,1));color:#f6f0e1}.nb-menu{flex-direction:column;gap:8px;padding-top:4px;display:flex}.nb-log{font-size:calc(13px * var(--text-scale,1));flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.nb-log li{color:var(--nb-dim);padding-left:12px}.nb-log li.head{color:#f6f0e1;margin-top:8px;padding-left:0;font-weight:700}.nb-toast.error{pointer-events:auto}.nb-name{font-weight:700}.nb-name.n-place{color:#ffe2a3}.nb-name.n-char{color:var(--nb-ki)}.nb-name.n-foe{color:var(--nb-hp)}.nb-name.n-time{color:var(--nb-gold)}.nb-rumor-mark{color:var(--nb-insight);background:#8dc9ff2e;border-radius:50%;padding:1px;display:inline-flex}.nb-explain{font-size:calc(14px * var(--text-scale,1));margin:2px 0;line-height:1.4}.nb-cost{color:var(--nb-dim);font-size:calc(12.5px * var(--text-scale,1));margin:0 0 10px}.nb-guide{flex-direction:column;gap:10px;margin:0;display:flex}.nb-guide-glyph{color:var(--el);font-size:calc(18px * var(--text-scale,1));font-weight:700}.nb-card-diagram{flex:none;grid-template-columns:1fr auto 1fr;max-width:300px;margin:0 auto 14px;display:grid}.nb-card-diagram .nb-card{grid-area:1/2}.nb-diag-col{grid-row:1;min-width:84px;position:relative}.nb-diag-col.left{grid-column:1}.nb-diag-col.right{grid-column:3}.nb-diag-label{white-space:nowrap;color:var(--nb-gold);align-items:center;gap:3px;font-size:12px;font-weight:700;line-height:1;display:flex;position:absolute;left:0;right:0;transform:translateY(-50%)}.nb-diag-label.from-bottom{transform:translateY(50%)}.nb-diag-label.left{justify-content:flex-end}.nb-diag-label.right{flex-direction:row-reverse;justify-content:flex-end}.nb-diag-arrow{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:22px;height:10px}.nb-diag-label.right .nb-diag-arrow{transform:scaleX(-1)}.nb-guide-chip{vertical-align:-3px;min-width:18px;height:18px;font-size:calc(11px * var(--text-scale,1));border-radius:9px;place-items:center;padding:0 3px;font-weight:800;line-height:1;display:inline-grid}.nb-guide-chip.ki{background:var(--nb-ki);color:#0d2b25}.nb-guide-chip.boost{background:var(--nb-gold);color:var(--nb-gold-ink)}.nb-guide-chip.dark{color:#fff;background:#000000a6;box-shadow:inset 0 0 0 1px #fff3}.nb-guide-icon{vertical-align:-3px;color:var(--nb-gold)}.nb-guide-row dt{font-size:calc(14px * var(--text-scale,1))}.nb-guide-row dd{font-size:calc(13px * var(--text-scale,1));color:#f6f0e1d9;margin:2px 0 0;line-height:1.4}.nb-graph{--nb-graph-beats:#ff8f80;margin:0 0 10px}.nb-graph svg{width:min(100%, calc(320px * var(--text-scale,1)));height:auto;margin:0 auto;display:block}.nb-graph-link{fill:none;stroke-width:2px}.nb-graph-link.nb-graph-flows{stroke:var(--nb-gold)}.nb-graph-link.nb-graph-beats{stroke:var(--nb-graph-beats)}marker.nb-graph-flows path{fill:var(--nb-gold)}marker.nb-graph-beats path{fill:var(--nb-graph-beats)}.nb-graph-node{fill:var(--nb-surface-2);stroke:var(--el);stroke-width:2px}.nb-graph-glyph,.nb-graph-name{dominant-baseline:central}.nb-graph-glyph{text-anchor:middle;fill:var(--el);font-size:22px;font-weight:700}.nb-graph-name{fill:var(--ink);font-size:13px;font-weight:600}.nb-graph-key{font-size:calc(13px * var(--text-scale,1));flex-wrap:wrap;justify-content:center;gap:4px 16px;margin-top:4px;display:flex}.nb-graph-key span{align-items:center;gap:6px;display:inline-flex}.nb-graph-key i{border-top:2px solid var(--nb-gold);width:26px}.nb-graph-key i.beats{border-top:2px dashed var(--nb-graph-beats)}.nb-hours{flex-direction:column;gap:4px;margin:8px 0 0;padding:0;list-style:none;display:flex}.nb-hours li{font-size:calc(14px * var(--text-scale,1));border-radius:10px;grid-template-columns:34px 1fr auto auto auto;align-items:center;gap:8px;padding:5px 8px;display:grid}.nb-hours li.night{background:#0b0e2b}.nb-hours li.day{background:#f4dfa638}.nb-hours li:not(.in-race){opacity:.6}.nb-hours li.now{box-shadow:inset 0 0 0 1.5px var(--nb-gold)}.nb-hours-glyph{font-size:calc(20px * var(--text-scale,1));text-align:center}.nb-hours li.day .ic{color:var(--nb-gold)}.nb-hours li.night .ic{color:var(--nb-insight)}@media (width>=1024px){.nb.wide{grid-template:"hud hud hud""heroes map side"minmax(0,1fr)"heroes dock side"/clamp(240px,23vw,300px) minmax(0,1fr) clamp(280px,27vw,340px);max-width:none;display:grid}.nb.wide>.nb-hud{flex-direction:row;grid-area:hud;align-items:center;gap:12px;padding:6px 16px 8px}.nb.wide>.nb-hud>.nb-row:first-child{flex:1}.nb.wide>.nb-col-heroes{border-right:1px solid var(--nb-line);flex-direction:column;grid-area:heroes;gap:10px;min-height:0;padding:12px;display:flex;overflow-y:auto}.nb.wide>.nb-middle{grid-area:map}.nb.wide>.nb-dock{grid-area:dock;padding:8px 16px 10px}.nb.wide>.nb-col-side{border-left:1px solid var(--nb-line);flex-direction:column;grid-area:side;gap:10px;min-height:0;padding:12px;display:flex}.nb.wide .nb-panel{border:1.5px solid var(--nb-gold);background:var(--nb-surface-3);border-radius:14px;flex-direction:column;min-height:0;display:flex;overflow:hidden}.nb.wide .nb-panel.place{flex:0 auto;max-height:52%}.nb.wide .nb-panel.quests{flex:1 1 0}.nb.wide .nb-panel-head{border-bottom:1px solid var(--nb-line);background:var(--nb-surface-2);color:var(--nb-ink);flex:none;align-items:center;gap:8px;padding:9px 14px 8px;display:flex}.nb.wide .nb-panel-head .ic{color:var(--nb-gold);flex:none}.nb.wide .nb-panel-title{flex-direction:column;min-width:0;display:flex}.nb.wide .nb-panel-title small{color:var(--nb-gold);font-size:calc(10.5px * var(--text-scale,1));letter-spacing:.06em;text-transform:uppercase;font-weight:700}.nb.wide .nb-panel-title b{font-size:calc(16px * var(--text-scale,1))}.nb.wide .nb-panel-body{overscroll-behavior:contain;flex-direction:column;flex:1;min-height:0;padding:10px 12px 14px;display:flex;overflow-y:auto}.nb.wide .nb-map{padding:16px 20px 0}.nb.wide .nb-grid{gap:16px}.nb.wide .nb-tile{padding:10px 10px 11px}.nb.wide .nb-tile-name{white-space:normal;font-size:calc(14px * var(--text-scale,1))}.nb.wide .nb-foe{font-size:calc(12px * var(--text-scale,1))}.nb.wide .nb-hand{min-height:calc(96px * var(--text-scale,1));gap:8px}.nb.wide .nb-card,.nb.wide .nb-card-slot{width:calc(68px * var(--text-scale,1));height:calc(90px * var(--text-scale,1))}.nb.wide .nb-card.big{width:92px;height:126px}.nb.wide>.nb-col-heroes{gap:0;overflow:hidden}.nb.wide .nb-col-heroes .nb-heroes{border-bottom:1.5px solid var(--nb-gold);flex:none;gap:3px}.nb.wide .nb-col-heroes .nb-hero{border-color:var(--nb-line);border-bottom-color:var(--nb-gold);border-radius:12px 12px 0 0;min-height:56px;margin-bottom:-1.5px}.nb.wide .nb-col-heroes .nb-hero.active{border-color:var(--nb-gold);border-bottom-color:var(--nb-surface-3);background:var(--nb-surface-3)}.nb.wide .nb-col-heroes .nb-hero-name{flex-wrap:wrap;gap:3px}.nb.wide .nb-col-heroes .nb-syn-badge{border-radius:4px;width:16px;height:16px;padding:0;font-size:10px}.nb.wide .nb-col-heroes .nb-syn-badge.ready{width:18px;height:18px}.nb.wide .nb-col-heroes .nb-syn-badge .mark{display:inline}.nb.wide .nb-col-heroes .nb-syn-badge .word,.nb.wide .nb-col-heroes .nb-cond .word{display:none}.nb.wide .nb-col-heroes .nb-hero{grid-template-columns:32px minmax(0,1fr);align-items:start;gap:3px 6px;padding:5px 6px 6px;display:grid}.nb.wide .nb-col-heroes .nb-hero>.nb-token{grid-area:1/1}.nb.wide .nb-col-heroes .nb-hero>.nb-pips{flex-wrap:wrap;grid-area:2/1;justify-content:center;justify-self:center;gap:2px}.nb.wide .nb-col-heroes .nb-pips>span:not(.nb-gear-pips){width:6px;height:6px}.nb.wide .nb-col-heroes .nb-gear-pips{flex-basis:100%;justify-content:center;margin:1px 0 0}.nb.wide .nb-col-heroes .nb-hero-meta{grid-area:1/2/span 2}.nb.wide .nb-col-heroes .nb-heroes:has(>:nth-child(3)) .nb-hero-meta{grid-area:3/1/auto/span 2}.nb.wide .nb-hero-panel{overscroll-behavior:contain;border:1.5px solid var(--nb-gold);background:var(--nb-surface-3);border-top:none;border-radius:0 0 14px 14px;flex-direction:column;flex:1;gap:8px;min-height:0;padding:14px 12px;display:flex;overflow-y:auto}.nb.wide .nb-hero-panel .nb-p{margin:0}.nb.wide .nb-hero-panel .nb-statblock{margin-bottom:2px}.nb.wide .nb-hero-panel::-webkit-scrollbar{width:8px}.nb.wide .nb-panel-body::-webkit-scrollbar{width:8px}.nb.wide .nb-hero-panel::-webkit-scrollbar-thumb{background:#ffffff47;border-radius:4px}.nb.wide .nb-panel-body::-webkit-scrollbar-thumb{background:#ffffff47;border-radius:4px}.nb.wide .nb-hero-panel::-webkit-scrollbar-track{background:0 0}.nb.wide .nb-panel-body::-webkit-scrollbar-track{background:0 0}@supports not selector(::-webkit-scrollbar){.nb.wide .nb-hero-panel,.nb.wide .nb-panel-body{scrollbar-width:thin;scrollbar-color:#ffffff47 transparent}}.nb.wide .nb-hero-panel:after,.nb.wide .nb-panel-body:after{content:"";background:linear-gradient(transparent, var(--nb-surface-3));pointer-events:none;opacity:0;flex:none;height:36px;margin:-36px -12px -14px;position:sticky;bottom:-14px}@supports (animation-timeline:scroll()){.nb.wide .nb-hero-panel:after,.nb.wide .nb-panel-body:after{animation:linear both nb-more-below;animation-timeline:scroll();animation-range:85% 100%}}@keyframes nb-more-below{0%{opacity:1}to{opacity:0}}.nb.wide .nb-backdrop{align-items:center;padding:16px}.nb.wide .nb-sheet{max-width:480px;max-height:80dvh;animation:nb-fade calc(.15s * var(--anim-scale,1)) ease-out;border-radius:16px;box-shadow:0 16px 48px #0000008c}.nb.wide .nb-grabber{display:none}@media (hover:hover){.nb.wide .nb-hand{z-index:2;pointer-events:none;margin:-36px -8px 0;padding:36px 12px 2px;position:relative}.nb.wide .nb-hand>*{pointer-events:auto}.nb.wide .nb-card-btn{transform-origin:50% 100%;transition:transform calc(.12s * var(--anim-scale,1)) ease-out}.nb.wide .nb-card-btn:hover{z-index:2;transform:translateY(-8px)scale(1.25)}}.nb.wide .nb-goal-line{background:var(--nb-surface-2);border-radius:12px;flex-direction:column;gap:2px;margin:0 0 10px;padding:8px 12px;display:flex}.nb.wide .nb-goal-line small{color:var(--nb-dim);font-size:calc(12.5px * var(--text-scale,1))}.nb.wide .nb-panel.place .nb-action{flex:none;margin-bottom:8px}.nb.wide .nb-panel.place .nb-place-art.busy{aspect-ratio:4}.nb.wide .nb-statblock{flex-direction:column;gap:8px;margin-bottom:6px;display:flex}.nb.wide .nb-stat-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.nb.wide .nb-stat{background:var(--nb-surface-3);border:1px solid #ffffff1f;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:6px 4px 5px;display:flex}.nb.wide .nb-stat .ic{color:var(--nb-gold)}.nb.wide .nb-stat-n{font-size:calc(20px * var(--text-scale,1));color:var(--nb-ink);line-height:1}.nb.wide .nb-stat-label{font-size:calc(11px * var(--text-scale,1));letter-spacing:.06em;text-transform:uppercase;color:var(--nb-dim);font-weight:700}.nb.wide .nb-stat-line{font-size:calc(15px * var(--text-scale,1));grid-template-columns:auto auto auto minmax(0,1fr);align-items:center;gap:6px;display:grid}.nb.wide .nb-stat-line.hp .ic{color:var(--nb-hp)}.nb.wide .nb-stat-line.ki .ic{color:var(--nb-ki)}.nb.wide .nb-stat-name{color:var(--nb-dim);font-weight:600}.nb.wide .nb-stat-bar{background:#ffffff1a;border-radius:4px;height:8px;overflow:hidden}.nb.wide .nb-stat-bar>span{background:var(--nb-hp);border-radius:4px;height:100%;display:block}.nb.wide .nb-ki-pips{gap:4px;display:flex}.nb.wide .nb-ki-pips>span{border:1.5px solid var(--nb-ki);border-radius:50%;width:10px;height:10px}.nb.wide .nb-ki-pips>span.on{background:var(--nb-ki)}.nb.wide .nb-hud{padding-top:8px;padding-bottom:10px}.nb.wide .nb-time{gap:6px}.nb.wide .nb-time-label{font-size:calc(16px * var(--text-scale,1))}.nb.wide .nb-track{gap:5px}.nb.wide .nb-track li{border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:1px;max-width:58px;height:auto;min-height:40px;padding:3px 4px;display:flex}.nb.wide .nb-track-glyph{font-size:calc(16px * var(--text-scale,1));line-height:1.1}.nb.wide .nb-track-name{font-size:calc(10.5px * var(--text-scale,1));line-height:1.1;display:block}.nb.wide .nb-track li.end{flex-direction:row;gap:3px}.nb.wide .nb-track li.end small{white-space:nowrap;font-size:calc(14px * var(--text-scale,1))}.nb.wide .nb-shadow{gap:6px;min-width:84px;min-height:54px;padding:0 10px}.nb.wide .nb-shadow-top{font-size:calc(15px * var(--text-scale,1));gap:5px}.nb.wide .nb-meter{gap:3px}.nb.wide .nb-meter span{width:11px;height:8px}.nb.wide .nb-insight{min-width:76px;min-height:54px;padding:2px 12px}.nb.wide .nb-insight b{font-size:calc(22px * var(--text-scale,1))}.nb.wide .nb-insight small{font-size:calc(11.5px * var(--text-scale,1))}.nb.wide .nb-rail{gap:7px;min-height:54px;padding:0 10px}.nb.wide .nb-rail small{font-size:calc(11.5px * var(--text-scale,1))}.nb.wide .nb-hud .nb-stick{min-width:36px;height:30px;font-size:calc(14px * var(--text-scale,1))}.nb.wide .nb-hud .nb-stick.next{min-width:44px;height:36px;font-size:calc(17px * var(--text-scale,1))}}.nb.wide .nb-verb{font-size:calc(12.5px * var(--text-scale,1));flex-direction:row;gap:6px}.nb.wide .nb-verb-label{display:inline}.nb.wide .nb-verb .ic{width:18px;height:18px}.nb.wide .nb-fact-word,.nb.wide .nb-left-word{display:inline}:root{--bg:#1b1530;--bg-2:#2a2148;--ink:#f4ecd8;--muted:#b8aed0;--gold:#e6b450;--red:#c8423b;--wood:#5fb06a;--fire:#e8644a;--earth:#d29b48;--metal:#b8c2cf;--water:#4c8fd6;color:var(--ink);background:var(--bg);-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}html,body,#root{height:100%;min-height:100%;margin:0}body{background:radial-gradient(circle at 50% 30%, var(--bg-2), var(--bg) 70%)}.home{min-height:100dvh;padding:24px 16px calc(24px + env(safe-area-inset-bottom));text-align:center;isolation:isolate;flex-direction:column;justify-content:center;align-items:center;gap:16px;max-width:480px;margin:0 auto;display:flex}.home-art{--wheel:27dvh;z-index:-1;background:linear-gradient(#15133a, var(--bg) 62dvh);position:fixed;inset:0;overflow:hidden}.home-art-img{object-fit:cover;object-position:50% 0;width:100%;height:62dvh;position:absolute;top:0;left:0;-webkit-mask-image:linear-gradient(#000 68%,#0000);mask-image:linear-gradient(#000 68%,#0000)}.home-art.dim:after{content:"";background:color-mix(in srgb, var(--bg) 84%, transparent);position:absolute;inset:0}.wheel{width:var(--wheel);height:var(--wheel);margin:calc(var(--wheel) / -2) 0 0 calc(var(--wheel) / -2);border:2px solid var(--gold);box-shadow:inset 0 0 0 calc(var(--wheel) * .04) #e6b45014, 0 0 calc(var(--wheel) * .3) #e6b4502e;border-radius:50%;place-items:center;display:grid;position:absolute;top:16dvh;left:50%}.install-steps{text-align:left;font-size:calc(16px * var(--text-scale,1));margin:8px 0 0;padding-left:24px;line-height:1.8}.wheel-hour{width:calc(var(--wheel) * .125);height:calc(var(--wheel) * .125);margin:calc(var(--wheel) * -.0625) 0 0 calc(var(--wheel) * -.0625);line-height:calc(var(--wheel) * .125);background:var(--bg-2);color:var(--gold);font-weight:700;font-size:calc(var(--wheel) * .06);text-align:center;border-radius:50%;position:absolute;top:50%;left:50%}.wheel-center{font-size:calc(var(--wheel) * .19);color:var(--red);font-weight:800}h1{font-size:calc(32px * var(--text-scale,1));letter-spacing:.04em;margin:0}.title{--title-size:calc(60px * var(--text-scale,1));filter:drop-shadow(0 2px 10px #0a061ee6);flex-direction:column;font-family:Iowan Old Style,Palatino Linotype,Palatino,Book Antiqua,Georgia,serif;line-height:1.05;display:flex;position:relative}.title-main{font-size:var(--title-size);letter-spacing:.1em;color:var(--gold);background:linear-gradient(#fff1c4, var(--gold) 55%, #b9812d);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-right:-.1em}.title-seal{top:calc(var(--title-size) * .2);left:calc(50% + var(--title-size) * 1.2);background:var(--red);color:#fff1c4;font-family:system-ui,sans-serif;font-size:calc(var(--title-size) * .2);writing-mode:vertical-rl;border-radius:4px;padding:5px 3px;font-weight:700;line-height:1.1;position:absolute}.title-sub{font-size:calc(17px * var(--text-scale,1));letter-spacing:.22em;text-transform:uppercase;margin-right:-.22em}.tagline{color:var(--muted);margin:0}.home.home-title{justify-content:flex-start;gap:0;padding-top:0}.home-head{flex-direction:column;align-items:center;gap:10px;padding-top:50dvh;display:flex}@media (width<=1023px) and (height<=699px){.home.home-title{padding-bottom:calc(12px + env(safe-area-inset-bottom))}.home-title .title{--title-size:calc(54px * var(--text-scale,1))}.home-head .tagline{display:none}}.home-head .title-sub:before,.home-head .title-sub:after{content:"";vertical-align:middle;background:var(--gold);width:18px;height:1px;margin:0 10px 0 0;display:inline-block}.home-head .title-sub:after{margin:0 .22em 0 calc(10px - .22em)}.home-head .title-sub{white-space:nowrap}.home-head .tagline{font-size:calc(15px * var(--text-scale,1));text-wrap:balance;color:var(--ink);opacity:.85;text-shadow:0 1px 6px #0a061ee6}.home-title .menu{margin-top:auto;padding-top:16px}.home-head,.home-title .menu,.home-foot{animation:.5s ease-out both home-in}.home-title .menu{animation-delay:.12s}.home-foot{animation-delay:.24s}@keyframes home-in{0%{opacity:0;transform:translateY(10px)}}.home-foot{flex-direction:column;align-items:center;gap:8px;width:100%;margin-top:14px;display:flex}.home-tools{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.home-tools button{border:1px solid color-mix(in srgb, var(--muted) 45%, transparent);background:color-mix(in srgb, var(--bg) 55%, transparent);min-height:44px;color:var(--ink);font-size:calc(14px * var(--text-scale,1));cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:0 16px;display:inline-flex}.home-tools button:hover{border-color:var(--gold)}@media (width>=1024px){.home.home-title{justify-content:center;width:400px;max-width:none;margin:0 0 0 max(32px,5vw)}.home-head{padding-top:0}.home-title .menu{margin-top:28px;padding-top:0}.home-title .title{--title-size:calc(84px * var(--text-scale,1))}.home-title .title-sub{font-size:calc(22px * var(--text-scale,1))}.home-art{--wheel:44dvh;background:var(--bg)}.home-art .wheel{top:26dvh;left:60%}.home-art-img{width:80vw;height:100%;left:20vw;-webkit-mask-image:linear-gradient(90deg,#0000,#000 30%);mask-image:linear-gradient(90deg,#0000,#000 30%)}.home-art:not(.dim):after{content:"";background:linear-gradient(to right, color-mix(in srgb, var(--bg) 85%, transparent), color-mix(in srgb, var(--bg) 50%, transparent) 30%, transparent 48%);position:absolute;inset:0}}.menu{flex-direction:column;gap:10px;width:100%;margin-top:16px;display:flex}.menu button{border:1.5px solid color-mix(in srgb, var(--gold) 65%, transparent);background:color-mix(in srgb, var(--bg) 68%, transparent);min-height:56px;color:var(--ink);font-size:calc(17px * var(--text-scale,1));cursor:pointer;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:8px;font-weight:600;transition:transform .12s,border-color .12s,background .12s;display:flex}.menu button:hover{border-color:var(--gold);background:color-mix(in srgb, var(--gold) 14%, var(--bg))}.menu button:active{transform:scale(.98)}.menu button small{font-size:calc(12px * var(--text-scale,1));color:var(--muted);font-weight:400}.menu button:disabled{opacity:.6}.menu-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.menu-row .menu-main~button{grid-column:1/-1}.menu .menu-main{background:linear-gradient(#f6d588, var(--gold));min-height:68px;color:var(--bg);font-size:calc(21px * var(--text-scale,1));letter-spacing:.02em;border-color:#0000;grid-column:1/-1;font-weight:800;animation:2.6s ease-in-out infinite alternate menu-glow}.menu .menu-main:hover{background:linear-gradient(#ffe6a8,#f0c266)}.menu .menu-main small{color:color-mix(in srgb, var(--bg) 80%, var(--gold));font-weight:600}@keyframes menu-glow{0%{box-shadow:0 4px 14px #e6b45033}to{box-shadow:0 4px 30px #e6b4508c}}.menu-confirm{border:1.5px solid var(--red);background:color-mix(in srgb, var(--bg) 85%, transparent);border-radius:12px;padding:14px 12px 12px}.menu-confirm p{font-size:calc(14px * var(--text-scale,1));color:var(--muted);margin:0 0 10px}.menu-confirm strong{font-size:calc(16px * var(--text-scale,1));color:var(--ink);display:block}.menu .menu-suggested{background:color-mix(in srgb, var(--gold) 14%, transparent)}.menu-tag{background:var(--gold);color:var(--bg);font-size:calc(11px * var(--text-scale,1));vertical-align:2px;border-radius:999px;margin-left:8px;padding:1px 7px;font-style:normal;font-weight:700}.menu-back{margin-top:14px}.menu .menu-warn{border-color:var(--red);background:color-mix(in srgb, var(--red) 28%, var(--bg))}.settings{text-align:left;flex-direction:column;gap:14px;width:100%;display:flex}.settings-row{border:0;flex-direction:column;gap:6px;margin:0;padding:0;display:flex}.settings-row legend{font-size:calc(14px * var(--text-scale,1));color:var(--ink);padding:0 0 6px;font-weight:600}.settings-options{grid-auto-columns:1fr;grid-auto-flow:column;gap:6px;display:grid}.settings-options button{border:1px solid var(--muted);min-height:44px;color:var(--ink);font-size:calc(14px * var(--text-scale,1));background:0 0;border-radius:10px;padding:4px}.settings-options button[aria-pressed=true]{border-color:var(--gold);background:var(--gold);color:var(--bg);font-weight:700}.settings-note,.version{font-size:calc(12px * var(--text-scale,1));color:var(--muted);margin:0}.offline-status{font-variant-numeric:tabular-nums;align-items:center;gap:6px;display:inline-flex}.offline-status progress{appearance:none;background:var(--bg-2);border:none;border-radius:3px;width:80px;height:6px;overflow:hidden}.offline-status progress::-webkit-progress-bar{background:var(--bg-2)}.offline-status progress::-webkit-progress-value{background:var(--gold);transition:width .3s}.offline-status progress::-moz-progress-bar{background:var(--gold)}.home.party{justify-content:flex-start;gap:12px;max-width:1120px}.party h1{margin:8px 0 0}.party-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;display:grid}@media (width>=1024px){.party-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}}.party-hero{border:2px solid color-mix(in srgb, var(--el,var(--gold)) 45%, transparent);background:var(--bg-2);min-height:44px;color:var(--ink);text-align:left;cursor:pointer;border-radius:12px;flex-direction:column;padding:0;display:flex;position:relative;overflow:hidden}.party-hero.on{border:3px solid var(--gold);box-shadow:0 0 0 3px color-mix(in srgb, var(--gold) 30%, transparent)}:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.hero-art{aspect-ratio:1;object-fit:cover;object-position:top;width:100%;display:block}@media (width>=1024px){.hero-art{aspect-ratio:2/3}}.hero-art.placeholder{background:color-mix(in srgb, var(--el,var(--gold)) 35%, var(--bg));flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.hero-art-glyph{color:var(--el,var(--gold));font-size:48px}.hero-art-name{font-weight:700}.party-check{background:var(--gold);width:30px;height:30px;color:var(--bg);border-radius:50%;place-items:center;font-weight:800;display:grid;position:absolute;top:6px;right:6px}.party-hero-text{flex-direction:column;gap:2px;padding:8px 10px 10px;display:flex}.party-hero-text b{font-size:calc(16px * var(--text-scale,1))}.party-hero-text small{font-size:calc(12px * var(--text-scale,1));color:var(--muted)}.party-hint{min-height:1.3em;color:var(--muted);margin:0}.party-chips{flex-direction:column;gap:6px;width:100%;max-width:560px;margin:0;padding:0;list-style:none;display:flex}.party-chip{border:1px solid var(--gold);background:color-mix(in srgb, var(--gold) 12%, transparent);text-align:left;font-size:calc(14px * var(--text-scale,1));border-radius:10px;padding:8px 12px}.party-chip.none{border-color:var(--muted);color:var(--muted);background:0 0}.party-seed label{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.party-seed input{border:1px solid var(--muted);background:var(--bg);width:12ch;min-height:44px;color:var(--ink);border-radius:8px;padding:0 10px;font-size:16px}.party-seed small{color:var(--muted);flex-basis:100%}.party-link{min-height:44px;color:var(--muted);font-size:calc(14px * var(--text-scale,1));background:0 0;border:none;padding:0 16px;text-decoration:underline}.party-bar{width:100%;max-width:480px;padding:8px 0 calc(10px + env(safe-area-inset-bottom));background:var(--bg);box-shadow:0 -12px 12px -4px var(--bg);margin-top:4px;position:sticky;bottom:0}.party-nav{flex-direction:row;margin-top:6px}.party-nav button{flex:1}.party-nav button:first-child{background:var(--gold);color:var(--bg);flex:2}.party-nav button:first-child:disabled{color:var(--ink);background:0 0}