:root{--canvas: #f1e4cc;--paper: #fbf1de;--card: #fffbf2;--card-warm: #fff6e4;--card-sunk: #f6eedd;--tint: #f3e6cb;--track: #f1e4cc;--track-warm: #f1ddb4;--ink: #4a3524;--ink-2: #5c4832;--ink-3: #6b563e;--ink-soft: #7a6449;--ink-mute: #8a7157;--ink-dim: #907a61;--ink-faint: #a08a70;--ink-ghost: #b29a7c;--edge: #e8d4ae;--edge-deep: #e0c9a0;--edge-gold: #e3bc72;--edge-dash: #dcc69e;--edge-warm: #ebd3a2;--gold-a: #ffc94a;--gold-b: #f0a72b;--gold-edge: #c9821c;--gold-ink: #5a3410;--gold-soft: #ffe9b8;--gold-softer: #fff6de;--gold-chip: #ffd98a;--gold-chip-ink: #7a4a0e;--green: #4e9a51;--green-deep: #3f7f45;--green-a: #5fb264;--green-b: #468f4c;--green-edge: #3a7740;--green-pale: #f1f7ec;--green-pale-edge: #cfe3c4;--green-bar: #8cbf8f;--red: #d96a5b;--red-ink: #c4503f;--red-pale: #fdf0ee;--red-pale-edge: #efccc6;--red-bar: #e6a79a;--amber: #c4762a;--amber-2: #e0a83c;--violet: #8a6bc4;--violet-ink: #42287a;--violet-a: #8e6fd0;--violet-b: #6f52a6;--violet-edge: #5b4090;--violet-lite-a: #e7dbfb;--violet-lite-b: #cdb8f0;--violet-lite-edge: #7b5fbf;--violet-pale: #f3edfd;--violet-pale-edge: #d8c8f2;--violet-bar: #c7aee6;--blue: #4e86c7;--blue-deep: #3a6da6;--blue-bar: #6fa8e0;--rarity-common: #b29a7c;--rarity-uncommon: #5fbf6f;--rarity-rare: #4e86c7;--rarity-epic: #8a6bc4;--rarity-legendary: #e8912f;--tab-height: 62px;--font-display: "Baloo 2", "Trebuchet MS", system-ui, sans-serif;--font-body: Nunito, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;background:var(--canvas);color:var(--ink);font-family:var(--font-body);overscroll-behavior:none}body{user-select:none;-webkit-user-select:none}#root{max-width:480px;margin:0 auto;min-height:100dvh;background:var(--paper)}button{font:inherit;color:inherit;border:none;background:none;padding:0;cursor:pointer}.app-shell{display:flex;flex-direction:column;min-height:100dvh}.app-main{flex:1;padding:14px 14px calc(var(--tab-height) + env(safe-area-inset-bottom) + 24px);display:flex;flex-direction:column;gap:12px}.screen-header{position:relative;overflow:hidden}.screen-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center}.screen-scrim{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.screen-header-inner{position:relative;padding:10px 14px 14px}.status-bar{position:relative;padding:8px 18px 0;display:flex;justify-content:space-between;font:700 12px/1 var(--font-body)}.status-bar .signal{letter-spacing:2px}.screen-header.town{border-bottom:3px solid #24422c}.screen-header.town .screen-backdrop{background:radial-gradient(circle at 78% 18%,#ffecb4bf,#ffecb400 34%),linear-gradient(#8fc3d8,#cfe3d2 46%,#7ca063 62%,#4a7a45)}.screen-header.town .screen-scrim{background:linear-gradient(115deg,transparent 46%,rgba(74,45,28,.55) 46.5%) bottom left / 90px 46px repeat-x,linear-gradient(180deg,#182c1c9e,#182c1c66 42%,#182c1cdb)}.screen-header.town .status-bar{color:#e6f0e4}.screen-header.tavern{border-bottom:3px solid #2b2547}.screen-header.tavern .screen-backdrop{background:radial-gradient(circle at 50% 12%,#ffc670d9,#ffc67000 42%),linear-gradient(#4c3a63,#5d4468 52%,#3a2b4d)}.screen-header.tavern .screen-scrim{background:linear-gradient(180deg,#261e42a8,#261e42db)}.screen-header.tavern .status-bar{color:#ddd6f2}.screen-header.wilds{border-bottom:3px solid #26394a}.screen-header.wilds .screen-backdrop{background:radial-gradient(ellipse at 30% 78%,#d6e4ec80,#d6e4ec00 52%),linear-gradient(#7d9bb0,#5c7a8f 44%,#33505f 78%,#24404e)}.screen-header.wilds .screen-scrim{background:conic-gradient(from 205deg at 22% 108%,rgba(20,38,48,.75) 0 28deg,transparent 28deg),conic-gradient(from 205deg at 68% 112%,rgba(20,38,48,.6) 0 26deg,transparent 26deg),linear-gradient(180deg,#1c2e3aa3,#1c2e3ae0)}.screen-header.wilds .status-bar{color:#d6e4ec}.screen-header.shop{border-bottom:3px solid #3a2d5c}.screen-header.shop .screen-backdrop{background:repeating-linear-gradient(90deg,#fff0d280 0,#fff0d280 22px,#be5a5080 22px,#be5a5080 44px) top / 100% 34% no-repeat,linear-gradient(#5b4785,#4a3870 48%,#2f2450)}.screen-header.shop .screen-scrim{background:linear-gradient(180deg,#302450a8,#302450e0)}.screen-header.shop .status-bar{color:#ddd6f2}.header-top{display:flex;align-items:center;gap:10px}.screen-title{font-family:var(--font-display);font-size:21px;font-weight:800;color:#fff8e7;line-height:1.1;text-shadow:0 2px 6px rgba(0,0,0,.5)}.screen-title.sm{font-size:20px}.header-chips{display:flex;gap:5px;margin-top:5px;flex-wrap:wrap}.hchip{font:700 11px/1 var(--font-body);color:#e6f0e4;background:#00000057;border-radius:999px;padding:4px 8px;white-space:nowrap}.hchip.warm{color:#f5e2b8}.hchip.violet{color:#ddd6f2}.gear-btn{width:44px;height:44px;flex-shrink:0;border-radius:14px;background:#00000057;display:flex;align-items:center;justify-content:center;font-size:19px}.mayor{position:relative;width:52px;height:52px;flex-shrink:0;padding:3px;background:linear-gradient(#ffe3a8,#e8b45f);border:2px solid var(--gold-edge);border-radius:50%}.mayor.sm{width:44px;height:44px}.mayor-face{width:100%;height:100%;border-radius:50%;background:linear-gradient(#fff6de,#f0e0bc);display:flex;align-items:center;justify-content:center;font-size:22px;overflow:hidden}.mayor.sm .mayor-face{font-size:19px}.mayor-tag{position:absolute;bottom:-4px;left:50%;transform:translate(-50%);font:800 9px/1 var(--font-body);color:var(--gold-ink);background:var(--gold-chip);border:1.5px solid var(--gold-edge);border-radius:999px;padding:3px 6px;white-space:nowrap}.purse-row{display:flex;gap:8px;margin-top:12px}.purse{flex:1;display:flex;align-items:center;gap:7px;background:linear-gradient(var(--gold-softer),var(--gold-soft));border:2px solid var(--gold-edge);border-radius:14px;padding:7px 10px;box-shadow:0 3px 0 var(--gold-edge);min-width:0}.purse-amount{font-family:var(--font-display);font-size:18px;font-weight:800;color:var(--gold-chip-ink);line-height:1.05}.purse-rate{font:700 10px/1 var(--font-body);color:var(--green-deep)}.purse-rate.negative{color:var(--red-ink)}.purse.crowns{flex:0 0 auto;background:linear-gradient(var(--violet-lite-a),var(--violet-lite-b));border-color:var(--violet-lite-edge);box-shadow:0 3px 0 var(--violet-lite-edge)}.purse.crowns .purse-amount{font-size:17px;color:var(--violet-ink)}.purse-plus{font:800 14px/1 var(--font-body);color:var(--violet-ink);background:#fff;border-radius:8px;padding:2px 6px}.res-strip{display:flex;align-items:center;gap:9px;flex-wrap:wrap;background:#00000057;border-radius:12px;padding:7px 11px;margin-top:8px}.res-strip-item{font:700 12px/1.4 var(--font-body);color:#fff8e7;white-space:nowrap}.res-strip-item.low{color:#f3b49c}.res-strip-more{font:700 12px/1.4 var(--font-body);color:#f5c77e;margin-left:auto}.panel{background:var(--card);border:2px solid var(--edge);border-radius:20px;box-shadow:0 3px 0 var(--edge-deep)}.panel.clip{overflow:hidden}.panel.feature{background:linear-gradient(150deg,var(--gold-softer),#ffeac0);border-color:var(--edge-gold);border-radius:22px}.panel.feast{background:linear-gradient(150deg,#fff1d3,#ffdfa4);border-color:var(--edge-gold);border-radius:22px}.panel.crown{background:linear-gradient(160deg,var(--violet-pale),var(--violet-lite-a));border-color:#c0a8e8;box-shadow:0 3px #b79fe0}.panel.sunk{background:var(--card-sunk);border-color:var(--edge-deep);box-shadow:none}.panel.locked{background:var(--card-sunk);border:2px dashed var(--edge-dash);box-shadow:none}.panel.pad{padding:12px 13px}.row{display:flex;align-items:center;gap:10px}.row.top{align-items:flex-start}.grow{flex:1;min-width:0}.spacer{flex:1}.title{font-family:var(--font-display);font-size:17px;font-weight:800;line-height:1.15}.title.sm{font-size:15.5px}.title.xs{font-size:15px}.title.lg{font-size:19px}.title.muted{color:var(--ink-mute)}.sub{font:600 11.5px/1.35 var(--font-body);color:var(--ink-mute)}.sub.tiny{font-size:10.5px}.meta{font:700 11.5px/1.3 var(--font-body);color:var(--ink-dim)}.meta.good{color:var(--green)}.meta.bad{color:var(--red)}.meta.warn{color:var(--amber)}.meta.violet{color:var(--violet)}.meta.blue{color:var(--blue)}.note{font:600 10px/1.25 var(--font-body);color:var(--ink-faint)}.note.good{color:var(--green-deep)}.note.warn{color:var(--amber)}.good{color:var(--green)}.bad{color:var(--red)}.warn{color:var(--amber)}.section-head{display:flex;align-items:center;gap:7px;padding:2px 4px;min-height:44px}.section-name{font-family:var(--font-display);font-size:17px;font-weight:800}.hint{font:700 11px/1.35 var(--font-body);color:var(--violet);text-align:center;margin-top:9px}.fineprint{font:600 10.5px/1.4 var(--font-body);color:var(--ink-faint);text-align:center;padding:0 12px}.chip{font:800 10px/1 var(--font-body);border-radius:999px;padding:4px 7px;white-space:nowrap}.chip.level{color:var(--gold-chip-ink);background:var(--gold-chip)}.chip.count{color:var(--gold-chip-ink);background:var(--gold-soft);border:1.5px solid var(--edge-gold)}.chip.quiet{color:var(--ink-dim);background:var(--card);border:1.5px solid var(--edge)}.chip.alert{color:#fff;background:var(--red)}.chip.ok{color:#fff;background:var(--green)}.chip.new{color:#fff;background:var(--violet)}.chip.lv{font:800 10px/1 var(--font-body);color:var(--amber);background:none;padding:0}.chip.dim{color:var(--ink-faint);background:none;padding:0}.rarity-tag{font:800 9px/1 var(--font-body);letter-spacing:.06em;color:#fff;border-radius:999px;padding:4px 6px;background:var(--rarity, var(--rarity-common));white-space:nowrap}.rarity-text{font:700 9.5px/1 var(--font-body);letter-spacing:.04em;text-transform:uppercase;color:var(--rarity, var(--rarity-common))}.stars{font:700 11px/1 var(--font-body);color:var(--rarity-legendary);letter-spacing:1px;white-space:nowrap}.spent{opacity:.28}.rarity-common{--rarity: var(--rarity-common);--mount-a: #f7e7c4;--mount-b: #e8cf9f;--mount-edge: #c9a45e;--mount-shadow: #c9a45e}.rarity-uncommon{--rarity: var(--rarity-uncommon);--mount-a: #e2f2df;--mount-b: #bcdfb9;--mount-edge: #5fbf6f;--mount-shadow: #4a9a58}.rarity-rare{--rarity: var(--rarity-rare);--mount-a: #dce9f8;--mount-b: #b6d0ee;--mount-edge: #4e86c7;--mount-shadow: #3b6da6}.rarity-epic{--rarity: var(--rarity-epic);--mount-a: #e6daf7;--mount-b: #c7aee6;--mount-edge: #8a6bc4;--mount-shadow: #6f52a6}.rarity-legendary{--rarity: var(--rarity-legendary);--mount-a: #ffe3a8;--mount-b: #e8b45f;--mount-edge: #e8912f;--mount-shadow: #c97d22}.mount-gilt{--mount-a: #f7e7c4;--mount-b: #e8cf9f;--mount-edge: #c9a45e;--mount-shadow: #c9a45e}.mount-feature{--mount-a: #ffffff;--mount-b: #f0e0bc;--mount-edge: #e3bc72;--mount-shadow: #e0c9a0}.mount-active{--mount-a: #fff1d3;--mount-b: #ffdfa4;--mount-edge: #e3bc72;--mount-shadow: #e0c9a0}.mount-faded{--mount-a: #efe5d0;--mount-b: #e7dbc2;--mount-edge: #dcc69e;--mount-shadow: #dcc69e}.mount-stone{--mount-a: #f3e6cb;--mount-b: #ebdcbd;--mount-edge: #e0c9a0;--mount-shadow: #e0c9a0}.mount-ware{--mount-a: #efe6fc;--mount-b: #d8c8f2;--mount-edge: #b79fe0;--mount-shadow: #b79fe0}.mount-ware-best{--mount-a: #efe6fc;--mount-b: #c7aee6;--mount-edge: #8a6bc4;--mount-shadow: #6f52a6}.frame{box-sizing:border-box;flex-shrink:0;background:linear-gradient(var(--mount-a, #f7e7c4),var(--mount-b, #e8cf9f));border:2px solid var(--mount-edge, #c9a45e);box-shadow:0 2px 0 var(--mount-shadow, #c9a45e);position:relative}.frame.flat{box-shadow:none}.frame-inner{width:100%;height:100%;overflow:hidden;background:linear-gradient(#fffdf6,#f4e8ce);display:flex;align-items:center;justify-content:center}.frame-inner img{width:100%;height:100%;object-fit:cover;display:block}.frame-emoji{line-height:1;filter:drop-shadow(0 1px 1px rgba(90,60,30,.25))}.frame.empty .frame-inner{background:#efe5d0;border:1.5px solid var(--edge-dash);font:700 9px/1.3 ui-monospace,monospace;color:var(--ink-ghost);text-align:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 12px;border-radius:13px;font:800 12px/1 var(--font-body);color:var(--ink-3);background:var(--tint);border:2px solid var(--edge-deep);box-shadow:0 3px 0 var(--edge-deep);transition:transform .06s ease,box-shadow .06s ease;text-align:center}.btn:active{transform:translateY(3px);box-shadow:0 0 0 var(--edge-deep)}.btn.primary{color:var(--gold-ink);background:linear-gradient(var(--gold-a),var(--gold-b));border-color:var(--gold-edge);box-shadow:0 3px 0 var(--gold-edge)}.btn.primary:active{box-shadow:0 0 0 var(--gold-edge)}.btn.go{color:#fff;background:linear-gradient(var(--green-a),var(--green-b));border-color:var(--green-edge);box-shadow:0 3px 0 var(--green-edge)}.btn.go:active{box-shadow:0 0 0 var(--green-edge)}.btn.crown{color:#fff;background:linear-gradient(var(--violet-a),var(--violet-b));border-color:var(--violet-edge);box-shadow:0 3px 0 var(--violet-edge)}.btn.crown:active{box-shadow:0 0 0 var(--violet-edge)}.btn.crown-lite{color:var(--violet-ink);background:linear-gradient(var(--violet-lite-a),var(--violet-lite-b));border-color:var(--violet-lite-edge);box-shadow:0 3px 0 var(--violet-lite-edge)}.btn.crown-lite:active{box-shadow:0 0 0 var(--violet-lite-edge)}.btn.flat{box-shadow:none}.btn.flat:active{transform:scale(.97)}.btn.block{width:100%}.btn.tall{min-height:50px;font-size:15px;border-radius:16px;box-shadow:0 4px 0 var(--gold-edge)}.btn.short{min-height:38px;font-size:11px;border-radius:12px}.btn.tiny{min-height:36px;font-size:11px;border-radius:11px;padding:0 10px}.btn:disabled,.btn.disabled{opacity:.5;pointer-events:none;box-shadow:none}.btn.pulse{animation:pulse-gold 1.5s ease-in-out infinite}@keyframes pulse-gold{0%,to{filter:brightness(1)}50%{filter:brightness(1.12)}}.icon-btn{width:26px;height:26px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--tint);border-radius:50%;font:800 13px/1 var(--font-body);color:var(--ink-ghost)}.icon-btn.lg{width:30px;height:30px}.cost-line{display:flex;gap:8px;flex-wrap:wrap;font:700 10.5px/1 var(--font-body);color:var(--ink-dim);margin-top:5px}.cost-line .bad{color:var(--red)}.bar{height:7px;border-radius:999px;background:var(--track);overflow:hidden}.bar.md{height:9px}.bar.lg{height:10px;background:var(--track-warm)}.bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--gold-a),var(--gold-b));transform-origin:left;transition:transform .9s linear}.bar-fill.xp{background:linear-gradient(90deg,var(--blue-bar),var(--blue))}.bar-fill.work{background:var(--green-bar)}.bar-fill.stall{background:var(--red-bar)}.bar-fill.magic{background:#a48fd6}.bar-fill.cycle{animation-name:cycle-fill;animation-timing-function:linear;animation-iteration-count:infinite;transition:none;transform:scaleX(0)}@keyframes cycle-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}details.sect{display:block}details.sect>summary{list-style:none;cursor:pointer}details.sect>summary::-webkit-details-marker,details.sect>summary::marker{display:none}.caret{font:800 13px/1 var(--font-body);color:var(--ink-ghost);width:14px;text-align:center;flex-shrink:0;transition:transform .18s ease}details.sect[open]>summary .caret{transform:rotate(180deg)}.sect-summary{display:flex;align-items:center;gap:9px;padding:12px 13px;min-height:44px}.sect-summary.bare{padding:2px 4px 10px;gap:7px}.sect-summary.bare.closed{padding-bottom:4px}.sect-body{padding:0 13px 13px}.sect-body.bare{padding:0}.sect-icon{width:34px;height:34px;flex-shrink:0;border-radius:11px;background:var(--tint);display:flex;align-items:center;justify-content:center;font-size:18px}.stack{display:flex;flex-direction:column;gap:9px}.stack.tight{gap:7px}.tile-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.silhouette-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:9px;padding-top:6px}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.inset{display:flex;align-items:center;gap:9px;border-radius:14px;padding:8px 9px;background:var(--card-warm);border:1.5px solid var(--edge-warm)}.inset.good{background:var(--green-pale);border-color:var(--green-pale-edge)}.inset.bad{background:var(--red-pale);border-color:var(--red-pale-edge)}.inset.plain{background:var(--card);border-color:var(--edge)}.inset.violet{background:var(--violet-pale);border-color:var(--violet-pale-edge)}.inset-text{flex:1;min-width:0;font:700 12px/1.3 var(--font-body);color:var(--ink-3)}.inset-emoji{width:32px;flex-shrink:0;text-align:center;font-size:19px}.divider{margin-top:12px;padding-top:11px;border-top:1.5px dashed var(--edge-warm)}.tile{background:var(--card);border:2px solid var(--edge);border-radius:20px;box-shadow:0 3px 0 var(--edge-deep);padding:11px;display:flex;flex-direction:column}.tile.locked{background:var(--card-sunk);border:2px dashed var(--edge-dash);box-shadow:none}.tile-head{display:flex;align-items:flex-start;gap:9px}.tile-name{font-family:var(--font-display);font-size:15px;font-weight:800;line-height:1}.tile-foot{margin-top:auto;padding-top:9px}.silhouette{background:var(--card-sunk);border:2px dashed var(--edge-dash);border-radius:16px;padding:8px;text-align:center}.silhouette-art{width:100%;aspect-ratio:3 / 4;padding:3px;background:#efe5d0;border:1.5px solid var(--edge-dash);border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:26px;filter:grayscale(1) brightness(.62) opacity(.5)}.supply{margin-top:12px;background:#0000005c;border-radius:16px;padding:10px 12px}.supply-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.supply-title{font:800 12px/1 var(--font-body);color:#fff8e7}.supply-runway{font:700 11px/1 var(--font-body);color:#f3b49c}.supply-bars{display:flex;gap:6px;margin-top:8px}.supply-col{flex:1;min-width:0}.supply-track{height:8px;border-radius:999px;background:#ffffff2e;overflow:hidden}.supply-fill{height:100%;border-radius:999px;background:#7fbf84}.supply-fill.mid{background:#e8a44a}.supply-fill.low{background:var(--red)}.supply-label{font:700 9.5px/1 var(--font-body);color:#d6e4ec;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.supply-label.low{color:#f3b49c}.road-stop{display:flex;gap:11px;align-items:center;padding:11px}.road-arrow{font:800 12px/1 var(--font-body);color:var(--ink-faint);flex-shrink:0}.tab-bar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;display:flex;gap:4px;padding:8px 8px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(var(--card),var(--tint));border-top:3px solid var(--edge-deep);z-index:30}.tab-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:52px;border-radius:16px;border:2px solid transparent;position:relative;font:700 10.5px/1 var(--font-body);color:var(--ink-faint)}.tab-btn.active{background:var(--gold-soft);border-color:var(--edge-gold);color:var(--gold-chip-ink);font-weight:800}.tab-icon{font-size:21px}.tab-badge{position:absolute;top:4px;right:20px;width:9px;height:9px;border-radius:5px;background:var(--red);border:2px solid var(--card)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#261c14a8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:50;display:flex;align-items:flex-end;justify-content:center}.modal-backdrop.center{align-items:center;padding:22px}.modal{width:100%;max-width:480px;max-height:88dvh;overflow-y:auto;background:var(--card);border:3px solid var(--edge);border-radius:22px 22px 0 0;padding:15px 15px calc(15px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:10px}.modal-backdrop.center .modal{border-radius:22px}.modal h2{font-family:var(--font-display);font-size:19px;font-weight:800;margin:0;color:var(--ink)}.modal-head{display:flex;align-items:center;gap:9px}.cheer-stack{position:fixed;top:calc(env(safe-area-inset-top) + 14px);left:50%;transform:translate(-50%);width:calc(100% - 28px);max-width:452px;z-index:55;display:flex;flex-direction:column;gap:9px;pointer-events:none}.cheer{pointer-events:auto;display:flex;align-items:center;gap:10px;background:var(--card);border:2px solid var(--green);border-radius:16px;box-shadow:0 4px 12px #3c281429;padding:9px 10px;animation:cheer-in .28s cubic-bezier(.2,1.4,.4,1)}.cheer.warn{border-color:var(--amber-2)}.cheer.info{border-color:var(--blue)}.cheer-text{flex:1;min-width:0;font:800 12.5px/1.2 var(--font-body);color:var(--green-deep)}.cheer.warn .cheer-text{color:#b87516}.cheer.info .cheer-text{color:var(--blue-deep)}.cheer-sub{font:600 11px/1.3 var(--font-body);color:var(--ink-mute);margin-top:2px}@keyframes cheer-in{0%{opacity:0;transform:translateY(-12px) scale(.94)}}.cheer-timer{height:4px;border-radius:999px;background:#0000001f;margin:0 8px;overflow:hidden}.cheer-timer-fill{height:100%;border-radius:999px;background:var(--ink-ghost);animation:cheer-drain 3.2s linear forwards;transform-origin:left}@keyframes cheer-drain{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.toast{position:fixed;bottom:calc(var(--tab-height) + env(safe-area-inset-bottom) + 18px);left:50%;transform:translate(-50%);background:var(--card);border:2px solid var(--red);color:var(--red-ink);border-radius:14px;padding:10px 16px;font:700 12.5px/1.3 var(--font-body);box-shadow:0 4px 12px #3c28142e;z-index:60;max-width:88%;text-align:center;animation:toast-in .2s ease}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(8px)}}.reveal-stage{position:relative;background:#3a2d5c;border-radius:26px;padding:24px 18px;overflow:hidden;width:100%;max-width:420px}.reveal-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 34%,#e8912f8c,#3a2d5c00 62%)}.reveal-rays{position:absolute;left:50%;top:34%;width:520px;height:520px;margin:-260px 0 0 -260px;background:repeating-conic-gradient(from 0deg,#ffe1964d,#ffe1964d 7deg,#ffe19600 7deg,#ffe19600 20deg);animation:rays 14s linear infinite;pointer-events:none}.reveal-halo{position:absolute;left:50%;top:34%;width:250px;height:250px;margin:-125px 0 0 -125px;border-radius:50%;background:radial-gradient(circle,#ffd278bf,#ffd27800 68%);animation:haloPulse 2.4s ease-in-out infinite;pointer-events:none}.reveal-card{position:relative;background:var(--card);border:3px solid #e8b45f;border-radius:22px;box-shadow:0 12px 30px #00000059;padding:16px;text-align:center;overflow:hidden}.reveal-rarity{font:800 10px/1 var(--font-body);text-transform:uppercase;letter-spacing:.18em;color:var(--rarity, var(--rarity-epic));margin-top:-6px;animation:rarityFlash .7s cubic-bezier(.2,1.5,.4,1) both}.reveal-frame-wrap{position:relative;width:150px;height:200px;margin:12px auto 0;animation:framePop .95s cubic-bezier(.18,1.5,.36,1) both}.reveal-frame-wrap .frame{box-shadow:0 4px 0 var(--mount-shadow),0 0 34px #ffd684bf}.reveal-shine{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:20px;overflow:hidden;pointer-events:none}.reveal-shine:before{content:"";position:absolute;top:0;bottom:0;left:0;width:38%;background:linear-gradient(90deg,#fff0,#ffffffd9,#fff0);animation:shineSweep 2.6s ease-in-out .55s infinite}.spark{position:absolute;left:50%;top:50%;border-radius:50%;animation:sparkFloat 2.1s ease-out infinite;pointer-events:none}.reveal-name{font-family:var(--font-display);font-size:24px;font-weight:800;margin-top:12px;animation:nameRise .5s ease-out .5s both}.reveal-title{font:600 12.5px/1.3 var(--font-body);color:var(--ink-mute);animation:nameRise .5s ease-out .62s both}.reveal-stars{font:700 14px/1 var(--font-body);color:var(--rarity-legendary);letter-spacing:2px;margin-top:7px;animation:starPing .5s cubic-bezier(.2,1.6,.4,1) .8s both}.reveal-blurb{font:600 11.5px/1.4 var(--font-body);color:var(--ink-mute);background:var(--card-sunk);border-radius:12px;padding:8px 10px;margin-top:11px;animation:nameRise .5s ease-out .9s both}.reveal-ctas{display:flex;gap:8px;margin-top:12px;animation:ctaRise 1.1s ease-out both}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes rays{to{transform:rotate(360deg)}}@keyframes haloPulse{0%,to{transform:scale(1);opacity:.55}50%{transform:scale(1.14);opacity:.9}}@keyframes framePop{0%{transform:scale(.35) rotate(-9deg);opacity:0}55%{transform:scale(1.12) rotate(3deg);opacity:1}72%{transform:scale(.96) rotate(-1.5deg)}to{transform:scale(1) rotate(0);opacity:1}}@keyframes shineSweep{0%{transform:translate(-140%) skew(-18deg)}55%,to{transform:translate(240%) skew(-18deg)}}@keyframes nameRise{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes rarityFlash{0%{transform:scale(.6);opacity:0;letter-spacing:.5em}60%{opacity:1}to{transform:scale(1);opacity:1;letter-spacing:.18em}}@keyframes starPing{0%{transform:scale(2.4);opacity:0}70%{transform:scale(1);opacity:1}to{transform:scale(1);opacity:1}}@keyframes sparkFloat{0%{transform:translate(0) scale(0);opacity:0}25%{opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(1.1);opacity:0}}@keyframes ctaRise{0%,45%{transform:translateY(14px);opacity:0}to{transform:translateY(0);opacity:1}}.bob{animation:bob 2.6s ease-in-out infinite}.sheet-stage{background:#3a2d5c;border-radius:26px;padding:22px 14px 14px;width:100%;max-width:420px}.stat-tile{border-radius:14px;padding:9px 10px;background:var(--card-warm);border:1.5px solid var(--edge-warm)}.stat-tile.good{background:var(--green-pale);border-color:var(--green-pale-edge)}.stat-tile.bad{background:var(--red-pale);border-color:var(--red-pale-edge)}.stat-value{font:800 14px/1 var(--font-body);color:var(--ink-2)}.stat-tile.good .stat-value{color:var(--green-deep)}.stat-tile.bad .stat-value{color:var(--red-ink)}.stat-label{font:600 10.5px/1 var(--font-body);color:var(--ink-mute);margin-top:4px}.tipbox{font:600 11.5px/1.4 var(--font-body);color:var(--ink-mute);background:var(--card-sunk);border-radius:12px;padding:9px 10px}.pity-row{display:flex;justify-content:center;gap:8px}.pity{background:#fff;border:1.5px solid var(--edge-deep);border-radius:12px;padding:6px 10px;text-align:center}.pity.close{border-color:var(--violet-bar)}.pity-name{font:800 9.5px/1 var(--font-body);letter-spacing:.08em;color:var(--rarity, var(--rarity-common))}.pity-count{font:800 12px/1 var(--font-body);color:var(--ink-3);margin-top:3px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}html[data-reduced-motion=true] *,html[data-reduced-motion=true] *:before,html[data-reduced-motion=true] *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}