@font-face{font-family:Bricolage;src:url(../fonts/bricolage-700.ttf) format("truetype");font-weight:700;font-display:swap}@font-face{font-family:Figtree;src:url(../fonts/figtree-500.ttf) format("truetype");font-weight:400 800;font-display:swap}:root{--gold: #e2b641;--ink: #161a20;--cream: #faf9f5;--muted: #9aa1ab;--line: rgba(250,249,245,.12);--panel: #1e232b;--common: #7a8494;--rare: #3d9ead;--holo: #9b6dff;--alpha: #e2b641;--safe-b: env(safe-area-inset-bottom, 0px);--safe-t: env(safe-area-inset-top, 0px)}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--ink);color:var(--cream);font-family:Figtree,system-ui,sans-serif;overscroll-behavior:none}body{-webkit-tap-highlight-color:transparent}button,input{font:inherit}canvas#game{position:fixed;inset:0;width:100vw;height:100dvh;display:block;touch-action:none}#menu{position:fixed;inset:0;overflow-y:auto;background:radial-gradient(1200px 600px at 50% -10%,rgba(226,182,65,.14),transparent 60%),#161a20f0;z-index:5;padding:calc(24px + var(--safe-t)) 18px calc(18px + var(--safe-b))}#menu[hidden]{display:none}.screen{max-width:760px;margin:0 auto;text-align:center}.wordmark{font-family:Bricolage,sans-serif;font-weight:700;color:var(--gold);font-size:20px;letter-spacing:.01em;margin:8px 0 0}h1{font-family:Bricolage,sans-serif;font-size:clamp(56px,14vw,112px);line-height:.95;margin:6px 0 12px}h2{font-family:Bricolage,sans-serif;font-size:clamp(30px,7vw,44px);margin:8px 0 6px}.tag{color:#d7d9dc;font-size:18px;max-width:520px;margin:0 auto 16px}.sub,.note{color:var(--muted);margin:0 0 14px}.note{min-height:1.3em;font-size:14px}.cup{display:inline-flex;gap:8px;align-items:center;border:1px solid rgba(226,182,65,.45);color:var(--gold);padding:6px 14px;border-radius:999px;font-weight:700;font-size:14px;margin-bottom:18px}.cup small{color:var(--muted);font-weight:500}.stack{display:grid;gap:10px;max-width:340px;margin:0 auto 22px}.row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:10px 0}.btn{appearance:none;border:0;border-radius:14px;padding:12px 18px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:46px}.btn.big{font-size:19px;padding:15px 26px}.btn.gold{background:var(--gold);color:var(--ink)}.btn.gold:hover{filter:brightness(1.06)}.btn.ghost{background:transparent;color:var(--cream);border:1px solid var(--line)}.btn:disabled{opacity:.5;cursor:not-allowed}.back{background:none;border:0;color:var(--muted);cursor:pointer;float:left;padding:6px 0;font-size:15px}.rules{text-align:left;max-width:520px;margin:0 auto;color:#c7cbd1;font-size:14px;line-height:1.5;padding-left:20px}.breeds{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;margin:8px 0 16px;clear:both}.breed{background:var(--panel);border:2px solid transparent;border-radius:16px;padding:8px 6px 10px;cursor:pointer;color:var(--cream);display:grid;justify-items:center;gap:4px}.breed .pet{width:100%;height:84px;display:grid;place-items:end center;border-radius:12px;background:radial-gradient(ellipse 45% 12% at 50% 92%,rgba(0,0,0,.35),transparent 70%),radial-gradient(circle at 50% 60%,#2f3641,#22272f 70%);padding:4px 0 6px;box-sizing:border-box}.breed .pet img{max-width:92%;max-height:74px;width:auto;height:auto;object-fit:contain}.breed b{font-size:13px;line-height:1.15}.breed small{color:var(--muted);font-size:11px}.breed .sp{display:grid;gap:2px;margin-top:2px;padding-top:5px;border-top:1px solid var(--line);width:100%;text-align:center}.breed .sp i{font-style:normal;font-weight:700;font-size:11.5px;color:var(--gold)}.breed .sp small{font-size:10px;line-height:1.25}.breed[aria-pressed=true]{border-color:var(--gold);background:#262b33}.tierpick{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.tierpick>span{color:var(--muted);font-weight:700}.tiers{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.tier{border:2px solid var(--c);color:var(--cream);background:transparent;border-radius:999px;padding:8px 14px;font-weight:700;cursor:pointer;min-height:40px}.tier[aria-pressed=true]{background:var(--c);color:var(--ink)}#hud{position:fixed;inset:0;pointer-events:none;z-index:3;padding:calc(10px + var(--safe-t)) 12px 12px}#hud[hidden]{display:none}.hud-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.hud-left{display:grid;gap:6px;min-width:0;flex:1;max-width:280px}.hud-mid{text-align:center;flex:0 0 auto}.clock{font-family:Bricolage,sans-serif;font-size:28px;line-height:1}.kills{color:var(--muted);font-size:13px}.badge{display:inline-flex;align-items:center;gap:6px;background:#161a20bf;border:2px solid var(--c, var(--common));border-radius:999px;padding:3px 10px 3px 3px;font-size:13px;font-weight:700;width:max-content;max-width:100%}.badge img{width:26px;height:26px;border-radius:50%;object-fit:cover}.badge i{font-style:normal;color:var(--c)}.bar{position:relative;height:14px;background:#00000080;border-radius:999px;overflow:hidden;border:1px solid var(--line)}.bar span{position:absolute;inset:0 auto 0 0;width:0;background:#5ee38b;transition:width .1s linear}.bar em{position:absolute;inset:0;font-style:normal;font-size:10px;font-weight:800;display:grid;place-items:center;text-shadow:0 1px 2px #000}.bar.xp{margin-top:8px;height:10px}.bar.xp span{background:linear-gradient(90deg,var(--rare),var(--holo))}.icon-btn{pointer-events:auto;width:44px;height:44px;border-radius:12px;border:1px solid var(--line);background:#161a20bf;color:var(--cream);font-size:14px;cursor:pointer}.bossbar{margin:10px auto 0;max-width:520px;text-align:center}.bossbar b{font-family:Bricolage,sans-serif;color:#ff8a8a;font-size:16px}.bossbar .bar span{background:linear-gradient(90deg,#ff6b6b,var(--gold))}.warn{margin:14px auto 0;width:max-content;background:#b23a48e6;padding:6px 14px;border-radius:999px;font-weight:800}.sp-btn{pointer-events:auto;position:absolute;right:calc(14px + env(safe-area-inset-right,0px));bottom:calc(52px + var(--safe-b));width:88px;height:88px;border-radius:50%;border:0;padding:0;cursor:pointer;color:var(--cream);background:conic-gradient(var(--c) calc(var(--p) * 1turn),rgba(250,249,245,.12) 0);display:grid;place-items:center;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .12s,filter .2s}.sp-btn:before{content:"";position:absolute;inset:6px;border-radius:50%;background:radial-gradient(circle at 50% 35%,#2a313b,#161a20 75%)}.sp-btn>span{position:relative}.sp-btn .sp-ic{font-size:30px;line-height:1;margin-top:-10px;filter:grayscale(.7) opacity(.6);transition:filter .2s}.sp-btn .sp-name{position:absolute;left:50%;bottom:14px;transform:translate(-50%);font:700 10px/1.1 Figtree,sans-serif;white-space:nowrap;color:var(--muted);max-width:74px;overflow:hidden;text-overflow:ellipsis}.sp-btn .sp-key{position:absolute;left:50%;top:calc(100% + 4px);transform:translate(-50%);font:600 10px Figtree,sans-serif;color:var(--muted);white-space:nowrap}.sp-btn:disabled{cursor:default}.sp-btn.ready{animation:sp-pulse 1s ease-in-out infinite;box-shadow:0 0 0 3px var(--c),0 0 26px var(--c)}.sp-btn.ready .sp-ic{filter:none}.sp-btn.ready .sp-name{color:var(--cream)}.sp-btn.ready:active{transform:scale(.94)}.sp-btn.firing{filter:brightness(1.4)}@keyframes sp-pulse{50%{transform:scale(1.07)}}@media(pointer:coarse){.sp-btn .sp-key{display:none}.sp-btn{width:84px;height:84px;bottom:calc(46px + var(--safe-b))}}.hint{position:absolute;left:0;right:0;bottom:calc(18px + var(--safe-b));text-align:center;color:var(--muted);font-size:13px;margin:0;transition:opacity .6s}.modal{position:fixed;inset:0;background:#0a0c10b8;z-index:6;display:grid;place-items:center;padding:16px}.modal[hidden]{display:none}.sheet{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:18px;width:min(680px,100%);text-align:center}.sheet.small{width:min(360px,100%)}.choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}.choice{background:#262b33;border:2px solid var(--line);border-radius:16px;color:var(--cream);padding:14px 12px;cursor:pointer;text-align:left;display:grid;grid-template-columns:40px 1fr;gap:2px 10px;align-items:center;min-height:72px}.choice:hover,.choice:focus-visible{border-color:var(--gold);outline:none}.choice .ic{font-size:28px;grid-row:span 2;text-align:center}.choice b{font-size:16px}.choice small{color:var(--muted)}.choice .lv{color:var(--gold);font-size:12px;font-weight:700}.scoreline{display:grid;margin:6px 0}.scoreline b{font-family:Bricolage,sans-serif;font-size:clamp(52px,12vw,80px);line-height:1}.scoreline span{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:12px}.stats{display:flex;justify-content:center;gap:22px;flex-wrap:wrap;margin:12px 0}.stats div{display:grid}.stats b{font-family:Bricolage,sans-serif;font-size:26px}.stats span{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.points{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:12px 14px;max-width:520px;margin:10px auto;font-size:14px;color:#d7d9dc}.points b{color:var(--gold)}.meter{height:8px;background:#0006;border-radius:999px;overflow:hidden;margin-top:8px}.meter span{display:block;height:100%;background:var(--gold)}.name{max-width:420px;margin:10px auto}.name label{color:var(--muted);font-size:13px}.name input{flex:1;min-width:0;background:#0f1216;color:var(--cream);border:1px solid var(--line);border-radius:12px;padding:10px 12px;min-height:46px}.share img{width:min(100%,560px);aspect-ratio:1200/630;border-radius:14px;border:1px solid var(--line);background:#0f1216;display:block;margin:12px auto 0}.board{text-align:left;max-width:520px;margin:8px auto 24px;padding:0;list-style:none;counter-reset:r}.board li{counter-increment:r;display:grid;grid-template-columns:34px 36px 1fr auto;gap:10px;align-items:center;background:var(--panel);border-radius:12px;padding:8px 12px;margin-bottom:6px;border-left:4px solid var(--c, var(--common))}.board li:before{content:"#" counter(r);color:var(--muted);font-weight:700}.board img{width:36px;height:36px;border-radius:50%;object-fit:cover}.board b{font-family:Bricolage,sans-serif;font-size:20px}.board small{color:var(--muted);display:block}.board .empty{display:block;text-align:center;color:var(--muted);border:0}.board .empty:before{content:none}.pw-footer{max-width:760px;margin:40px auto 0;border-top:1px solid var(--line);padding-top:18px;text-align:center}.pw-footer .label{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.12em;margin:0 0 10px}.pw-footer ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.pw-footer a,.pw-footer .soon{display:inline-flex;gap:6px;align-items:center;padding:8px 12px;border:1px solid var(--line);border-radius:999px;color:var(--cream);text-decoration:none;font-size:14px;font-weight:600}.pw-footer a:hover{border-color:var(--gold)}.pw-footer small{color:var(--muted);font-weight:500}.pw-footer .soon{opacity:.6}.pw-footer .x{border-color:#e2b64180;color:var(--gold)}.pw-footer .fine{color:#6b7280;font-size:12px;margin-top:14px}@media(max-width:520px){.breeds{grid-template-columns:repeat(3,1fr)}.clock{font-size:24px}.choices{grid-template-columns:1fr}}@media(pointer:coarse){.hint{padding:0 104px 0 12px}}.who{display:inline-flex;gap:12px;align-items:center;text-align:left;background:var(--panel);border:1px solid var(--c, var(--common));border-radius:14px;padding:8px 14px 8px 8px;margin:0 auto 14px;max-width:100%}.who img{width:52px;height:52px;border-radius:10px;object-fit:cover;background:#0004}.who b{display:block;font-size:17px}.who small{display:block;color:#c7cbd1;font-size:13px}.who small.acct{color:var(--muted);font-size:12px;word-break:break-all}.testlogin{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.testlogin select{background:var(--panel);color:inherit;border:1px dashed rgba(255,255,255,.3);border-radius:10px;padding:8px 10px;font:inherit;font-size:14px}.linkish{background:none;border:0;color:var(--muted);text-decoration:underline;cursor:pointer;font:inherit;font-size:14px}.tabs{display:inline-flex;gap:6px;margin-bottom:8px}.tab{background:var(--panel);color:#c7cbd1;border:1px solid rgba(255,255,255,.15);border-radius:999px;padding:6px 14px;cursor:pointer;font:inherit;font-size:14px}.tab[aria-pressed=true]{border-color:var(--gold);color:var(--gold)}.tag{font-style:normal;font-size:11px;text-transform:uppercase;letter-spacing:.04em;border:1px solid var(--muted);color:var(--muted);border-radius:6px;padding:0 5px;margin-left:4px;vertical-align:2px}.tag.you{border-color:var(--gold);color:var(--gold)}.board li.you{outline:1px solid var(--gold)}.board li.empty{display:block;color:var(--muted);border-left-color:transparent}.board li.empty:before{content:none}.posted{min-height:1.3em;color:#c7cbd1;font-size:14px;margin:4px 0 12px}[hidden]{display:none!important}