:root{color-scheme:dark;--bg: #0b0d12;--bg-2: #141820;--bg-3: #1c212c;--ink: #e8edf5;--muted: #8b93a7;--line: #2a3140;--gold: #f0c75e;--danger: #e07a6a;--font: "DM Sans", "Segoe UI", system-ui, sans-serif;--mono: "IBM Plex Mono", "SF Mono", ui-monospace, monospace;--r-common: #8b93a7;--r-uncommon: #3dd6a3;--r-rare: #5b8cff;--r-epic: #b07bff;--r-anomaly: #ff6b9d;--r-mythic: #f0c75e;--r-trash: #6a7180}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:var(--font);background:radial-gradient(900px 500px at 50% -20%,#1a2240 0%,transparent 60%),var(--bg);color:var(--ink)}button,input{font:inherit}button{cursor:pointer;border:1px solid var(--line);background:var(--bg-3);color:var(--ink);border-radius:999px;padding:.55rem 1.15rem}button:hover{border-color:#4a5568}button:disabled{opacity:.45;cursor:default}button.primary{background:linear-gradient(180deg,#f3d78a,#c9a24a);color:#1a1408;border-color:#b8923c;font-weight:700;padding:.7rem 1.8rem;font-size:1.05rem}button.ghost{background:transparent}button.danger{color:var(--danger);border-color:#5a332e}.app{max-width:760px;margin:0 auto;padding:1.1rem 1rem 4rem}.top{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.brand{letter-spacing:.22em;text-transform:lowercase;color:var(--ink);font-weight:700;font-size:1.1rem}.nav{display:flex;gap:.35rem;flex-wrap:wrap}.nav button{padding:.4rem .85rem;font-size:.9rem}.nav button[aria-current=page]{border-color:var(--gold);color:var(--gold)}.hero{text-align:center;padding:.4rem 0 1.6rem;overflow:visible}.hint{color:var(--muted);margin:.85rem 0 1.1rem;font-size:.92rem}.reel{display:flex;justify-content:center;align-items:center;min-height:6.4rem;padding:.35rem 1.4rem;position:relative;overflow:visible;perspective:640px}.reel-shell{display:flex;justify-content:center;align-items:center;gap:.45rem;padding:0;border-radius:16px;border:1px solid transparent;background:transparent;transform-style:preserve-3d;transition:gap .58s cubic-bezier(.22,1,.36,1),padding .58s cubic-bezier(.22,1,.36,1),background-color .58s ease,border-color .58s ease,box-shadow .58s ease}.reel.unify .reel-shell{gap:.08rem;padding:.18rem .32rem;background:#1a2030;border-color:#dfe7f5;box-shadow:0 0 0 1px #dfe7f538;animation:unify-bloom .72s cubic-bezier(.16,1.25,.3,1)}.reel-slot{width:3.15rem;height:4.1rem;display:grid;place-items:center;border-radius:12px;background:#12151c;border:1px solid #2c3342;font-family:var(--mono);font-size:2.15rem;font-weight:600;color:#6d7688;position:relative;overflow:visible;transform-style:preserve-3d;transition:opacity .2s linear,border-color .58s ease,background-color .58s ease,border-radius .58s ease,box-shadow .58s ease}.reel-slot.spin{color:#9aa3b5}.reel-slot.drop{animation:drop-out .45s cubic-bezier(.4,.1,.9,.3) forwards;pointer-events:none}.reel-slot.locking,.reel-slot.lock{color:#fff;border-color:#dfe7f5;background:#1a2030}.reel-slot.locking{animation:lock-flash .65s cubic-bezier(.16,1.4,.3,1)}.reel.unify .reel-slot.lock,.reel.unify .reel-slot.locking{border-color:transparent;background:transparent;border-radius:6px;box-shadow:none}.digit-base{position:relative;z-index:2;line-height:1;transition:color .28s ease,text-shadow .28s ease}.reel-slot.tint .digit-base{color:color-mix(in srgb,var(--tint) 78%,#fff);text-shadow:0 0 calc(4px + var(--hits) * 3px) color-mix(in srgb,var(--tint) 70%,transparent),0 0 calc(10px + var(--hits) * 6px) color-mix(in srgb,var(--tint) 35%,transparent)}.reel-slot.rarity-common{--tint: var(--r-common)}.reel-slot.rarity-uncommon{--tint: var(--r-uncommon)}.reel-slot.rarity-rare{--tint: var(--r-rare)}.reel-slot.rarity-epic{--tint: var(--r-epic)}.reel-slot.rarity-anomaly{--tint: var(--r-anomaly)}.reel-slot.rarity-mythic{--tint: var(--r-mythic)}.pips{position:absolute;left:0;right:0;bottom:.3rem;display:flex;justify-content:center;flex-wrap:wrap;gap:3px;padding:0 4px;pointer-events:none}.pip{width:5px;height:5px;border-radius:50%;background:var(--pip);box-shadow:0 0 6px color-mix(in srgb,var(--pip) 75%,transparent);animation:pip-in .3s cubic-bezier(.22,1.4,.36,1) both}.pip.rarity-common{--pip: var(--r-common)}.pip.rarity-uncommon{--pip: var(--r-uncommon)}.pip.rarity-rare{--pip: var(--r-rare)}.pip.rarity-epic{--pip: var(--r-epic)}.pip.rarity-anomaly{--pip: var(--r-anomaly)}.pip.rarity-mythic{--pip: var(--r-mythic)}@keyframes lock-flash{0%{transform:scale(1.72);color:#fff;text-shadow:0 0 22px #fff,0 0 42px #9ec1ff;box-shadow:0 0 24px #ffffff8c}to{transform:scale(1);color:#fff;text-shadow:0 0 0 transparent;box-shadow:none}}@keyframes drop-out{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(110px) rotate(16deg);opacity:0}}.combo-list{display:flex;flex-direction:column;gap:.85rem;margin:.4rem 0 1.3rem}.combo{background:#12161e;border:1px solid #262c3a;border-radius:16px;padding:.9rem 1rem .85rem;animation:rise .24s cubic-bezier(.22,1,.32,1) both}.combo.rarity-common{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--r-common) 25%,transparent)}.combo.rarity-uncommon{border-color:color-mix(in srgb,var(--r-uncommon) 45%,#262c3a);box-shadow:0 0 0 1px color-mix(in srgb,var(--r-uncommon) 18%,transparent),0 0 24px color-mix(in srgb,var(--r-uncommon) 12%,transparent)}.combo.rarity-rare{border-color:color-mix(in srgb,var(--r-rare) 50%,#262c3a);box-shadow:0 0 0 1px color-mix(in srgb,var(--r-rare) 20%,transparent),0 0 28px color-mix(in srgb,var(--r-rare) 14%,transparent)}.combo.rarity-epic{border-color:color-mix(in srgb,var(--r-epic) 50%,#262c3a);box-shadow:0 0 28px color-mix(in srgb,var(--r-epic) 16%,transparent)}.combo.rarity-anomaly{border-color:color-mix(in srgb,var(--r-anomaly) 50%,#262c3a);box-shadow:0 0 28px color-mix(in srgb,var(--r-anomaly) 16%,transparent)}.combo.rarity-mythic{border-color:color-mix(in srgb,var(--r-mythic) 55%,#262c3a);box-shadow:0 0 32px color-mix(in srgb,var(--r-mythic) 18%,transparent)}.combo-head{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.combo-title{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap;min-width:0}.combo-emoji{font-size:1.15rem}.combo-name{font-weight:800;letter-spacing:.06em;text-transform:uppercase;font-size:.92rem}.combo-desc{margin:.35rem 0 .7rem;color:var(--muted);font-size:.78rem;letter-spacing:.04em;text-transform:uppercase}.combo-ep{font-family:var(--mono);font-weight:700;font-size:.85rem;color:var(--gold);border:1px solid color-mix(in srgb,var(--gold) 40%,transparent);border-radius:999px;padding:.22rem .65rem;white-space:nowrap}.rarity-pill{font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;border-radius:6px;padding:.18rem .42rem;border:1px solid currentColor}.rarity-pill.rarity-common{color:var(--r-common)}.rarity-pill.rarity-uncommon{color:var(--r-uncommon);background:color-mix(in srgb,var(--r-uncommon) 12%,transparent)}.rarity-pill.rarity-rare{color:var(--r-rare);background:color-mix(in srgb,var(--r-rare) 14%,transparent)}.rarity-pill.rarity-epic{color:var(--r-epic);background:color-mix(in srgb,var(--r-epic) 14%,transparent)}.rarity-pill.rarity-anomaly{color:var(--r-anomaly);background:color-mix(in srgb,var(--r-anomaly) 14%,transparent)}.rarity-pill.rarity-mythic{color:var(--r-mythic);background:color-mix(in srgb,var(--r-mythic) 14%,transparent)}.combo-digits{display:flex;gap:.35rem;padding:.55rem 0 .15rem;border-top:1px solid #262c3a;overflow:visible}.chip{width:1.85rem;height:1.85rem;display:grid;place-items:center;border-radius:7px;font-family:var(--mono);font-size:.95rem;font-weight:700;color:#5d6575;background:transparent}.chip.lit{color:#0b0d12;background:var(--chip);animation:sine-awaken .26s linear}.combo.rarity-common{--chip: var(--r-common)}.combo.rarity-uncommon{--chip: var(--r-uncommon)}.combo.rarity-rare{--chip: var(--r-rare)}.combo.rarity-epic{--chip: var(--r-epic)}.combo.rarity-anomaly{--chip: var(--r-anomaly)}.combo.rarity-mythic{--chip: var(--r-mythic)}.earned{list-style:none;margin:.55rem 0 0;padding:0;display:flex;flex-direction:column;gap:.35rem}.earned li{display:grid;grid-template-columns:1.1rem auto 1fr auto;align-items:center;gap:.45rem;background:#0e1218;border-radius:10px;padding:.45rem .7rem;color:#7b8496;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;font-weight:700}.earned-mark{color:#3a4252;font-family:var(--mono)}.earned-tag{color:#5c6578;font-weight:600;font-size:.72rem}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin:.2rem 0 1.2rem}.stat{background:var(--bg-2);border:1px solid var(--line);border-radius:14px;padding:.8rem;text-align:center}.stat b{display:block;font-size:1.05rem;color:var(--gold)}.stat span{color:var(--muted);font-size:.75rem}.actions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.composer{margin-top:1.5rem}.tile-groups{display:flex;flex-direction:column;gap:.8rem}.group-label{color:var(--muted);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase}.tiles{display:flex;flex-wrap:wrap;gap:.4rem}.tile{border-radius:10px;padding:.35rem .65rem;background:var(--bg-3);border:1px solid var(--line)}.tile.on{border-color:var(--gold);color:var(--gold)}.poem-line{min-height:2.4rem;margin:.8rem 0;padding:.7rem;border:1px dashed var(--line);border-radius:12px;color:var(--gold)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.55rem .4rem;border-bottom:1px solid var(--line)}tr.you td{color:var(--gold)}.tabs{display:flex;gap:.4rem;margin-bottom:.8rem}.card{background:var(--bg-2);border:1px solid var(--line);border-radius:16px;padding:1rem 1.1rem}.muted{color:var(--muted)}.error{color:var(--danger);text-align:center}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes unify-bloom{0%{transform:scale(1);box-shadow:none}32%{transform:scale(1.14);box-shadow:0 0 28px #ffffff8c,0 0 56px #9ec1ff6b}to{transform:scale(1);box-shadow:0 0 0 1px #dfe7f538}}@keyframes pip-in{0%{opacity:0;transform:translateY(6px) scale(.4)}60%{opacity:1;transform:translateY(-1px) scale(1.35)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes sine-awaken{0%{transform:scale(1);color:#5d6575;background:transparent}12.5%{transform:scale(1.084);color:#0b0d12;background:var(--chip)}25%{transform:scale(1.156)}37.5%{transform:scale(1.203)}50%{transform:scale(1.22)}62.5%{transform:scale(1.203)}75%{transform:scale(1.156)}87.5%{transform:scale(1.084)}to{transform:scale(1);color:#0b0d12;background:var(--chip)}}@media(max-width:560px){.stats{grid-template-columns:1fr}.reel-slot{width:2.45rem;height:3.4rem;font-size:1.7rem}.chip{width:1.55rem;height:1.55rem;font-size:.85rem}}