:root{--bg: #08081a;--bg-card: #0e0e24;--bg-deep: #060614;--blue: #5b8dee;--purple: #9b59f5;--green: #0fd494;--danger: #f5607a;--warn: #f5c842;--text: #dde1f5;--muted: #5c6490;--dim: #8892b8;--border: rgba(91, 141, 238, .15);--glow-b: rgba(91, 141, 238, .28);--glow-p: rgba(155, 89, 245, .22)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Bungee,cursive;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;overflow-x:hidden;padding-top:env(safe-area-inset-top,0px)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 70% 45% at 0% 0%,rgba(91,141,238,.09) 0%,transparent 55%),radial-gradient(ellipse 60% 40% at 100% 100%,rgba(155,89,245,.08) 0%,transparent 55%)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(91,141,238,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(91,141,238,.04) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:linear-gradient(180deg,#0000004d,#0009 30%,#0009 70%,#0000004d);mask-image:linear-gradient(180deg,#0000004d,#0009 30%,#0009 70%,#0000004d)}.topbar{position:relative;z-index:1;display:flex;align-items:center;gap:10px;width:min(1200px,calc(100vw - 24px));margin:18px auto 0;padding:14px 16px;background:linear-gradient(180deg,rgba(91,141,238,.08),transparent 44%),#08081ae6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:22px;box-shadow:0 10px 22px #0000001a}.topbar-home{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;color:var(--muted);font-size:22px;text-decoration:none;line-height:1;transition:color .2s,background .2s;flex-shrink:0}.topbar-home:hover{color:var(--blue);background:#5b8dee1a}.vs-bar{flex:1;display:none;align-items:center;justify-content:center;gap:8px;padding:0 10px;min-width:0}.vs-bar.visible{display:flex}.pchip{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0;flex:1}.pchip.right{align-items:center;text-align:center}.pchip-top{display:inline-flex;align-items:center;gap:6px;min-width:0}.pchip-name{font-size:12px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.pchip-meta{font-family:IBM Plex Mono,monospace;font-size:10px;padding:1px 7px;border-radius:20px;letter-spacing:.02em}.pchip.me .pchip-name{color:#5fefc8}.pchip.me .pchip-meta{background:#0fd49424;color:#0fd494}.pchip.right .pchip-name{color:#f5607a}.pchip.right .pchip-meta{background:#f5607a24;color:#f5607a}.pchip-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;flex-shrink:0}.pchip-avatar img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.pchip-title{font-size:9px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.vs-dot{font-family:Bungee,cursive;font-size:10px;color:var(--muted);letter-spacing:.14em;flex-shrink:0}.topbar-lb{color:var(--muted);font-size:22px;cursor:pointer;line-height:1;transition:color .2s;flex-shrink:0;margin-left:auto}.topbar-lb:hover{color:var(--gold)}.timer-section{position:relative;z-index:1;padding:14px 18px 6px;display:flex;align-items:center;gap:14px}.timer-num{font-family:Bungee,cursive;font-size:44px;font-weight:800;line-height:1;color:var(--text);min-width:90px;transition:color .3s;letter-spacing:1px}.timer-num.warn{color:var(--danger);text-shadow:0 0 20px rgba(245,96,122,.5);animation:tshake .25s ease}@keyframes tshake{0%,to{transform:none}40%{transform:translate(-3px)}70%{transform:translate(3px)}}.timer-track{flex:1;height:4px;background:#ffffff0f;border-radius:2px;overflow:hidden}.timer-fill{height:100%;width:100%;border-radius:2px;background:linear-gradient(90deg,var(--blue),var(--purple));transition:width 1s linear,background .4s;transform-origin:left}.timer-fill.warn{background:linear-gradient(90deg,var(--warn),var(--danger))}.arena{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;align-items:center;padding:16px 16px 28px;gap:14px}.word-card{width:100%;max-width:500px;background:var(--bg-card);border:1px solid var(--border);border-radius:22px;padding:26px 22px 20px;text-align:center;position:relative;overflow:hidden;display:none}.word-card:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:55%;height:1px;background:linear-gradient(90deg,transparent,rgba(91,141,238,.5),transparent)}.word-card.show{display:block;animation:popin .35s cubic-bezier(.34,1.56,.64,1) both}@keyframes popin{0%{opacity:0;transform:scale(.92) translateY(10px)}to{opacity:1;transform:none}}.word-eyebrow{font-family:Be Vietnam Pro,sans-serif;font-weight:700;font-size:10px;color:var(--muted);letter-spacing:1.8px;text-transform:uppercase;margin-bottom:10px}.word-text{font-family:Be Vietnam Pro,sans-serif;font-size:clamp(28px,9vw,56px);font-weight:800;line-height:1.1;color:#fff;letter-spacing:-.5px;text-shadow:0 0 36px var(--glow-b)}.word-text.pop{animation:wbounce .3s cubic-bezier(.34,1.56,.64,1)}.turn-lock{display:none;width:100%;max-width:500px;padding:14px;text-align:center;background:#f5c8420f;border:1px solid rgba(245,200,66,.15);border-radius:12px;font-size:13px;color:var(--warn);font-family:IBM Plex Mono,monospace}.turn-lock.show{display:block}body.light-mode{--bg: #f4f5f7;--bg-card: #ffffff;--bg-deep: #eaecf0;--text: #1e293b;--muted: #6b7280;--dim: #475569;--border: rgba(91, 141, 238, .18);--surface: #ffffff;--surface2: #f0f1f8;--bg2: #f4f5f7}body.light-mode .turn-lock{background:#f59e0b0f;border-color:#f59e0b26}@keyframes wbounce{0%{transform:scale(.88);opacity:.5}to{transform:none;opacity:1}}.status-card{width:100%;max-width:500px;background:var(--bg-card);border:1px solid var(--border);border-radius:18px;padding:26px 20px;display:flex;flex-direction:column;align-items:center;gap:10px}.status-icon{font-size:34px;line-height:1}.status-title{font-family:Be Vietnam Pro,sans-serif;font-size:19px;font-weight:800;color:#fff}.status-sub{font-family:Be Vietnam Pro,sans-serif;font-size:13px;color:var(--muted);text-align:center}.dots{display:flex;gap:6px}.dot{width:8px;height:8px;border-radius:50%;animation:dbounce 1.3s ease-in-out infinite}.dot:nth-child(1){background:var(--blue);animation-delay:0s}.dot:nth-child(2){background:var(--purple);animation-delay:.15s}.dot:nth-child(3){background:var(--green);animation-delay:.3s}@keyframes dbounce{0%,80%,to{transform:scale(.5);opacity:.4}40%{transform:scale(1);opacity:1}}.spin-row{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}.spinner{width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--purple);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.name-wrap{width:100%;max-width:480px;background:var(--bg-card);border:1px solid var(--border);border-radius:18px;padding:24px;display:none}.name-wrap.show{display:block;animation:popin .3s ease both}.name-label{font-size:12px;color:var(--muted);display:block;margin-bottom:10px;letter-spacing:.08em;text-transform:uppercase}.name-input{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:12px;color:var(--text);font-family:Bungee,cursive;font-size:16px;padding:13px 16px;outline:none;transition:border-color .2s,box-shadow .2s}.name-input:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--glow-b)}.name-input::placeholder{color:var(--muted)}.input-hint{font-size:11px;color:var(--muted);margin-top:8px}.input-hint kbd{background:#ffffff0f;border:1px solid var(--border);border-radius:4px;padding:1px 6px;font-size:10px;color:var(--dim);font-family:inherit}.answer-wrap{width:100%;max-width:500px;display:none;flex-direction:column;gap:12px}.answer-wrap.show{display:flex;animation:popin .3s ease both}.jigsaw{display:flex;align-items:stretch;gap:0;min-height:60px}.jig-head{display:flex;align-items:center;justify-content:center;padding:0 18px;background:linear-gradient(135deg,var(--blue) 0%,var(--purple) 100%);font-family:Be Vietnam Pro,sans-serif;font-weight:800;font-size:20px;color:#fff;white-space:nowrap;min-width:72px;border-radius:16px 0 0 16px;position:relative;z-index:2;letter-spacing:.02em;text-shadow:0 1px 4px rgba(0,0,0,.4);transition:min-width .2s;box-shadow:0 6px 16px #5b8dee33}.jig-input-wrap{flex:1;position:relative;z-index:1;background:var(--bg-card);border:1px solid var(--border);border-left:none;border-radius:0 16px 16px 0;margin-left:-1px;font-family:Be Vietnam Pro,sans-serif;font-weight:700;transition:border-color .2s,box-shadow .2s;box-shadow:0 6px 16px #0000001a}.jig-input-wrap:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px #5b8dee1a,0 10px 24px #5b8dee1f}.jig-input{width:100%;height:100%;background:transparent;border:none;outline:none;padding:0 44px 0 18px;font-family:Be Vietnam Pro,sans-serif;font-weight:700;font-size:20px;color:var(--text);letter-spacing:.02em;caret-color:var(--blue)}.jig-input::placeholder{color:var(--muted);font-weight:500;font-size:14px;font-family:Be Vietnam Pro,sans-serif}.jig-input:disabled{opacity:.35;cursor:not-allowed}.jig-enter-hint{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-family:IBM Plex Mono,monospace;font-size:9px;color:var(--muted);letter-spacing:.1em;pointer-events:none;opacity:0;transition:opacity .2s}.jig-input-wrap:focus-within .jig-enter-hint{opacity:1}.shortcut-hint{font-size:11px;color:var(--muted);margin-top:7px;text-align:center}.shortcut-hint kbd{background:#ffffff0f;border:1px solid var(--border);border-radius:4px;padding:1px 6px;font-size:10px;color:var(--dim);font-family:IBM Plex Mono,monospace}.checking{display:none;align-items:center;justify-content:center;gap:8px;font-size:13px;color:var(--muted)}.checking.show{display:flex}.submit-btn{display:none;width:100%;padding:14px;background:linear-gradient(135deg,var(--blue) 0%,var(--purple) 100%);border:none;border-radius:14px;font-family:Bungee,cursive;font-weight:800;font-size:17px;color:#fff;letter-spacing:.05em;cursor:pointer;transition:all .2s;box-shadow:0 4px 16px #5b8dee59;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.submit-btn:active{transform:scale(.97);opacity:.9}.submit-btn:disabled{opacity:.4;cursor:not-allowed}@media (hover: none) and (pointer: coarse),(max-width: 640px){.submit-btn{display:block}.jig-enter-hint,.shortcut-hint{display:none}.answer-wrap{gap:16px}}.history-wrap{width:100%;max-width:500px;display:none;flex-direction:column;gap:8px;min-height:0}.history-wrap.show{display:flex}.history-header{display:flex;align-items:center;gap:8px;font-family:Be Vietnam Pro,sans-serif;font-weight:700;font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:1.6px;flex-shrink:0}.history-header:after{content:none;flex:1;height:1px;background:var(--border)}.history-list{display:flex;flex-direction:column;gap:8px}.h-item{display:flex;align-items:center;padding:8px 12px;background:#ffffff08;border-radius:12px;max-width:min(280px,86%);animation:slide-in .22s cubic-bezier(.34,1.36,.64,1) both}@keyframes slide-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:none}}.h-item.by-me{align-self:flex-start;background:#0fd4941f}.h-item.by-opp{align-self:flex-end;background:#f5607a1f}.h-item.init{align-self:center;background:#94a3b824;border:1px solid rgba(148,163,184,.22)}.h-word{font-family:Bungee,cursive;font-weight:700;font-size:14px;color:#0fd494;flex:1;letter-spacing:.02em}.h-item.by-opp .h-word{color:#f5607a;text-align:right}.h-item.init .h-word{color:var(--muted);text-align:center}.history-empty{text-align:center;color:var(--muted);font-family:Be Vietnam Pro,sans-serif;font-size:13px;padding:10px 0 4px}.footer{z-index:1;padding:12px;font-size:11px;color:var(--muted);text-align:center;font-family:IBM Plex Mono,monospace;letter-spacing:.06em}.game-layout{flex:1;display:flex;flex-direction:column;min-height:0;width:min(1200px,100%);align-self:center}.game-main{flex:1;display:flex;flex-direction:column;min-height:0}@media (min-width: 761px){.game-layout{position:relative}.game-main{flex:1;min-width:0}}@media (max-width: 640px){.skip-btn .skip-label{display:none}.skip-btn{padding:7px 10px;gap:0;margin-left:4px}.topbar{gap:6px;padding:10px;margin-top:0;border-radius:0;border-left:none;border-right:none;border-top:none;width:100%;flex-shrink:0}.vs-bar{gap:4px;padding:0 2px}.pchip{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:0 6px;align-items:center}.pchip-avatar{grid-row:1 / 3;width:28px;height:28px}.pchip-top{grid-column:2;gap:3px}.pchip-title{display:none}.pchip-meta{grid-column:2;font-size:9px;padding:1px 5px;justify-self:start}.pchip-lives{grid-column:1 / 3;justify-self:center;display:flex;gap:1px;margin-top:2px}.pchip-lives .heart{font-size:11px}.pchip.right{justify-items:end}.pchip.right .pchip-meta{justify-self:end}.pchip-name{font-size:11px;max-width:72px}.vs-dot{font-size:9px}body{height:100vh;height:100dvh;overflow:hidden}.footer{display:none}.mode-banner{padding:2px 12px;font-size:.62rem;flex-shrink:0}.game-layout,.game-main{flex:1;min-height:0;overflow:hidden}.arena{flex:1;min-height:0;overflow:hidden;padding:10px 12px 0;gap:10px;padding-bottom:env(safe-area-inset-bottom,0px)}.timer-section{padding:8px 12px 4px;gap:10px;flex-shrink:0}.timer-num{font-size:32px;min-width:70px}.word-card{padding:14px 16px 12px;border-radius:16px;flex-shrink:0}.word-card:before{display:none}.word-eyebrow{margin-bottom:4px;font-size:9px}.word-text{font-size:clamp(22px,8vw,40px)}.answer-wrap{flex-shrink:0;gap:8px}.jigsaw{min-height:48px}.jig-head{min-width:62px;font-size:18px;padding:0 14px;border-radius:12px 0 0 12px}.jig-input{font-size:18px}.jig-input-wrap{border-radius:0 12px 12px 0}.submit-btn{padding:12px;font-size:15px;border-radius:12px}.status-card{padding:16px 14px;border-radius:14px;gap:8px}.status-icon{font-size:28px}.status-title{font-size:16px}.status-sub{font-size:12px}.history-wrap{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.history-wrap.show{display:flex}.history-list{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;gap:6px;padding-bottom:4px;scrollbar-width:thin;scrollbar-color:rgba(91,141,238,.15) transparent}.history-list::-webkit-scrollbar{width:3px}.history-list::-webkit-scrollbar-track{background:transparent}.history-list::-webkit-scrollbar-thumb{background:#5b8dee26;border-radius:3px}.history-header{font-size:9px}.h-item{padding:6px 10px;border-radius:10px}.h-word{font-size:12px}.name-wrap{padding:16px;border-radius:14px;flex-shrink:0}.name-label{font-size:11px;margin-bottom:8px}.name-input{font-size:15px;padding:11px 14px}.skill-bar{padding:4px 0;flex-shrink:0}.skill-btn{padding:8px 12px;font-size:.75rem;gap:6px}.skill-icon{font-size:1rem}.skill-cost{font-size:.62rem;padding:1px 5px}.skill-tooltip{white-space:normal;max-width:220px;font-size:.65rem}.element-picker{padding:6px 0;flex-shrink:0;overflow-y:auto;max-height:45vh}.element-picker-title{font-size:.82rem;margin-bottom:2px}.element-picker-sub{font-size:.65rem;margin-bottom:8px}.element-picker-grid{gap:4px}.element-pick-btn{padding:8px 10px;gap:8px;border-radius:10px}.ep-icon{font-size:1.3rem;width:28px}.ep-name{font-size:.75rem}.ep-passive{font-size:.62rem}.ep-check{width:18px;height:18px;font-size:10px}.ep-selected-info{padding:8px 10px;margin-top:6px}.ep-selected-header{font-size:.75rem;margin-bottom:6px;gap:6px}.ep-selected-header .ep-sel-icon{font-size:1rem}.ep-selected-row{font-size:.65rem;gap:4px}.ep-sel-tag{font-size:.55rem;padding:1px 5px}.que-banner{flex-shrink:0;font-size:.65rem;padding:3px 10px}.turn-lock,.checking,.blitz-scores{flex-shrink:0}}@media (max-width: 380px){.jig-head{border-radius:10px 0 0 10px;font-size:16px;padding:0 10px 0 12px;min-width:52px}.jig-input{font-size:16px;padding-left:14px}.jig-input-wrap{border-radius:0 10px 10px 0}.timer-num{font-size:28px;min-width:60px}.word-text{font-size:clamp(20px,8vw,36px)}.word-card{padding:10px 12px 8px;border-radius:14px}.word-eyebrow{margin-bottom:2px}.topbar{padding:8px}.topbar-home,.topbar-lb{width:28px;height:28px;font-size:16px}.pchip-name{max-width:52px;font-size:10px}.pchip-avatar{width:22px;height:22px}.vs-dot{font-size:8px}.submit-btn{padding:10px;font-size:14px}.arena{gap:8px;padding:8px 10px 0}.timer-section{padding:6px 10px 2px}.element-picker{max-height:40vh}.element-pick-btn{padding:6px 8px;gap:6px}.ep-icon{font-size:1.1rem;width:24px}.ep-name{font-size:.7rem}.ep-passive{font-size:.58rem}.ep-check{width:16px;height:16px;font-size:9px}.skill-btn{padding:6px 10px;font-size:.7rem}}.swal-gaming{background-color:#0e0e24!important;border:1px solid rgba(91,141,238,.3)!important;border-radius:20px!important}.swal-gaming .swal-title{font-family:Oxanium,sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:2px}.swal-overlay{background-color:#08080fd9!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.swal-win .swal-title{color:#fbbf24!important;text-shadow:0 0 15px rgba(251,191,36,.3)}.swal-lose .swal-title{color:#f43f5e!important;text-shadow:0 0 15px rgba(244,63,94,.3)}.swal-gaming .swal-text{color:#cbd5e1!important}.swal-gaming .swal-button--confirm{background:linear-gradient(135deg,#6366f1,#3b82f6)!important;border-radius:12px!important;box-shadow:0 4px 12px #3b82f666}.swal-gaming .swal-button--cancel{background:#ffffff0d!important;color:#94a3b8!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:12px!important}body.light-mode .status-title,body.light-mode .matrixCell.active .resizable-text{color:var(--text)}.go-header.win:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#0fd4941a,#f5c8421f)}.go-header.lose:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#f5607a1a,#9b59f514)}.go-title.win{color:#5fefc8;text-shadow:0 0 20px rgba(15,212,148,.3)}.go-title.lose{color:var(--danger);text-shadow:0 0 20px rgba(245,96,122,.3)}.go-reason{display:inline-flex;align-items:center;gap:5px;margin-top:10px;padding:5px 14px;border-radius:20px;font-size:11px;position:relative}.go-reason.win{background:#0fd4941a;border:1px solid rgba(15,212,148,.2);color:#0fd494}.go-reason.lose{background:#f5607a1a;border:1px solid rgba(245,96,122,.2);color:#f5607a}.go-vs{display:flex;align-items:stretch;padding:20px 20px 16px;gap:0}.go-player{flex:1;text-align:center;padding:8px 4px}.go-player-name{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px;font-family:IBM Plex Mono,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.go-player-elo{font-family:Bungee,cursive;font-size:36px;font-weight:800;line-height:1}.go-player-elo.me{color:#fff}body.light-mode .go-player-elo.me{color:var(--text)}.go-player-elo.opp{color:var(--dim)}.go-player-diff{font-family:IBM Plex Mono,monospace;font-size:14px;margin-top:4px;font-weight:700}.go-player-diff.up{color:var(--green)}.go-player-diff.down{color:var(--danger)}.go-vs-divider{width:1px;background:var(--border);margin:4px 0;position:relative}.go-vs-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:Bungee,cursive;font-size:9px;color:var(--muted);background:var(--bg-card);padding:4px 8px;border-radius:10px;border:1px solid var(--border);letter-spacing:.1em;white-space:nowrap}.challenge-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#08080feb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:center;align-items:center}.challenge-overlay.show{display:flex;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.challenge-box{background:var(--bg-card);border:1px solid var(--border);border-radius:22px;padding:32px 28px;max-width:380px;width:90%;text-align:center;position:relative;overflow:hidden;animation:popin .35s cubic-bezier(.34,1.56,.64,1) both}.challenge-box:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:60%;height:2px;background:linear-gradient(90deg,transparent,var(--warn),transparent)}.challenge-icon{font-size:42px;margin-bottom:12px}.challenge-title{font-family:Bungee,cursive;font-size:18px;color:var(--warn);margin-bottom:6px}.challenge-desc{font-size:13px;color:var(--muted);margin-bottom:16px}.challenge-question{font-family:Bungee,cursive;font-size:28px;color:var(--text);margin-bottom:16px;letter-spacing:.08em}.challenge-input{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:14px;font-family:Bungee,cursive;font-size:20px;color:var(--text);text-align:center;outline:none;margin-bottom:12px;transition:border-color .2s}.challenge-input:focus{border-color:var(--warn);box-shadow:0 0 0 3px #f5c84226}.challenge-submit{width:100%;padding:14px;background:linear-gradient(135deg,var(--warn),#f59e0b);border:none;border-radius:12px;font-family:Bungee,cursive;font-size:16px;color:#1a1a2e;cursor:pointer;transition:opacity .2s}.challenge-submit:disabled{opacity:.4;cursor:not-allowed}.challenge-error{color:var(--danger);font-size:13px;margin-top:8px;min-height:20px}.challenge-timer{font-family:IBM Plex Mono,monospace;font-size:12px;color:var(--muted);margin-top:8px}:root{--surface: var(--bg-card);--surface2: #111128;--accent: var(--blue);--cyan: #0891b2;--red: var(--danger);--bg2: var(--bg)}.mode-banner{text-align:center;align-self:center;width:min(1200px,calc(100% - 32px));font-family:Be Vietnam Pro,IBM Plex Mono,sans-serif;font-size:.68rem;font-weight:400;color:#fff6;padding:3px 16px;letter-spacing:.2px}body.light-mode .mode-banner{color:#00000059}body.light-mode .skill-btn{color:var(--text)}body.light-mode .skill-tooltip{background:#1e293bf2;border-color:#00000026}body.light-mode .skill-tooltip:after{border-top-color:#1e293bf2}body.light-mode .element-picker-title{color:var(--dim)}body.light-mode .element-pick-btn{background:#00000008;border-color:#0000001f;color:var(--text)}body.light-mode .element-pick-btn:hover{background:#00000012;border-color:#00000038}body.light-mode .element-pick-btn.selected{background:#0000000f}body.light-mode .que-banner{color:var(--dim);background:#d977060f}body.light-mode .shield-absorbed-overlay .shield-text{color:var(--text)}body.light-mode .blitz-scores .score-sep{color:#00000040}.pchip-lives{font-size:14px;letter-spacing:2px;line-height:1;min-height:18px;display:block;margin-top:2px}.pchip-lives .heart{display:inline-block;transition:transform .3s,opacity .3s}@keyframes heartBreak{0%{transform:scale(1);opacity:1}30%{transform:scale(1.3)}to{transform:scale(0);opacity:0}}.pchip-lives .heart.breaking{animation:heartBreak .6s ease forwards}.life-lost-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#f5607a1f;display:flex;flex-direction:column;justify-content:center;align-items:center;pointer-events:none;opacity:0;visibility:hidden}.life-lost-overlay.show{opacity:1;visibility:visible}.life-lost-action{font-family:Bungee,cursive;font-size:52px;font-weight:800;color:#ff4757;text-shadow:0 0 30px rgba(255,71,87,.6),2px 2px 0 #000;opacity:0;transform:scale(.3)}.life-lost-sub{font-size:16px;font-weight:600;color:var(--text, #eee);margin-top:6px;opacity:0}.life-lost-overlay.show .life-lost-action{animation:fxPop .85s cubic-bezier(.34,1.56,.64,1) forwards}.life-lost-overlay.show .life-lost-sub{animation:fadeInUp .4s .25s ease forwards}@keyframes fxPop{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.25);opacity:1}70%{transform:scale(.95)}to{transform:scale(1);opacity:1}}@keyframes fadeInUp{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}.pchip-lk{display:flex;gap:2px;font-size:10px}.pchip-lk .lk-orb{display:inline-block;width:8px;height:8px;border-radius:50%;background:#555}.pchip-lk .lk-orb.active{background:#f1c40f;box-shadow:0 0 4px #f1c40f99}.pchip-element{font-size:14px}.pchip-shield{font-size:11px}.tail-badge{display:inline-block;font-size:.65rem;font-weight:600;padding:1px 6px;border-radius:8px;margin-left:6px;vertical-align:middle}.tail-badge.dead{background:#e74c3c;color:#fff}.tail-badge.danger{background:#f39c12;color:#fff}.tail-badge.safe{background:#2ecc71;color:#fff}.skill-bar{display:flex;justify-content:center;gap:8px;padding:6px 0}.skill-btn{--sk-color: #5b8dee;display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border:1.5px solid var(--sk-color);border-radius:14px;background:color-mix(in srgb,var(--sk-color) 12%,transparent);color:#fff;font-size:.82rem;font-family:Be Vietnam Pro,sans-serif;font-weight:600;cursor:pointer;transition:all .2s;position:relative}.skill-btn:hover:not(:disabled){background:color-mix(in srgb,var(--sk-color) 22%,transparent);box-shadow:0 0 12px color-mix(in srgb,var(--sk-color) 30%,transparent);transform:translateY(-1px)}.skill-btn:active:not(:disabled){transform:translateY(0)}.skill-btn:disabled{opacity:.35;cursor:not-allowed;filter:grayscale(.5)}.skill-icon{font-size:1.1rem}.skill-name{letter-spacing:.02em}.skill-cost{font-size:.68rem;color:var(--sk-color);font-weight:700;opacity:.85;padding:2px 6px;background:color-mix(in srgb,var(--sk-color) 15%,transparent);border-radius:6px}.skill-btn.ultimate{border-style:dashed}.skill-tooltip{display:none;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#0a0a1ef2;border:1px solid rgba(255,255,255,.15);border-radius:10px;padding:8px 12px;font-size:.72rem;font-weight:400;color:#ffffffd9;white-space:nowrap;pointer-events:none;z-index:10;box-shadow:0 4px 12px #0006}.skill-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#0a0a1ef2}.skill-btn:hover .skill-tooltip{display:block}.skill-flash{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100;pointer-events:none;text-align:center}.skill-flash-icon{font-size:2.2rem;animation:fxPop .5s ease forwards}.skill-flash-name{font-family:Bungee,cursive;font-size:1rem;font-weight:800;margin-top:2px;opacity:0;animation:fadeInUp .35s .1s ease forwards}@keyframes skillFlashOut{0%{opacity:1}to{opacity:0;transform:translate(-50%,-60%)}}.shield-absorbed-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:50;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.shield-absorbed-overlay.show{opacity:1;visibility:visible}.shield-absorbed-overlay .shield-icon{font-size:2.5rem;animation:fxPop .5s ease forwards}.shield-absorbed-overlay .shield-text{font-size:.85rem;color:#fffc;margin-top:4px}.element-picker{width:100%;max-width:500px;margin:0 auto;padding:16px 0}.element-picker-title{font-family:Be Vietnam Pro,sans-serif;font-size:.95rem;font-weight:700;color:var(--text);text-align:center;margin-bottom:4px}.element-picker-sub{font-family:Be Vietnam Pro,sans-serif;font-size:.72rem;color:var(--muted);text-align:center;margin-bottom:12px}.element-picker-grid{display:flex;flex-direction:column;gap:6px}.element-pick-btn{display:flex;align-items:center;gap:12px;padding:12px 14px;border:2px solid rgba(255,255,255,.1);border-radius:14px;background:#ffffff0a;color:#fff;cursor:pointer;transition:all .2s;text-align:left}.element-pick-btn:hover{background:#ffffff14;border-color:color-mix(in srgb,var(--el-color, #fff) 40%,transparent);transform:translate(2px)}.element-pick-btn.selected{border-color:var(--el-color, #fff);background:color-mix(in srgb,var(--el-color, #fff) 10%,transparent);box-shadow:0 0 12px color-mix(in srgb,var(--el-color, #fff) 15%,transparent)}.ep-icon{font-size:1.6rem;flex-shrink:0;width:36px;text-align:center}.ep-info{flex:1;min-width:0}.ep-name{font-family:Be Vietnam Pro,sans-serif;font-size:.82rem;font-weight:700;margin-bottom:2px}.ep-passive{font-family:Be Vietnam Pro,sans-serif;font-size:.68rem;color:var(--dim);line-height:1.3}.ep-skill{font-family:Be Vietnam Pro,sans-serif;font-size:.65rem;color:var(--muted);margin-top:2px}.ep-check{flex-shrink:0;width:22px;height:22px;border-radius:50%;border:2px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;font-size:12px;transition:all .2s}.element-pick-btn.selected .ep-check{border-color:var(--el-color, #fff);background:var(--el-color, #fff);color:#000}.ep-selected-info{margin-top:10px;padding:12px 14px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#ffffff08;border-left:3px solid var(--ep-color, #5b8dee)}.ep-selected-header{display:flex;align-items:center;gap:8px;font-family:Be Vietnam Pro,sans-serif;font-size:.82rem;font-weight:700;margin-bottom:8px}.ep-selected-header .ep-sel-icon{font-size:1.2rem}.ep-selected-row{display:flex;align-items:baseline;gap:6px;font-family:Be Vietnam Pro,sans-serif;font-size:.72rem;line-height:1.5}.ep-selected-row+.ep-selected-row{margin-top:4px}.ep-sel-tag{flex-shrink:0;font-size:.6rem;font-weight:700;padding:1px 6px;border-radius:5px;letter-spacing:.03em}.ep-sel-tag.passive{background:#10b9811f;color:#10b981}.ep-sel-tag.active{background:#0ea5cf1f;color:#0ea5cf}.ep-sel-desc{color:var(--dim)}.ep-sel-desc strong{color:var(--text);font-weight:600}body.light-mode .ep-selected-info{background:#00000005;border-color:#0000000f}body.light-mode .element-pick-btn{background:#00000005;border-color:#0000001a;color:var(--text)}body.light-mode .element-pick-btn:hover{background:#0000000d}body.light-mode .element-pick-btn.selected{background:color-mix(in srgb,var(--el-color, #333) 8%,transparent)}body.light-mode .ep-check{border-color:#00000026}.que-banner{text-align:center;font-size:.72rem;color:#fff9;padding:4px 12px;background:#ffd7000f;border-radius:8px;margin:4px auto;max-width:300px}.mode-blitz .pchip-lives{display:none!important}.blitz-scores{display:flex;align-items:center;justify-content:center;gap:12px;font-size:1.2rem;font-weight:700;padding:4px 0}.blitz-scores .score-me{color:#2ecc71}.blitz-scores .score-sep{color:#ffffff4d;font-weight:400}.blitz-scores .score-opp{color:#e74c3c}.blitz-stun-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;z-index:60;background:#e74c3c26;pointer-events:none;opacity:0}.blitz-stun-overlay.show{display:flex;opacity:1}.blitz-stun-text{color:#e74c3c;font-weight:700;font-size:1.1rem}.blitz-scored-flash{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;font-weight:800;z-index:100;pointer-events:none;animation:blitzFlash .6s ease forwards}.blitz-scored-flash.me{color:#2ecc71}.blitz-scored-flash.opp{color:#e74c3c}@keyframes blitzFlash{0%{opacity:1;transform:translate(-50%,-50%) scale(1.5)}to{opacity:0;transform:translate(-50%,-80%) scale(1)}}.answer-hint{font-family:IBM Plex Mono,monospace;font-size:11px;color:var(--muted);margin-top:6px;text-align:center}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:none;align-items:center;justify-content:center;background:#08081aeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:16px}.modal-overlay.show{display:flex;animation:goFade .3s ease}body.light-mode .modal-overlay{background:#f0f2f5f0}.modal-card{background:var(--bg-card);border:1px solid var(--border);border-radius:18px;padding:28px 24px;width:min(420px,100%);box-shadow:0 16px 48px #0000004d}body.light-mode .modal-card{background:#fff;box-shadow:0 12px 40px #0000001f}.modal-card h3{font-family:Bungee,cursive;font-size:1.15rem;text-align:center;margin-bottom:20px;color:var(--text)}.modal-grid{display:flex;flex-direction:column;gap:14px;margin-bottom:20px}.modal-grid label{display:flex;flex-direction:column;gap:6px;font-family:DM Sans,sans-serif;font-size:.85rem;font-weight:600;color:var(--dim)}.modal-grid input{padding:10px 14px;border-radius:10px;border:1px solid var(--border);background:var(--bg-deep);color:var(--text);font-family:DM Sans,sans-serif;font-size:.95rem;outline:none;transition:border-color .2s}.modal-grid input:focus{border-color:var(--blue)}body.light-mode .modal-grid input{background:#f0f1f5}.modal-actions{display:flex;gap:10px}.modal-actions .go-btn{flex:1}.room-setup{position:relative;z-index:10;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:24px 20px;max-width:440px;margin:0 auto;text-align:center}body.light-mode .room-setup{background:#fff}.room-setup-title{font-family:Bungee,cursive;font-size:1.1rem;color:var(--text);margin-bottom:8px}.room-setup-players{font-family:DM Sans,sans-serif;font-size:.9rem;color:var(--dim);margin-bottom:16px}.room-setup-share{text-align:left;margin-bottom:16px}.room-share-label{display:block;font-family:DM Sans,sans-serif;font-size:.8rem;font-weight:600;color:var(--muted);margin-bottom:6px}.room-share-row{display:flex;gap:8px}.room-share-input{flex:1;padding:8px 12px;border-radius:8px;border:1px solid var(--border);background:var(--bg-deep);color:var(--text);font-family:IBM Plex Mono,monospace;font-size:.82rem;outline:none}body.light-mode .room-share-input{background:#f0f1f5}.room-share-copy{padding:8px 16px;border-radius:8px;border:none;cursor:pointer;background:var(--blue);color:#fff;font-family:DM Sans,sans-serif;font-size:.85rem;font-weight:600;transition:opacity .2s}.room-share-copy:hover{opacity:.85}.room-start-btn{width:100%;padding:12px;border-radius:12px;border:none;cursor:pointer;background:linear-gradient(135deg,var(--blue) 0%,var(--purple) 100%);color:#fff;font-family:Bungee,cursive;font-size:1rem;box-shadow:0 4px 16px #5b8dee59;transition:transform .15s,box-shadow .15s}.room-start-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #5b8dee73}.room-start-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}