:root{--broth: #f4a259;--broth-deep: #e07a3f;--broth-lite: #f6a637;--broth-edge: #b86a16;--broth-wash: #fff0db;--cream: #fff6e9;--card: #fffaf2;--ink: #2b2118;--ink-warm: #5b4632;--ink-canvas: #3a2c20;--ink-warm-deep: #6c4a1f;--muted: #756656;--sun: #ffe3a8;--grass: #86995a;--shadow: #6e6a86;--ok: #6bbf59;--bad: #e05050;--white: #fff;--label-gold: #9a7344;--accent-ink: #a85f12;--ghost-edge: #f0d3b4;--track: #ecdcc4;--glass: rgba(255, 248, 236, .62);--glass-soft: rgba(255, 248, 236, .55);--glass-strong: rgba(255, 248, 236, .82);--line: rgba(58, 44, 32, .1);--line-light: rgba(255, 255, 255, .5);--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 32px;--s-7: 48px;--r-sm: 10px;--r: 14px;--r-lg: 20px;--r-pill: 999px;--t-display: 52px;--t-h1: 30px;--t-h2: 22px;--t-h3: 16px;--t-body: 14px;--t-label: 12px;--t-caption: 10px;--m-instant: 80ms;--m-quick: .16s;--m-settle: .3s;--m-slow: .6s;--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-back: cubic-bezier(.34, 1.56, .64, 1);--sait: max(env(safe-area-inset-top), var(--discord-safe-area-inset-top, 0px));--saib: max(env(safe-area-inset-bottom), var(--discord-safe-area-inset-bottom, 0px));--sail: max(env(safe-area-inset-left), var(--discord-safe-area-inset-left, 0px));--sair: max(env(safe-area-inset-right), var(--discord-safe-area-inset-right, 0px));--font: ui-rounded, "SF Pro Rounded", "Quicksand", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;overscroll-behavior:none}html{background:#a4501d}body{font-family:var(--font);color:var(--ink);background:radial-gradient(120% 80% at 70% 18%,#fad9a0,#f6c77a 45%,#e7a96a);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:none;overscroll-behavior:none}.overlay.show{touch-action:pan-y}#app{position:fixed;top:0;right:0;bottom:0;left:0}.world{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:url(/bg-catio.jpg) center bottom / cover no-repeat}@media (orientation: landscape){.world{background-image:url(/bg-catio-land.jpg);background-position:center bottom}}@supports (height: 100lvh){.world{bottom:auto;height:100lvh}}.stage{position:absolute;top:0;right:0;bottom:0;left:0}.game-canvas{display:block;width:100%;height:100%;touch-action:none}.topbar{position:absolute;top:0;left:0;right:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:calc(var(--s-2) + var(--sait)) calc(var(--s-3) + var(--sair)) var(--s-2) calc(var(--s-3) + var(--sail));pointer-events:none}.topbar>*{pointer-events:auto}.topbar-left{display:flex;gap:var(--s-2)}.brand-mini{font-weight:800;font-size:var(--t-h3);color:var(--broth-deep);opacity:.9;letter-spacing:.2px}.icon-btn{position:relative;width:36px;height:36px;border:none;border-radius:50%;display:grid;place-items:center;background:#fffaf2d1;color:var(--ink);font-size:var(--t-h3);font-weight:700;cursor:pointer;box-shadow:0 2px 6px #2b21181f;transition:transform var(--m-quick) var(--ease-out),background var(--m-quick) var(--ease-out)}.icon-btn:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%}.icon-btn svg{width:18px;height:18px;stroke:var(--ink);stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}.icon-btn:hover{background:#fffffff2}.icon-btn:active{transform:scale(.92)}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:none}.overlay.show{display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;padding:calc(var(--s-7) + var(--s-4) + var(--sait)) var(--s-4) calc(var(--s-5) + var(--saib));background:linear-gradient(180deg,rgba(40,28,18,.14),transparent 20%)}.overlay.play{display:block;pointer-events:none}.overlay.play .coach{pointer-events:none}.panel{width:100%;max-width:440px;background:var(--card);border-radius:var(--r-lg);padding:var(--s-5);box-shadow:0 14px 40px #2b211840;animation:rise var(--m-settle) var(--ease-back)}@keyframes rise{0%{opacity:0;transform:translateY(16px) scale(.97)}}.overlay.show>.panel{margin-bottom:52px}.panel h2{margin:0 0 var(--s-1);font-size:var(--t-h2)}.panel h3{margin:var(--s-4) 0 var(--s-2);font-size:var(--t-h3)}.muted{color:var(--muted);font-size:var(--t-body)}.muted.small{font-size:var(--t-label)}.center{text-align:center}.overlay.show.home-mode{padding-top:calc(var(--s-7) + var(--sait));padding-bottom:0}.home{width:100%;max-width:440px;align-self:stretch;display:flex;flex-direction:column;gap:var(--s-3);padding:var(--s-1) 0 max(var(--saib),var(--s-3))}[data-host=discord] .home{padding-bottom:max(var(--saib),76px)}.home>:not(.brand){flex-shrink:0}.home-id{display:flex;align-items:center;justify-content:space-between;gap:var(--s-2);font-size:var(--t-body);width:100%}.home-id button{font:inherit;font-family:var(--font);cursor:pointer;min-height:32px}.home-id button:active{transform:scale(.97)}.home-id .who{display:flex;align-items:center;gap:var(--s-2);min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--ink-warm);background:var(--glass-soft);border:1px solid var(--line-light);border-radius:var(--r-pill);padding:var(--s-1) var(--s-3);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.home-id .who b{color:var(--ink);font-weight:800}.home-id .best{flex:none;display:inline-flex;align-items:baseline;gap:var(--s-1);font-weight:900;color:var(--broth-deep);background:var(--glass-soft);border:1px solid var(--line-light);border-radius:var(--r-pill);padding:var(--s-1) var(--s-3);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);font-variant-numeric:tabular-nums}.home-id .best small{font-size:var(--t-caption);font-weight:800;letter-spacing:.5px;color:var(--label-gold)}.brand{flex:1 1 0;min-height:132px;container-type:size;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-2);margin:0}.brand .lockup{--lk: max(56px, min(260px, calc((100cqh - 44px) / 1.62), 56cqw))}.lockup{--lk: 160px;display:flex;flex-direction:column;align-items:center;flex:none}.lockup-mark{width:calc(var(--lk) * 1.376);height:auto;display:block;margin:calc(var(--lk) * -.183) 0 calc(var(--lk) * -.188);filter:drop-shadow(0 6px 14px rgba(43,33,24,.32));animation:bob 3.4s ease-in-out infinite}.lockup-wm{width:calc(var(--lk) * 1.75);height:auto;display:block;margin-top:calc(var(--lk) * .04);filter:drop-shadow(0 3px 6px rgba(43,33,24,.28));position:relative}.brand-tag{margin:var(--s-1) 0 0;font-size:var(--t-body);font-weight:700;letter-spacing:.5px;color:var(--ink-warm-deep);background:var(--glass-soft);border:1px solid var(--line-light);border-radius:var(--r-pill);padding:var(--s-1) var(--s-3);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.splash-card .lockup{--lk: clamp(110px, 30vw, 150px)}@keyframes bob{50%{transform:translateY(-4px)}}.event-banner{width:100%;border:1px solid var(--line);border-radius:var(--r);cursor:pointer;font-family:var(--font);background:var(--glass);color:var(--ink);font-weight:800;font-size:var(--t-label);text-align:center;padding:var(--s-2) var(--s-3);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:bob 3.4s ease-in-out infinite}.event-banner:active{transform:scale(.985)}.hero{display:flex;align-items:center;gap:var(--s-3);width:100%;text-align:left;cursor:pointer;font-family:var(--font);color:var(--ink);border:2px solid var(--broth-edge);border-radius:var(--r-lg);padding:var(--s-3) var(--s-4);min-height:76px;background:linear-gradient(180deg,var(--broth-lite),var(--broth-deep));box-shadow:0 10px 24px #cf7a1c61,inset 0 1px #fff6;transition:transform var(--m-quick) var(--ease-out),filter var(--m-quick) var(--ease-out)}.hero:hover{filter:brightness(1.04)}.hero:active{transform:scale(.985)}.hero-t{flex:1;min-width:0}.hero-k{display:block;font-size:var(--t-label);font-weight:800;letter-spacing:.8px;text-transform:uppercase;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-ti{display:block;font-size:var(--t-h2);font-weight:900;line-height:1.1;margin:0}.hero-s{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:var(--t-label);line-height:1.3;opacity:.92;overflow:hidden}.hero-go{font-weight:900;opacity:.9;flex:none;align-self:stretch;display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:var(--s-1);line-height:1}.time-badge{display:inline-flex;align-items:center;gap:4px;font-size:var(--t-h3);font-weight:900;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;line-height:1}.time-badge b{font-weight:900}.time-badge svg{width:15px;height:15px;stroke:currentColor;stroke-width:2.2;fill:none;stroke-linecap:round;stroke-linejoin:round}.hero .time-badge{color:var(--ink);opacity:.78}.hero-chev{font-size:var(--t-h1)}.modes button{position:relative}.modes .time-badge{position:absolute;top:var(--s-2);right:var(--s-3);opacity:.85}.modes{display:flex;background:var(--glass);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;min-height:64px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.modes button{flex:1;border:none;background:none;cursor:pointer;font-family:var(--font);color:var(--ink);padding:var(--s-2) var(--s-1);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-1);border-right:1px solid var(--line);min-height:64px;transition:background var(--m-quick) var(--ease-out)}.modes button:last-child{border-right:none}.modes button:hover{background:#ffffff40}.modes button:active{background:#ffffff59}.modes button{gap:2px;padding:var(--s-3) var(--s-3);align-items:flex-start;text-align:left}.modes .mt{font-weight:900;font-size:var(--t-h2);line-height:1.1;white-space:nowrap}.modes .ms{font-size:var(--t-label);color:var(--muted);line-height:1.25}.modes button.practice{background:#86995a4d}.modes button.practice:hover{background:#86995a66}.modes button.practice:active{background:#86995a7a}.modes button.practice .ms,.modes button.practice .time-badge{color:#4f5a2f}.navbar{display:flex;background:var(--glass);border:1px solid var(--line);border-radius:var(--r-lg);padding:0 var(--s-1);min-height:64px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.navbar button{flex:1;border:none;background:none;cursor:pointer;font-family:var(--font);color:var(--ink-warm);padding:var(--s-2) 2px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-1);font-size:var(--t-label);font-weight:700;position:relative;min-height:64px;transition:transform var(--m-quick) var(--ease-out)}.navbar button:active{transform:scale(.94)}.navbar svg{width:22px;height:22px;stroke:var(--ink-warm);stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round;display:block}.tab-badge{position:absolute;top:1px;right:calc(50% - 22px);background:var(--broth-deep);color:var(--white);font-size:var(--t-caption);font-weight:800;border-radius:var(--r-pill);padding:0 var(--s-1);line-height:15px}.first-hint{text-align:center;font-size:var(--t-label);font-weight:800;color:var(--ink);margin-top:0;text-shadow:0 1px 3px rgba(255,248,236,.95),0 0 6px rgba(255,248,236,.8)}.legal{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:var(--t-label);font-weight:700;color:var(--cream);margin-top:0;line-height:1.5;text-shadow:0 1px 2px rgba(43,33,24,.45)}.legal-row{display:flex;flex-wrap:wrap;justify-content:center;gap:0 var(--s-2)}.legal-sub{opacity:.78;font-weight:600}.legal a{color:inherit;text-decoration:none;font-weight:inherit}.legal a:active,.legal-link:active{color:var(--sun)}.legal-link{background:none;border:none;padding:0;font:inherit;color:inherit;cursor:pointer;min-height:0;text-shadow:inherit}.fdot{width:10px;height:10px;border-radius:50%;display:inline-block;box-shadow:0 0 0 2px #fff9}.btn{display:block;width:100%;border:none;cursor:pointer;font-family:var(--font);background:linear-gradient(135deg,var(--broth),var(--broth-deep));color:var(--ink);border-radius:var(--r);padding:var(--s-3) var(--s-4);font-weight:800;font-size:var(--t-h3);margin-top:var(--s-2);box-shadow:0 6px 16px #e07a3f59;transition:transform var(--m-quick) var(--ease-out),filter var(--m-quick) var(--ease-out)}.btn:hover{filter:brightness(1.04)}.btn:active{transform:scale(.97)}.btn.big{padding:var(--s-4)}.btn.ghost{background:var(--white);color:var(--accent-ink);box-shadow:inset 0 0 0 2px var(--ghost-edge)}.btn.small{width:auto;padding:var(--s-2) var(--s-3);font-size:var(--t-body);margin:0}.link{background:none;border:none;color:var(--accent-ink);font-family:var(--font);font-weight:700;font-size:var(--t-body);cursor:pointer;padding:var(--s-2)}.overlay.show.results-mode{align-items:flex-end;padding-bottom:calc(8vh + var(--saib));background:linear-gradient(0deg,rgba(40,28,18,.42),rgba(40,28,18,.12) 55%,transparent 80%)}.overlay.show.results-mode>.panel{margin-bottom:0}.panel.results{max-width:560px;padding:var(--s-5) var(--s-5) var(--s-4);animation:settle var(--m-slow) var(--ease-back)}@keyframes settle{0%{opacity:0;transform:translateY(40px) scale(.96)}60%{opacity:1}}.results{text-align:center;position:relative;overflow:hidden}.res-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);text-align:left}.res-main h2{margin:0;font-size:var(--t-h2)}.res-side{text-align:right;min-width:0}.res-score{font-size:var(--t-display);font-weight:900;color:var(--accent-ink);line-height:1;margin:var(--s-1) 0 0;font-variant-numeric:tabular-nums}.res-rank{font-size:var(--t-h1);font-weight:900;color:var(--ink)}.res-rank .of{font-size:var(--t-h3);color:var(--muted);font-weight:700}.res-rank-sub{font-size:var(--t-body);color:var(--muted)}.res-stats{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:var(--s-2);margin:var(--s-4) 0 var(--s-3)}.stat{background:var(--cream);border-radius:var(--r);padding:var(--s-3);text-align:left;min-width:0}.stat-cap{display:block;font-size:var(--t-label);color:var(--muted)}.stat-val{display:block;font-weight:800;font-size:var(--t-h3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-sub{display:block;font-size:var(--t-caption);color:var(--muted);font-weight:700;margin-top:2px}.stat-capsule{display:flex;align-items:center;gap:var(--s-2)}.stat-capsule>span{min-width:0}.stat-sprite{width:40px;height:40px;flex:none;filter:drop-shadow(0 2px 3px rgba(43,33,24,.2))}.res-actions{display:flex;align-items:center;gap:var(--s-4)}.res-actions .btn{margin-top:0;flex:1}.res-links{display:flex;justify-content:center;gap:var(--s-1);margin-top:0}.battle-res{text-align:center}.battle-res h2{margin-bottom:var(--s-1)}@media (max-width: 520px){.res-head{flex-direction:column;align-items:center;text-align:center;gap:var(--s-1)}.res-side{text-align:center}.res-stats{grid-template-columns:1fr 1fr}.stat-capsule{grid-column:1 / -1}.res-actions{flex-direction:column;gap:var(--s-1)}.res-actions .btn{width:100%}}.duel-score{display:flex;align-items:center;justify-content:center;gap:var(--s-4);font-size:var(--t-h3);margin:var(--s-4) 0}.duel-score .vs{color:var(--muted);font-weight:800}.list-panel{min-height:60vh}.seg{display:flex;gap:var(--s-2);margin-bottom:var(--s-3)}.tab{flex:1;border:none;background:var(--cream);border-radius:var(--r-sm);padding:var(--s-2);font-family:var(--font);font-weight:700;font-size:var(--t-body);color:var(--muted);cursor:pointer;white-space:nowrap;transition:background var(--m-quick) var(--ease-out),color var(--m-quick) var(--ease-out)}.tab.on{background:var(--broth-deep);color:var(--white)}.list{display:flex;flex-direction:column;gap:var(--s-1)}.lb-row{display:grid;grid-template-columns:34px 1fr auto auto;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-3);border-radius:var(--r-sm);background:var(--cream);font-size:var(--t-body)}.lb-row.me{background:var(--broth-wash);box-shadow:inset 0 0 0 2px var(--broth)}.lb-row.sticky{position:sticky;bottom:0}.lb-rank{font-weight:800;text-align:center;color:var(--muted)}.lb-rank.medal{font-size:var(--t-h3)}.lb-name{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-tier{font-size:var(--t-label);color:var(--muted)}.lb-score{font-weight:800;color:var(--accent-ink)}.empty{text-align:center;color:var(--muted);padding:var(--s-6) var(--s-3)}.goal{background:var(--cream);border-radius:var(--r);padding:var(--s-4)}.goal-head{font-size:var(--t-body);margin-bottom:var(--s-2)}.goal-bar{height:14px;border-radius:var(--r-pill);background:var(--track);overflow:hidden}.goal-fill{height:100%;background:linear-gradient(90deg,var(--broth),var(--broth-deep));border-radius:var(--r-pill);transition:width var(--m-slow) var(--ease-out)}.goal-fill.done{background:linear-gradient(90deg,#ffd66b,#f4a259)}.goal-sub{font-size:var(--t-label);color:var(--muted);margin-top:var(--s-2)}.war-h{display:flex;align-items:center;gap:var(--s-2)}.war{display:flex;flex-direction:column;gap:var(--s-2)}.war-row{display:grid;grid-template-columns:24px 1fr 70px auto;align-items:center;gap:var(--s-2);font-size:var(--t-body)}.war-rank{text-align:center;font-weight:800;color:var(--muted)}.war-name{display:flex;align-items:center;gap:var(--s-2);font-weight:700;overflow:hidden;white-space:nowrap}.war-bar{height:9px;background:var(--track);border-radius:var(--r-pill);overflow:hidden}.war-fill{display:block;height:100%;border-radius:var(--r-pill);transition:width var(--m-slow) var(--ease-out)}.war-total{font-weight:800;font-size:var(--t-label);text-align:right}.battle-join{display:flex;gap:var(--s-2);margin-top:var(--s-3)}.code-input{flex:1;min-width:0;border-radius:var(--r-sm);border:1.5px solid rgba(180,140,90,.3);background:var(--white);padding:var(--s-3);font-family:var(--font);font-weight:800;font-size:var(--t-h3);text-transform:uppercase;letter-spacing:4px;text-align:center;color:var(--ink)}.code-input:focus{outline:none;border-color:var(--broth-deep)}.battle-code{text-align:center;font-size:var(--t-display);font-weight:900;letter-spacing:10px;color:var(--accent-ink);background:var(--cream);border-radius:var(--r);padding:var(--s-4);margin:var(--s-3) 0 var(--s-2);font-variant-numeric:tabular-nums}.faction-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-2);margin-top:var(--s-3)}.faction-card{display:flex;flex-direction:column;align-items:center;gap:var(--s-1);border:2px solid var(--line);background:var(--cream);border-radius:var(--r);padding:var(--s-3);font-family:var(--font);cursor:pointer;transition:transform var(--m-quick) var(--ease-out),border-color var(--m-quick) var(--ease-out)}.faction-card:active{transform:scale(.97)}.faction-card.on{border-color:var(--fc);box-shadow:0 0 0 3px color-mix(in srgb,var(--fc) 30%,transparent)}.fc-dot{width:22px;height:22px;border-radius:50%;box-shadow:inset -2px -3px 4px #00000026}.fc-el{font-size:var(--t-label);color:var(--muted)}.coach{position:absolute;left:0;right:0;bottom:18%;display:flex;flex-direction:column;align-items:center;gap:var(--s-2);pointer-events:none;transition:opacity var(--m-slow) var(--ease-out)}.coach.fade{opacity:0}.coach-finger{font-size:40px;animation:tap 1.3s ease-in-out infinite}@keyframes tap{0%,to{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(10px) rotate(-8deg)}}.coach-text{background:#2b2118cc;color:var(--white);border-radius:var(--r);padding:var(--s-2) var(--s-3);font-size:var(--t-body);text-align:center}.splash{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--s-5)}.splash-card{display:flex;flex-direction:column;align-items:center;gap:var(--s-3);background:#fff8ecbd;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.55);border-radius:var(--r-lg);padding:var(--s-5) var(--s-6);box-shadow:0 16px 44px #2b211847}.splash-machine{position:relative}.splash-dome{width:86px;height:86px;border-radius:50% 50% 44% 44%;background:linear-gradient(160deg,#ffffffe6,#fff0dc66);border:5px solid var(--cream);box-shadow:0 8px 22px #2b211838;display:grid;place-items:center}.splash-capsule{width:36px;height:36px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffd0e8,#e89ac4);animation:bob 1.6s ease-in-out infinite;box-shadow:inset -4px -5px 8px #0000001f}.splash-base{width:70px;height:16px;border-radius:0 0 var(--r-sm) var(--r-sm);background:#d9a368;margin:0 auto}.splash-title{font-size:var(--t-h1);margin:var(--s-1) 0 0;color:var(--ink)}.splash-sub{margin:0;color:var(--ink-warm);font-size:var(--t-body)}.splash-state{display:flex;align-items:center;gap:var(--s-2);color:var(--muted);font-size:var(--t-body)}.splash-dot{width:8px;height:8px;border-radius:50%;background:var(--broth);animation:pulse 1s infinite}@keyframes pulse{50%{opacity:.3}}.web-join{display:flex;flex-direction:column;gap:var(--s-2);width:min(100%,300px)}.name-input{width:100%;border-radius:var(--r);border:1.5px solid rgba(180,140,90,.35);background:var(--white);padding:var(--s-3) var(--s-4);font-family:var(--font);font-weight:700;font-size:var(--t-h3);text-align:center;color:var(--ink);min-height:44px}.name-input:focus{outline:none;border-color:var(--broth-deep)}.name-row{margin-top:var(--s-4)}.name-row .name-input{text-align:left;font-size:var(--t-body)}.acct-row{display:flex;align-items:center;gap:var(--s-3);justify-content:space-between}.acct-row .btn{flex:0 0 auto}.web-join .btn{margin-top:0}.web-join .btn:disabled{opacity:.7;cursor:default}.splash-note{margin:0;text-align:center;color:var(--muted);font-size:var(--t-label)}.help{padding-left:0;list-style:none;display:flex;flex-direction:column;gap:var(--s-2);font-size:var(--t-body);line-height:1.4}.help li{background:var(--cream);border-radius:var(--r-sm);padding:var(--s-3)}.verify{text-align:center}.spinner{width:34px;height:34px;border-radius:50%;border:4px solid var(--track);border-top-color:var(--broth-deep);margin:var(--s-4) auto;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#toast{position:fixed;left:50%;bottom:calc(var(--s-6) + var(--saib));transform:translate(-50%) translateY(20px);background:#2b2118eb;color:var(--white);padding:var(--s-3) var(--s-4);border-radius:var(--r);font-size:var(--t-body);font-weight:600;opacity:0;transition:all var(--m-settle) var(--ease-out);z-index:50;pointer-events:none}#toast.show{opacity:1;transform:translate(-50%) translateY(0)}.watch-banner{position:absolute;top:calc(var(--s-7) + var(--sait));left:50%;transform:translate(-50%);background:#2b2118d1;color:var(--white);padding:var(--s-2) var(--s-4);border-radius:var(--r);font-size:var(--t-body);font-weight:600;z-index:25;pointer-events:none;white-space:nowrap}.lb-row.watchable{cursor:pointer}.lb-row.watchable:active{transform:scale(.99)}.watch-ic{color:var(--broth-deep);font-size:var(--t-label);margin-left:var(--s-1)}:focus-visible{outline:3px solid var(--broth-deep);outline-offset:2px;border-radius:var(--r-sm)}.navbar button,.tab,.btn,.hero,.modes button,.faction-card,.lb-row.watchable,.link,.event-banner,.home-id{min-height:44px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.gs-block{background:var(--cream);border-radius:var(--r);padding:var(--s-3);margin-top:var(--s-3)}.gs-head{font-size:var(--t-label);font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:var(--s-2);display:flex;align-items:center;gap:var(--s-2)}.gs-row{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-1) 0;font-size:var(--t-body);border-bottom:1px solid rgba(180,140,90,.12)}.gs-row:last-child{border-bottom:none}.gs-row.earned .gs-name{color:var(--accent-ink)}.gs-row:not(.earned){opacity:.78}.gs-name{font-weight:600;flex:1}.gs-desc{font-size:var(--t-label)}.fb-cta{display:flex;flex-direction:column;align-items:center;text-align:center}.fb-form{display:flex;flex-direction:column;gap:var(--s-2);padding-top:var(--s-2)}.fb-area{width:100%;box-sizing:border-box;border-radius:var(--r-sm);border:1.5px solid rgba(180,140,90,.3);background:var(--white);padding:var(--s-3);font-size:var(--t-body);font-family:inherit;resize:vertical;min-height:72px;color:var(--ink)}.fb-area:focus{outline:none;border-color:var(--broth-deep)}.modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:calc(var(--s-5) + var(--sait)) var(--s-4) calc(var(--s-5) + var(--saib));background:#281c1261;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:fadein var(--m-settle) var(--ease-out);touch-action:pan-y}.modal-scrim.out{opacity:0;transition:opacity .18s var(--ease-out)}@keyframes fadein{0%{opacity:0}}.modal{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--s-2);max-height:min(640px,100%);max-width:420px}.modal h2{margin:var(--s-2) 0 0}.modal .muted{margin:0}.lockup.lockup-sm{--lk: 64px}.wn-list{width:100%;text-align:left;overflow-y:auto;overscroll-behavior:contain;flex:0 1 auto;min-height:96px;margin-top:var(--s-2)}.wn-entry{margin:0;background:var(--cream);border-radius:var(--r);padding:var(--s-3) var(--s-3) var(--s-3) calc(var(--s-3) + var(--s-4));font-size:var(--t-body);line-height:1.4;color:var(--ink-warm)}.wn-entry li+li{margin-top:6px}.modal .btn{flex:none}.overlay.show.centered{align-items:center}.overlay.show.centered>.panel{margin-bottom:0}.help-panel .help{gap:var(--s-1);margin:var(--s-2) 0 0}.help-panel .help li{padding:var(--s-2) var(--s-3)}.ladder{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-2) var(--s-1)}.ladder li{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:var(--t-caption);font-weight:700;color:var(--ink-warm);text-align:center;line-height:1.15}.ladder img{width:44px;height:44px;filter:drop-shadow(0 2px 3px rgba(43,33,24,.2))}.stats-top{margin-top:var(--s-3)}.stats-top .stat-sprite{width:56px;height:56px}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-2);margin-top:var(--s-2)}.discord-btn{display:inline-flex;align-items:center;gap:var(--s-2)}.ic-discord{width:18px;height:18px;fill:#5865f2;flex:none}.res-rain{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.res-rain img{position:absolute;top:-80px;height:auto;opacity:0;filter:drop-shadow(0 4px 6px rgba(43,33,24,.25));animation:rain linear 1 forwards}@keyframes rain{0%{transform:translateY(0) rotate(0);opacity:0}8%{opacity:.95}85%{opacity:.9}to{transform:translateY(calc(100vh + 120px)) rotate(var(--spin));opacity:0}}.overlay.show.results-mode>.panel.results{position:relative;z-index:1;overflow:visible}.res-hero{display:flex;flex-direction:column;align-items:center;margin:calc(-1 * var(--s-5) - 56px) 0 var(--s-2)}.res-capsule{width:112px;height:112px;filter:drop-shadow(0 10px 18px rgba(43,33,24,.35));animation:capsule-in .7s var(--ease-back) both,bob 3.4s ease-in-out .7s infinite}@keyframes capsule-in{0%{transform:translateY(-40px) scale(.4) rotate(-20deg);opacity:0}}.res-capsule-name{font-size:var(--t-label);color:var(--muted);margin-top:var(--s-1)}.res-capsule-name b{color:var(--ink)}.res-stats{grid-template-columns:repeat(3,1fr)}.res-stats .stat{animation:stat-in .42s var(--ease-out) both;animation-delay:calc(.35s + var(--i, 0) * 70ms)}@keyframes stat-in{0%{opacity:0;transform:translateY(8px)}}@media (max-width: 520px){.res-stats{grid-template-columns:repeat(3,1fr)}.res-stats .stat{padding:var(--s-2)}.res-stats .stat-val{font-size:var(--t-body)}}.it-icon{width:64px;height:64px;border-radius:16px;box-shadow:0 6px 16px #2b211840}.it-steps{list-style:none;margin:var(--s-2) 0 0;padding:0;width:100%;text-align:left;overflow-y:auto;overscroll-behavior:contain;flex:0 1 auto;min-height:120px;display:flex;flex-direction:column;gap:var(--s-3)}.it-steps li{display:flex;gap:var(--s-2);align-items:flex-start}.it-steps li>div{flex:1;min-width:0}.it-steps p{margin:0 0 var(--s-1);font-size:var(--t-body);line-height:1.35;color:var(--ink-warm)}.it-steps b{color:var(--ink)}.it-n{flex:none;width:22px;height:22px;border-radius:50%;background:var(--broth-deep);color:var(--white);font-size:var(--t-label);font-weight:800;display:grid;place-items:center;margin-top:1px}.it-art{display:block;width:100%;height:auto;background:var(--cream);border-radius:var(--r)}.it-art text{font-family:var(--font)}.fb-sheet{align-items:stretch;text-align:left;gap:var(--s-2)}.fb-sheet h2,.fb-sheet>.muted{text-align:center}.fb-kinds{display:flex;flex-wrap:wrap;gap:var(--s-2);justify-content:center}.fb-kind{border:1.5px solid var(--ghost-edge);background:var(--white);color:var(--ink-warm);border-radius:var(--r-pill);padding:var(--s-2) var(--s-3);font-family:var(--font);font-weight:700;font-size:var(--t-body);cursor:pointer;min-height:36px}.fb-kind.on{background:var(--broth-deep);border-color:var(--broth-deep);color:var(--white)}.fb-sheet .fb-area{min-height:110px;font-size:16px;user-select:text;-webkit-user-select:text}.fb-area.fb-short{border-color:var(--bad)}.fb-meta,.fb-link{margin:0;text-align:center}.fb-link .link{padding:0;font-size:inherit}.fb-err{margin:0;color:var(--bad);font-size:var(--t-body);text-align:center}.fb-actions{display:flex;gap:var(--s-2)}.fb-actions .btn{margin-top:0;flex:1;width:auto}.fb-cta-row{display:flex;gap:var(--s-2);flex-wrap:wrap;justify-content:center}.av{width:22px;height:22px;border-radius:50%;object-fit:cover;flex:none;vertical-align:middle;box-shadow:0 0 0 1.5px #fffc}.home-id .who .who-av{width:24px;height:24px;margin-left:calc(-1 * var(--s-2))}.lb-name .lb-av{margin-right:var(--s-1)}.lb-note{margin:0 0 var(--s-2);text-align:center}.snd{display:flex;align-items:center;gap:var(--s-2)}.snd-tray{display:flex;align-items:center;gap:2px;padding:3px;border-radius:var(--r-pill);background:#fffaf2e6;box-shadow:0 2px 8px #2b211829;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:tray-in var(--m-quick) var(--ease-out)}.snd-tray[hidden]{display:none}@keyframes tray-in{0%{opacity:0;transform:translate(-8px) scale(.96)}}.snd-opt{display:inline-flex;align-items:center;gap:5px;border:none;background:none;cursor:pointer;font-family:var(--font);font-size:var(--t-label);font-weight:800;color:var(--ink);padding:0 var(--s-3);height:32px;border-radius:var(--r-pill);white-space:nowrap}.snd-opt:active{background:#2b211814}.snd-opt svg{width:17px;height:17px;stroke:var(--ink);stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round;flex:none}.snd-opt[aria-pressed=false]{color:var(--muted)}.snd-opt[aria-pressed=false] svg{stroke:var(--muted)}.snd-theme{background:var(--broth-wash)}.snd-theme svg{stroke:var(--accent-ink)}@media (max-width: 380px){.snd-opt span{display:none}.snd-theme span{display:inline}}.icon-btn.confirm{width:auto;padding:0 var(--s-3);border-radius:var(--r-pill);background:var(--bad);color:var(--white);font-family:var(--font);font-size:var(--t-body);font-weight:800}.center>.btn.small{display:inline-block}