@keyframes pulseGlow{0%,to{box-shadow:0 0 15px #00f0ff66,inset 0 0 15px #00f0ff33}50%{box-shadow:0 0 30px #00f0ffcc,inset 0 0 25px #00f0ff66}}@keyframes fireGlow{0%,to{box-shadow:0 0 20px #ff007f80;border-color:#ff007f}50%{box-shadow:0 0 40px #ff7300e6;border-color:#ff7300}}@keyframes chipToss{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.08)}to{transform:translateY(0) scale(1.04)}}@keyframes inkSplatter{0%{transform:scale(.2) rotate(0);opacity:0}50%{transform:scale(1.1) rotate(15deg);opacity:.95}to{transform:scale(1) rotate(10deg);opacity:.92}}@keyframes screenFlipAttack{0%{transform:rotateX(0)}30%{transform:rotateX(180deg) scale(.95)}70%{transform:rotateX(180deg) scale(.95)}to{transform:rotateX(0) scale(1)}}@keyframes doubleRiskShake{0%,to{transform:translate(0) rotate(0)}20%{transform:translate(-3px,2px) rotate(-1deg)}40%{transform:translate(3px,-2px) rotate(1deg)}60%{transform:translate(-2px,-1px) rotate(-.5deg)}80%{transform:translate(2px,1px) rotate(.5deg)}}@keyframes floatBadge{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes blitzTimerShrink{0%{width:100%}to{width:0%}}.anim-pulse{animation:pulseGlow 2s infinite ease-in-out}.anim-fire{animation:fireGlow 1.5s infinite ease-in-out}.anim-double-risk{animation:doubleRiskShake .6s infinite ease-in-out}.anim-float{animation:floatBadge 3s infinite ease-in-out}.ink-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 35% 45%,#05070c 60%,rgba(5,7,12,.8) 85%,transparent 100%);pointer-events:auto;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:inkSplatter .4s cubic-bezier(.175,.885,.32,1.275) forwards;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer}.ink-splat-art{width:220px;height:220px;background:radial-gradient(circle,#020305 40%,#0c121e 75%,transparent 100%);border-radius:50%;box-shadow:0 0 50px #000000e6,30px 40px 0 10px #020305,-35px -25px 0 15px #020305,50px -30px 0 5px #020305;margin-bottom:20px}.flipped-screen{animation:screenFlipAttack 3.5s ease-in-out forwards;transform-origin:center center}:root{color-scheme:dark;--bg-dark: #070a12;--bg-card: rgba(15, 23, 42, .75);--bg-card-hover: rgba(26, 38, 68, .85);--border-subtle: rgba(255, 255, 255, .08);--border-glow: rgba(0, 240, 255, .3);--neon-cyan: #00f0ff;--neon-pink: #ff007f;--neon-gold: #ffd700;--neon-green: #00ff88;--neon-purple: #a855f7;--danger-red: #ff3b30;--text-primary: #ffffff;--text-secondary: #94a3b8;--text-muted: #64748b;--kahoot-red: #e21b3c;--kahoot-blue: #1368ce;--kahoot-yellow: #d89e00;--kahoot-green: #26890c;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans TC", sans-serif;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--radius-full: 9999px;--shadow-neon: 0 0 20px rgba(0, 240, 255, .25)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{background-color:var(--bg-dark);background-image:radial-gradient(circle at 15% 15%,rgba(0,240,255,.08) 0%,transparent 40%),radial-gradient(circle at 85% 85%,rgba(255,0,127,.08) 0%,transparent 40%),radial-gradient(circle at 50% 50%,rgba(15,23,42,.6) 0%,transparent 100%);background-attachment:fixed;color:var(--text-primary);font-family:var(--font-family);min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;line-height:1.5}#app{display:flex;flex-direction:column;min-height:100vh;width:100%}.header{position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#070a12d9;border-bottom:1px solid var(--border-subtle);padding:.75rem 1.5rem;display:flex;align-items:center;justify-content:space-between}.logo-area{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--text-primary);font-weight:800;font-size:1.25rem;letter-spacing:-.5px}.logo-icon{font-size:1.5rem;filter:drop-shadow(0 0 8px var(--neon-cyan))}.logo-text span{color:var(--neon-cyan)}.nav-links{display:flex;align-items:center;gap:1rem}.nav-item{color:var(--text-secondary);text-decoration:none;font-size:.9rem;font-weight:600;padding:.4rem .8rem;border-radius:var(--radius-sm);transition:all .2s ease}.nav-item:hover,.nav-item.active{color:var(--neon-cyan);background:#00f0ff1a}.controls-area{display:flex;align-items:center;gap:.6rem}.btn-icon{background:#ffffff0d;border:1px solid var(--border-subtle);color:var(--text-secondary);width:38px;height:38px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;transition:all .2s}.btn-icon:hover{color:var(--text-primary);border-color:var(--neon-cyan);box-shadow:0 0 10px #00f0ff4d}select,.lang-select{color-scheme:dark;background-color:#0d1527;border:1px solid var(--border-glow);color:#fff;padding:.5rem .8rem;border-radius:var(--radius-sm);font-size:.95rem;font-weight:600;cursor:pointer;outline:none;transition:all .2s ease}select:focus,.lang-select:focus{border-color:var(--neon-cyan);box-shadow:0 0 12px #00f0ff59}select option,.lang-select option{background-color:#0b1120;color:#fff;padding:10px 14px;font-size:1rem}input,textarea,select{color-scheme:dark}::placeholder{color:#64748b;opacity:1}.main-content{flex:1;max-width:1200px;width:100%;margin:0 auto;padding:2rem 1.5rem}.hero-section{text-align:center;margin-bottom:3.5rem}.hero-badge{display:inline-block;padding:.4rem 1rem;background:#ff007f26;border:1px solid var(--neon-pink);color:#ff80bf;border-radius:var(--radius-full);font-size:.85rem;font-weight:700;margin-bottom:1.2rem;box-shadow:0 0 15px #ff007f4d}.hero-title{font-size:3rem;font-weight:900;letter-spacing:-1px;line-height:1.15;margin-bottom:1rem;background:linear-gradient(135deg,#ffffff 30%,var(--neon-cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{color:var(--text-secondary);font-size:1.15rem;max-width:680px;margin:0 auto 2rem}.hero-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 1.6rem;border-radius:var(--radius-md);font-weight:700;font-size:1rem;line-height:1.2;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border:none;text-decoration:none;white-space:nowrap;-webkit-user-select:none;user-select:none;box-sizing:border-box}.btn-primary{background:linear-gradient(135deg,var(--neon-cyan) 0%,#0072ff 100%);color:#05070f;box-shadow:0 0 20px #00f0ff66}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 30px #00f0ffb3}.btn-secondary{background:#ffffff0d;color:var(--text-primary);border:1px solid var(--border-subtle)}.btn-secondary:hover{background:#ffffff1a;border-color:var(--neon-cyan)}.btn-danger{background:linear-gradient(135deg,var(--neon-pink) 0%,#ff4b4b 100%);color:#fff;box-shadow:0 0 20px #ff007f66}.modes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:1.5rem;margin-bottom:3.5rem}.mode-card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.8rem;display:flex;flex-direction:column;justify-content:space-between;transition:all .25s ease;position:relative;overflow:hidden}.mode-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--neon-cyan),var(--neon-pink));opacity:0;transition:opacity .25s}.mode-card:hover{transform:translateY(-4px);border-color:var(--border-glow);box-shadow:0 10px 30px #00000080,0 0 15px #00f0ff33}.mode-card:hover:before{opacity:1}.card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.card-icon{font-size:2.2rem}.card-badge{font-size:.75rem;font-weight:700;padding:.25rem .6rem;border-radius:var(--radius-full);background:#00f0ff1a;color:var(--neon-cyan);border:1px solid rgba(0,240,255,.3)}.mode-card h3{font-size:1.3rem;font-weight:800;margin-bottom:.6rem;color:#fff}.mode-card p{font-size:.92rem;color:var(--text-secondary);margin-bottom:1.5rem;flex:1}.mode-card>.btn{width:100%;height:48px;padding:0 1.2rem;box-sizing:border-box}.card-btn-group{display:flex;gap:.6rem;width:100%;height:48px;box-sizing:border-box}.card-btn-group .btn{flex:1;height:100%;padding:0 .5rem;font-size:.9rem;letter-spacing:-.2px;min-width:0;white-space:nowrap}.section-title{font-size:1.5rem;font-weight:800;margin-bottom:1.2rem;display:flex;align-items:center;gap:.6rem}.categories-scroll{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem;margin-bottom:3.5rem}.category-chip{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1rem;text-align:center;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:.5rem}.category-chip:hover{border-color:var(--neon-cyan);transform:translateY(-2px);box-shadow:0 4px 15px #00f0ff33}.category-chip .cat-icon{font-size:1.8rem}.category-chip .cat-name{font-size:.88rem;font-weight:700;color:var(--text-primary)}.arena-container{max-width:800px;margin:0 auto;position:relative}.arena-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;background:var(--bg-card);padding:1rem 1.5rem;border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.player-score-badge{display:flex;align-items:center;gap:.6rem;font-weight:800}.player-score-badge .pts{font-size:1.4rem;color:var(--neon-cyan)}.wager-modal-box{background:var(--bg-card);border:2px solid var(--neon-cyan);box-shadow:0 0 35px #00f0ff40;border-radius:var(--radius-lg);padding:2.2rem;text-align:center;margin-bottom:2rem}.wager-timer{font-size:3.5rem;font-weight:900;color:var(--neon-pink);margin-bottom:.5rem;font-variant-numeric:tabular-nums}.wager-chips{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin:1.8rem 0}.chip-btn{background:#ffffff0d;border:2px solid rgba(255,255,255,.15);border-radius:var(--radius-full);padding:.8rem 1.6rem;color:#fff;font-weight:800;font-size:1.1rem;cursor:pointer;transition:all .2s}.chip-btn:hover,.chip-btn.selected{border-color:var(--neon-cyan);background:#00f0ff33;transform:scale(1.08);box-shadow:0 0 18px #00f0ff80}.chip-btn.all-in{border-color:var(--neon-pink);background:#ff007f26}.chip-btn.all-in:hover,.chip-btn.all-in.selected{background:var(--neon-pink);color:#fff;box-shadow:0 0 25px #ff007fb3}.double-risk-banner{background:linear-gradient(90deg,#ff007f,#ff7300);color:#fff;font-weight:900;padding:.6rem 1.2rem;border-radius:var(--radius-md);margin-top:1rem;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.question-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:2.2rem;margin-bottom:1.5rem;position:relative;overflow:hidden}.blitz-bar-wrapper{position:absolute;top:0;left:0;right:0;height:6px;background:#ffffff1a}.blitz-bar{height:100%;background:linear-gradient(90deg,var(--neon-green),var(--neon-cyan),var(--neon-pink));width:100%;transition:width .1s linear}.question-meta{display:flex;justify-content:space-between;margin-bottom:1rem;font-size:.85rem;color:var(--text-muted)}.question-prompt{font-size:1.4rem;font-weight:800;line-height:1.4;margin-bottom:2rem;color:#fff}.options-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.option-btn{background:#ffffff0a;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1.2rem;font-size:1.05rem;font-weight:700;color:#fff;text-align:left;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.8rem}.option-btn:hover:not(:disabled){background:#ffffff1a;border-color:var(--neon-cyan);transform:translate(4px)}.option-btn.correct{background:#0f83!important;border-color:var(--neon-green)!important;box-shadow:0 0 20px #0f86}.option-btn.wrong{background:#ff3b3033!important;border-color:var(--danger-red)!important;box-shadow:0 0 20px #ff3b3066}.option-btn.disabled-5050{opacity:.25;pointer-events:none;text-decoration:line-through}.sabotage-bar{display:flex;gap:.8rem;justify-content:center;margin-top:1.5rem}.item-btn{background:#ffffff0f;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:.6rem 1.2rem;color:var(--text-primary);font-weight:700;font-size:.88rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.4rem}.item-btn:hover:not(:disabled){border-color:var(--neon-pink);box-shadow:0 0 12px #ff007f66}.item-btn:disabled{opacity:.3;cursor:not-allowed}.party-container{max-width:900px;margin:0 auto;text-align:center}.qr-box{background:#fff;padding:1.5rem;border-radius:var(--radius-lg);display:inline-block;margin:1.5rem 0;box-shadow:0 0 40px #00f0ff66}.pin-display{font-size:3rem;font-weight:900;letter-spacing:4px;color:var(--neon-gold);margin-bottom:1rem}.controller-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:1rem;height:calc(100vh - 160px);padding:1rem}.kahoot-btn{border:none;border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-size:3.5rem;transition:transform .1s active;box-shadow:0 6px #0000004d}.kahoot-btn:active{transform:translateY(6px);box-shadow:0 0 #0000004d}.kahoot-red{background:var(--kahoot-red)}.kahoot-blue{background:var(--kahoot-blue)}.kahoot-yellow{background:var(--kahoot-yellow)}.kahoot-green{background:var(--kahoot-green)}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1.5rem}.modal-content{background:var(--bg-card);border:1px solid var(--neon-cyan);border-radius:var(--radius-lg);max-width:500px;width:100%;max-height:90vh;overflow-y:auto;padding:2rem;text-align:center;box-shadow:0 0 50px #00f0ff4d}.canvas-preview-box{border-radius:var(--radius-md);overflow:hidden;box-shadow:0 10px 30px #000c;margin:1.5rem 0}.canvas-preview-box canvas{width:100%;height:auto;display:block}.footer{border-top:1px solid var(--border-subtle);padding:2rem 1.5rem;text-align:center;color:var(--text-muted);font-size:.88rem}.footer a{color:var(--text-secondary);text-decoration:none;transition:color .2s}.footer a:hover{color:var(--neon-cyan)}@media(max-width:768px){.hero-title{font-size:2.2rem}.options-grid{grid-template-columns:1fr}.header{padding:.6rem 1rem}.nav-links{display:none}}