:root{--ink: #2b1d2e;--text: #2b1d2e;--page: #e2ad46;--paper: #f3e4c0;--paper-2: #e9d3a1;--surface: #fbf3e1;--section: #fbf3e1;--muted: #cbbfa8;--tint-fire: #f7d8c2;--tint-lightning: #f6ecba;--tint-nature: #d8ecc9;--tint-ice: #d6ecf7;--tint-neutral: #f8efdc;--tint-elite: #f3c3bb;--red: #ff5a4e;--orange: #ff9a3d;--yellow: #ffd23f;--blue: #4fb3e8;--green: #7bd36b;--up: #23883a;--gold: #e0a000;--purple: #b58aff;--pink: #ff8fc7;--fire: #ff7a3d;--lightning: #f5d63d;--nature: #7bd36b;--ice: #7fc8f0;--neutral: #c9a27e;--shadow: 0 4px 0 var(--ink);--font-head: "Lilita One", "Arial Rounded MT Bold", system-ui, sans-serif;--font-body: "Fredoka", "Arial Rounded MT Bold", system-ui, sans-serif;color-scheme:light}:root[data-theme=dark]{--ink: #17101c;--text: #f3e6cc;--page: #211a29;--paper: #3a3046;--paper-2: #463a55;--surface: #e9dcc2;--section: #4b3f5b;--muted: #6c6176;--tint-fire: #ecc7ad;--tint-lightning: #e9dc9f;--tint-nature: #c5dcb4;--tint-ice: #c2dcea;--tint-neutral: #e9dcc2;--tint-elite: #e3aea6;--up: #2f9a47;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--page);background-image:radial-gradient(rgba(23,16,28,.14) 1.5px,transparent 1.6px);background-size:14px 14px;color:var(--text);font-family:var(--font-body);overscroll-behavior:none;-webkit-tap-highlight-color:transparent}#app{height:100dvh;max-width:560px;margin:0 auto;display:flex;flex-direction:column;background:var(--paper);border-left:4px solid var(--ink);border-right:4px solid var(--ink);position:relative;overflow:hidden;-webkit-user-select:none;user-select:none}button{font-family:var(--font-head);color:var(--ink);cursor:pointer}h1,h2,h3{font-family:var(--font-head);font-weight:400;margin:0;letter-spacing:.5px}.topbar{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--ink);color:#fff4d6;font-family:var(--font-head);font-size:16px;flex-shrink:0}@media(max-width:520px){.topbar{gap:4px 10px;padding:8px 10px;font-size:15px}.topbar button.mini{font-size:13px;padding:2px 6px}}.topbar .pill{display:flex;align-items:center;gap:4px;white-space:nowrap}.topbar .topbar-btns{display:flex;gap:6px;margin-left:auto;flex-shrink:0}.topbar button.mini{background:var(--surface);border:2px solid var(--surface);border-radius:10px;font-size:14px;padding:2px 8px}.topbar .icon-btn{display:flex;align-items:center;justify-content:center;gap:2px;min-width:34px;height:30px;padding:0 6px;background:var(--surface);border:2px solid var(--surface);border-radius:10px;font-family:var(--font-head);font-size:15px;color:#2b1d2e}.topbar .icon-btn b{font-weight:400;font-size:13px}.dock{order:99;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:6px 6px calc(10px + env(safe-area-inset-bottom,0px));background:var(--ink);flex-shrink:0}.dock-tab{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0;padding:6px 0 5px;background:none;border:0;border-radius:14px;color:#fff4d6;font-size:12px}.dock-tab .ic{font-size:22px;line-height:1;filter:drop-shadow(0 2px 0 rgba(0,0,0,.4))}.dock-tab .lb{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dock-tab.on,.dock-tab:active{background:var(--yellow);color:var(--ink)}.dock-tab .badge{position:absolute;top:0;left:calc(50% + 6px);background:var(--red);color:#fff;font-size:11px;line-height:15px;border:2px solid var(--ink);border-radius:999px;padding:0 5px}.relic-tray{display:flex;flex-direction:column;gap:10px;align-items:stretch}.relic-tray h2{text-align:center}.relic-tray>.btn{align-self:center}.relic-detail{display:flex;gap:10px;align-items:center;min-height:68px;background:var(--surface);color:#2b1d2e;border:3px solid var(--ink);border-radius:14px;padding:8px 10px;font-size:14px;font-weight:600}.relic-detail .ic{font-size:34px}.relic-detail b{font-family:var(--font-head);font-weight:400;font-size:17px;display:block}.relic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.relic-tile{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0;padding:6px 2px 4px;background:var(--surface);border:2px solid var(--ink);border-radius:12px;font-family:var(--font-body);font-weight:600;font-size:11px;line-height:1.1;color:#2b1d2e}.relic-tile .ic{font-size:24px}.relic-tile .nm{max-width:100%;padding:0 2px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-align:center;overflow-wrap:anywhere}.relic-tile.on{background:var(--yellow)}.screen{flex:1;display:flex;flex-direction:column;min-height:0;position:relative}.scroll{overflow-y:auto}.btn{font-family:var(--font-head);font-size:20px;padding:10px 18px;border:3px solid var(--ink);border-radius:16px;background:var(--yellow);box-shadow:var(--shadow);transition:transform .08s}.btn:active{transform:translateY(3px);box-shadow:0 1px 0 var(--ink)}.btn:disabled{background:var(--muted);color:#8a7f86;cursor:not-allowed}.btn.red{background:var(--red);color:#fff;text-shadow:0 2px 0 var(--ink)}.btn.green{background:var(--green)}.btn.blue{background:var(--blue)}.btn.ghost{background:var(--surface)}.btn.small{font-size:15px;padding:6px 12px;border-radius:12px}.wobble{animation:wobble 1.6s ease-in-out infinite}@keyframes wobble{0%,to{transform:rotate(-2deg) scale(1)}50%{transform:rotate(2deg) scale(1.04)}}.card{width:104px;min-height:140px;border:3px solid var(--ink);border-radius:14px;background:var(--surface);box-shadow:var(--shadow);padding:6px 7px 8px;position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;transition:transform .12s,box-shadow .12s;flex-shrink:0}.card .cost{position:absolute;top:-10px;left:-10px;width:30px;height:30px;border-radius:50%;background:var(--blue);border:3px solid var(--ink);font-family:var(--font-head);font-size:18px;display:grid;place-items:center;color:#fff;text-shadow:0 2px 0 var(--ink)}.card .cost.free{background:var(--green)}.card .name{font-family:var(--font-head);font-size:15px;line-height:1.05;margin-top:4px;padding-left:12px}.card .name .plus{color:var(--up);white-space:nowrap;letter-spacing:-1px}.card .art{font-size:30px;line-height:1;margin:4px 0 2px;filter:drop-shadow(0 2px 0 rgba(43,29,46,.25))}.card .text{font-size:12px;line-height:1.15;font-weight:600}.card .tag{font-size:10px;opacity:.6;margin-top:auto;padding-top:4px;text-transform:uppercase;letter-spacing:1px}.card.fire{background:var(--tint-fire)}.card.lightning{background:var(--tint-lightning)}.card.nature{background:var(--tint-nature)}.card.ice{background:var(--tint-ice)}.card.neutral{background:var(--tint-neutral)}.card.up{box-shadow:var(--shadow),inset 0 0 0 2px var(--up)}.card .text .upv{color:var(--up);font-weight:800}.card.rare{outline:3px dashed var(--purple);outline-offset:2px}.card.uncommon{outline:2px solid var(--blue);outline-offset:2px}.card.epic{outline:3px solid var(--orange);outline-offset:2px;box-shadow:var(--shadow),0 0 12px 3px #ff9a3d8c}.card.legendary{outline:3px solid var(--gold);outline-offset:2px;animation:legend-glow 1.4s ease-in-out infinite alternate}@keyframes legend-glow{0%{box-shadow:var(--shadow),0 0 8px 2px #ffc82873}to{box-shadow:var(--shadow),0 0 18px 6px #ffc828d9}}html.reduce-motion .card.legendary{animation:none;box-shadow:var(--shadow),0 0 14px 4px #ffc828b3}.card.epic,.card.legendary{padding-bottom:16px}.card .rar{position:absolute;bottom:-9px;left:50%;transform:translate(-50%);font-family:var(--font-head);font-size:10px;letter-spacing:1px;line-height:1;padding:2px 7px;border:2px solid var(--ink);border-radius:999px;white-space:nowrap;z-index:1;color:var(--ink);background:var(--orange)}.card.legendary .rar{background:linear-gradient(90deg,#ffe680,var(--gold),#ffe680)}.offer-note{font-size:11px;font-weight:700;color:var(--red);margin-top:6px;text-align:center;max-width:110px}.card.disabled{filter:grayscale(.7) brightness(.92);cursor:not-allowed}.card.selected{transform:translateY(-18px) scale(1.06) rotate(0)!important;box-shadow:0 10px 0 var(--ink);z-index:5}.card:hover:not(.disabled){transform:translateY(-6px) rotate(0)}.ucard{width:98px;min-height:160px}.ucard .name{font-size:14px}.ucard .portrait{width:84px;height:84px;object-fit:contain}.ucard .stats{display:flex;gap:8px;font-family:var(--font-head);font-size:18px}.ucard .stats .a{color:#c06a00}.ucard .stats .h{color:#d63a3a}.ucard .traits{font-size:11px;font-weight:600;line-height:1.2}.ucard .lvl{position:absolute;top:4px;right:6px;font-size:13px;color:var(--gold);text-shadow:0 1px 0 var(--ink)}.combat{flex:1;display:flex;flex-direction:column;min-height:0}.board-wrap{flex:1;position:relative;min-height:0}.board-wrap canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.inspect{position:absolute;left:10px;right:10px;bottom:8px;background:var(--surface);border:3px solid var(--ink);border-radius:14px;box-shadow:var(--shadow);padding:8px 12px;font-size:13px;font-weight:600;pointer-events:auto;z-index:4}.rule-chip{position:absolute;left:10px;top:8px;z-index:3;cursor:pointer;font-size:13px;color:var(--ink);box-shadow:0 2px 0 var(--ink);max-width:calc(100% - 20px);overflow:hidden;text-overflow:ellipsis}.inspect .close{position:absolute;right:8px;top:4px;font-family:var(--font-head);font-size:18px;opacity:.6}.inspect h3{font-size:18px}.inspect .row{display:flex;gap:10px;align-items:baseline}.inspect .intent{color:#c0392b;margin-top:2px}.tray{flex-shrink:0;background:var(--paper-2);border-top:4px solid var(--ink);padding:8px 8px 12px;position:relative}.tray-row{display:flex;align-items:center;gap:6px;margin-bottom:4px;min-width:0}.tray-row .btn.red{font-size:22px;padding:8px 14px;flex-shrink:0}.energy{width:52px;height:52px;border-radius:50%;background:var(--blue);border:3px solid var(--ink);box-shadow:var(--shadow);font-family:var(--font-head);font-size:22px;color:#fff;text-shadow:0 2px 0 var(--ink);display:grid;place-items:center}.energy.empty{background:#9aa7b3}.energy-wrap{position:relative;flex-shrink:0}.battery-badge{position:absolute;right:-10px;bottom:-6px;padding:0 5px;border-radius:999px;background:var(--surface);border:2px solid var(--ink);font-family:var(--font-head);font-size:12px;line-height:16px;white-space:nowrap}.battery-badge.full{background:#9be0ff}@media(max-width:440px){.tray-row{gap:2px}.tray-row .chip,.tray-row .btn.small{font-size:13px;padding:3px 6px}.tray-row .btn.red{font-size:18px;padding:7px 10px}.tray-row .btn.small.ghost{padding:3px 4px}.energy{width:44px;height:44px;font-size:19px}}.chip{font-family:var(--font-head);font-size:15px;background:var(--surface);border:2px solid var(--ink);border-radius:999px;padding:3px 10px;white-space:nowrap}.hand{display:flex;justify-content:center;gap:0;min-height:150px;padding-top:14px;padding-left:10px}.hand .card{margin-left:-12px;width:88px;min-height:128px;padding:6px 5px}.hand .card .text{font-size:11px}.hand .card .name{font-size:14px}.hand.many .card{margin-left:-24px}.hand.lots .card{margin-left:-38px}.hand .card:first-child{margin-left:0}.hand.locked{opacity:.45;pointer-events:none;filter:grayscale(.5)}.hand.locked.auto{opacity:1;filter:none}.hand.auto .card:not(.auto-pick){opacity:.45;filter:grayscale(.5)}.hand .card.auto-pick{transform:translateY(-18px) scale(1.06) rotate(0)!important;box-shadow:0 0 0 4px #ffd23f,0 10px 0 var(--ink);z-index:5;transition:transform .2s ease-out}html.reduce-motion .hand .card.auto-pick{transform:none!important;transition:none}.hand .card.poof-in{position:relative;animation:poof-in .7s cubic-bezier(.2,1.6,.4,1) both}.hand .card.poof-in:before{content:"";position:absolute;inset:-10px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(255,255,255,.95) 0 30%,rgba(214,166,255,.6) 55%,transparent 72%);animation:poof-cloud .8s ease-out both}.poof-tag{position:absolute;left:50%;top:-14px;transform:translate(-50%);white-space:nowrap;pointer-events:none;font:800 11px/1 var(--font-display, inherit);color:#6b3fa0;background:#f3e8ff;border:2px solid #6b3fa0;border-radius:999px;padding:3px 7px;animation:poof-tag 2.2s ease-out both}@keyframes poof-in{0%{transform:translateY(-40px) scale(.2) rotate(-25deg);opacity:0}60%{opacity:1}to{transform:none}}@keyframes poof-cloud{0%{transform:scale(.3);opacity:1}to{transform:scale(1.8);opacity:0}}@keyframes poof-tag{0%{transform:translate(-50%,8px) scale(.5);opacity:0}15%{transform:translate(-50%) scale(1.1);opacity:1}80%{opacity:1}to{transform:translate(-50%,-10px);opacity:0}}html.reduce-motion :is(.hand .card.poof-in,.hand .card.poof-in:before,.poof-tag){animation-duration:.01s}html.reduce-motion .poof-tag{animation:none;opacity:1}.hand .card.kept{position:relative;box-shadow:0 0 0 3px #e0a21b,0 4px #00000040}.keep-tag{position:absolute;left:4px;bottom:4px;white-space:nowrap;pointer-events:none;font:800 11px/1 var(--font-display, inherit);color:#7a4a00;background:#ffe9a8;border:2px solid #b97a00;border-radius:999px;padding:3px 7px}.hand.keeping .card{animation:keep-wiggle .6s ease-in-out infinite alternate}@keyframes keep-wiggle{0%{translate:0 0}to{translate:0 -5px}}html.reduce-motion .hand.keeping .card{animation:none;outline:2px dashed #b97a00}.btn.on{background:#ffe9a8}.banner{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);font-family:var(--font-head);font-size:54px;color:var(--yellow);-webkit-text-stroke:3px var(--ink);text-shadow:0 6px 0 var(--ink);pointer-events:none;white-space:nowrap;z-index:6}.title-screen{align-items:center;padding:24px 16px;gap:14px}.logo{font-family:var(--font-head);font-size:64px;line-height:.9;color:var(--red);-webkit-text-stroke:3px var(--ink);text-shadow:0 7px 0 var(--ink);transform:rotate(-4deg);text-align:center;margin:18px 0 6px}.logo small{display:block;font-size:20px;color:var(--text);-webkit-text-stroke:0;text-shadow:none;transform:rotate(3deg);margin-top:8px}.captains{display:flex;flex-direction:column;gap:12px;width:100%}.captain{display:flex;gap:12px;align-items:center;text-align:left;border:3px solid var(--ink);border-radius:18px;box-shadow:var(--shadow);padding:10px 12px;background:var(--surface);font-family:var(--font-body)}.captain img{width:76px;height:76px}.captain h2{font-size:24px}.captain .sub{font-size:13px;font-weight:600;opacity:.75}.captain.fire{background:var(--tint-fire)}.captain.lightning{background:var(--tint-lightning)}.captain.nature{background:var(--tint-nature)}.captain.ice{background:var(--tint-ice)}.captain.locked{background:var(--muted);cursor:not-allowed;opacity:.85}.captain.locked:active{transform:none}img.silhouette{width:76px;height:76px;filter:brightness(0) opacity(.35)}.xp{display:flex;align-items:center;gap:8px;margin-top:6px;font-family:var(--font-head);font-size:14px;width:100%}.xp-track{flex:1;height:12px;border:2px solid var(--ink);border-radius:8px;background:var(--surface);overflow:hidden}.xp-fill{height:100%;background:var(--yellow);transition:width 1.1s ease-out}.heat{margin-top:8px}.heat-chips{display:flex;flex-wrap:wrap;gap:6px}.heat-chip{font-family:var(--font-head);font-size:13px;padding:3px 9px;border:2px solid var(--ink);border-radius:999px;background:var(--surface);cursor:pointer}.heat-chip.on{background:var(--orange);color:#fff}.heat-note{font-size:12px;font-weight:600;opacity:.75;margin-top:4px}.heat-pill{background:var(--orange);color:#fff;cursor:pointer}.xp-num{opacity:.7;font-size:12px;min-width:52px;text-align:right}.xp-section{width:100%;max-width:360px;display:flex;flex-direction:column;gap:4px;align-items:center;font-weight:600}.level-up{font-family:var(--font-head);font-size:20px;color:var(--up);animation:pop .5s ease-out 1s both}.new-unlock{display:flex;flex-direction:column;align-items:center;gap:8px}.new-unlock img{width:72px;height:72px}.collection{width:100%;max-width:420px;display:flex;flex-direction:column;gap:8px}.coll-level{font-family:var(--font-head);font-size:15px;opacity:.7;margin:4px 0}.locked-item{position:relative}.locked-item>.card{width:98px!important;filter:brightness(0) opacity(.18);pointer-events:none}.lock-tag{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;font-family:var(--font-head);font-size:14px;line-height:1.2}.lock-kind{font-size:11px;text-transform:uppercase;letter-spacing:1px;opacity:.6}.map-screen{overflow-y:auto}.map{position:relative;margin:10px auto 30px;flex-shrink:0}.map svg{position:absolute;inset:0;pointer-events:none}.node{position:absolute;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;border:3px solid var(--ink);background:var(--surface);font-size:22px;display:grid;place-items:center;box-shadow:0 3px 0 var(--ink);padding:0}.node.elite,.node.bounty{background:var(--tint-elite)}.node.hidden{background:var(--muted);border-style:dashed}.node.spicy{box-shadow:0 3px 0 var(--ink),0 0 0 3px #ff7a3d}.node.spicy.available{box-shadow:0 3px 0 var(--ink),0 0 0 5px #ff7a3dbf}.node-badge{position:absolute;top:-8px;right:-10px;font-size:15px;line-height:1;background:var(--surface);border:2px solid var(--ink);border-radius:50%;width:24px;height:24px;display:grid;place-items:center}.scout{position:sticky;bottom:0;z-index:5;display:flex;flex-direction:column;gap:4px;max-width:440px;margin:0 auto;padding:8px 16px 10px;font-size:13px}.scout-row{display:flex;gap:8px;align-items:baseline;background:var(--surface);color:var(--ink);border:2px solid var(--ink);border-radius:10px;padding:4px 10px}.scout-icon{font-size:16px}.node.boss{width:76px;height:76px;margin:-38px 0 0 -38px;font-size:40px;background:var(--yellow)}.node.visited{background:var(--muted);opacity:.8}.node.current{outline:4px solid var(--red);outline-offset:2px}.node.available{animation:node-hop 1.6s ease-in-out infinite;cursor:pointer;z-index:2;box-shadow:0 3px 0 var(--ink),0 0 0 5px #ffd23f8c}.node.available:hover{transform:scale(1.18);animation-play-state:paused}.node.locked{opacity:.55;cursor:default}.node.skipped{opacity:.3;filter:grayscale(1);cursor:default}.node-tag{position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%);font-family:var(--font-head);font-size:11px;color:var(--text);white-space:nowrap;text-shadow:0 1px 0 var(--surface)}.map.moving .node{animation:none;pointer-events:none}.node.chosen{box-shadow:0 3px 0 var(--ink),0 0 0 7px #ffd23fe6}.node.arrived{animation:node-arrive .32s cubic-bezier(.3,1.8,.5,1) both!important}@keyframes node-hop{0%,60%,to{transform:translateY(0) scale(1)}70%{transform:translateY(-9px) scale(1.08,.94)}80%{transform:translateY(0) scale(1.1,.9)}88%{transform:translateY(-3px) scale(1)}}@keyframes node-arrive{0%{transform:scale(1)}50%{transform:scale(1.45) rotate(-6deg)}to{transform:scale(1.25)}}.route{fill:none;stroke:var(--text);stroke-width:3;stroke-dasharray:2 9;stroke-linecap:round;opacity:.3}.route.live{stroke-width:4;opacity:.9;animation:route-march .9s linear infinite}.route.walked{stroke:var(--red);stroke-width:5;stroke-dasharray:none;opacity:.75}.route.walking{stroke:var(--red);stroke-width:5;opacity:1;animation:route-march .3s linear infinite}@keyframes route-march{to{stroke-dashoffset:-11}}.decor{position:absolute;transform:translate(-50%,-50%);opacity:.45;pointer-events:none;animation:decor-sway 4s ease-in-out infinite;-webkit-user-select:none;user-select:none}@keyframes decor-sway{0%,to{transform:translate(-50%,-50%) rotate(-5deg)}50%{transform:translate(-50%,-54%) rotate(5deg)}}.map-token{position:absolute;transform:translate(-50%,-100%);margin-top:14px;z-index:5;pointer-events:none}.map-token-body{animation:token-bob 1.4s ease-in-out infinite}.map.moving .map-token-body{animation:none}.map-token-img{width:40px;height:40px;display:block;filter:drop-shadow(0 2px 0 var(--ink))}.map-token-shadow{width:30px;height:8px;margin:-4px auto 0;border-radius:50%;background:#00000040}@keyframes token-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px) rotate(-3deg)}}.dust{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--muted);pointer-events:none;z-index:4}html.reduce-motion :is(.node.available,.route.live,.route.walking,.decor,.map-token-body){animation:none}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15) rotate(4deg)}}.legend{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;font-size:12px;font-weight:600;padding:8px}.act-title{position:sticky;top:0;z-index:5;text-align:center;margin:0;padding:8px 0 4px;font-family:var(--font-head);background:var(--paper)}.panel{padding:14px 10px;display:flex;flex-direction:column;align-items:center;gap:14px}.panel h1{font-size:34px;text-align:center;transform:rotate(-2deg)}.panel h2{font-size:22px}.panel p{margin:0;text-align:center;font-weight:600}.row-wrap{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding-top:10px}.row-wrap>.card:not(.ucard){width:98px}.section{width:100%;background:var(--section);border:3px solid var(--ink);border-radius:18px;box-shadow:var(--shadow);padding:12px;display:flex;flex-direction:column;align-items:center;gap:6px}.section.done{opacity:.5}.price{font-family:var(--font-head);font-size:16px;background:var(--yellow);border:2px solid var(--ink);border-radius:999px;padding:0 8px;margin-top:6px}.sold{opacity:.3;pointer-events:none}.forge-result{display:flex;flex-direction:column;align-items:center;gap:6px;margin:8px 0 14px}.forge-from{display:flex;justify-content:center;pointer-events:none}.forge-from .card{animation:forge-fade .45s ease-in .15s both}.forge-result.fused .forge-from .card:first-child{animation-name:forge-squash-l}.forge-result.fused .forge-from .card:last-child{animation-name:forge-squash-r}@keyframes forge-fade{to{opacity:.35;filter:grayscale(.8);transform:scale(.85)}}@keyframes forge-squash-l{to{opacity:.35;filter:grayscale(.8);transform:translate(30px) rotate(-6deg) scale(.85)}}@keyframes forge-squash-r{to{opacity:.35;filter:grayscale(.8);transform:translate(-30px) rotate(6deg) scale(.85)}}.forge-arrow{width:0;height:0;border-left:18px solid transparent;border-right:18px solid transparent;border-top:20px solid var(--yellow);filter:drop-shadow(0 3px 0 var(--ink));animation:gain-pop .3s ease-out .5s both}.forge-to .card{transform:scale(1.15);margin:10px 0 12px;animation:forge-pop .5s cubic-bezier(.3,1.6,.5,1) .6s both,gain-glow 1.6s ease-in-out 1.1s infinite alternate}@keyframes forge-pop{0%{transform:scale(.3) rotate(-8deg);opacity:0}to{transform:scale(1.15);opacity:1}}html.reduce-motion .forge-from .card,html.reduce-motion .forge-arrow,html.reduce-motion .forge-to .card{animation:none}html.reduce-motion .forge-from .card{opacity:.35;filter:grayscale(.8)}.event-icon{font-size:72px;filter:drop-shadow(0 4px 0 rgba(43,29,46,.3))}.choice{width:100%;text-align:left;font-size:18px;display:flex;justify-content:space-between;gap:10px}.choice .hint{font-family:var(--font-body);font-weight:600;font-size:13px;opacity:.75}.modal-back{position:absolute;inset:0;background:#2b1d2e8c;z-index:20;display:flex;align-items:center;justify-content:center;padding:16px}.modal{background:var(--paper);border:4px solid var(--ink);border-radius:20px;box-shadow:0 6px 0 var(--ink);padding:14px;max-height:90%;overflow-y:auto;width:100%;display:flex;flex-direction:column;gap:10px;align-items:center}.crew-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:100%}.slot{border:3px dashed var(--ink);border-radius:14px;min-height:92px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:11px;font-weight:700;background:#ffffff80;cursor:pointer;text-align:center;padding:4px 2px}.slot img{width:56px;height:56px}.slot.filled{border-style:solid;background:var(--surface);color:var(--ink)}.slot.picked{outline:4px solid var(--red)}.toast{position:absolute;left:50%;top:70px;transform:translate(-50%);background:var(--ink);color:#fff4d6;font-family:var(--font-head);padding:8px 16px;border-radius:14px;z-index:30;pointer-events:none;white-space:nowrap}@keyframes pop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.account-form{display:flex;flex-direction:column;gap:10px;width:100%}.field{font:600 17px Fredoka,sans-serif;padding:10px 12px;border:3px solid var(--ink);border-radius:12px;background:var(--surface);color:var(--ink)}.form-error{color:var(--red);font-weight:700;min-height:1em}.account-links{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.form-note{color:var(--up);font-weight:700}.panel.privacy{align-items:stretch;max-width:520px;margin:0 auto}.panel.privacy h1,.panel.privacy .dim{align-self:center}.panel.privacy .dim{opacity:.7;font-size:14px}.privacy-section h2{margin:0 0 4px}.panel.privacy .privacy-section p{text-align:left;font-weight:500}.panel.privacy .privacy-short{text-align:left;background:var(--paper-2);border-radius:12px;padding:10px 12px}.panel.privacy .privacy-section p+p{margin-top:6px}.card,.chip,.inspect,.node,.field,.captain,.btn,.xp-track,.heat-chip,.price{color:var(--ink)}.slot{border-color:var(--text);color:var(--text)}:root[data-theme=dark] .slot:not(.filled){background:#ffffff12}.card.up2{box-shadow:var(--shadow),inset 0 0 0 2px var(--up),0 0 0 3px var(--yellow)}.card.up2 .name .plus{color:var(--gold);text-shadow:0 1px 0 var(--ink)}.ucard.lv3{box-shadow:var(--shadow),inset 0 0 0 2px #9fb3c8}.ucard.lv4{background:linear-gradient(160deg,#fff1b0,#ffd24a 60%,#f0b400);box-shadow:var(--shadow),0 0 14px #ffc828b3}.ucard .stats .upv,.ucard .traits .upv{color:var(--up);text-shadow:0 0 6px rgba(123,211,107,.6)}.ucard .ubadge{position:absolute;top:-12px;left:50%;transform:translate(-50%) rotate(-3deg);background:var(--green);color:var(--ink);border:2px solid var(--ink);border-radius:999px;font-family:var(--font-head);font-size:12px;padding:1px 8px;white-space:nowrap;z-index:1;animation:badge-bob 1.2s ease-in-out infinite}.ucard.lv4 .ubadge{background:var(--yellow)}@keyframes badge-bob{50%{transform:translate(-50%) rotate(3deg) scale(1.08)}}.up-list{display:flex;flex-direction:column;gap:14px;width:100%;align-items:center}.up-pair{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 6px;border-radius:16px;cursor:pointer}.up-pair:hover{background:#ffd23f2e}.up-pair-cards{display:flex;align-items:center;gap:8px}.up-pair-cards .card:last-child{transform:rotate(2deg)}.up-arrow{font-size:26px;color:var(--up);font-family:var(--font-head);animation:arrow-nudge .9s ease-in-out infinite}@keyframes arrow-nudge{50%{transform:translate(4px)}}.up-summary{font-family:var(--font-head);font-size:14px;color:var(--up);text-align:center}:root[data-theme=dark] .up-summary,:root[data-theme=dark] .up-arrow{color:var(--green)}.celebrate{position:fixed;inset:0;z-index:100;display:grid;place-items:center;overflow:hidden;background:#17101c9e;animation:fade-in .2s ease-out}.celebrate.out{opacity:0;transition:opacity .25s}.celebrate .rays{position:absolute;left:50%;top:45%;width:900px;height:900px;margin:-450px 0 0 -450px;background:repeating-conic-gradient(rgba(255,210,63,.22) 0 10deg,transparent 10deg 20deg);border-radius:50%;animation:spin 9s linear infinite;-webkit-mask-image:radial-gradient(circle,black 20%,transparent 65%);mask-image:radial-gradient(circle,black 20%,transparent 65%)}.celebrate.gold .rays{background:repeating-conic-gradient(rgba(255,190,0,.4) 0 8deg,transparent 8deg 16deg)}.celebrate-body{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;color:#fff4d6}.celebrate-title{font-family:var(--font-head);font-size:38px;color:var(--yellow);text-align:center;padding:0 12px;-webkit-text-stroke:2px var(--ink);text-shadow:0 4px 0 var(--ink);animation:title-slam .5s cubic-bezier(.2,1.6,.4,1) both}.celebrate .up-pair{cursor:default}.celebrate .up-pair-cards>:first-child{animation:pop-in .35s .1s ease-out both;filter:saturate(.6) brightness(.92)}.celebrate .up-pair-cards>.up-arrow{animation:pop-in .3s .35s ease-out both,arrow-nudge .9s .7s ease-in-out infinite}.celebrate .up-pair-cards>:last-child{animation:upgrade-pop .7s .55s cubic-bezier(.2,1.8,.4,1) both}.celebrate.gold .up-pair-cards>:last-child{box-shadow:var(--shadow),0 0 28px 6px #ffc828d9}.celebrate .up-summary{color:var(--green);font-size:16px;animation:pop-in .3s .9s both}.celebrate-hint{font-size:12px;opacity:.7;font-weight:600;animation:pop-in .3s 1.2s both}.confetto{position:absolute;top:-20px;width:9px;height:14px;border-radius:2px;animation:confetti-fall 1.6s ease-in both}@keyframes confetti-fall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(105vh) rotate(720deg);opacity:.8}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0}}@keyframes pop-in{0%{opacity:0;transform:scale(.6)}}@keyframes title-slam{0%{opacity:0;transform:scale(2.4) rotate(-8deg)}}@keyframes upgrade-pop{0%{opacity:0;transform:scale(.3) rotate(-12deg)}60%{opacity:1;transform:scale(1.18) rotate(4deg)}to{opacity:1;transform:scale(1) rotate(2deg)}}html.reduce-motion :is(.celebrate *,.celebrate){animation-duration:.01s!important;animation-iteration-count:1!important}.gain-title{font-family:var(--font-head);font-size:18px;margin-top:4px;text-align:center}.gain-row>*{animation:gain-pop .5s cubic-bezier(.3,1.6,.5,1) both,gain-glow 1.6s ease-in-out .5s infinite alternate;border-radius:12px}.gain-row>*:nth-child(2){animation-delay:.12s,.62s}.gain-row>*:nth-child(3){animation-delay:.24s,.74s}@keyframes gain-pop{0%{transform:scale(.3) rotate(-8deg);opacity:0}to{transform:none;opacity:1}}@keyframes gain-glow{0%{box-shadow:0 0 #ffd23f00}to{box-shadow:0 0 18px 4px #ffd23fbf}}html.reduce-motion .gain-row>*{animation:none;box-shadow:0 0 12px 3px #ffd23f99}.topbar button.mini.gear{font-size:18px;padding:2px 8px}.menu-back{z-index:40}.menu{max-width:340px;position:relative}.menu-x{position:absolute;top:8px;right:8px;width:36px;height:36px;border:3px solid var(--ink);border-radius:50%;background:var(--paper);color:var(--ink);font-weight:900;font-size:16px;line-height:1;cursor:pointer}@media(max-height:720px){.menu{gap:6px;padding:10px 14px}.menu .btn.small{padding-top:6px;padding-bottom:6px}}.menu h2{margin:0;font-family:var(--font-head)}.menu>.btn{width:100%}.menu .armed{background:var(--red);color:#fff}.menu-section{width:100%;text-align:center;font-weight:700;font-size:13px;opacity:.7;border-top:2px dashed var(--muted);padding-top:8px}.menu .slider{width:100%;display:flex;align-items:center;gap:10px;font-weight:700;font-size:14px;color:var(--text)}.menu .slider span{width:64px}.menu .slider input{flex:1;accent-color:var(--orange)}.version{font-size:11px;font-weight:600;opacity:.55;text-align:center;letter-spacing:.04em}.up-offer{display:flex;flex-direction:column;align-items:center}.up-offer .card{box-shadow:var(--shadow),0 0 0 3px var(--green)}.card,.slot,.relic-tile{-webkit-touch-callout:none;touch-action:manipulation}#app img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;pointer-events:none}.card-focus{position:absolute;inset:0;z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:safe center;gap:18px;padding:16px;background:#2b1d2eb8;overflow-y:auto;animation:focus-in .16s ease-out}.card-focus .focus-card{display:flex;align-items:center;justify-content:center;flex-shrink:0}.card-focus .focus-card .card{zoom:1.5;transform:none!important;pointer-events:none;cursor:default}.card-focus .focus-card .ucard{zoom:1.3}.card-focus .focus-notes{margin:0;width:100%;max-width:360px;max-height:45dvh;overflow-y:auto;background:var(--surface);border:3px solid var(--ink);border-radius:14px;box-shadow:var(--shadow);padding:10px 14px;font-size:14px;line-height:1.3;color:var(--ink)}.card-focus dt{font-family:var(--font-head);margin-top:6px}.card-focus dt:first-child{margin-top:0}.card-focus dd{margin:0 0 2px}.card-focus .focus-hint{color:#fff4d6;font-size:12px;opacity:.8}@keyframes focus-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}html.reduce-motion .card-focus{animation:none}.coach-layer{position:absolute;inset:0;z-index:15;pointer-events:none;overflow:hidden}.coach-ring{position:absolute;pointer-events:none;box-sizing:border-box;border:4px solid var(--yellow);box-shadow:0 0 0 3px var(--ink),0 0 18px 4px #ffd23fb3;animation:coach-pulse 1.1s ease-in-out infinite}@keyframes coach-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.08);opacity:.6}}.coach{position:absolute;pointer-events:auto;box-sizing:border-box;display:flex;gap:10px;align-items:flex-start;background:var(--surface);color:var(--ink);border:3px solid var(--ink);border-radius:18px;box-shadow:var(--shadow);padding:10px 12px}.coach.pop{animation:coach-pop .22s ease-out}.coach.nudge{animation:coach-nudge .35s ease-in-out}@keyframes coach-pop{0%{transform:scale(.9);opacity:0}to{transform:none;opacity:1}}@keyframes coach-nudge{0%,to{transform:none}25%{transform:translate(-6px) rotate(-1deg)}75%{transform:translate(6px) rotate(1deg)}}.coach-face{width:44px;height:44px;object-fit:contain;flex-shrink:0}.coach-body{flex:1;min-width:0}.coach-name{font-family:var(--font-head);font-size:15px;line-height:1;margin-bottom:3px}.coach-text{margin:0;font-size:14px;font-weight:600;line-height:1.3}.coach-btns{display:flex;justify-content:flex-end;gap:8px}.coach-btns:not(:empty){margin-top:8px}.coach-tail{position:absolute;width:16px;height:16px;background:var(--surface);border:3px solid var(--ink);transform:translate(-50%) rotate(45deg)}.coach-tail.top{top:-10px;border-right:none;border-bottom:none}.coach-tail.bottom{bottom:-10px;border-left:none;border-top:none}.coach-tail.none{display:none}.topbar .tut-skip{margin-left:auto}.tut-offer{display:flex;flex-direction:column;align-items:center;gap:10px;max-width:340px;text-align:center}.tut-offer p{margin:0;font-weight:600}.tut-face{width:84px;height:84px;object-fit:contain}.tut-done{max-width:440px;margin:0 auto}.tut-recap{margin:0;padding:12px 14px 12px 30px;background:var(--surface);color:var(--ink);border:3px solid var(--ink);border-radius:14px;box-shadow:var(--shadow);font-weight:600;font-size:14px;line-height:1.35}.tut-recap li+li{margin-top:6px}html.reduce-motion .coach-ring,html.reduce-motion .coach.pop,html.reduce-motion .coach.nudge{animation:none}.captain.daily{width:100%;border-style:dashed}.captain.daily.done{background:var(--surface)}.captain.daily:disabled{opacity:.7}.daily-tag{font-family:var(--font-head);font-size:16px;background:var(--yellow);color:var(--ink);border:3px solid var(--ink);border-radius:12px;padding:4px 10px;transform:rotate(-2deg)}.trophies{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;width:100%;text-align:left}.trophy{display:flex;gap:10px;align-items:center;border:3px solid var(--ink);border-radius:14px;padding:8px 10px;background:var(--muted);opacity:.6}.trophy.got{background:var(--surface);color:var(--ink);opacity:1;box-shadow:var(--shadow)}.trophy-icon{font-size:30px;line-height:1;filter:grayscale(1)}.trophy.got .trophy-icon{filter:none}.trophy-name{font-family:var(--font-head);font-size:16px}.trophy-text{font-size:12px;font-weight:600;opacity:.8}.skip-note{margin:4px 0 0;font-weight:700;animation:pop-in .35s ease-out both}.panel.room{width:100%;max-width:520px;margin:auto;padding-bottom:22px}.stage{--tint: var(--blue);position:relative;overflow:hidden;width:100%;display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 14px 16px;color:var(--ink);background:radial-gradient(circle at 20% 15%,rgba(255,255,255,.55) 0 6px,transparent 7px),radial-gradient(circle at 85% 30%,rgba(255,255,255,.45) 0 4px,transparent 5px),radial-gradient(circle at 70% 8%,rgba(255,255,255,.4) 0 3px,transparent 4px),linear-gradient(180deg,color-mix(in srgb,var(--tint) 55%,var(--surface)),color-mix(in srgb,var(--tint) 22%,var(--surface)));border:4px solid var(--ink);border-radius:22px;box-shadow:0 5px 0 var(--ink);animation:pop-in .3s ease-out both}.stage.tint-blue{--tint: var(--blue)}.stage.tint-pink{--tint: var(--pink)}.stage.tint-green{--tint: var(--green)}.stage.tint-purple{--tint: var(--purple)}.stage.tint-orange{--tint: var(--orange)}.stage.tint-yellow{--tint: var(--yellow)}.stage.tint-ice{--tint: var(--ice)}.stage-spot{position:absolute;left:50%;top:-30px;width:220px;height:190px;transform:translate(-50%);background:radial-gradient(ellipse at center,rgba(255,255,255,.7),transparent 65%);pointer-events:none}.stage-prop{position:relative;display:flex;flex-direction:column;align-items:center;height:104px;justify-content:flex-end}.stage-icon{font-size:76px;line-height:1;position:relative;z-index:1;filter:drop-shadow(0 4px 0 rgba(43,29,46,.3));animation:stage-bob 2.4s ease-in-out infinite}.stage-ground{width:74px;height:12px;margin-top:2px;border-radius:50%;background:#2b1d2e38;animation:stage-shadow 2.4s ease-in-out infinite}@keyframes stage-bob{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-9px) rotate(3deg)}}@keyframes stage-shadow{0%,to{transform:scaleX(1);opacity:1}50%{transform:scaleX(.72);opacity:.6}}.stage-icon.react-good{animation:stage-hop .7s cubic-bezier(.3,1.6,.5,1) 1,stage-bob 2.4s ease-in-out .7s infinite}.stage-icon.react-bad{animation:stage-wince .6s ease-in-out 1,stage-bob 2.4s ease-in-out .6s infinite}.stage-icon.react-meh{animation:stage-shrug .6s ease-in-out 1,stage-bob 2.4s ease-in-out .6s infinite}@keyframes stage-hop{0%{transform:none}35%{transform:translateY(-34px) scale(1.15) rotate(-10deg)}70%{transform:translateY(0) scale(1.1,.88)}to{transform:none}}@keyframes stage-wince{0%,to{transform:none;filter:drop-shadow(0 4px 0 rgba(43,29,46,.3))}15%,45%,75%{transform:translate(-8px) rotate(-6deg);filter:drop-shadow(0 4px 0 rgba(43,29,46,.3)) sepia(1) saturate(4) hue-rotate(-30deg)}30%,60%{transform:translate(8px) rotate(6deg)}}@keyframes stage-shrug{0%,to{transform:none}40%{transform:rotate(-12deg) scale(.95)}70%{transform:rotate(8deg)}}.panel .stage-title{color:var(--ink);margin:0;font-size:32px;line-height:1.05;position:relative}.stage-story{position:relative;width:100%;margin-top:8px;background:#ffffffb8;border:3px solid var(--ink);border-radius:16px;padding:10px 14px;text-align:center;font-weight:700;font-size:16px;line-height:1.35}.stage-story:before{content:"";position:absolute;left:50%;top:-11px;width:16px;height:16px;margin-left:-8px;background:inherit;border:3px solid var(--ink);border-right:0;border-bottom:0;transform:rotate(45deg);background:#fdfaf2}.event-body{width:100%;display:flex;flex-direction:column;align-items:center;gap:12px}.choice-list{width:100%;display:flex;flex-direction:column;gap:10px}.choice-card{width:100%;text-align:left;cursor:pointer;color:var(--ink);display:flex;flex-direction:column;align-items:flex-start;gap:6px;background:var(--surface);border:3px solid var(--ink);border-radius:16px;box-shadow:0 4px 0 var(--ink);padding:10px 14px 11px;font:inherit;animation:choice-in .35s cubic-bezier(.3,1.4,.5,1) both;transition:transform .1s,box-shadow .1s,background .15s}.choice-card:hover:not(:disabled){background:#fffaf0;transform:translateY(-2px) rotate(-.4deg);box-shadow:0 6px 0 var(--ink)}.choice-card:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 var(--ink)}.choice-card.locked{opacity:.55;filter:grayscale(.7);cursor:not-allowed}.choice-label{font-family:var(--font-head);font-size:19px;line-height:1.1}@keyframes choice-in{0%{opacity:0;transform:translateY(14px) scale(.96)}}.event-body.choosing .choice-card:not(.picked),.event-body.choosing .leave-choice:not(.picked){opacity:.25;transform:scale(.97);transition:opacity .2s,transform .2s}.event-body.choosing .picked{animation:choice-picked .26s ease-out both;opacity:1}@keyframes choice-picked{50%{transform:scale(1.04) rotate(-1deg);background:var(--yellow)}to{transform:scale(1.02);background:var(--yellow)}}.chips{display:flex;flex-wrap:wrap;align-items:center;gap:5px}.chip{font-family:var(--font-body);font-weight:800;font-size:13px;line-height:1;padding:4px 8px 5px;border:2px solid var(--ink);border-radius:999px;white-space:nowrap}.chip.good{background:color-mix(in srgb,var(--green) 45%,white)}.chip.bad{background:color-mix(in srgb,var(--red) 40%,white)}.chip.odds{background:color-mix(in srgb,var(--purple) 40%,white)}.chip.cost{background:var(--yellow)}.chip-or{font-size:12px;font-weight:800;opacity:.6}.leave-choice{align-self:center;margin-top:2px}.panel.room>.btn.choice{flex-direction:column;align-items:flex-start;gap:4px;padding-top:10px;padding-bottom:11px}.panel.room>.btn.choice .hint{text-align:left;font-size:14px}.event-result{width:100%;display:flex;flex-direction:column;align-items:center;gap:12px}.picked-pill{font-weight:800;font-size:13px;padding:4px 12px;border-radius:999px;background:var(--surface);color:var(--ink);border:2px solid var(--ink);animation:fade-in .25s both}.outcome-bubble{width:100%;position:relative;text-align:center;color:var(--ink);font-family:var(--font-head);font-size:19px;line-height:1.25;padding:14px 16px;background:var(--surface);border:3px solid var(--ink);border-radius:18px;box-shadow:0 4px 0 var(--ink);transform:rotate(-1deg);animation:outcome-stamp .45s cubic-bezier(.3,1.6,.5,1) both}.outcome-bubble.mood-good{background:color-mix(in srgb,var(--green) 30%,var(--surface))}.outcome-bubble.mood-bad{background:color-mix(in srgb,var(--red) 25%,var(--surface));transform:rotate(1deg)}@keyframes outcome-stamp{0%{opacity:0;transform:scale(1.6) rotate(-6deg)}}.event-loot{display:flex;flex-direction:column;align-items:center;gap:6px;animation:pop-in .35s .2s both}.event-result>.btn{width:100%;animation:fade-in .3s .35s both}html.reduce-motion :is(.stage,.stage-icon,.stage-ground,.choice-card,.outcome-bubble,.event-loot,.event-result>.btn){animation:none!important}.panel.shop>.stage{max-width:520px}.stage.settled{animation:none}.stage-story.say{animation:pop-in .25s ease-out}html.reduce-motion .stage-story.say{animation:none}.leave-nudge{max-width:420px;color:var(--ink);background:color-mix(in srgb,var(--pink) 30%,#fff);border:3px solid var(--ink);border-radius:16px;padding:8px 12px;text-align:center;font-weight:700;font-size:15px;animation:pop-in .25s ease-out}html.reduce-motion .leave-nudge{animation:none}.stage.has-scene{padding-top:0}.stage-scene{position:relative;width:calc(100% + 28px);margin:0 -14px -4px;aspect-ratio:360 / 200;cursor:pointer;touch-action:manipulation}.stage-scene>canvas{display:block;position:absolute;inset:0}.finale-scene{width:100%;max-width:440px;margin:0 auto;cursor:default}.daily-title{display:flex;align-items:center;gap:8px}.daily-tag{display:inline-flex;align-items:center;gap:8px}.cal-tile{display:inline-flex;flex-direction:column;align-items:center;width:34px;flex:none;background:#fff;color:var(--ink);border:2px solid var(--ink);border-radius:6px;overflow:hidden;line-height:1;font-family:var(--font-head)}.cal-tile b{width:100%;text-align:center;background:var(--red);color:#fff;font-size:10px;padding:2px 0;text-transform:uppercase;letter-spacing:.5px}.cal-tile i{font-style:normal;font-size:18px;padding:2px 0 3px}.daily-pill .cal-tile{width:24px;border-width:1.5px;border-radius:4px}.daily-pill .cal-tile b{font-size:7px;padding:1px 0}.daily-pill .cal-tile i{font-size:12px;padding:1px 0 2px}.celebrate.maxed .celebrate-body{max-height:100dvh;overflow-y:auto;padding:16px 0;width:100%}.celebrate.maxed .celebrate-title{font-size:34px}.maxed-body{display:flex;flex-direction:column;align-items:center;gap:10px;padding:0 16px}.maxed-hero{position:relative;animation:upgrade-pop .7s .2s cubic-bezier(.2,1.8,.4,1) both}.maxed-hero img{width:110px;height:110px;filter:drop-shadow(0 0 18px rgba(255,200,40,.95))}.maxed-line{font-weight:700;font-size:15px;text-align:center;max-width:320px;animation:pop-in .3s .5s both}.maxed-relics{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;animation:pop-in .35s .75s both}.maxed-relics .card{width:104px!important;cursor:pointer;color:var(--ink)}.maxed-relics .card:hover{transform:translateY(-3px) rotate(-1deg);box-shadow:var(--shadow),0 0 18px 4px #ffc828cc}.meta-dock{grid-template-columns:repeat(5,1fr)}.account-chip{position:absolute;top:10px;right:10px;z-index:2;max-width:48%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:var(--surface);color:#2b1d2e;border:2px solid var(--ink);border-radius:999px;padding:2px 10px;font-size:13px}.learn-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%}.learn-step{display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center;min-width:0;background:var(--section);border:3px solid var(--ink);border-radius:14px;padding:8px 6px;font-size:13px;font-weight:600}.learn-step .ic{font-size:26px}.learn-step b{font-family:var(--font-head);font-weight:400;font-size:15px}.acct-card{flex-direction:row;gap:12px;align-items:center}.acct-avatar{width:76px;flex:none}.acct-avatar img{width:100%;display:block}.acct-who{display:flex;flex-direction:column;gap:4px;align-items:flex-start;min-width:0}.acct-email{font-family:var(--font-head);font-size:18px;overflow-wrap:anywhere}.acct-sync{font-size:14px;font-weight:700;color:var(--up)}.acct-sync.pending{color:var(--orange)}.acct-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:100%}.acct-stat{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:var(--surface);color:var(--ink);border:3px solid var(--ink);border-radius:14px;box-shadow:var(--shadow);padding:8px 4px}.acct-stat b{font-family:var(--font-head);font-size:22px;line-height:1.1}.acct-stat span{font-size:11px;font-weight:700;line-height:1.15;opacity:.75}.acct-cap-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:100%}.acct-cap{display:flex;flex-direction:column;align-items:center;text-align:center}.acct-cap img{width:100%;max-width:64px;height:80px;object-fit:contain;object-position:bottom}.acct-cap.locked img{filter:grayscale(1) brightness(.6);opacity:.6}.acct-cap-name{font-family:var(--font-head);font-size:13px;line-height:1.1}.acct-cap-lvl{font-size:12px;font-weight:700;opacity:.8}.panel p.acct-note{font-size:13px;opacity:.75}.btn.danger{color:var(--red)}.btn.auto-btn{background:var(--green);white-space:nowrap}.btn.auto-btn.reset{background:var(--surface)}.auto-toast{position:absolute;left:50%;bottom:10px;transform:translate(-50%);z-index:6;width:max-content;max-width:calc(100% - 24px);text-align:center;background:var(--surface);color:var(--ink);border:3px solid var(--ink);border-radius:16px;padding:5px 12px;font-size:13px;font-weight:700;line-height:1.25;box-shadow:0 3px 0 var(--ink);pointer-events:none}.auto-toast.pop{animation:toast-pop .25s ease-out}@keyframes toast-pop{0%{transform:translate(-50%) scale(.6);opacity:0}}html.reduce-motion .auto-toast.pop{animation:none}