:root{--color-bg:#fff5f5;--color-bg-light:#fff;--color-bg-card:#fff;--color-text:#333;--color-text-muted:#666;--color-accent:#ff4081;--color-accent-secondary:#7c4dff;--color-success:#00c853;--color-danger:#ff1744;--color-warning:#ffab00;--gradient-primary:linear-gradient(135deg, #ff4081, #ff80ab);--gradient-secondary:linear-gradient(135deg, #7c4dff, #b388ff);--gradient-success:linear-gradient(135deg, #00c853, #69f0ae);--gradient-danger:linear-gradient(135deg, #ff1744, #ff8a80);--timer-bg-normal:var(--color-bg);--timer-bg-warm:#fff8e1;--timer-bg-orange:#ffe0b2;--timer-bg-danger:#ffcdd2;--btn-min-height:52px;--font-size-base:16px;--font-size-lg:20px;--font-size-xl:28px;--font-size-xxl:48px;--border-radius:20px;--spacing:16px;--shadow-sm:0 2px 8px #00000014;--shadow-md:0 4px 16px #0000001f;--shadow-lg:0 8px 32px #00000029;--safe-area-top:env(safe-area-inset-top,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif;font-size:var(--font-size-base);color:var(--color-text);-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;background:linear-gradient(#fff5f5 0%,#fce4ec 100%);overflow-x:hidden}.score-bar{padding:var(--safe-area-top) var(--spacing) var(--spacing);padding-top:calc(var(--safe-area-top) + var(--spacing));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;box-shadow:var(--shadow-sm);background:linear-gradient(#fffffff2 0%,#fffc 100%);flex-wrap:wrap;justify-content:center;gap:8px;display:flex;position:fixed;top:0;left:0;right:0}.score-bar.hidden{display:none}.score-item{background:var(--color-bg-card);box-shadow:var(--shadow-sm);border-radius:25px;align-items:center;gap:6px;padding:6px 14px;font-size:14px;font-weight:500;transition:all .3s;display:flex}.score-item.current{background:var(--gradient-primary);color:#fff;transform:scale(1.1);box-shadow:0 4px 12px #ff408166}.player-name{text-overflow:ellipsis;white-space:nowrap;max-width:60px;overflow:hidden}.player-score{color:var(--color-accent-secondary);font-weight:700}.score-item.current .player-score{color:#fff}.game-container{min-height:100dvh;padding:80px var(--spacing) calc(var(--safe-area-bottom) + var(--spacing));flex-direction:column;justify-content:center;align-items:center;transition:background-color .5s;display:flex}.score-bar.hidden~.game-container{padding-top:calc(var(--safe-area-top) + var(--spacing))}.screen{align-items:center;gap:var(--spacing);text-align:center;flex-direction:column;width:100%;max-width:400px;animation:.3s fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.title{font-size:var(--font-size-xxl);background:linear-gradient(135deg, var(--color-accent), var(--color-accent-secondary));-webkit-text-fill-color:transparent;margin-bottom:var(--spacing);text-shadow:none;-webkit-background-clip:text;background-clip:text;font-weight:800}.subtitle{font-size:var(--font-size-lg);color:var(--color-text-muted);font-weight:500}.top-screen{gap:12px}.top-screen .title{margin-bottom:0;font-size:40px;line-height:1.1}.top-screen .subtitle{letter-spacing:.1em;font-size:15px}.hero-image{width:60%;max-width:220px;box-shadow:var(--shadow-lg);border-radius:24px;overflow:hidden}.hero-image img{width:100%;height:auto;display:block}@media (height<=700px){.top-screen .title{font-size:32px}.top-screen{gap:8px}.hero-image{border-radius:20px;max-width:180px}}.btn{min-height:var(--btn-min-height);font-size:var(--font-size-lg);color:#fff;background:var(--gradient-primary);border-radius:var(--border-radius);cursor:pointer;border:none;justify-content:center;align-items:center;width:100%;max-width:300px;padding:14px 36px;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 4px 16px #ff40814d}.btn:active{transform:scale(.95)}.btn:hover{transform:scale(1.03);box-shadow:0 6px 24px #ff408166}.btn-secondary{color:var(--color-accent);border:3px solid var(--color-accent);box-shadow:var(--shadow-sm);background:#fff}.btn-secondary:hover{box-shadow:var(--shadow-md);background:#fff0f5}.btn-success{background:var(--gradient-success);box-shadow:0 4px 16px #00c8534d}.btn-success:hover{box-shadow:0 6px 24px #00c85366}.btn-danger{background:var(--gradient-danger);box-shadow:0 4px 16px #ff17444d}.btn-danger:hover{box-shadow:0 6px 24px #ff174466}.btn-small{min-height:44px;font-size:var(--font-size-base);padding:10px 24px}.btn:disabled{color:#9e9e9e;cursor:not-allowed;box-shadow:none;background:#e0e0e0;transform:none}.link{color:var(--color-accent-secondary);font-size:var(--font-size-base);cursor:pointer;font-weight:600;text-decoration:none}.link:hover{text-decoration:underline}.card{background:var(--color-bg-card);border-radius:var(--border-radius);padding:calc(var(--spacing) * 1.5);width:100%;box-shadow:var(--shadow-md)}.question-word{font-size:var(--font-size-xxl);color:var(--color-text);margin:var(--spacing) 0;text-shadow:2px 2px #ff40811a;font-weight:800}.level-badge{background:var(--gradient-secondary);color:#fff;border-radius:25px;padding:6px 20px;font-size:14px;font-weight:700;display:inline-block;box-shadow:0 2px 8px #7c4dff4d}.ng-words{color:var(--color-danger);font-size:var(--font-size-lg);margin:var(--spacing) 0}.ng-words span{border:2px solid var(--color-danger);background:#ffebee;border-radius:12px;margin:4px;padding:6px 14px;font-weight:600;display:inline-block}.happening{color:#333;padding:var(--spacing);border-radius:var(--border-radius);font-size:var(--font-size-lg);background:linear-gradient(135deg,#ffab00,#ffd740);width:100%;font-weight:700;animation:.5s slideIn,2s infinite pulse;box-shadow:0 4px 16px #ffab0066}@keyframes slideIn{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.form-group{text-align:left;width:100%}.form-label{color:var(--color-text);margin-bottom:8px;font-weight:700;display:block}.form-input{width:100%;font-size:var(--font-size-base);border-radius:var(--border-radius);color:var(--color-text);background:#f5f5f5;border:2px solid #0000;outline:none;padding:14px 18px;transition:all .2s}.form-input:focus{border-color:var(--color-accent);background:#fff;box-shadow:0 0 0 4px #ff40811a}.form-select{width:100%;font-size:var(--font-size-base);border-radius:var(--border-radius);color:var(--color-text);appearance:none;cursor:pointer;background:#f5f5f5 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") right 12px center/20px no-repeat;border:2px solid #0000;outline:none;padding:14px 18px}.form-select:focus{border-color:var(--color-accent);background-color:#fff}.player-list{flex-direction:column;gap:10px;width:100%;display:flex}.player-input-row{align-items:center;gap:8px;display:flex}.player-input-row input{flex:1}.btn-icon{border-radius:50%;flex-shrink:0;width:52px;height:52px;min-height:52px;padding:0;font-size:28px}.roulette-container{width:220px;height:220px;margin:var(--spacing) 0;position:relative}.roulette-wheel{width:100%;height:100%;font-size:var(--font-size-xxl);box-shadow:var(--shadow-lg), inset 0 0 20px #0000001a;background:conic-gradient(#69f0ae 0deg 120deg,#ffd740 120deg 240deg,#ff8a80 240deg 360deg);border-radius:50%;justify-content:center;align-items:center;font-weight:700;transition:transform 3s cubic-bezier(.17,.67,.12,.99);display:flex}.roulette-center{width:90px;height:90px;font-size:var(--font-size-xl);box-shadow:var(--shadow-md);color:var(--color-accent);background:#fff;border-radius:50%;justify-content:center;align-items:center;font-weight:800;display:flex}.ranking-list{flex-direction:column;gap:10px;width:100%;display:flex}.ranking-item{align-items:center;gap:var(--spacing);padding:var(--spacing);background:var(--color-bg-card);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);display:flex}.ranking-item.rank-1{color:#333;background:linear-gradient(135deg,gold,#ffec8b);box-shadow:0 4px 16px #ffd70066}.rank-number{font-size:var(--font-size-xl);text-align:center;width:50px;font-weight:800}.rank-player{font-size:var(--font-size-lg);flex:1;font-weight:600}.rank-score{font-size:var(--font-size-xl);color:var(--color-accent);font-weight:800}.ranking-item.rank-1 .rank-score{color:#b8860b}.correct-animation{animation:.5s correctPop}@keyframes correctPop{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.failed-animation{animation:.5s shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.timer-warning{background:linear-gradient(#fff8e1 0%,#ffe0b2 100%)!important}.timer-danger{animation:.5s infinite timerPulse;background:linear-gradient(#ffebee 0%,#ffcdd2 100%)!important}@keyframes timerPulse{0%,to{background:linear-gradient(#ffebee 0%,#ffcdd2 100%)}50%{background:linear-gradient(#ffcdd2 0%,#ef9a9a 100%)}}.explosion{animation:.5s explosion}@keyframes explosion{0%{filter:brightness();transform:scale(1)}50%{filter:brightness(1.3);background:#ffcdd2;transform:scale(1.05)}to{filter:brightness();transform:scale(1)}}.skips-remaining{color:var(--color-text-muted);font-size:14px;font-weight:500}.end-game-btn{padding-top:var(--spacing);margin-top:auto}.dialog-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.dialog{padding:calc(var(--spacing) * 2);border-radius:var(--border-radius);text-align:center;max-width:320px;box-shadow:var(--shadow-lg);background:#fff}.dialog-buttons{gap:var(--spacing);margin-top:var(--spacing);display:flex}.dialog-buttons .btn{flex:1}.hidden{display:none!important}.rules-content{text-align:left;line-height:1.8}.rules-content h3{color:var(--color-accent);margin-top:var(--spacing);margin-bottom:8px;font-weight:700}.rules-content ul{padding-left:24px}.rules-content li{margin-bottom:6px}.rules-content strong{color:var(--color-accent-secondary)}.question-review{background:var(--color-bg-card);border-radius:var(--border-radius);width:100%;padding:var(--spacing) var(--spacing) 12px;box-shadow:var(--shadow-sm);text-align:center}.question-review-word{color:var(--color-text);text-shadow:1px 1px #ff40811a;font-size:28px;font-weight:800}.question-review-ng{color:var(--color-danger);font-size:var(--font-size-base);margin-top:10px}.question-review-ng-label{color:var(--color-text-muted);margin-bottom:6px;font-size:13px;display:block}.question-review-ng span:not(.question-review-ng-label){border:2px solid var(--color-danger);color:var(--color-danger);background:#ffebee;border-radius:12px;margin:3px;padding:5px 12px;font-size:15px;font-weight:600;display:inline-block}.answerer-section{width:100%}.answerer-label{color:var(--color-text);margin-bottom:10px;font-size:15px;font-weight:700}.answerer-list{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.answerer-btn{width:auto;min-width:100px;max-width:none;font-size:var(--font-size-base);background:var(--gradient-secondary);flex:none;padding:16px 20px}.correct-result-scores{flex-direction:column;gap:10px;width:100%;display:flex}.correct-result-player{padding:12px var(--spacing);background:var(--color-bg-card);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);align-items:center;gap:10px;display:flex}.correct-result-name{font-size:var(--font-size-lg);flex:1;font-weight:700}.correct-result-role{color:var(--color-text-muted);font-size:13px;font-weight:600}.correct-result-point{font-size:var(--font-size-xl);color:var(--color-success);font-weight:800}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}