@font-face{font-family:ArkPixel12;src:url(/fonts/ark-pixel-12px.woff2) format("woff2");font-display:swap}:root{--bg: oklch(11% .045 285);--panel: oklch(18% .07 289);--panel2: oklch(23% .08 292);--panel3: oklch(27% .075 293);--border: oklch(40% .12 292);--edge-hi: oklch(55% .14 292 / .78);--edge-lo: oklch(8% .05 285 / .86);--ink: oklch(93% .035 292);--dim: oklch(70% .075 292);--purple: oklch(64% .24 295);--octo: oklch(70% .19 313);--gold: oklch(86% .18 88);--teal: oklch(85% .17 181);--crab: oklch(70% .2 35);--danger: oklch(68% .24 5);--caution: color-mix(in oklch, var(--gold) 55%, var(--crab) 45%);--seg-empty: oklch(25% .065 290);--shadow: oklch(8% .045 285);--focus: oklch(89% .18 88);--disabled: oklch(42% .045 290);--parchment-ink: oklch(33% .035 62);--parchment-title: oklch(44% .16 30);--parchment-dim: oklch(50% .04 64);--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--radius: 0;--app-height: 100%;--lh-prose: 1.65;--lh-tight: 1.15;--font-read: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;--font-pixel: "ArkPixel12", "Courier New", "PingFang SC", "Microsoft YaHei", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}html{background:var(--bg);-webkit-text-size-adjust:100%}body{overflow:hidden;background:radial-gradient(circle at 50% 0%,oklch(27% .09 292 / .42),transparent 42%),var(--bg);color:var(--ink);font-family:var(--font-read);font-size:16px;line-height:var(--lh-prose);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}body:after{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:none;content:"";background:repeating-linear-gradient(to bottom,oklch(100% 0 0 / .045) 0,oklch(100% 0 0 / .045) 1px,transparent 1px,transparent 4px);mix-blend-mode:screen}img{image-rendering:pixelated}b{font-weight:700}button,input{font:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}button{min-height:44px;padding:var(--s3) var(--s4);border:3px solid oklch(44% .16 295);border-radius:var(--radius);background:var(--purple);color:var(--shadow);box-shadow:inset 3px 3px #cfa9ffb8,inset -3px -3px #4a1892db,0 4px 0 var(--shadow);box-shadow:inset 3px 3px oklch(80% .14 304 / .72),inset -3px -3px #4a1892db,0 4px 0 var(--shadow);cursor:pointer;font-family:var(--font-pixel);font-size:12px;font-weight:700;line-height:var(--lh-tight);text-transform:uppercase;touch-action:manipulation}button:hover:not(:disabled){filter:brightness(1.08) saturate(1.05)}button:active:not(:disabled){transform:translateY(4px);box-shadow:inset 3px 3px #cfa9ff9e,inset -3px -3px #4a1892c7;box-shadow:inset 3px 3px oklch(80% .14 304 / .62),inset -3px -3px #4a1892c7}button:disabled{color:var(--disabled);cursor:not-allowed;filter:grayscale(.55);opacity:.62;box-shadow:none}button:focus-visible,input:focus-visible,select:focus-visible,.region-node:focus-visible,.codex-cell:focus-visible{outline:2px solid var(--focus);outline-offset:3px}input{min-width:0;flex:1;padding:var(--s3) var(--s3);border:3px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--ink);box-shadow:inset 3px 3px 0 var(--edge-lo),inset -3px -3px #42336f9e;font-family:var(--font-read);font-size:16px;line-height:1.35}input::placeholder{color:var(--dim);opacity:.72}.manual-input{flex:0 1 116px}.manual-input.wide{flex-basis:150px}select.manual-input{min-height:44px;padding:var(--s3);border:3px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--ink);box-shadow:inset 3px 3px 0 var(--edge-lo),inset -3px -3px #42336f9e;font-family:var(--font-read);font-size:16px}.app{position:fixed;top:0;left:50%;display:flex;width:min(100%,480px);height:var(--app-height, 100%);flex-direction:column;transform:translate(-50%,var(--vv-top, 0px))}.screen{display:flex;min-height:0;flex:1;flex-direction:column;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:var(--s4) var(--s3)}.screen>*{width:100%}.pad{padding:var(--s5)}.center{display:grid;height:100%;place-items:center;text-align:center}.dim{color:var(--dim)}.small{font-size:12px;line-height:1.45}.good{color:var(--teal)}.bad{color:var(--crab)}.caution{color:var(--caution)}.alarm{color:var(--danger)}.err{min-height:18px;color:var(--danger);font-size:14px}.prose{font-family:var(--font-read);line-height:var(--lh-prose)}.pixel{font-family:var(--font-pixel);line-height:var(--lh-tight)}.prose.small{font-size:14px;line-height:1.5}.reveal-desc.small,.reveal-flavor.small,.reveal-coach.small{font-size:14px}.row{display:flex;align-items:center;gap:var(--s2)}.between{justify-content:space-between}.panel,.card,.bubble,.badge,.region-node,.codex-cell{border-radius:var(--radius)}.panel,.card,.region-node,.codex-cell{border:3px solid var(--border);background:var(--panel);box-shadow:inset 3px 3px 0 var(--edge-hi),inset -3px -3px 0 var(--edge-lo),0 4px 0 var(--shadow)}.panel{padding:var(--s4);margin-bottom:var(--s4)}.panel h2{margin-bottom:var(--s3);color:var(--gold);font-family:var(--font-pixel);font-size:12px;line-height:var(--lh-tight);text-transform:uppercase}.tabbar{display:flex;flex:0 0 auto;width:100%;padding-bottom:var(--s2);border-top:3px solid var(--border);background:var(--panel2);box-shadow:inset 0 3px 0 var(--edge-hi),0 -4px 0 var(--shadow)}.app:has(input:focus) .tabbar{display:none}.tabbar button{min-height:56px;flex:1;padding:var(--s2) var(--s1);border:0;background:transparent;color:var(--dim);box-shadow:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s1)}.tabbar button.active{background:var(--panel3);color:var(--gold);box-shadow:inset 0 3px 0 var(--gold),inset 0 -3px 0 var(--edge-lo)}.tabbar button:active:not(:disabled){transform:none}.tabicon{font-size:24px;line-height:1}.tabicon-img{height:26px;width:auto;image-rendering:pixelated;display:block}.tablabel{font-family:var(--font-pixel);font-size:12px;line-height:1}.login{display:flex;height:100%;overflow-y:auto;flex-direction:column;align-items:center;justify-content:center;gap:var(--s4);padding:var(--s5);text-align:center}.login h1{color:var(--gold);font-family:var(--font-pixel);font-size:24px;line-height:var(--lh-tight)}.login p{max-width:320px;color:var(--dim)}.login form{display:flex;width:100%;max-width:340px;gap:var(--s2)}.avatar{flex:0 0 auto}.avatar img{display:block}.avatar.octo{position:relative;display:grid;place-items:center;animation:bob 2.6s steps(4,end) infinite}.mood-tired{animation-duration:5s;filter:grayscale(.5) brightness(.8)}.mood-thriving{animation-duration:1.8s}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.hero{display:flex;align-items:center;gap:var(--s4)}.hero-meta{min-width:0;flex:1}.charname{color:var(--ink);font-family:var(--font-pixel);font-size:24px;line-height:var(--lh-tight);overflow-wrap:anywhere}.level{margin:var(--s2) 0;color:var(--gold);font-family:var(--font-pixel);font-size:36px;line-height:var(--lh-tight)}.xp{margin:var(--s2) 0}.mood{color:var(--teal);font-family:var(--font-pixel)}.bar{position:relative;display:flex;gap:var(--s1);margin:var(--s2) 0}.bar-floor-notch{position:absolute;top:-2px;bottom:-2px;width:2px;background:var(--dim);z-index:1}.bar-floor-notch.alarm{background:var(--danger);box-shadow:0 0 0 1px var(--danger)}.bar-seg-ghost{background:transparent;border-style:dashed;border-color:var(--border);box-shadow:none}.bar-seg-muted{opacity:.55}.bar-seg{height:12px;flex:1;border:1px solid var(--shadow);border-radius:var(--radius);box-shadow:inset 0 -2px color-mix(in oklch,var(--shadow) 22%,transparent)}.stats{display:flex;flex-direction:column;gap:var(--s2)}.stats .statrow{display:grid;grid-template-columns:56px 1fr 36px;align-items:center;gap:var(--s2)}.statlabel,.statval{font-family:var(--font-pixel);font-size:12px;line-height:var(--lh-tight)}.statlabel{color:var(--dim)}.statval{color:var(--gold);text-align:right}.quest{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);padding:var(--s3) 0;border-bottom:2px solid var(--seg-empty);font-family:var(--font-pixel);font-size:12px;line-height:1.35}.quest.done{color:var(--teal)}.quest:last-child{border-bottom:none}.badges{display:flex;flex-wrap:wrap;gap:var(--s2)}.badge{padding:var(--s2) var(--s3);border:2px solid var(--seg-empty);color:var(--dim);font-family:var(--font-pixel);font-size:12px;line-height:var(--lh-tight)}.badge.earned{border-color:var(--gold);color:var(--gold);background:#35270047;background:oklch(28% .09 88 / .28)}.reward h2{color:var(--gold)}.spells{display:flex;flex-direction:column;gap:var(--s2)}.spell{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s3);padding:var(--s2) 0;color:var(--dim);border-bottom:2px solid var(--seg-empty)}.spell:last-child{border-bottom:0}.spell.on{color:var(--teal)}.spell span:first-child{font-family:var(--font-pixel);font-size:12px;line-height:1.35}.spell span:last-child{max-width:58%;text-align:right}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s2);margin-bottom:var(--s4)}.card{min-width:0;padding:var(--s3)}.card-label{color:var(--dim);font-family:var(--font-pixel);font-size:12px;line-height:var(--lh-tight)}.card-value{margin:var(--s2) 0 var(--s1);color:var(--gold);font-family:var(--font-pixel);font-size:24px;line-height:var(--lh-tight);overflow-wrap:anywhere}.card-sub{min-height:34px;color:var(--dim)}button.card.clickable{all:unset;display:block;width:100%;box-sizing:border-box;min-width:0;padding:var(--s3);border:3px solid var(--border);border-radius:var(--radius);background:var(--panel);box-shadow:inset 3px 3px 0 var(--edge-hi),inset -3px -3px 0 var(--edge-lo),0 4px 0 var(--shadow);cursor:pointer;text-align:left;color:inherit;font:inherit}button.card.clickable:focus-visible{outline:2px solid var(--focus);outline-offset:2px}button.card.clickable:hover{filter:brightness(1.06)}button.card.clickable:active{transform:none;box-shadow:inset 3px 3px 0 var(--edge-hi),inset -3px -3px 0 var(--edge-lo),0 4px 0 var(--shadow)}.card.card-active{border-color:var(--gold)}.kpi-detail{margin-bottom:var(--s4)}.detail-row{display:flex;justify-content:space-between;align-items:baseline;gap:var(--s2);padding:2px 0}.detail-label{color:var(--dim);font-family:var(--font-pixel);font-size:12px;min-width:0}.detail-value{color:var(--gold);font-family:var(--font-pixel);font-size:12px;text-align:right;flex-shrink:0}.detail-indent{padding-left:var(--s4)}.detail-indent .detail-label{font-family:var(--font-read);font-size:14px}@media(max-width:380px){.detail-row{flex-wrap:wrap}.detail-value{flex-shrink:1;overflow-wrap:anywhere}}.today-ops{margin-bottom:var(--s4)}.today-ops .ops-row{display:flex;justify-content:space-between;align-items:baseline;gap:var(--s2);margin-top:var(--s2)}.today-ops .ops-label{color:var(--dim);font-family:var(--font-pixel);font-size:12px;flex-shrink:0}.today-ops .ops-nums{color:var(--gold);font-family:var(--font-pixel)}.today-ops .ops-status{margin-top:calc(var(--s1) * -1)}.today-ops .ops-float{margin-top:var(--s2);color:var(--gold)}.today-ops .ops-float-neat{color:var(--teal)}.today-ops .ops-ea{margin-top:var(--s2)}.today-ops .bar{margin:var(--s1) 0 var(--s2)}.today-ops .ops-week{display:flex;align-items:center;gap:var(--s2);margin:var(--s3) 0 var(--s2);flex-wrap:wrap}.today-ops .ops-day{display:inline-flex;align-items:center;gap:2px}.today-ops .ops-day .quest-box{margin-right:0}.today-ops .quest-box.ops-over{background:var(--crab);border-color:var(--crab);box-shadow:inset -1px -1px 0 var(--edge-lo)}.today-ops .quest-box.ops-under{background:var(--bg);border-color:var(--teal);box-shadow:inset 1px 1px 0 var(--edge-lo)}.today-ops .ops-day-label{color:var(--dim);font-family:var(--font-pixel);font-size:10px}.today-ops .ops-week>.dim{font-family:var(--font-pixel);font-size:12px}.ops-chip-alert{display:inline-block;margin-top:var(--s1);padding:2px 8px;border:2px solid var(--crab);color:var(--crab);font-family:var(--font-pixel);font-size:12px}.today-ops .ops-day.today .ops-day-label{color:var(--gold)}.ops-hint-btn{min-height:0;padding:0;border:none;width:24px;height:24px;position:relative;background:transparent;box-shadow:none;font-family:var(--font-pixel);font-size:12px;color:var(--dim);display:inline-flex;align-items:center;justify-content:center;line-height:1;vertical-align:middle}.ops-hint-btn:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px}.ops-hint-btn:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.ops-hint-btn:active{transform:none;box-shadow:none}.ops-hint{margin-top:var(--s1);color:var(--dim)}.ops-hint>.ops-float:first-child{margin-top:0}.ea-gauge .ops-status{margin-top:0}.cycle-detail{margin-top:var(--s2);padding-top:var(--s2);border-top:1px solid var(--seg-empty)}button.ops-workout-toggle{all:unset;display:flex;width:100%;box-sizing:border-box;justify-content:space-between;align-items:baseline;gap:var(--s2);margin-top:var(--s2);cursor:pointer;color:inherit;font:inherit}button.ops-workout-toggle:focus-visible{outline:2px solid var(--focus);outline-offset:2px}button.ops-workout-toggle:active{transform:none;box-shadow:none}.ops-workout-card{padding:var(--s2) 0;border-top:1px solid var(--seg-empty)}.ops-workout-card:first-child{border-top:none}.ops-workout-name{color:var(--gold);font-family:var(--font-pixel);font-size:12px}.ops-workout-list,.macro-block{margin-top:var(--s2)}.macro-toggle .macro-cells{font-family:var(--font-pixel);font-size:12px}.macro-cell{font-family:var(--font-pixel)}.macro-cell.good{color:var(--teal)}.macro-cell.caution{color:var(--caution)}.macro-cell.dim{color:var(--dim)}.macro-open{margin-top:var(--s2);padding-top:var(--s2);border-top:1px solid var(--seg-empty)}.macro-corridor{margin-top:var(--s3)}.macro-corridor:first-child{margin-top:0}.macro-open .bar{margin:var(--s1) 0}.macro-open .bar-seg{height:10px}.macro-limit{margin-top:var(--s1)}.ea-gauge{margin-top:var(--s3);padding-top:var(--s2);border-top:1px solid var(--seg-empty)}.ea-gauge-head{display:flex;justify-content:space-between;align-items:baseline;gap:var(--s2)}.ea-gauge-head .ops-label{color:var(--dim);font-family:var(--font-pixel);font-size:12px}.ea-gauge-head .ops-nums{color:var(--gold);font-family:var(--font-pixel)}.ea-track{position:relative;display:flex;gap:var(--s1);margin:var(--s2) 0 var(--s1)}.ea-seg{height:12px}.ea-seg-edge{border-left:2px solid var(--border)}.ea-notch{top:-2px;bottom:-2px;background:var(--ink);box-shadow:0 0 0 1px var(--shadow)}.chart{height:224px;padding:var(--s2);border:2px solid var(--seg-empty);background:#0503169e}.warn{margin-top:var(--s3);color:var(--danger);font-size:14px;line-height:1.5}.plan-box{margin-top:var(--s4);padding-top:var(--s3);border-top:2px solid var(--seg-empty)}.targets{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s3);margin-top:var(--s2)}.targets b{color:var(--gold);font-family:var(--font-pixel)}.coach{display:flex;min-height:0;flex:1;flex-direction:column}.provider-bar{display:flex;flex:0 0 auto;align-items:center;gap:var(--s2);margin-bottom:var(--s2);padding:var(--s2);border:2px solid var(--seg-empty);background:var(--panel2);font-size:11px}.provider-label{color:var(--muted)}.provider-choice{min-height:28px;padding:var(--s1) var(--s2);border:1px solid var(--seg-empty);color:var(--muted);font-size:11px;text-transform:none}.provider-choice.active{border-color:var(--crab);color:var(--crab)}.provider-health{margin-left:auto}.provider-health.ok{color:var(--teal)}.provider-health.bad{color:var(--danger)}.provider-reconcile{min-height:28px;padding:var(--s1) var(--s2);color:var(--gold);font-size:11px;text-transform:none}.provider-note{flex:0 0 auto;margin:0 0 var(--s2);color:var(--muted);font-size:11px}.chat-error{display:flex;flex:0 0 auto;align-items:center;gap:var(--s2);margin:0 0 var(--s2);padding:var(--s2);border:1px solid var(--danger);background:color-mix(in srgb,var(--danger) 10%,var(--panel2));color:var(--danger);font-size:11px}.chat-error span{flex:1}.chat-error-close{min-width:28px;min-height:28px;padding:0;color:var(--danger);font-size:18px;line-height:1}.chat-log{display:flex;min-height:0;flex:1;flex-direction:column;gap:var(--s3);overflow-y:auto;padding-bottom:var(--s3)}.bubble-row{display:flex;align-items:flex-end;gap:var(--s2)}.bubble-row.you{justify-content:flex-end}.crab-ava{flex:0 0 46px;display:flex;align-items:flex-end;justify-content:flex-end}.chat-stop{flex:0 0 auto;align-self:center;min-height:38px;padding:0 var(--s3);display:inline-flex;align-items:center;gap:var(--s2);border:2px solid var(--crab);color:var(--crab);font-size:12px;text-transform:none}.chat-stop:before{content:"";width:9px;height:9px;background:currentColor}.chat-stop:hover:not(:disabled){background:color-mix(in oklch,var(--crab) 15%,transparent)}.bubble{max-width:min(82%,340px);padding:var(--s3);border:2px solid var(--border);white-space:pre-wrap;overflow-wrap:anywhere;font-family:var(--font-read);font-size:14px;line-height:1.55;box-shadow:inset 2px 2px #8275b752,inset -2px -2px 0 var(--edge-lo),0 3px 0 var(--shadow)}.bubble.crab{background:var(--panel2)}.bubble.you{border-color:#825ad4;background:var(--purple);color:var(--shadow)}.chat-input{display:flex;flex:0 0 auto;flex-direction:column;gap:var(--s2);padding-top:var(--s3);border-top:2px solid var(--seg-empty);background:var(--bg)}.chat-row{display:flex;gap:var(--s2);align-items:center}.sos-chips{display:flex;flex-wrap:wrap;gap:var(--s2)}.sos-chip{flex:0 0 auto;min-height:30px;padding:var(--s1) var(--s2);border:2px solid var(--crab);color:var(--crab);font-size:12px;text-transform:none}.sos-chip:hover:not(:disabled){background:color-mix(in oklch,var(--crab) 15%,transparent)}.attach{flex:0 0 auto;min-width:44px;padding:0 var(--s2);display:inline-flex;align-items:center;justify-content:center}.img-chips{display:flex;flex-wrap:wrap;gap:var(--s2)}.img-chip{position:relative;width:56px;height:56px}.img-chip img{width:100%;height:100%;object-fit:cover;border:2px solid var(--border);image-rendering:auto}.img-chip button{position:absolute;top:-8px;right:-8px;min-height:0;width:24px;height:24px;padding:0;border-width:2px;border-radius:var(--radius);font-size:12px}.img-chip button:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px}.bubble-img{display:block;max-width:200px;margin-bottom:var(--s2);border:2px solid var(--border);border-radius:var(--radius);object-fit:cover;image-rendering:auto}.region-emoji{width:92px;color:var(--teal);font-size:60px;line-height:1;text-align:center}.region-track{display:flex;gap:var(--s2);overflow-x:auto;padding:var(--s1) var(--s1) var(--s3);scrollbar-color:var(--border) transparent}.region-node{display:flex;min-width:92px;flex:0 0 auto;flex-direction:column;align-items:center;gap:var(--s1);padding:var(--s3) var(--s2);color:var(--dim);text-align:center}.region-node.on{border-color:var(--teal);color:var(--ink)}.region-node.current{border-color:var(--gold);background:var(--panel3);color:var(--gold)}.region-node-emoji{font-size:24px;line-height:1}.lattice-wrap{display:flex;gap:var(--s2);align-items:stretch}.lattice-rail{display:grid;grid-template-rows:20px 1fr 1fr;gap:var(--s2);flex:0 0 auto;padding:var(--s3) 0 var(--s3)}.lattice-rail-spacer{height:20px}.lattice-rail-label{display:flex;align-items:center;justify-content:flex-end;padding-right:var(--s1);color:var(--dim);font-family:var(--font-pixel)}.depth-lattice{display:grid;grid-auto-flow:column;grid-auto-columns:96px;gap:var(--s2);overflow-x:auto;padding:var(--s3) var(--s1) var(--s3);scrollbar-color:var(--border) transparent;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.lattice-col{display:grid;grid-template-rows:20px 1fr 1fr;gap:var(--s2);min-width:96px}.lattice-colhead{min-height:20px;color:var(--dim);text-align:center;overflow-wrap:anywhere;font-family:var(--font-pixel)}.lattice-cell{position:relative;min-width:0;min-height:72px;padding:var(--s2);gap:2px}.lattice-cell-emoji{font-size:26px;line-height:1}.lattice-count{color:var(--ink)}.lattice-cell:not(.on){color:var(--dim);background:var(--panel);cursor:default;opacity:.82}.lattice-cell.in-season:not(.current):not(.picked){box-shadow:inset 3px 3px 0 var(--edge-hi),inset -3px -3px 0 var(--edge-lo),0 4px 0 var(--shadow),inset 0 0 0 2px var(--teal)}.lattice-cell.picked:not(.current){border-color:var(--purple);box-shadow:inset 3px 3px 0 var(--edge-hi),inset -3px -3px 0 var(--edge-lo),0 4px 0 var(--shadow),inset 0 0 0 2px var(--purple)}.lattice-octo{position:absolute;top:-10px;left:50%;transform:translate(-50%);font-size:22px;line-height:1;pointer-events:none}.lattice-season{position:absolute;top:2px;right:4px;font-size:12px;line-height:1;pointer-events:none}.lattice-secret{justify-content:center}.lattice-col.redacted .lattice-colhead{color:var(--purple);letter-spacing:3px}.lattice-col.redacted .lattice-cell{filter:brightness(.8)}.dive-gauge{margin-top:var(--s3);padding-top:var(--s3);border-top:3px solid var(--border)}.dive-gauge .bar{margin:var(--s2) 0}.gauge-note{font-family:var(--font-read);font-size:14px;line-height:var(--lh-prose);color:var(--dim)}.codex-filterbar{gap:var(--s2);margin:var(--s2) 0;align-items:center}.codex-filterbar .small{font-family:var(--font-pixel)}.rarity-legend{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s3);margin:var(--s2) 0 var(--s4);font-family:var(--font-pixel)}.codex-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s2)}.codex-cell{display:flex;min-width:0;min-height:104px;flex-direction:column;align-items:center;justify-content:center;gap:var(--s1);padding:var(--s3) var(--s2);text-align:center}.codex-cell.on{background:var(--panel2)}.codex-cell.locked,.codex-cell.unmet{opacity:.92}.codex-cell .small{font-family:var(--font-pixel);overflow-wrap:anywhere}.codex-emoji{font-size:30px;line-height:1}.codex-emoji.ghost{filter:grayscale(1) brightness(.55);opacity:.65}.codex-cell.silhouette{opacity:.95}.codex-emoji.shadow{filter:brightness(0) invert(.38);opacity:.8}.codex-cell.mystery{background:var(--panel);opacity:.9}.codex-emoji.mystery-mark,.reveal-emoji.mystery-mark{font-family:var(--font-pixel);color:var(--disabled);line-height:1}.codex-sprite{width:30px;height:30px;image-rendering:pixelated;object-fit:contain}.reveal-sprite{width:76px;height:76px;image-rendering:pixelated;object-fit:contain;animation:reveal-bob 2.4s ease-in-out infinite}.codex-sprite.silhouette-img{filter:brightness(0) invert(.38);opacity:.8}.reveal-sprite.silhouette-img{filter:brightness(0) invert(.38);opacity:.8;animation:none}.codex-latin{font-style:italic;opacity:.8}.codex-cell.clickable{cursor:pointer}.codex-cell.clickable:hover{border-color:var(--edge-hi)}.reset-btn{flex:0 0 auto;padding:var(--s1) var(--s3);border:1px solid var(--border);color:var(--dim)}.reset-btn:hover:not(:disabled){border-color:var(--danger);color:var(--danger)}.passkey-btn{margin-bottom:var(--s2);padding:var(--s3) var(--s4);border:2px solid var(--teal);color:var(--teal)}.passkey-row{padding:var(--s2) 0;border-top:1px solid var(--border)}.reveal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:var(--s4);background:#02000ed1;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:reveal-fade .2s ease}.reveal-card{display:flex;width:100%;max-width:320px;flex-direction:column;align-items:center;gap:var(--s2);padding:var(--s5) var(--s4);background:var(--panel);border:2px solid var(--gold);text-align:center;animation:reveal-pop .28s cubic-bezier(.2,.9,.3,1.3)}.reveal-banner{font-family:var(--font-pixel);letter-spacing:1px}.reveal-emoji{font-size:76px;line-height:1;animation:reveal-bob 2.4s ease-in-out infinite}.reveal-emoji.shadow{filter:brightness(0) invert(.38);opacity:.8;animation:none}.reveal-name{font-family:var(--font-pixel);font-size:20px}.resonance-mark{color:var(--gold);font-size:12px;margin-left:var(--s1);vertical-align:super}.reveal-desc{color:var(--ink)}.reveal-flavor{color:var(--dim);font-style:italic}.reveal-coach{color:var(--crab)}.reveal-btn{margin-top:var(--s2);padding:var(--s2) var(--s4);border:2px solid var(--gold);color:var(--gold)}.btn-ghost{background:transparent;box-shadow:none;font-family:var(--font-pixel)}.btn-ghost:active:not(:disabled){transform:translateY(2px);box-shadow:none}@keyframes reveal-fade{0%{opacity:0}to{opacity:1}}.story-open-btn{flex:0 0 auto;padding:var(--s1) var(--s3);border:2px solid var(--teal);color:var(--teal)}.story-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;flex-direction:column;background:var(--bg);animation:reveal-fade .2s ease}.story-header{flex:0 0 auto;padding:var(--s3);border-bottom:3px solid var(--border);background:var(--panel)}.story-back-btn{flex:0 0 auto;min-height:36px;padding:var(--s1) var(--s3);border:2px solid var(--border);color:var(--dim)}.story-header-spacer{width:36px}.story-body{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:var(--s4) var(--s3)}.story-list{display:flex;flex-direction:column;gap:var(--s2)}.story-item{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s1);width:100%;min-height:0;padding:var(--s3);background:var(--panel);border:3px solid var(--border);box-shadow:inset 3px 3px 0 var(--edge-hi),inset -3px -3px 0 var(--edge-lo),0 4px 0 var(--shadow);color:var(--ink);font-family:var(--font-read);font-size:14px;font-weight:400;text-align:left;text-transform:none;cursor:pointer}.story-item:active:not(:disabled){transform:translateY(4px);box-shadow:none}.story-item-title{display:flex;align-items:center;gap:var(--s1)}.story-item-hint{font-family:var(--font-read)}.story-reader{max-width:68ch;margin:0 auto}.story-reader-title{color:var(--gold);font-family:var(--font-read);font-size:18px;font-weight:700;line-height:var(--lh-tight);margin-bottom:var(--s4)}.story-reader-body{font-size:16px;line-height:1.8}.story-reader-body p{margin-bottom:1.4em}.update-bar{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--s3);padding:var(--s2) var(--s3);background:var(--panel2);border-top:3px solid var(--gold);color:var(--gold);font-family:var(--font-pixel);font-size:12px;box-shadow:inset 0 3px 0 var(--edge-hi),0 0 12px color-mix(in oklch,var(--gold) 33%,transparent)}.update-btn{padding:var(--s1) var(--s4);border:2px solid var(--gold);color:var(--gold);font-size:12px}@keyframes reveal-pop{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes reveal-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.scroll{position:relative;padding-block:30px;border:3px solid oklch(60% .07 74);color:var(--parchment-ink);background:linear-gradient(180deg,#eee0c0,#e3d2b0);box-shadow:0 4px 0 var(--shadow),0 0 14px color-mix(in oklch,var(--gold) 22%,transparent)}.scroll:before,.scroll:after{position:absolute;right:0;left:0;height:20px;background:linear-gradient(180deg,#553d25,#553d25 2px,#957a50,#dbbd81 2px,#dbbd81 7px,#a58350 7px,#a58350 15px,#755733 15px,#755733 18px,#4d351d 18px,#4d351d 20px);content:"";pointer-events:none}.scroll:before{top:0}.scroll:after{bottom:0;transform:scaleY(-1)}.scroll.clickable{cursor:pointer}.scroll.clickable:hover{box-shadow:0 4px 0 var(--shadow),0 0 18px color-mix(in oklch,var(--gold) 40%,transparent)}.scroll:focus-visible{outline:2px solid var(--parchment-title);outline-offset:3px}.scroll button:focus-visible{outline-color:var(--parchment-title)}.scroll h2{color:var(--parchment-title)}.scroll .dim{color:var(--parchment-dim)}.scroll-ver{color:var(--parchment-title);border:2px solid oklch(56% .13 34);padding:1px 6px;font-size:12px}.scroll-msg{margin-top:var(--s2);color:var(--parchment-dim)}.scroll-core{margin-top:var(--s2);color:var(--parchment-ink);line-height:var(--lh-tight)}.scroll-open{margin-top:var(--s3);color:var(--parchment-dim);font-size:14px}.scroll .reveal-btn{border-color:#ad4e38;color:var(--parchment-title)}.scroll-modal{width:100%;min-width:0;max-width:560px;max-height:calc(100dvh - var(--s6));margin-bottom:0;overflow-y:auto;overflow-x:hidden;text-align:left;animation:reveal-pop .28s cubic-bezier(.2,.9,.3,1.3)}.plan-fields{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:var(--s2) var(--s3);align-items:baseline;margin-top:var(--s3)}.plan-label{color:#9e2511;font-size:12px;white-space:nowrap}.plan-val{color:#3b2a1c;overflow-wrap:anywhere}.plan-val.pixel{font-size:14px}.plan-val.prose{font-size:14px;line-height:1.6}.scroll-fold{margin-top:var(--s4);border-top:1px solid oklch(70% .05 76);padding-top:var(--s3)}.scroll-fold>summary{cursor:pointer;list-style:none;color:var(--parchment-title);font-family:var(--font-pixel);font-size:12px;line-height:var(--lh-tight);text-transform:uppercase}.scroll-fold>summary::-webkit-details-marker{display:none}.scroll-fold>summary:after{content:" ▸"}.scroll-fold[open]>summary:after{content:" ▾"}.scroll-fold>summary:focus-visible{outline:2px solid var(--parchment-title);outline-offset:3px}.plan-hist{margin-top:var(--s3);padding-top:var(--s3);border-top:1px solid oklch(70% .05 76)}.plan-hist:first-of-type{margin-top:var(--s3);border-top:0;padding-top:0}@media(max-width:360px){.screen{padding-inline:var(--s2)}.hero{gap:var(--s3)}.cards,.codex-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}body:after{display:none}}.period-panel{display:flex;flex-direction:column;gap:var(--s3)}.seg-control{display:flex;border:3px solid var(--border);background:var(--panel2);box-shadow:inset 3px 3px 0 var(--edge-hi),inset -3px -3px 0 var(--edge-lo),0 4px 0 var(--shadow)}.seg{flex:1;min-height:44px;padding:var(--s2) 0;border:0;border-right:2px solid var(--edge-lo);border-radius:0;background:transparent;color:var(--dim);box-shadow:none;font-family:var(--font-pixel);font-size:15px;font-weight:400;text-transform:none;letter-spacing:1px}.seg:last-child{border-right:0}.seg.on{background:var(--panel3);color:var(--gold);box-shadow:inset 0 3px 0 var(--gold),inset 0 -3px 0 var(--edge-lo)}.seg:hover:not(.on){color:var(--ink);filter:none}.seg:active:not(:disabled){transform:none}.period-nav{display:flex;align-items:center;justify-content:space-between;gap:var(--s2)}.nav-arrow{min-width:48px;min-height:44px;padding:0;border:3px solid var(--border);background:var(--panel);color:var(--ink);box-shadow:inset 2px 2px 0 var(--edge-hi),inset -2px -2px 0 var(--edge-lo),0 3px 0 var(--shadow);font-family:var(--font-pixel);font-size:14px;text-transform:none}.nav-arrow:active:not(:disabled){transform:translateY(3px);box-shadow:inset 2px 2px 0 var(--edge-hi),inset -2px -2px 0 var(--edge-lo)}.period-label{font-family:var(--font-pixel);font-size:16px;color:var(--gold);letter-spacing:.5px}.period-tabs-row{gap:var(--s2)}.period-tabs-row .seg-control{flex:1}.custom-range{position:relative;flex:0 0 auto}.custom-range-btn{min-width:44px;min-height:44px;padding:0;border:3px solid var(--border);background:var(--panel2);box-shadow:inset 3px 3px 0 var(--edge-hi),inset -3px -3px 0 var(--edge-lo),0 4px 0 var(--shadow)}.custom-range-btn.on{background:var(--panel3);box-shadow:inset 0 3px 0 var(--gold),inset 0 -3px 0 var(--edge-lo)}.custom-range-btn:active:not(:disabled){transform:none}.custom-range-panel{position:absolute;top:calc(100% + var(--s2));right:0;z-index:5;display:flex;flex-direction:column;gap:var(--s3);width:max-content;min-width:260px}.custom-range-panel input[type=date]{flex:1;min-height:40px;font-size:14px}.custom-range-presets{flex-wrap:wrap}.custom-range-presets button{min-height:36px;padding:var(--s2) var(--s3);font-size:11px}.period-summary{display:flex;flex-direction:column;gap:var(--s3);padding:var(--s3) var(--s4)}.ps-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s3)}.ps-label{font-family:var(--font-pixel);font-size:12px;color:var(--dim);letter-spacing:.5px}.ps-value{font-family:var(--font-pixel);font-size:30px;line-height:1.05;color:var(--ink);margin-top:2px}.ps-delta{font-family:var(--font-pixel);font-size:18px}.ps-stats{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s4)}.ps-stat{font-family:var(--font-pixel);font-size:12px;color:var(--ink)}.ps-stat b{color:var(--gold);font-weight:400}.chart-note{font-family:var(--font-read);font-size:14px;line-height:1.5;color:var(--dim);margin-top:6px}.archive-body{transition:opacity .12s ease-out .15s}.data-loading{opacity:.55;cursor:progress}.day-cycle{display:flex;gap:var(--s3);align-items:baseline;margin-bottom:var(--s3)}.day-flag{font-family:var(--font-pixel);font-size:12px;color:var(--danger)}.day-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s2)}.day-cell{background:var(--panel2);border:2px solid var(--border);padding:var(--s2) var(--s3);box-shadow:inset 2px 2px 0 var(--edge-hi),inset -2px -2px 0 var(--edge-lo)}.day-label{display:block;font-family:var(--font-pixel);font-size:11px;color:var(--dim)}.day-value{display:block;font-family:var(--font-pixel);font-size:17px;color:var(--ink);margin-top:3px}@media(max-width:360px){.day-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.empty-period{text-align:center;padding:var(--s6) var(--s4)}.empty-msg{font-size:15px;color:var(--ink);margin-bottom:var(--s2)}.pixelicon{display:inline-block;vertical-align:-2px}h2 .pixelicon{margin-right:4px;vertical-align:-1px}.inline-picon{vertical-align:-3px;margin-right:2px}.inline-crab{height:16px;width:auto;vertical-align:-3px}.region-picon{vertical-align:middle}.region-emoji .region-picon,.reveal-emoji .region-picon{display:block;margin:0 auto}.quest-box{display:inline-block;width:13px;height:13px;margin-right:4px;vertical-align:-2px;background:var(--bg);border:2px solid var(--border);box-shadow:inset 1px 1px 0 var(--edge-lo)}.quest-box.done{background:var(--gold);border-color:var(--gold);box-shadow:inset -1px -1px 0 var(--edge-lo)}.quest-box-unknown{display:inline-flex;align-items:center;justify-content:center;background:transparent;border-color:var(--seg-empty);color:var(--dim);font-family:var(--font-pixel);font-size:10px;line-height:1;box-shadow:none}.quest.quest-unknown{color:var(--dim)}.quest-box.ops-over{background:var(--crab);border-color:var(--crab);box-shadow:inset -1px -1px 0 var(--edge-lo)}.quest-box.provisional{background:var(--panel3);border-color:var(--teal);box-shadow:inset 1px 1px 0 var(--edge-hi)}.quest-chip{font-family:var(--font-pixel);font-size:10px;padding:1px 4px;border:1px solid;vertical-align:1px}.quest-chip.chip-sailing{color:var(--teal);border-color:var(--teal)}.quest-chip.chip-over{color:var(--crab);border-color:var(--crab)}.quest-chip.chip-src{color:var(--dim);border-color:var(--dim)}.quest-eat-over>span:first-child{display:flex;flex-direction:column;gap:3px;align-items:flex-start}.quest-hook{font-size:14px;color:var(--dim)}.qcal{margin-top:var(--s3)}.qcal-row{display:flex;justify-content:space-between;gap:var(--s1)}.qcal-day{display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border:none;padding:var(--s1)}.qcal-day-label{color:var(--dim);font-family:var(--font-pixel);font-size:10px}.qcal-day.today .qcal-day-label{color:var(--gold)}.qcal-day.active .qcal-day-label{color:var(--ink)}.qcal-panel{margin-top:var(--s3);padding-top:var(--s3);border-top:2px solid var(--seg-empty)}.qcal-panel-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--s2)}.qcal-panel-head .pixel{color:var(--gold);font-family:var(--font-pixel);font-size:12px}