:root{--bg:#120a1f;--panel:#1d1230;--panel2:#281845;--line:#3d2a66;--text:#f2ecff;--dim:#a99ccc;--gold:#fc3;--pink:#ff3d81;--teal:#3ee6c8;--red:#ff5a6e}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0;font:16px/1.4 system-ui,Segoe UI,sans-serif}body{background:radial-gradient(1200px 600px at 50% -10%, #3a1d6b 0%, var(--bg) 60%);min-height:100vh}button{font:inherit;color:inherit;cursor:pointer;border:1px solid var(--line);background:var(--panel2);touch-action:manipulation;border-radius:10px;padding:8px 14px}button:hover:not(:disabled){border-color:var(--gold)}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible{outline:2px solid var(--teal);outline-offset:2px}h1,h2,h3{letter-spacing:.04em;margin:0 0 8px}h2{color:var(--gold);text-transform:uppercase;font-size:1.1rem}h3{color:var(--teal);margin-top:14px;font-size:.95rem}small,.hint{color:var(--dim);font-size:.8rem}.gold{color:var(--gold)}.teal{color:var(--teal)}#app{max-width:980px;margin:0 auto;padding:0 16px 90px}#hud{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:5;background:#120a1feb;flex-wrap:wrap;align-items:center;gap:12px 18px;padding:12px 0;display:flex;position:sticky;top:0}.brand{letter-spacing:.12em;color:var(--gold);margin-right:auto;font-size:1.1rem;font-weight:900}.brand b{color:var(--pink)}.stat{flex-direction:column;min-width:56px;display:flex}.stat span{color:var(--dim);text-transform:uppercase;letter-spacing:.08em;font-size:.7rem}.stat em{font-style:normal}.stat strong{font-size:1.3rem}.stat.wide{flex:1;min-width:160px;max-width:280px}.bar{background:var(--panel);border-radius:4px;height:8px;margin:3px 0;overflow:hidden}.bar div{background:linear-gradient(90deg, var(--pink), var(--gold));height:100%}.pips{flex-wrap:wrap;gap:3px;display:flex}.pips i{background:var(--panel2);border:1px solid var(--line);border-radius:50%;width:9px;height:9px}.pips i.on{background:var(--teal);border-color:var(--teal)}.icon{padding:4px 10px}nav{padding:8px 8px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--line);z-index:5;background:#120a1ff2;justify-content:center;gap:6px;display:flex;position:fixed;bottom:0;left:0;right:0}nav button{flex:1;max-width:150px}nav button.active{background:var(--gold);color:#1a1030;border-color:var(--gold);font-weight:700}main{padding-top:16px}.cabinet{grid-template-columns:minmax(0,1fr);gap:14px;display:grid}.cabinet .machine{max-width:620px}@media (width>=1000px){#app{max-width:1280px}.cabinet{grid-template-columns:minmax(0,560px);justify-content:center;align-items:start}}.machine{background:var(--panel);border:1px solid var(--line);border-radius:18px;max-width:560px;margin:0 auto;padding:18px;box-shadow:0 10px 40px #0006,inset 0 0 0 2px #ffcc330f}.note{min-height:2.6em;color:var(--text);margin:10px 0}.big{background:linear-gradient(180deg, var(--pink), #c4154f);letter-spacing:.08em;border:0;width:100%;margin-top:10px;padding:14px;font-size:1.2rem;font-weight:800;display:block;box-shadow:0 4px #7d0b31}.big:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px #7d0b31}.big small{letter-spacing:0;color:#ffd6e6;font-weight:400;display:block}.bet{justify-content:center;align-items:center;gap:12px;display:flex}.bet span{text-align:center;min-width:80px}@keyframes pulse{to{transform:scale(1.06)}}.paytable{color:var(--dim);margin-top:10px;font-size:.9rem}.paytable svg{vertical-align:-.2em;width:1.2em;height:1.2em}.paytable ul,ul.list{margin:6px 0;padding:0;list-style:none}ul.list{grid-template-columns:1fr 1fr;gap:2px 14px;margin-top:14px;display:grid}ul.list li{color:var(--dim);border-radius:6px;justify-content:space-between;padding:2px 6px;font-size:.85rem;display:flex}ul.list li.now{background:var(--gold);color:#1a1030;font-weight:700}.empty{color:var(--dim);border:2px dashed var(--line);border-radius:12px;grid-column:1/-1;place-items:center;display:grid}.branches,.cols{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.tree,.book{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:18px}.tree .big{max-width:260px;margin:10px 0}.node{text-align:left;flex-direction:column;gap:2px;width:100%;margin-bottom:8px;display:flex}.node span{color:var(--dim);font-size:.85rem}.node em{color:var(--gold);font-size:.8rem;font-style:normal}.node.owned{border-color:var(--teal);opacity:1;background:#0f3a38}.node.owned em{color:var(--teal)}.node.ready{border-color:var(--gold)}.node.locked{opacity:.35}.plain{margin:0;padding:0;list-style:none}.plain li{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:8px;padding:6px 8px;display:flex}.plain li.done{color:var(--teal)}.plain em{color:var(--gold);font-size:.8rem;font-style:normal}.relics{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.relic{border:1px dashed var(--line);color:var(--dim);border-radius:10px;flex-direction:column;padding:8px;display:flex}.relic.found{border:1px solid var(--gold);background:var(--panel2);color:var(--text)}.craft{justify-content:space-between;align-items:center;gap:10px;margin:6px 0;display:flex}button.relic{text-align:left}.relic.picked{border-color:var(--teal);background:#0f3a38}.relic span{color:var(--dim);font-size:.8rem}.modal{z-index:10;background:#080410cc;place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow:auto}.card-box{background:var(--panel);border:2px solid var(--gold);text-align:center;border-radius:18px;width:100%;max-width:560px;padding:22px}.card-box.title h1{color:var(--gold);font-size:2.4rem}.card-box.title b{color:var(--pink)}.charms{gap:10px;margin:14px 0;display:grid}.charm{border-color:var(--gold);flex-direction:column;gap:2px;padding:12px;display:flex}.charm span{color:var(--dim);font-size:.9rem}.row{gap:10px;margin-top:12px;display:flex}.row .big{margin-top:0}#toasts{z-index:20;pointer-events:none;flex-direction:column;gap:6px;max-width:80vw;display:flex;position:fixed;top:70px;right:12px}#toasts div{background:var(--gold);color:#1a1030;border-radius:10px;padding:8px 12px;font-weight:700;animation:.2s ease-out in;box-shadow:0 4px 16px #00000080}@keyframes in{0%{opacity:0;transform:translate(30px)}}.branches.one{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.pips.inline{vertical-align:middle;margin-left:6px;display:inline-flex}nav button{padding:8px 4px}[hidden]{display:none!important}@media (prefers-reduced-motion:reduce){*{animation:none!important}}.boss{border:1px solid var(--pink);color:#ffd6e6;background:#ff3d811f;border-radius:8px;margin:6px 0;padding:6px 10px}.relic .perk{color:var(--teal)}.relic .two{gap:6px;margin-top:6px;display:flex}.relic .two button{flex:1;padding:4px 6px;font-size:.8rem}.relic.equipped{border-color:var(--teal);box-shadow:0 0 10px #3ee6c84d}.card-box.wide{max-width:860px}.charm.uncommon{border-color:var(--teal)}.charm.rare{border-color:var(--pink);box-shadow:0 0 14px #ff3d8159}.charm em{color:var(--gold);text-transform:uppercase;letter-spacing:.06em;font-size:.75rem;font-style:normal}@media (width>=700px){.card-box.wide .charms{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}}.cards{border:2px solid var(--gold);background:#0b5a2e;border-radius:14px;grid-template-columns:minmax(34px,.7fr) repeat(5,minmax(0,1fr)) minmax(40px,.9fr);align-items:stretch;gap:6px;padding:10px;display:grid}.cards .line{border-radius:8px;min-height:26px;padding:4px 2px;font-size:.7rem}.cards .line.on{background:var(--teal);color:#052e26;border-color:var(--teal);font-weight:800}.cards .line:disabled{opacity:.55}.pc{aspect-ratio:5/7;color:#1c1230;background:#fbf8ff;border:2px solid #cfc2ee;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:0;min-width:0;padding:2px;font-size:clamp(.9rem,3.6vw,1.5rem);font-weight:800;line-height:1.05;display:flex;position:relative}.pc.red{color:#d3213f}.pc.back{background:repeating-linear-gradient(45deg,#2a1450,#2a1450 4px,#3d1f75 4px 8px);border-color:#6a4bb3}.pc.held{border-color:var(--teal);box-shadow:0 0 0 2px var(--teal);transform:translateY(-4px)}.pc.new{animation:.4s ease-out deal-in}.pc.dead{opacity:.4;filter:grayscale(.8)}.cards .line.locked{color:#ffb3c4;border-color:var(--pink);background:#4a1020}.charm.voucher{border-color:var(--teal);background:#0f2f33}.setups{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.charm.picked{box-shadow:0 0 0 2px var(--teal)}.pc.glass{background:linear-gradient(#eaf9ff,#bfe6f7);border-color:#7fc4e6}.pc.stone{color:#e9e6f2;background:#6b6678;border-color:#4a4558}.pc.ed-foil{border-color:#cfd8e8;box-shadow:inset 0 0 0 2px #8fa3c2}.pc.ed-holo{background:linear-gradient(135deg,#fff,#ffd6f3 45%,#d6e8ff)}.pc.ed-poly{background:linear-gradient(135deg,#ffe9a8,#ffb3d9 35%,#b9a8ff 65%,#a8f0ff)}.pc.ed-negative{color:#fbf8ff;background:#1c1230;border-color:#fbf8ff}.pc.seal-coin em:after{content:" ●";color:#d99a00}.pc.seal-red em:after{content:" ●";color:#d3213f}.pc.joker{background:linear-gradient(#fff3b8,#ffd84a)}.pc.gold{box-shadow:inset 0 0 0 2px var(--gold)}.pc em{color:#7a4a00;font-size:.55rem;font-style:normal;position:absolute;bottom:1px;right:3px}.pc:disabled{opacity:1;cursor:default}.badge{color:#fff;text-align:center;flex-direction:column;justify-content:center;min-width:0;font-size:.6rem;line-height:1.1;display:flex;overflow:hidden}.badge b{color:var(--gold);font-size:.75rem}.badge.none{visibility:hidden}@keyframes deal-in{0%{opacity:0;transform:translateY(-14px)rotateY(90deg)}to{opacity:1;transform:none}}@media (width<=520px){.badge{font-size:.5rem}.badge b{font-size:.62rem}.cards{gap:4px;padding:6px}}.kinds{flex-wrap:wrap;gap:6px;margin:8px 0;display:flex}.kinds button.active{background:var(--gold);color:#1a1030;border-color:var(--gold);font-weight:800}.picker{gap:4px;display:grid}.pickrow{grid-template-columns:repeat(13,minmax(0,1fr));gap:3px;display:grid}.pick{color:#1c1230;background:#fbf8ff;border:1px solid #cfc2ee;border-radius:5px;min-width:0;padding:4px 0;font-size:.72rem;position:relative}.pick.red{color:#d3213f}.pick.has{box-shadow:0 0 0 2px var(--gold)}.pick em{color:#7a4a00;min-height:.6em;font-size:.5rem;font-style:normal;display:block}.pick:disabled{opacity:.4}@media (width<=520px){.pick{font-size:.58rem}}.modes{gap:6px;display:flex}.modes button{border-radius:999px;padding:6px 12px;font-size:.85rem}.modes button.active{background:var(--gold);color:#1a1030;border-color:var(--gold);font-weight:800}#roundbox button.active{border-color:var(--teal)}.brand[data-act]{cursor:pointer}.modes-start{text-align:left;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin:14px 0;display:grid}.modebox{border:1px solid var(--line);background:#1b1030;border-radius:14px;flex-direction:column;gap:8px;padding:14px;display:flex}.modebox h2{color:var(--gold);margin:0}.modebox p{margin:0}.modebox .big{margin-top:auto}