@import "https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap";:root{--bg:#0a0a0a;--bg1:#111;--bg2:#2a2a2a66;--bg3:#181828;--bg4:#686868;--accent:#7c3aed;--accent2:#5b21b6;--green:#00d26a;--green-d:#00a855;--red:#ff4560;--gold:#ffb800;--blue:#3b82f6;--txt:#fff;--txt2:#7070a0;--txt3:#8f8f8f;--border:#ffffff12;--border2:#ffffff1f;--card:#ffffff08}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--app-h:100vh}@supports (height:100dvh){:root{--app-h:100dvh}}html,body{background:var(--bg);height:100%;min-height:100vh;color:var(--txt);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;font-family:Roboto Mono,monospace}#root{width:100%;height:var(--app-h);max-height:var(--app-h);position:relative;overflow:hidden}.screen{height:var(--app-h);max-height:var(--app-h);flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}.btn{cursor:pointer;letter-spacing:.02em;border:none;border-radius:12px;width:100%;padding:14px;font-family:Roboto Mono,monospace;font-size:14px;font-weight:600;transition:opacity .12s,transform .12s}.btn:active{opacity:.85;transform:scale(.97)}.btn-p{color:#000;background:#fff}.btn-s{background:var(--card);border:1px solid var(--border);color:var(--txt2);justify-content:center;display:flex}.btn-danger{color:var(--red);background:#ffffff1f;border:1px solid #ff456040}.lbl{letter-spacing:.12em;text-transform:uppercase;color:var(--txt3);font-size:10px;font-weight:600}.mono{font-family:Roboto Mono,monospace}.chip{letter-spacing:.03em;border:1px solid;border-radius:6px;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.chip-g{color:var(--green);background:#00d26a1a;border-color:#00d26a40}.chip-r{color:var(--red);background:#ff45601a;border-color:#ff456040}.chip-a{color:#a78bfa;background:#7c3aed1f;border-color:#7c3aed47}.chip-y{color:var(--gold);background:#ffb8001a;border-color:#ffb80040}.hub-mini-stat{background:var(--bg2);text-align:center;border-radius:30px;flex-direction:column;justify-content:center;min-width:min-content;padding:10px 20px;display:flex}.hms-v{font-family:Roboto Mono,monospace;font-size:18px;font-weight:700}.hms-l{color:var(--txt3);text-transform:uppercase;letter-spacing:.07em;margin-top:3px;font-size:9px}.hub-tal-pill{border:1px solid;border-radius:20px;align-items:center;gap:4px;padding:3px 9px;font-size:10px;font-weight:700;display:flex}.htp-souls{color:#c4a46b;background:#c4a46b1a;border-color:#c4a46b4d}.htp-stam{color:#22c55e;background:#22c55e1a;border-color:#22c55e4d}.htp-aur{color:#60a5fa;background:#3b82f61a;border-color:#3b82f64d}.page-hdr{flex-shrink:0;align-items:center;gap:12px;padding:48px 18px 14px;display:flex}.back-btn{background:var(--bg2);border:1px solid var(--border);cursor:pointer;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.page-title{flex:1;font-family:Roboto Mono,monospace;font-size:18px;font-weight:900;line-height:1}.modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:500;opacity:0;pointer-events:none;background:#000c;justify-content:center;align-items:flex-end;transition:opacity .2s;display:flex;position:fixed;inset:0}.modal-overlay.open{opacity:1;pointer-events:all}.modal-sheet{background:var(--bg1);border:1px solid var(--border);border-bottom:none;border-radius:20px 20px 0 0;width:100%;max-width:480px}.modal-handle{background:var(--bg3);border-radius:2px;width:32px;height:3px;margin:12px auto 0}.modal-body{padding:16px 18px 36px}.modal-title{margin-bottom:8px;font-family:Roboto Mono,monospace;font-size:17px;font-weight:900}.bub{word-break:break-word;border-radius:14px;max-width:78%;margin-bottom:6px;padding:9px 13px;font-size:14px;line-height:1.45}.bub.me{color:#fff;background:linear-gradient(135deg,#6d28d9,#a78bfa);border-bottom-right-radius:4px;align-self:flex-end;margin-left:auto}.bub.opp{background:var(--bg2);border:1px solid var(--border);color:var(--txt);border-bottom-left-radius:4px;align-self:flex-start}.bub.sys{color:var(--txt3);text-align:center;background:0 0;max-width:100%;margin:4px auto;font-size:11px}.bub.correct{color:var(--green);text-align:center;background:#00d26a26;border:1px solid #00d26a4d;max-width:100%;margin:4px auto}.bub.wrong{color:var(--red);text-align:center;background:#ff45601a;border:1px solid #ff456033;max-width:100%;margin:4px auto}.typing{background:var(--bg2);border:1px solid var(--border);border-radius:14px 14px 14px 4px;gap:4px;width:fit-content;margin-bottom:6px;padding:10px 14px;display:flex}.td{background:var(--txt3);border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite td}.td:nth-child(2){animation-delay:.2s}.td:nth-child(3){animation-delay:.4s}@keyframes td{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.hex{clip-path:polygon(50% 0%,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);justify-content:center;align-items:center;display:flex}.dice-shape{clip-path:polygon(50% 0%,96% 34%,79% 91%,21% 91%,4% 34%);color:#fff;justify-content:center;align-items:center;font-family:Roboto Mono,monospace;font-size:32px;font-weight:900;transition:opacity .15s;display:flex;position:relative}.wcard{background:var(--bg2);border:1px solid var(--border2);border-radius:14px;flex-shrink:0;margin:0 12px 10px;padding:12px 14px}.wc-word{letter-spacing:.06em;font-family:Roboto Mono,monospace;font-size:22px;font-weight:900}.wc-meta{align-items:center;gap:8px;margin-top:4px;display:flex}::-webkit-scrollbar{display:none}*{scrollbar-width:none}.prf-av-circle{color:#fff;background:linear-gradient(145deg,#1a1035,#3b1d8a,#6d28d9);border:2px solid #6d28d966;border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;font-family:Roboto Mono,monospace;font-size:38px;font-weight:900;display:flex}.prf-card{background:#151517;border-radius:17px;margin:0 16px 10px;overflow:hidden}.prf-item{cursor:pointer;align-items:center;gap:14px;padding:12px 16px;transition:opacity .15s;display:flex}.prf-item:active{opacity:.65}.prf-item+.prf-item{border-top:1px solid #ffffff0d}.prf-item-label{color:#fff;flex:1;font-size:15px;font-weight:600}.vitrine-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px;display:grid}.vitrine-slot{aspect-ratio:1;cursor:pointer;position:relative}.vitrine-hex{clip-path:polygon(50% 0%,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);background:var(--bg2);justify-content:center;align-items:center;width:100%;height:100%;font-size:26px;transition:opacity .15s;display:flex}.vitrine-hex.empty{background:var(--bg3)}.vitrine-hex.empty:after{content:"+";color:var(--txt3);font-size:20px;font-weight:300}.vitrine-hex:active{opacity:.75}.ach-hex-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.ach-hex-item{cursor:pointer;flex-direction:column;align-items:center;gap:5px;display:flex}.ach-hex-shape{aspect-ratio:1;clip-path:polygon(50% 0%,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);justify-content:center;align-items:center;width:100%;font-size:22px;transition:opacity .15s;display:flex;position:relative}.ach-hex-shape.unlocked-ach{background:linear-gradient(145deg,var(--bg3),var(--bg2))}.ach-hex-shape.locked-ach{background:var(--bg3);opacity:.35;filter:grayscale()}.ach-hex-shape.legendary-ach{background:linear-gradient(145deg,#7c3aed4d,#6d28d926)}.ach-hex-shape.cumul-ach{background:linear-gradient(145deg,#ffb80026,#ffb8000d)}.ach-hex-shape.in-vitrine{outline:2px solid var(--accent);outline-offset:3px}.ach-hex-label{color:var(--txt2);text-align:center;font-size:9px;font-weight:500;line-height:1.3}.ach-hex-label.locked-lbl{color:var(--txt3)}.ach-section{margin-bottom:20px}.ach-section-title{color:var(--txt3);letter-spacing:.14em;text-transform:uppercase;margin-bottom:10px;padding:0 2px;font-size:9px}.dice-item{cursor:pointer;flex-direction:column;flex-shrink:0;align-items:center;gap:6px;display:flex}.dice-name{color:var(--txt);font-size:11px;font-weight:600}.med-header{text-align:center;flex-shrink:0;padding:52px 20px 0}.med-title{color:#ffffff73;letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px;font-size:12px}.med-subtitle{color:#fff;margin-bottom:4px;font-family:Roboto Mono,monospace;font-size:22px;font-weight:900;line-height:1.2}.med-sub2{color:#ffffff59;font-size:12px}.med-card{cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;align-items:center;gap:14px;margin-bottom:10px;padding:14px 16px;transition:border-color .18s,background .18s,transform .1s;display:flex;position:relative;overflow:hidden}.med-card:active{transform:scale(.98)}.med-card.med-picked{background:#ffffff14;border-color:#ffffff59}.med-shape{flex-shrink:0;justify-content:center;align-items:center;width:64px;height:72px;display:flex;position:relative}.med-shape-spade{clip-path:polygon(50% 0%,75% 25%,100% 10%,100% 50%,50% 100%,0% 50%,0% 10%,25% 25%);filter:drop-shadow(0 2px 8px #c4a46b4d);background:linear-gradient(145deg,#8b7355,#c4a46b,#d4b47b);justify-content:center;align-items:center;width:64px;height:72px;display:flex}.med-shape-clubs{justify-content:center;align-items:center;width:64px;height:72px;display:flex;position:relative}.med-clubs-inner{filter:drop-shadow(0 2px 8px #22c55e4d);background:linear-gradient(145deg,#1a5c1a,#22c55e,#34d399);border-radius:50% 50% 30% 30%/40% 40% 20% 20%;justify-content:center;align-items:center;width:52px;height:64px;display:flex;position:relative}.med-clubs-inner:before,.med-clubs-inner:after{content:"";background:inherit;border-radius:50%;width:20px;height:20px;position:absolute}.med-clubs-inner:before{top:8px;left:-8px}.med-clubs-inner:after{top:8px;right:-8px}.med-shape-diamond{clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);filter:drop-shadow(0 2px 8px #3b82f659);background:linear-gradient(145deg,#1e3a8a,#3b82f6,#60a5fa);justify-content:center;align-items:center;width:60px;height:60px;display:flex}.med-level{color:#fff;text-shadow:0 1px 3px #00000080;z-index:1;font-family:Roboto Mono,monospace;font-size:13px;font-weight:900;position:relative}.med-hole{z-index:2;background:#0009;border:1px solid #000c;border-radius:50%;width:8px;height:8px;position:absolute;top:2px;left:50%;transform:translate(-50%)}.med-info{flex:1;min-width:0}.med-name{color:#fff;margin-bottom:3px;font-size:14px;font-weight:700}.med-name-spade{color:#c4a46b}.med-name-clubs{color:#34d399}.med-name-aura{color:#60a5fa}.med-effect{color:#ffffff73;margin-bottom:4px;font-size:12px;line-height:1.4}.med-dur{color:#ffffff40;font-size:11px}.med-aura-bar{background:#ffffff1a;border-radius:2px;width:100%;height:4px;margin:5px 0 3px;overflow:hidden}.med-aura-fill{background:linear-gradient(90deg,#ef4444,#f97316);border-radius:2px;height:100%;transition:width .4s}.med-aura-lbl{color:#ffffff4d;font-family:Roboto Mono,monospace;font-size:9px}.med-footer{flex-direction:column;flex-shrink:0;gap:8px;padding:14px 16px 32px;display:flex}.med-note{color:#ffffff40;text-align:center;font-size:11px;line-height:1.5}.shop-scroll{flex:1;padding:0 16px calc(21.5vw + 32px);overflow-y:auto}.shop-balance{background:var(--bg2);border:1px solid var(--border);border-radius:12px;justify-content:space-between;align-items:center;margin:0 16px 12px;padding:12px 14px;display:flex}.shop-bal-lbl{color:var(--txt3);letter-spacing:.1em;text-transform:uppercase;font-size:10px}.shop-bal-val{font-family:Roboto Mono,monospace;font-size:22px;font-weight:900}.shop-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.si{background:var(--bg2);border:1px solid var(--border);cursor:pointer;border-radius:12px;padding:14px;transition:border-color .15s,transform .1s;position:relative}.si:active{transform:scale(.97)}.si.dis{opacity:.35;pointer-events:none}.si-icon{margin-bottom:8px;font-size:24px}.si-name{margin-bottom:2px;font-size:12px;font-weight:600;line-height:1.3}.si-desc{color:var(--txt2);margin-bottom:9px;font-size:10px;line-height:1.5}.si-price{color:var(--accent);font-family:Roboto Mono,monospace;font-size:13px;font-weight:700}.tabs-row{flex-shrink:0;gap:4px;margin-bottom:2px;padding:0 18px;display:flex}.tab{color:var(--txt3);cursor:pointer;border:1px solid #0000;border-radius:8px;padding:7px 14px;font-family:Roboto Mono,monospace;font-size:12px;font-weight:600;transition:all .15s}.tab.active{background:var(--bg2);border-color:var(--border);color:var(--txt)}.room-row{background:var(--bg2);border:1px solid var(--border);cursor:pointer;border-radius:14px;align-items:center;gap:12px;margin-bottom:8px;padding:13px 14px;transition:border-color .15s;display:flex;position:relative}.room-row.hot{border-color:#ff456059}.room-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.room-info{flex:1;min-width:0}.room-name{margin-bottom:2px;font-size:14px;font-weight:700}.room-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;display:flex}.room-prize{color:var(--gold);font-family:Roboto Mono,monospace;font-size:13px;font-weight:700}.room-live-dot{background:var(--red);width:8px;height:8px;box-shadow:0 0 6px var(--red);border-radius:50%;position:absolute;top:10px;right:10px}