@import"https://fonts.googleapis.com/css2?family=Fraunces:wght@600;700&family=DM+Sans:wght@400;500;600&display=swap";:root{color-scheme:light;font-family:DM Sans,Trebuchet MS,sans-serif;background:radial-gradient(circle at top,#ffe5ac,#f7b169 32%,#97b1c0);color:#2d2a33;--cell-size: 44px;--felt: #047593;--wood: #958aaa;--wood-dark: #6f6484;--ink: #2d2a33;--paper: #fff6df;--accent: #f7b169;--accent-strong: #047593;--shadow-soft: 0 16px 40px rgba(34, 30, 48, .12);--shadow-card: 0 12px 28px rgba(34, 30, 48, .14);--glow: 0 0 0 6px rgba(255, 229, 172, .25)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,rgba(255,245,220,.6),transparent 60%),linear-gradient(160deg,rgba(149,138,170,.18),transparent 55%),radial-gradient(circle at 20% 30%,rgba(4,117,147,.18),transparent 40%)}.overlay{position:fixed;inset:0;display:grid;place-items:center;background:#18121e66;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10;animation:fadeIn .25s ease}.overlay-card{background:var(--paper);border-radius:24px;padding:22px 28px;box-shadow:var(--shadow-card);text-align:center;animation:popIn .35s ease}.overlay-title{font-family:Fraunces,serif;font-size:1.5rem;margin-bottom:6px}.overlay-count{font-family:Fraunces,serif;font-size:2.4rem;color:var(--accent-strong);margin-bottom:6px}.overlay-sub{color:#6f6b7a}main{max-width:1600px;margin:0 auto;padding:20px;display:grid;gap:20px}.app-shell.login{padding-top:60px}.login-page{min-height:70vh;display:grid;place-items:center}.login-card{background:#fff6dff0;border-radius:28px;padding:32px;width:min(520px,100%);box-shadow:var(--shadow-card);display:grid;gap:20px}.login-form{display:grid;gap:14px}.hub-header,.game-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.hub-grid{display:grid;grid-template-columns:minmax(300px,1.05fr) minmax(280px,.9fr);gap:20px}.hub-side{display:grid;gap:16px}.profile-chip{display:flex;align-items:center;gap:12px;background:#fff6dfe6;padding:10px 16px;border-radius:999px;box-shadow:0 4px 12px #04759326;border:1.5px solid rgba(4,117,147,.2);cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);font-family:DM Sans,sans-serif;font-size:1rem;color:var(--ink)}.profile-chip:hover{background:#fff6dffa;transform:translateY(-2px);box-shadow:0 8px 20px #04759340;border-color:#04759359}.profile-chip:active{transform:translateY(0)}.profile-name{font-weight:700}.profile-meta{font-size:.85rem;color:#6f6b7a;text-transform:uppercase;letter-spacing:.4px}.profile-row{display:flex;align-items:center;gap:12px}.avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;background:#04759326;display:grid;place-items:center;flex-shrink:0}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-xs{width:32px;height:32px}.avatar-fallback{font-weight:700;color:#047593}.avatar-upload{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:#047593;cursor:pointer}.avatar-upload input{display:none}.hall-card{background:#ffffffa6;border-radius:16px;padding:14px;display:grid;gap:10px;box-shadow:0 10px 24px #2c1e3014;grid-row:1 / 3}.hall-messages{display:grid;gap:10px;max-height:480px;overflow:auto;padding-right:4px}.hall-line{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start}.hall-meta{display:flex;gap:8px;align-items:center;font-size:.85rem;color:#6f6b7a}.hall-name{font-weight:700;color:#2d2a33;display:inline-flex;align-items:center;gap:6px}.online-badge{display:inline-block;width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 2px #22c55e33;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.hall-time{font-size:.75rem}.hall-text{font-size:.95rem}.layout.lobby .game-panel{transform:translateY(6px);opacity:.94}.layout.game .lobby-panel{transform:translate(-10px);opacity:.6;filter:blur(.5px)}header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}.brand{display:grid;gap:6px}.brand h1{font-family:Fraunces,serif;font-size:clamp(2.4rem,4.5vw,3.4rem);margin:0}.brand p{margin:0;max-width:480px}.status-card{background:var(--paper);border-radius:20px;padding:16px 18px;box-shadow:var(--shadow-card);min-width:220px;display:grid;gap:6px}.layout{display:flex;gap:20px;align-items:flex-start}.panel{background:#fff6dff0;border-radius:22px;padding:20px;box-shadow:var(--shadow-soft);display:flex;flex-direction:column;gap:16px;animation:floatIn .45s ease both;transition:transform .35s ease,opacity .35s ease,filter .35s ease}.layout.game .panel:first-child{flex:0 0 280px}.layout.game .panel:last-child{flex:1 1 auto;min-width:400px}.panel h2{font-family:Fraunces,serif;margin:0;font-size:1.4rem}.account-card,.leaderboard-card{background:#ffffffa6;border-radius:16px;padding:14px;display:grid;gap:10px;box-shadow:0 10px 24px #2c1e3014}.account-card h3,.leaderboard-card h3,.admin-card h4{margin:0;font-family:Fraunces,serif}.account-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.account-role{font-size:.75rem;text-transform:uppercase;letter-spacing:.4px;padding:2px 6px;border-radius:999px;background:#04759326;color:#047593}.admin-card{background:#f7b1691f;border-radius:12px;padding:12px;display:grid;gap:8px}.stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.leaderboard-list{display:grid;gap:6px}.leaderboard-row{display:flex;gap:8px;align-items:center;font-size:.9rem}.leaderboard-rank{font-weight:700;color:#6f6484;min-width:32px}.leaderboard-name{flex:1;font-weight:600}.leaderboard-meta{font-size:.8rem;color:#6f6b7a}label{display:grid;gap:6px;font-weight:600}.toggle{display:flex;align-items:center;gap:10px;font-weight:600}.toggle input{width:16px;height:16px}input{padding:10px 12px;border-radius:12px;border:1px solid #d5c3a1;font-size:1rem;background:#fff8ea;transition:border .2s ease,box-shadow .2s ease}select{padding:10px 12px;border-radius:12px;border:1px solid #d5c3a1;font-size:1rem;background:#fff8ea;font-family:inherit}input:focus{outline:none;border-color:#04759380;box-shadow:var(--glow)}button{border:1.5px solid rgba(4,117,147,.3);border-radius:10px;background:var(--accent-strong);color:#fff;padding:10px 18px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 12px #04759333;height:auto}button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0475934d;border-color:#04759380;background:linear-gradient(135deg,var(--accent-strong) 0%,rgba(4,117,147,1) 100%)}button:active{transform:translateY(0);box-shadow:0 2px 8px #04759333}button:disabled{opacity:.45;cursor:not-allowed;box-shadow:0 2px 6px #0475931a;transform:none;border-color:#04759326}button.secondary{border-color:#958aaa59;background:linear-gradient(135deg,#958aaa,#8a7a9a);box-shadow:0 4px 12px #958aaa33}button.secondary:hover{border-color:#958aaa8c;box-shadow:0 8px 24px #958aaa4d;background:linear-gradient(135deg,#a89ab7,#958aaa)}button.secondary:disabled{border-color:#958aaa26}button.compact{padding:6px 12px;font-size:.85rem}button.compact:hover{transform:translateY(-1px)}.actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.lobby-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.lobby-actions button{min-width:0}.turn-indicator{background:var(--accent-strong);color:#fff;border-radius:12px;padding:6px 10px;font-weight:600;width:fit-content;box-shadow:0 10px 20px #04759340}.host-line{font-size:.95rem;color:#5a4c66}.hint{font-size:.85rem;color:#6f6b7a}.players{display:flex;flex-wrap:wrap;gap:8px}.player-chip{padding:6px 12px;border-radius:999px;color:#fff;font-weight:600;font-size:.9rem;text-shadow:0 1px 2px rgba(0,0,0,.55);transition:transform .2s ease,box-shadow .2s ease;position:relative;overflow:hidden}.player-chip:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.28;border-radius:inherit}.player-chip.v1:after{background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.95) 0 2px,transparent 2px 6px)}.player-chip.v2:after{background-image:repeating-linear-gradient(135deg,rgba(255,255,255,.95) 0 2px,transparent 2px 6px)}.player-chip.v3:after{background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.95) 0 2px,transparent 2px 7px)}.player-chip.v4:after{background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.95) 0 2px,transparent 2px 7px)}.player-chip.v5:after{background-image:radial-gradient(circle at 20% 20%,rgba(255,255,255,.95) 0 2px,transparent 2px),radial-gradient(circle at 70% 70%,rgba(255,255,255,.95) 0 2px,transparent 2px);background-size:10px 10px}.player-chip.v6:after{background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.9) 0 1px,transparent 1px 4px),repeating-linear-gradient(-45deg,rgba(255,255,255,.9) 0 1px,transparent 1px 4px)}.player-chip.v7:after{background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.9) 0 1px,transparent 1px 4px),repeating-linear-gradient(0deg,rgba(255,255,255,.9) 0 1px,transparent 1px 4px)}.player-chip.v8:after{background-image:radial-gradient(circle,rgba(255,255,255,.95) 22%,transparent 24%);background-size:8px 8px}.player-chip.spectator{background:#97b1c0;color:#2d2a33}.spectator-badge{display:inline-block;font-size:.65rem;text-transform:uppercase;letter-spacing:.4px;padding:2px 6px;border-radius:4px;background:#2d2a3333;margin-left:4px;font-weight:600}.player-chip.current{outline:2px solid rgba(255,255,255,.8);outline-offset:2px;transform:translateY(-1px);box-shadow:0 8px 18px #0475932e}.player-chip.turn-active{box-shadow:0 0 0 3px #ffffff8c,0 12px 24px #00000040}.turn-badge{display:inline-flex;align-items:center;margin-left:auto;padding:2px 8px;border-radius:999px;font-size:.68rem;font-weight:800;letter-spacing:.05em;background:#ffffffeb;color:#1f1f1f}.board-shell{background:linear-gradient(145deg,var(--wood) 0%,var(--wood-dark) 100%);border-radius:22px;padding:16px;box-shadow:inset 0 0 0 4px #ffffff26,0 18px 30px #2c1e3033;display:flex;align-items:center;justify-content:center;overflow:visible;flex:0 0 auto}.board{display:grid;gap:6px;padding:12px;background:var(--felt);border-radius:16px;justify-content:center;align-content:center;grid-template-columns:repeat(var(--cols),var(--cell-size));grid-auto-rows:var(--cell-size);box-shadow:inset 0 0 0 2px #ffffff14;max-width:100%}.board.shuffle .cell{animation:shuffle .6s ease-in-out}.cell{width:var(--cell-size);height:var(--cell-size);border-radius:50%;border:none;padding:0;background:#0a4f64;display:grid;place-items:center;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease;appearance:none}.cell:hover{transform:translateY(-2px)}.cell:disabled{cursor:not-allowed;opacity:.7;transform:none}.cell.highlight{box-shadow:0 0 0 2px #ffe5accc}.cell.winner{box-shadow:0 0 0 2px #f7b169e6,0 0 16px #f7b16980}.cell.replay-target{box-shadow:0 0 0 2px #fff6dff2,0 0 0 5px #04759373,0 0 16px #0475938c;animation:replayPulse .55s ease}.cell.affected{animation:power-up-flash .6s ease-out}.cell.affected .token{animation:power-up-explode .6s ease-out}.cell.affected-explosive{animation:explosive-crash .6s ease-out!important}.cell.affected-explosive .token{animation:explosive-burst .6s ease-out!important}.cell.affected-wave{animation:wave-surge .6s ease-out!important}.cell.affected-wave .token{animation:wave-flow .6s ease-out!important}.cell.affected-freeze{animation:freeze-crystallize .6s ease-out!important}.cell.affected-freeze .token{animation:freeze-solid .6s ease-out!important}.cell.affected-swap{animation:swap-twirl .6s ease-out!important}.cell.affected-swap .token{animation:swap-spin .6s ease-out!important}.cell.affected-joker{animation:joker-glitch .6s ease-out!important}.cell.affected-joker .token{animation:joker-rainbow .6s ease-out!important}.cell.affected-chameleon{animation:chameleon-shift .6s ease-out!important}.cell.affected-chameleon .token{animation:chameleon-morph .6s ease-out!important}.token{width:calc(var(--cell-size) - 8px);height:calc(var(--cell-size) - 8px);border-radius:50%;background:transparent;position:relative;overflow:hidden}.token.filled:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:.24}.token.filled:after{content:"";position:absolute;inset:1px;border-radius:inherit;box-shadow:inset 0 0 0 2px #ffffff73;pointer-events:none}.token.v1:before{background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.98) 0 2px,transparent 2px 5px)}.token.v2:before{background-image:repeating-linear-gradient(135deg,rgba(255,255,255,.98) 0 2px,transparent 2px 5px)}.token.v3:before{background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.98) 0 2px,transparent 2px 6px)}.token.v4:before{background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.98) 0 2px,transparent 2px 6px)}.token.v5:before{background-image:radial-gradient(circle,rgba(255,255,255,.98) 22%,transparent 24%);background-size:7px 7px}.token.v6:before{background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.95) 0 1px,transparent 1px 4px),repeating-linear-gradient(-45deg,rgba(255,255,255,.95) 0 1px,transparent 1px 4px)}.token.v7:before{background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.95) 0 1px,transparent 1px 4px),repeating-linear-gradient(0deg,rgba(255,255,255,.95) 0 1px,transparent 1px 4px)}.token.v8:before{background-image:radial-gradient(circle at 24% 24%,rgba(255,255,255,.98) 0 2px,transparent 2px),radial-gradient(circle at 74% 74%,rgba(255,255,255,.98) 0 2px,transparent 2px);background-size:10px 10px}.token.joker{box-shadow:0 0 0 2px #2d2a33e0,inset 0 0 0 2px #2d2a3333}.token.filled{animation:drop .35s ease;box-shadow:0 0 0 2px #ffffffe6,0 0 0 4px #072c38a6}.token.winner{box-shadow:0 0 18px #ffe5acd9}.patch-notes-card{border-radius:14px;background:#ffffff9e;box-shadow:0 8px 20px #2c1e3014;padding:12px;display:grid;gap:8px}.patch-notes-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.patch-notes-head h2{margin:0;font-size:1rem}.patch-notes-card ul{margin:0;padding-left:18px;display:grid;gap:6px;color:#4a4355}.replay-card{margin-top:12px;background:#958aaa1f;border-radius:12px;padding:10px;display:grid;gap:8px}.replay-head{display:flex;align-items:center;justify-content:space-between}.replay-list{display:grid;gap:6px}.replay-item{display:grid;grid-template-columns:56px 1fr auto;align-items:center;gap:8px;font-size:.88rem;border-radius:8px;padding:6px 8px;background:#ffffff8c}.replay-item.active{background:#0475932e;box-shadow:inset 0 0 0 1px #04759340}@keyframes drop{0%{transform:translateY(-16px);opacity:.2}to{transform:translateY(0);opacity:1}}@keyframes shuffle{0%{transform:translateY(0)}50%{transform:translateY(-6px)}to{transform:translateY(0)}}.chat-messages{max-height:220px;overflow-y:auto;display:grid;gap:6px;padding-right:6px}.chat-line{display:flex;gap:8px;align-items:baseline;font-size:.95rem}.chat-badge{font-size:.7rem;text-transform:uppercase;letter-spacing:.6px;padding:2px 6px;border-radius:999px;background:#958aaa26;color:#5e566b}.chat-time{font-size:.75rem;color:#6f6b7a}.notice{background:#958aaa;color:#fff;border-radius:12px;padding:8px 12px;box-shadow:0 10px 20px #958aaa40}.lobby-list{display:grid;gap:10px}.lobby-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:14px;background:#ffffffb3;box-shadow:0 10px 20px #2c1e3014;transition:transform .2s ease,box-shadow .2s ease}.lobby-card .actions{margin-left:auto}.lobby-card:hover{transform:translateY(-1px);box-shadow:0 16px 26px #2c1e301f}.lobby-id{font-weight:700;letter-spacing:.04em}.lobby-meta{font-size:.9rem;color:#5a4c66}@media(max-width:960px){.layout{grid-template-columns:1fr}}@media(max-width:720px){:root{--cell-size: 36px}}@keyframes floatIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}input{font-family:inherit;font-size:.95rem;padding:10px 14px;border:1px solid rgba(45,42,51,.15);border-radius:10px;background:#fff6df99;color:var(--ink);transition:all .2s ease}input:focus{outline:none;background:#fff6dfe6;border-color:var(--accent-strong);box-shadow:0 0 0 3px #0475931a}input::placeholder{color:#9a959f}.hall-card .actions{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:stretch}.hall-card .actions input{min-height:40px;padding:10px 12px}.hall-card .actions button{padding:10px 18px;font-weight:600;white-space:nowrap;border-radius:10px}.chat{display:grid;gap:8px}.chat-messages{display:grid;gap:6px;max-height:100px;overflow-y:auto;padding-right:4px}.chat-line{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:start;font-size:.95rem;line-height:1.4}.chat-name{font-weight:700}.chat-badge{display:inline-block;background:#0475931a;color:var(--accent-strong);padding:2px 8px;border-radius:6px;font-size:.75rem;font-weight:600;margin-left:4px}.chat-time{font-size:.8rem;color:#9a959f;margin-left:4px}.chat-load-more{display:grid;place-items:center}.chat .actions{display:grid;grid-template-columns:1fr;gap:8px;position:relative}.chat-input-wrapper{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;width:100%;position:relative}.chat-input-wrapper input{min-height:40px;padding:8px 12px;border:2px solid var(--wood);border-radius:12px;font-family:inherit;font-size:1rem}.emoji-btn{background:none;border:2px solid var(--wood);border-radius:12px;padding:8px 12px;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease;min-width:40px;height:40px}.emoji-btn:hover{background:#0475931a;transform:scale(1.1)}.emoji-btn:active{transform:scale(.95)}.emoji-picker{position:absolute;bottom:calc(100% + 8px);left:0;background:var(--paper);border:2px solid var(--wood);border-radius:12px;padding:12px;display:grid;grid-template-columns:repeat(6,1fr);gap:8px;z-index:100;box-shadow:var(--shadow-card);max-width:340px;max-height:240px;overflow-y:auto;animation:popIn .25s ease}.chat-actions{position:relative}.hall-emoji-picker{left:auto;right:0}.emoji-item{background:none;border:none;cursor:pointer;font-size:1.5rem;padding:4px;border-radius:8px;transition:all .15s ease;display:flex;align-items:center;justify-content:center;min-height:40px}.emoji-item:hover{background:#0475931a;transform:scale(1.2)}.emoji-item:active{transform:scale(.9)}.chat .actions button{padding:10px 18px;font-weight:600;white-space:nowrap}@keyframes popIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.game-over-card{background:var(--paper);border-radius:18px;padding:20px;box-shadow:var(--shadow-soft);text-align:center;margin-bottom:12px;animation:slideUp .4s ease}.game-over-title{font-family:Fraunces,serif;font-size:18px;font-weight:700;color:var(--accent-strong);margin-bottom:8px}.game-over-winner{font-size:14px;font-weight:600;color:var(--ink);margin-bottom:14px}.game-over-stats{display:flex;gap:16px;justify-content:center;padding:12px 0;border-top:1px solid rgba(45,42,51,.1);border-bottom:1px solid rgba(45,42,51,.1)}.stat{display:flex;flex-direction:column;gap:4px;min-width:70px}.stat-label{font-size:11px;font-weight:500;color:#2d2a3399;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:16px;font-weight:700;color:var(--accent-strong)}.game-over-actions{display:flex;gap:12px;margin-top:12px;padding:12px;background:#fff5df80;border-radius:16px;animation:slideUp .4s ease .1s backwards}.game-over-actions button{flex:1;padding:10px 14px;font-weight:600;font-size:14px;border:1.5px solid rgba(4,117,147,.3);border-radius:10px;cursor:pointer;background:var(--accent-strong);color:#fff;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.game-over-actions button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #0475934d;border-color:#04759380;background:linear-gradient(135deg,var(--accent-strong) 0%,rgba(4,117,147,1) 100%)}.game-over-actions button:disabled{opacity:.45;cursor:not-allowed;border-color:#04759326}.game-over-waiting{flex:1;text-align:center;font-size:.9rem;color:#2d2a33b3;padding:10px 12px}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.drop-queue{display:flex;flex-direction:column;gap:8px;align-items:center;margin-top:16px;padding:14px;background:#fff5df66;border-radius:14px;animation:slideUp .3s ease}.queue-label{font-size:11px;font-weight:600;color:#2d2a3399;text-transform:uppercase;letter-spacing:.5px}.queue-tokens{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.queue-token{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000026;transition:all .25s ease;position:relative;cursor:help;animation:dropBounce .5s cubic-bezier(.34,1.56,.64,1)}.queue-token:nth-child(1){animation-delay:0s}.queue-token:nth-child(2){animation-delay:.1s}.queue-token:nth-child(3){animation-delay:.2s}.queue-token:nth-child(4){animation-delay:.3s}.queue-token:hover{transform:scale(1.1);box-shadow:0 4px 12px #0003}.queue-index{font-size:12px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3);line-height:1}@keyframes dropBounce{0%{opacity:0;transform:translateY(-12px) scale(.8)}50%{opacity:1}to{opacity:1;transform:translateY(0) scale(1)}}.chat-load-more{display:flex;justify-content:center;padding:8px;margin-bottom:8px;border-bottom:1px solid rgba(45,42,51,.1)}.chat-load-more button{padding:8px 14px;font-size:12px;font-weight:600;border:1.5px solid rgba(4,117,147,.25);border-radius:8px;background:#04759314;color:var(--accent-strong);cursor:pointer;transition:all .3s ease}.chat-load-more button:hover:not(:disabled){background:#04759326;border-color:#04759366;transform:translateY(-1px);box-shadow:0 4px 12px #04759326}.chat-load-more button:active:not(:disabled){transform:translateY(0)}.chat-load-more button:disabled{opacity:.45;cursor:not-allowed;border-color:#0475931a}.player-entry{display:flex;gap:8px;align-items:center;animation:slideUp .2s ease}.player-chip{flex:1;display:flex;align-items:center;gap:6px}.muted-badge{font-size:12px;margin-left:4px}.mute-btn{padding:6px 12px;font-size:11px;font-weight:600;border:1.5px solid rgba(4,117,147,.25);border-radius:6px;background:#04759314;color:var(--accent-strong);cursor:pointer;transition:all .3s ease;white-space:nowrap}.mute-btn:hover{background:#04759326;border-color:#04759366;transform:translateY(-1px);box-shadow:0 2px 8px #04759326}.mute-btn:active{transform:scale(.95)}.remove-btn{padding:6px 12px;font-size:11px;font-weight:600;border:1.5px solid rgba(211,47,47,.3);border-radius:6px;background:#d32f2f14;color:#c62828;cursor:pointer;transition:all .3s ease;white-space:nowrap}.remove-btn:hover{background:#d32f2f26;border-color:#d32f2f80;transform:translateY(-1px);box-shadow:0 2px 8px #d32f2f26;color:#b71c1c}.remove-btn:active{transform:scale(.95)}.modal-backdrop{position:fixed;inset:0;background:#18121e80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center;z-index:100;animation:fadeIn .25s ease;padding:20px}.modal-backdrop.closing{animation:fadeOut .25s ease}.modal-content{background:var(--paper);border-radius:28px;box-shadow:var(--shadow-card);width:min(500px,100%);max-height:90vh;display:flex;flex-direction:column;animation:slideUp .35s ease;overflow:hidden}.modal-content.closing{animation:slideDown .25s ease}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:1px solid rgba(45,42,51,.08)}.modal-header h2{margin:0;font-family:Fraunces,serif;font-size:1.5rem;color:var(--ink)}.modal-close{background:#0475930d;border:1.5px solid rgba(4,117,147,.15);font-size:2rem;color:#6f6b7a;cursor:pointer;width:40px;height:40px;display:grid;place-items:center;border-radius:8px;transition:all .3s ease}.modal-close:hover{background:#0475931f;border-color:#0475934d;color:var(--ink);transform:rotate(90deg);box-shadow:0 2px 8px #0475931a}.modal-body{padding:24px 28px;overflow-y:auto;flex:1;display:grid;gap:24px}.modal-footer{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:20px 28px;border-top:1px solid rgba(45,42,51,.08)}.profile-section{display:grid;gap:16px;align-items:center;text-align:center}.avatar-large{width:100px;height:100px;border-radius:50%;overflow:hidden;margin:0 auto;box-shadow:var(--shadow-soft);border:3px solid var(--accent);display:grid;place-items:center;background:#f7b1691a}.avatar-large img{width:100%;height:100%;object-fit:cover}.avatar-upload-btn{display:block}.avatar-upload-btn input{display:none}.avatar-upload-btn button{width:100%}.stats-section{display:grid;gap:12px}.stats-section h3{margin:0;font-family:Fraunces,serif;font-size:1.1rem;color:var(--ink)}.stats-section .stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.admin-section{display:grid;gap:12px;padding:16px;background:#0475930d;border-radius:12px;border:1px solid rgba(4,117,147,.1)}.admin-section h3{margin:0;font-family:Fraunces,serif;font-size:1rem;color:var(--accent-strong)}.admin-section button{width:100%}.admin-group{display:grid;gap:8px}.admin-title{font-weight:700;font-size:.95rem;color:var(--ink)}.admin-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;align-items:center}.admin-hint{font-size:.8rem;color:#6f6b7a}.admin-actions{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDown{0%{transform:translateY(0);opacity:1}to{transform:translateY(20px);opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.powerup-offer{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;padding:16px;margin-top:16px;display:flex;flex-direction:column;gap:12px;box-shadow:0 8px 16px #667eea66;animation:slideIn .4s cubic-bezier(.34,1.56,.64,1);transition:all .3s ease}.powerup-offer.active-mode{background:linear-gradient(135deg,#f093fb,#f5576c);box-shadow:0 0 30px #f5576c99;border:2px solid rgba(255,255,255,.5);animation:pulse-glow .6s ease-in-out infinite}.powerup-selector{display:flex;flex-direction:column;gap:10px}.powerup-option{display:flex;align-items:center;justify-content:space-between;padding:12px;background:#ffffff1a;border-radius:8px;border:1px solid rgba(255,255,255,.2);transition:all .2s ease}.powerup-option:hover{background:#ffffff26;border-color:#fff6}.powerup-option.offered{border-color:#ffff6480;background:#ffff641a}.powerup-option.queued{border-color:#64c8ff80;background:#64c8ff14}.badge-label{font-size:11px;padding:2px 6px;background:#ffffff40;border-radius:3px;font-weight:600;margin-left:8px}.powerup-badge{display:flex;align-items:center;gap:12px;flex:1}.powerup-icon{font-size:32px;animation:bounce .6s ease-in-out infinite}.powerup-info{color:#fff}.powerup-title{font-weight:700;font-size:16px;text-transform:capitalize;margin-bottom:4px;display:flex;align-items:center}.powerup-desc{font-size:13px;opacity:.9}.powerup-button{background:#fff3;border:2px solid white;color:#fff;padding:8px 16px;border-radius:6px;font-weight:600;font-size:14px;cursor:pointer;transition:all .25s ease;white-space:nowrap;flex-shrink:0}.powerup-button:hover{background:#ffffff4d;transform:scale(1.05)}.powerup-button:active{transform:scale(.98)}.powerup-button.cancel{background:#ff64644d;border-color:#ff9696cc}.powerup-button.cancel:hover{background:#ff646480}.powerup-effect-display{background:linear-gradient(135deg,#f5576c26,#667eea26);border:2px solid rgba(245,87,108,.8);color:#f5576c;padding:14px 16px;border-radius:8px;margin-top:12px;text-align:center;font-weight:600;font-size:15px;display:flex;align-items:center;justify-content:center;gap:8px;opacity:0}.powerup-effect-display.active{animation:effect-pop .8s cubic-bezier(.34,1.56,.64,1)}.powerup-effect-display .effect-icon{font-size:20px;animation:effect-spin .8s ease-out}.powerup-effect-display .effect-text{flex:1}@keyframes effect-pop{0%{opacity:0;transform:scale(.5) translateY(10px)}60%{opacity:1;transform:scale(1.05) translateY(0)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes effect-spin{0%{transform:rotate(-180deg) scale(.3);opacity:0}to{transform:rotate(0) scale(1);opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes pulse{0%{opacity:1;transform:scale(1)}to{opacity:.7;transform:scale(1.02)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #f5576c99}50%{box-shadow:0 0 40px #f5576ccc}}.bot-badge{display:inline-block;background:#6496ff40;color:var(--accent-strong);padding:2px 6px;margin-left:6px;border-radius:3px;font-size:.75em;font-weight:600;border:1px solid rgba(4,117,147,.3)}.self-badge{display:inline-block;margin-left:6px;font-size:.85em;opacity:.7}.host-badge{display:inline-block;background:#f9c52233;color:#c98d1f;padding:2px 6px;margin-left:6px;border-radius:3px;font-size:.75em;font-weight:600;border:1px solid rgba(249,197,34,.4)}.player-chip.bot{border:2px solid rgba(100,150,255,.4)}.add-bot-section{margin-top:16px;padding:12px 16px;background:#6496ff14;border-radius:8px;border:1px solid rgba(100,150,255,.2)}.add-bot-controls{display:flex;gap:8px;margin-bottom:8px}.add-bot-controls select{flex:1;padding:8px 12px;border:1px solid var(--wood);border-radius:6px;background:var(--paper);color:var(--ink);font-family:inherit;cursor:pointer}.add-bot-controls button{padding:8px 16px;background:#04759314;border:1.5px solid rgba(4,117,147,.3);border-radius:8px;color:var(--accent-strong);font-weight:600;cursor:pointer;transition:all .3s ease}.add-bot-controls button:hover:not(:disabled){background:#04759326;border-color:#04759380;transform:translateY(-2px);box-shadow:0 4px 12px #04759333}.add-bot-controls button:active:not(:disabled){transform:translateY(0)}.add-bot-controls button:disabled{opacity:.45;cursor:not-allowed;border-color:#0475931a}.bot-info{font-size:.85em;color:var(--ink);opacity:.7}@keyframes power-up-flash{0%{box-shadow:0 0 #f5576ccc,0 0 10px #f5576c99;transform:scale(1)}50%{box-shadow:0 0 0 8px #f5576c66,0 0 20px #f5576ccc;transform:scale(1.1)}to{box-shadow:0 0 #f5576c00,0 0 5px #f5576c4d;transform:scale(1)}}@keyframes power-up-explode{0%{transform:scale(1);opacity:1}40%{transform:scale(1.3) rotate(45deg);opacity:1}to{transform:scale(.7) rotate(90deg);opacity:.3}}@keyframes explosive-crash{0%{box-shadow:0 0 #ffffffe6,inset 0 0 10px #ff646466;background-color:#fff0f0}50%{box-shadow:0 0 0 12px #fff6,inset 0 0 20px #ff646433;background-color:#ffc8c8cc}to{box-shadow:0 0 #fff0,inset 0 0 #ff646400;background-color:#fff5f580}}@keyframes explosive-burst{0%{transform:scale(1) rotate(0);opacity:1;filter:brightness(1)}50%{transform:scale(1.4) rotate(180deg);opacity:.8;filter:brightness(1.3)}to{transform:scale(.6) rotate(360deg);opacity:0;filter:brightness(.8)}}@keyframes wave-surge{0%{box-shadow:0 0 #64c8ffcc;background-color:#dcf0ff00}50%{box-shadow:-6px 0 0 3px #64c8ff66,6px 0 0 3px #64c8ff66;background-color:#dcf0ff99}to{box-shadow:0 0 #64c8ff00;background-color:#dcf0ff00}}@keyframes wave-flow{0%{transform:scaleX(1) translateY(0);opacity:1}50%{transform:scaleX(1.2) translateY(-2px);opacity:.8}to{transform:scaleX(.8) translateY(2px);opacity:0}}@keyframes freeze-crystallize{0%{box-shadow:0 0 #64dcffcc;background:linear-gradient(135deg,#f0faff00,#c8f0ff00);filter:brightness(1)}50%{box-shadow:0 0 15px 2px #64dcff99;background:linear-gradient(135deg,#c8f0ffb3,#96dcff80);filter:brightness(1.1)}to{box-shadow:0 0 #64dcff33;background:linear-gradient(135deg,#f0faff4d,#c8f0ff1a);filter:brightness(.95)}}@keyframes freeze-solid{0%{transform:scale(1);opacity:1;filter:hue-rotate(0deg) saturate(1)}50%{transform:scale(.95);opacity:.9;filter:hue-rotate(200deg) saturate(1.5)}to{transform:scale(1.05);opacity:.6;filter:hue-rotate(190deg) saturate(.8)}}@keyframes swap-twirl{0%{transform:rotate(0) scale(1);box-shadow:0 0 #ff966499}50%{transform:rotate(180deg) scale(1.05);box-shadow:0 0 10px 3px #ff966466}to{transform:rotate(360deg) scale(1);box-shadow:0 0 #ff966400}}@keyframes swap-spin{0%{transform:rotate(0) scale(1);opacity:1}50%{transform:rotate(180deg) scale(1.1);opacity:.9}to{transform:rotate(360deg) scale(1);opacity:.4}}@keyframes joker-glitch{0%{box-shadow:0 0 #ff007f99;background-color:#fff0f500}25%{box-shadow:2px 2px 8px #6496ff99,-2px -2px 8px #ff649666;background-color:#fff0f566}50%{box-shadow:-2px 2px 8px #64ff9699,2px -2px 8px #ff646466;background-color:#f0f0ff80}75%{box-shadow:2px -2px 8px #ffc86499,-2px 2px 8px #9664ff66;background-color:#f5f0ff4d}to{box-shadow:0 0 #ff007f00;background-color:#fff0f500}}@keyframes joker-rainbow{0%{transform:scale(1) skew(0);filter:hue-rotate(0deg);opacity:1}25%{transform:scale(1.05) skew(-2deg);filter:hue-rotate(90deg);opacity:.9}50%{transform:scale(.95) skew(2deg);filter:hue-rotate(180deg);opacity:.8}75%{transform:scale(1.05) skew(-2deg);filter:hue-rotate(270deg);opacity:.7}to{transform:scale(1) skew(0);filter:hue-rotate(360deg);opacity:0}}@keyframes chameleon-shift{0%{background-color:#c864ff00;box-shadow:0 0 #c864ff99}25%{background-color:#64c8ff66;box-shadow:0 0 8px 2px #64c8ff66}50%{background-color:#64ff9666;box-shadow:0 0 8px 2px #64ff9666}75%{background-color:#ff64c866;box-shadow:0 0 8px 2px #ff64c866}to{background-color:#c864ff00;box-shadow:0 0 #c864ff00}}@keyframes chameleon-morph{0%{transform:scale(1) rotate(0);filter:hue-rotate(0deg) saturate(.5);opacity:1}25%{transform:scale(1.1) rotate(90deg);filter:hue-rotate(90deg) saturate(1.2);opacity:.9}50%{transform:scale(.95) rotate(180deg);filter:hue-rotate(180deg) saturate(1.2);opacity:.8}75%{transform:scale(1.1) rotate(270deg);filter:hue-rotate(270deg) saturate(1.2);opacity:.7}to{transform:scale(1) rotate(360deg);filter:hue-rotate(360deg) saturate(.5);opacity:0}}@keyframes replayPulse{0%{transform:scale(.94)}to{transform:scale(1)}}