:root{--pink: #ff2d75;--violet: #8a3dff;--gold: #ffc533;--ink: #0b0614;--panel: rgba(18, 10, 34, .86);--line: rgba(255, 255, 255, .12);font-family:Segoe UI,system-ui,-apple-system,Roboto,sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--ink);color:#fff;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;touch-action:none}#game{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;cursor:none}#vignette{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.55) 100%)}#floaters{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;border:0}#hud{position:fixed;top:0;left:0;right:0;padding:14px 16px;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;pointer-events:none}#hud>*{pointer-events:auto}.stat-block{display:flex;flex-direction:column;gap:8px;min-width:190px}.coins{display:inline-flex;align-items:center;gap:8px;font-size:30px;font-weight:800;font-variant-numeric:tabular-nums;text-shadow:0 2px 12px rgba(255,197,51,.5);color:var(--gold)}.coins.small{font-size:20px}.coins.bump{animation:bump .25s}@keyframes bump{50%{transform:scale(1.18)}}.level{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:8px 10px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.level-row{display:flex;justify-content:space-between;font-size:13px;opacity:.9;margin-bottom:6px;gap:10px}.bar{height:6px;border-radius:3px;background:#ffffff24;overflow:hidden}.bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--violet),var(--pink));transition:width .3s}.buttons{display:flex;gap:8px}.icon-btn,.shop-btn{height:44px;border-radius:14px;background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-weight:700;font-size:16px}.icon-btn{width:44px}.shop-btn{padding:0 16px;background:linear-gradient(135deg,var(--violet),var(--pink));border:0;box-shadow:0 6px 24px #ff2d7566}.shop-btn.can-buy{animation:pulse 1.1s infinite}@keyframes pulse{50%{transform:scale(1.07);box-shadow:0 6px 34px #ffc533cc}}#combo{position:fixed;top:84px;left:50%;transform:translate(-50%) scale(.8);text-align:center;pointer-events:none;opacity:0;transition:opacity .2s,transform .2s;display:flex;align-items:baseline;gap:8px;text-shadow:0 3px 16px rgba(0,0,0,.7)}#combo.on{opacity:1;transform:translate(-50%) scale(1)}#combo b{font-size:46px;font-weight:900;font-style:italic;color:#fff}#combo span{font-size:15px;text-transform:uppercase;letter-spacing:2px;opacity:.8}#combo em{font-size:26px;font-weight:900;font-style:normal;color:var(--gold)}#combo.hit b{animation:bump .15s}.floater{position:absolute;transform:translate(-50%,-50%);font-weight:900;font-size:24px;white-space:nowrap;text-shadow:0 2px 0 rgba(0,0,0,.6),0 0 14px rgba(0,0,0,.5);animation:floatUp .8s ease-out forwards}.floater.crit{font-size:40px;color:var(--gold);animation-duration:1s}.floater.coin{color:var(--gold);font-size:30px;animation-duration:1.2s}.floater.small{font-size:16px;opacity:.8;color:#9fe8ff}.floater.bad{color:#ff4b4b;font-size:34px}@keyframes floatUp{0%{opacity:0;transform:translate(-50%,-30%) scale(.5)}15%{opacity:1;transform:translate(-50%,-70%) scale(1.25)}to{opacity:0;transform:translate(-50%,-260%) scale(1)}}#toasts{position:fixed;top:150px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;width:max-content;max-width:92vw}.toast{padding:10px 18px;border-radius:999px;background:var(--panel);border:1px solid var(--line);font-weight:800;font-size:17px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:toast 2.2s forwards;text-align:center}.toast.good{background:linear-gradient(135deg,var(--violet),var(--pink));border:0}.toast.bad{background:#be1428e6;border:0}.toast.gold{background:linear-gradient(135deg,#ff9d00,var(--gold));color:#2a1500;border:0}@keyframes toast{0%{opacity:0;transform:translateY(-12px) scale(.85)}10%,80%{opacity:1;transform:none}to{opacity:0;transform:translateY(-8px)}}#hotbar{position:fixed;bottom:14px;left:50%;transform:translate(-50%);display:flex;gap:8px;padding:8px;background:var(--panel);border:1px solid var(--line);border-radius:18px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);max-width:calc(100vw - 16px)}.slot{position:relative;width:58px;height:58px;border-radius:12px;background:#ffffff0f;border:2px solid transparent;font-size:28px;display:grid;place-items:center;flex:0 1 58px;min-width:0}.slot .key{position:absolute;top:2px;left:5px;font-size:10px;opacity:.6;font-weight:700}.slot .cost{position:absolute;bottom:2px;left:0;right:0;text-align:center;font-size:10px;font-weight:800;color:var(--gold)}.slot.locked{filter:grayscale(1);opacity:.55}.slot.locked.afford{filter:none;opacity:1;border-color:var(--gold);animation:pulse 1.1s infinite}.slot.active{border-color:var(--pink);background:#ff2d7538;box-shadow:0 0 18px #ff2d7580}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#06020eb8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10;padding:12px}.hidden{display:none!important}.shop-panel{width:min(860px,100%);max-height:min(90vh,100%);display:flex;flex-direction:column;background:#150b29;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 30px 90px #000000b3}.shop-panel header{display:flex;align-items:center;gap:14px;padding:14px 18px;border-bottom:1px solid var(--line)}.shop-panel h2{margin:0;font-size:22px;flex:1}.shop-scroll{overflow-y:auto;padding:6px 18px 20px;touch-action:pan-y}.shop-scroll h3{margin:16px 0 10px;font-size:13px;text-transform:uppercase;letter-spacing:2px;opacity:.6}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}.card{display:grid;grid-template-columns:52px 1fr;gap:4px 12px;align-items:center;padding:12px;background:#ffffff0d;border:1px solid var(--line);border-radius:16px}.card.equipped{border-color:var(--pink);background:#ff2d751f}.card .ico{font-size:38px;grid-row:span 2;text-align:center}.card .title{font-weight:800;font-size:17px;display:flex;justify-content:space-between;gap:8px}.card .title small{font-weight:700;opacity:.6;font-size:12px}.card .desc{font-size:13px;opacity:.75;line-height:1.3}.card .dmg{color:#9fe8ff;font-weight:700}.card button{grid-column:1 / -1;margin-top:8px;height:40px;border-radius:12px;font-weight:800;font-size:15px;background:linear-gradient(135deg,#ff9d00,var(--gold));color:#2a1500}.card button.equip{background:#ffffff1f;color:#fff}.card button:disabled{background:#ffffff12;color:#fff6;cursor:default}.link-btn{margin-top:22px;background:none;opacity:.45;font-size:13px;text-decoration:underline}.start-card{width:min(460px,100%);padding:30px 28px;text-align:center;background:#150b29;border:1px solid var(--line);border-radius:26px;box-shadow:0 30px 90px #000000b3}.start-card h1{margin:0 0 8px;font-size:52px;font-weight:900;font-style:italic;letter-spacing:-1px}.start-card h1 span{background:linear-gradient(135deg,var(--pink),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}.start-card p{margin:0 0 16px;opacity:.85;font-size:17px}.start-card ul{list-style:none;padding:0;margin:0 0 22px;text-align:left;display:grid;gap:8px;font-size:15px}.start-card li{background:#ffffff0d;padding:9px 12px;border-radius:12px}#btn-start{width:100%;height:58px;border-radius:18px;font-size:22px;font-weight:900;background:linear-gradient(135deg,var(--violet),var(--pink));box-shadow:0 10px 34px #ff2d7580}.start-card small{display:block;margin-top:14px;opacity:.5;font-size:12px}@media (max-width: 560px){.coins{font-size:24px}.stat-block{min-width:150px}.shop-btn{padding:0 12px;font-size:14px}#combo{top:108px}#combo b{font-size:36px}#toasts{top:160px}.slot{height:44px;font-size:20px}#hotbar{gap:4px;padding:5px}.start-card h1{font-size:42px}}.wicon{width:1em;height:1em;vertical-align:-.14em;display:inline-block}#crosshair{position:fixed;left:0;top:0;width:34px;height:34px;margin:-17px 0 0 -17px;pointer-events:none;border:2px solid rgba(255,255,255,.9);border-radius:50%;box-shadow:0 0 0 1px #00000080,inset 0 0 0 1px #00000080;opacity:0;transition:width .08s,height .08s,margin .08s,border-color .08s;will-change:transform}#crosshair:after{content:"";position:absolute;left:50%;top:50%;width:4px;height:4px;margin:-2px;border-radius:50%;background:#ff2d55;box-shadow:0 0 0 1px #0009}#crosshair.on{opacity:1}#crosshair.fire{width:24px;height:24px;margin:-12px 0 0 -12px;border-color:var(--gold)}.me{font-size:14px;font-weight:700;opacity:.85;margin-top:-4px}.icon-btn.wide{width:auto;padding:0 14px}.nick{display:grid;gap:6px;text-align:left;margin-bottom:14px;font-size:13px;opacity:.95}.nick input{height:48px;border-radius:14px;border:1px solid var(--line);background:#ffffff12;color:#fff;font:inherit;font-size:18px;font-weight:700;padding:0 14px;outline:none;user-select:text;-webkit-user-select:text}.nick input:focus{border-color:var(--pink)}.shop-panel.narrow{width:min(520px,100%)}.top-summary{margin:14px 0 6px;font-size:15px;opacity:.85;line-height:1.4}.top-list{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:6px}.top-list li{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;padding:10px 12px;border-radius:14px;background:#ffffff0d;border:1px solid var(--line)}.top-list li.first{background:linear-gradient(135deg,#ff9d004d,#ff2d7540);border-color:var(--gold)}.top-list .rank{font-weight:900;font-size:18px;text-align:center}.top-list .who{font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-list .who small{display:block;font-weight:600;opacity:.65;font-size:12px}.top-list .count{font-weight:900;font-size:18px;color:var(--gold);text-align:right}.top-list .count small{display:block;font-weight:600;font-size:11px;opacity:.7;color:#fff}@media (max-width: 560px){.icon-btn.wide{padding:0 10px;font-size:14px}}.tabs{display:flex;gap:6px;margin-top:14px;padding:4px;border-radius:14px;background:#ffffff0f}.tab{flex:1;height:38px;border-radius:10px;background:none;font-weight:800;font-size:13px;opacity:.65;padding:0 4px}.tab.active{background:linear-gradient(135deg,var(--violet),var(--pink));opacity:1}.top-list li.me-row{border-color:var(--pink);box-shadow:0 0 0 1px var(--pink) inset}#live{position:fixed!important;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}#game{z-index:1}#vignette,#floaters,#crosshair,#hud,#combo,#toasts,#hotbar{z-index:2}.add-channel{margin-top:14px;padding:12px;border-radius:14px;background:#ffffff0d;border:1px solid var(--line);font-size:13px}.add-channel .row{display:flex;gap:8px;margin-top:8px}.add-channel input{flex:1;min-width:0;height:42px;border-radius:12px;border:1px solid var(--line);background:#ffffff12;color:#fff;font:inherit;font-size:16px;font-weight:700;padding:0 12px;outline:none;user-select:text;-webkit-user-select:text}.add-channel input:focus{border-color:var(--pink)}.add-channel button{height:42px;padding:0 16px;border-radius:12px;font-weight:800;background:linear-gradient(135deg,var(--violet),var(--pink))}.add-channel button:disabled{opacity:.5}.add-channel .note{margin:8px 0 0;min-height:1.2em;opacity:.9}.add-channel .note.bad{color:#ff7b7b}.add-channel .note.good{color:#8dffb0}@media (min-width: 1100px){.shop-panel.narrow{width:50vw}}@media (min-width: 1700px){.shop-panel{zoom:1.35;max-height:calc(90vh / 1.35)}.shop-panel.narrow{width:calc(50vw / 1.35)}}@media (min-width: 2400px){.shop-panel{zoom:1.75;max-height:calc(90vh / 1.75)}.shop-panel.narrow{width:calc(50vw / 1.75)}}.lang-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.lang-list.compact{grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:16px}.lang{height:44px;border-radius:12px;background:#ffffff12;border:1px solid var(--line);font-weight:700;font-size:15px}.lang-list.compact .lang{height:34px;font-size:13px}.lang.active{background:linear-gradient(135deg,var(--violet),var(--pink));border-color:transparent}