*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#000;overflow:hidden;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}#gameCanvas{cursor:default;display:block;max-width:100vw;max-height:100vh;background:#000}#gameCanvas.playing{cursor:none}#ui-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.screen,.game-button{pointer-events:auto}#round-counter{position:absolute;top:20px;left:20px;font-size:24px;font-weight:700;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.8);padding:10px 20px;background:#00000080;border-radius:5px}#result-message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:48px;font-weight:700;text-shadow:3px 3px 6px rgba(0,0,0,.9);padding:20px 40px;border-radius:10px;text-align:center;transition:opacity .3s ease}#result-message.hit{color:#0f0;background:#00ff001a}#result-message.miss{color:#f33;background:#ff33331a}#result-message.hidden{opacity:0;pointer-events:none}.screen{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;justify-content:center;align-items:center;transition:opacity .3s ease}.screen.hidden{opacity:0;pointer-events:none}.screen-content{text-align:center;color:#fff;width:480px;max-width:90vw;max-height:80vh;overflow-y:auto;padding:36px 40px;background:#141414ed;border-radius:15px;border:2px solid #444}.screen-content h1{font-size:36px;margin-bottom:16px;color:#ff9500;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.screen-content p{font-size:18px;margin-bottom:24px;color:#ccc}.game-button{display:inline-flex;align-items:center;justify-content:center;font-size:24px;line-height:1;padding:15px 40px;background:linear-gradient(180deg,#ff9500,#f60);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:700;text-transform:uppercase;transition:all .2s ease;box-shadow:0 4px 8px #00000080}.game-button:hover{background:linear-gradient(180deg,#fa0,#f70);transform:translateY(-2px);box-shadow:0 6px 12px #0009}.game-button:active{transform:translateY(0);box-shadow:0 2px 4px #0006}.game-button:disabled,.game-button:disabled:hover,.game-button:disabled:active{background:linear-gradient(180deg,#666,#444);color:#999;cursor:not-allowed;transform:none;box-shadow:0 2px 4px #0000004d;pointer-events:none}.btn-spinner{width:1em;height:1em;box-sizing:border-box;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#summary-stats{margin:30px 0;text-align:left}.stat-row{display:flex;justify-content:space-between;padding:15px 20px;margin:10px 0;background:#0000004d;border-radius:5px;font-size:20px}.stat-label{color:#aaa;font-weight:400}.stat-value{color:#ff9500;font-weight:700}@media(max-width:768px){#round-counter{font-size:18px;padding:8px 16px}#result-message{font-size:32px;padding:15px 30px}.screen-content h1{font-size:36px}.screen-content p{font-size:16px}.game-button{font-size:20px;padding:12px 30px}.stat-row{font-size:16px;padding:12px 16px}.lang-switcher{width:100px;top:10px;right:10px}.lang-btn{padding:2px 6px;font-size:11px}}.lang-switcher{position:absolute;top:12px;right:12px;display:inline-flex;width:120px;background:#1e1e1ef2;border:1px solid #444;border-radius:5px;padding:1px;box-shadow:inset 0 1px 2px #0006}.lang-btn{flex:1 1 0;min-width:0;background:transparent;color:#888;border:none;border-radius:4px;padding:3px 8px;font-size:12px;font-weight:600;cursor:pointer;transition:background .2s ease,color .2s ease}.lang-btn:hover:not(.active){color:#bbb;background:#ffffff0f}.lang-btn.active{background:linear-gradient(180deg,#ff950059,#ff660040);color:#ff9500;box-shadow:0 1px 4px #0000004d}.screen-content{position:relative}.intro-list{text-align:left;list-style:none;padding:0 20px;margin:0 auto 20px;max-width:380px}.intro-list li{display:flex;align-items:flex-start;gap:10px;font-size:16px;color:#ccc;padding:6px 0;line-height:1.5}.rule-icon{flex-shrink:0;width:1.4em;height:1.5em;display:inline-flex;align-items:center;justify-content:center;font-size:1em;line-height:1}.screen-content .intro-disclaimer{font-size:12px;color:#999;text-align:left;padding:8px 14px;margin:0 0 20px;line-height:1.5;opacity:1;background:#ffffff08;border-radius:6px;border-left:2px solid rgba(255,149,0,.3)}.intro-disclaimer:before{content:"⚠";margin-right:4px}#scene-selector{margin:0 0 16px}.scene-cards{display:flex;flex-direction:column;gap:8px}.scene-card{display:flex;align-items:center;gap:12px;padding:8px 12px;min-height:70px;background:#ffffff0d;border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s ease}.scene-card:hover{background:#ffffff14;border-color:#ff95004d}.scene-card.selected{background:#ff95001a;border-color:#ff9500}.scene-card-thumb{width:96px;height:54px;border-radius:4px;background-size:cover;background-position:center;background-color:#1a1a2e;flex-shrink:0}.scene-card-info{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;min-width:0;flex:1 1 0}.scene-card-name{font-size:15px;font-weight:600;color:#fff;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.scene-card-desc{font-size:12px;color:#777;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.scene-card-diff{font-size:11px;font-weight:700;padding:3px 10px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;flex-shrink:0;margin-left:auto;min-width:52px;text-align:center;line-height:1.3}.scene-card-diff[data-diff=easy]{color:#4caf50;background:#4caf5026;border:1px solid rgba(76,175,80,.35)}.scene-card-diff[data-diff=medium]{color:#ff9800;background:#ff980026;border:1px solid rgba(255,152,0,.35)}.scene-card-diff[data-diff=hard]{color:#f44336;background:#f4433626;border:1px solid rgba(244,67,54,.35)}.scene-card-diff[data-diff=extreme]{color:#e040fb;background:#e040fb26;border:1px solid rgba(224,64,251,.35)}@media(max-width:768px){.scene-card-thumb{width:72px;height:40px}.scene-card-name{font-size:13px}.scene-card-desc{font-size:11px}}.screen-content{scrollbar-width:thin;scrollbar-color:#555 transparent}.screen-content::-webkit-scrollbar{width:4px}.screen-content::-webkit-scrollbar-track{background:transparent}.screen-content::-webkit-scrollbar-thumb{background:#555;border-radius:2px}.screen-content::-webkit-scrollbar-thumb:hover{background:#777}#click-to-begin{pointer-events:none;cursor:default}.click-prompt{text-align:center;color:#fff}.click-prompt p{font-size:36px;font-weight:700;text-shadow:2px 2px 8px rgba(0,0,0,.9);animation:pulse 1.5s ease-in-out infinite}.click-hint{font-size:16px;color:#888;margin-top:10px;display:block}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}#round-details{margin-bottom:16px;text-align:left}.round-detail-row{display:flex;justify-content:space-between;align-items:center;padding:8px 14px;margin:4px 0;background:#ffffff0d;border-radius:4px;font-size:15px}.round-detail-row .round-num{color:#888;width:60px}.round-detail-row .round-result{font-weight:700;width:50px;text-align:center}.round-detail-row .round-result.hit{color:#0f0}.round-detail-row .round-result.miss{color:#f44}.round-detail-row .round-time{color:#ccc;width:80px;text-align:right}.stat-row-highlight{background:#ff95001a;border-left:3px solid #ff9500}#summary-screen .screen-content{padding:24px 28px;background:#141414b8;border-color:#ffffff38;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}#summary-screen .screen-content h1{font-size:24px;margin-bottom:4px}#summary-screen #summary-scene-description{margin-bottom:10px;font-size:13px;color:#9a9a9a}#summary-screen #round-details{margin-bottom:10px}#summary-screen .round-detail-row{padding:5px 10px;margin:3px 0;font-size:13px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;column-gap:8px}#summary-screen .round-detail-row .round-num,#summary-screen .round-detail-row .round-scene,#summary-screen .round-detail-row .round-result,#summary-screen .round-detail-row .round-time{width:auto;min-width:0}#summary-screen .round-detail-row .round-scene{color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}#summary-screen .round-detail-row .round-num{text-align:left}#summary-screen .round-detail-row .round-result,#summary-screen .round-detail-row .round-time{text-align:right}#summary-screen #summary-stats{margin:16px 0;display:flex;justify-content:center;gap:10px}#summary-screen .stat-row{flex:1 1 0;margin:0;min-width:0;padding:10px 8px;font-size:13px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:4px}#summary-screen .stat-row-highlight{border-left:none;border-top:2px solid #ff9500}#summary-screen .stat-label{font-size:12px}#summary-screen .stat-value{font-size:16px;line-height:1.1}#summary-screen .share-row{display:flex;flex-direction:column;align-items:center;gap:8px;margin:10px 0 14px;font-size:12px;color:#ff9500}#summary-screen .share-label{flex:none;text-align:center;line-height:1.4}#summary-screen .share-icons{display:flex;gap:8px}#summary-screen .share-icon{width:28px;height:28px;border-radius:50%;border:1px solid rgba(255,255,255,.24);background:#ffffff14;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;transition:background .2s ease,opacity .2s ease,transform .2s ease}#summary-screen .share-icon img{width:16px;height:16px;opacity:.9;object-fit:contain;filter:brightness(0) invert(1)}#summary-screen .share-icon:hover{background:#ffffff26;transform:translateY(-1px)}#summary-screen .share-icon:hover img{opacity:1}#summary-screen .game-button,#summary-screen .game-button-secondary{width:100%;font-size:16px;padding:10px 24px;border-radius:6px;text-align:center}#summary-screen .game-button-secondary{margin-top:6px}#pause-overlay .screen-content{padding:24px 28px}#pause-overlay .screen-content h1{font-size:24px;margin-bottom:12px}#pause-overlay .game-button,#pause-overlay .game-button-secondary{width:100%;font-size:16px;padding:10px 24px;border-radius:6px;text-align:center}#pause-overlay .game-button-secondary{margin-top:6px}.game-button-share{background:linear-gradient(180deg,#4a90d9,#357abd);font-size:16px;padding:10px 30px;margin-bottom:8px}.game-button-share:hover{background:linear-gradient(180deg,#5a9ee6,#4088cc)}#share-image-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100}#share-image-overlay img{max-width:90vw;max-height:70vh;border-radius:12px;box-shadow:0 4px 20px #00000080}#share-image-overlay .share-image-hint{color:#888;font-size:14px;margin-top:16px}#share-image-overlay .share-image-close{color:#fff;font-size:16px;margin-top:12px;cursor:pointer;background:#ffffff1a;border:1px solid #555;border-radius:8px;padding:8px 24px}.game-button-secondary{background:linear-gradient(180deg,#555,#333);margin-top:10px;display:block;width:100%}.game-button-secondary:hover{background:linear-gradient(180deg,#666,#444)}#start-screen .screen-content{padding:28px 36px;height:min(90vh,860px);max-height:90vh;overflow-y:hidden;display:flex;flex-direction:column}#start-screen .screen-content h1{margin-top:10px;margin-bottom:4px;font-size:32px;line-height:1.2;flex-shrink:0}#start-screen .screen-content p{margin-bottom:10px;min-height:1.4em;flex-shrink:0}#start-screen .intro-list{margin-bottom:8px;flex-shrink:0}#start-screen .intro-list li{padding:4px 0;line-height:1.5}#start-screen .intro-disclaimer{margin-bottom:12px;padding:7px 12px;line-height:1.45}#start-screen .scene-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 10px;flex-shrink:0}#start-screen .random-switch-row{-webkit-user-select:none;user-select:none}#start-screen .random-toggle-btn{border:1px solid rgba(255,255,255,.2);border-radius:9px;background:#ffffff14;color:#bbb;font-size:11px;font-weight:700;height:24px;padding:0 8px;min-width:40px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}#start-screen .random-toggle-btn:hover{border-color:#ff950073;color:#e6e6e6}#start-screen .random-toggle-btn.active{border-color:#ff9500a6;background:#ff95002e;color:#ffb24d}#start-screen .random-mode-icon{width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center}#start-screen .random-mode-icon svg{width:16px;height:16px;fill:currentColor}#start-screen .random-mode-icon img{width:16px;height:16px;display:block;opacity:.9;filter:brightness(0) saturate(100%) invert(76%) sepia(9%) saturate(269%) hue-rotate(178deg) brightness(88%) contrast(88%)}#start-screen .random-toggle-btn.active .random-mode-icon img{filter:brightness(0) saturate(100%) invert(71%) sepia(47%) saturate(1687%) hue-rotate(343deg) brightness(103%) contrast(101%)}#start-screen .difficulty-filter{display:inline-flex;align-items:center;gap:0;min-width:0}#start-screen .difficulty-chip-group{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}#start-screen .difficulty-chip{border:1px solid rgba(255,255,255,.2);border-radius:6px;background:#ffffff14;color:#bbb;font-size:11px;font-weight:700;height:24px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}#start-screen .difficulty-chip:hover{filter:brightness(1.08)}#start-screen .difficulty-chip.active{font-weight:800}#start-screen .difficulty-chip[data-difficulty=easy].active{color:#6fca73;background:#4caf5038;border-color:#4caf5099}#start-screen .difficulty-chip[data-difficulty=medium].active{color:#ffb74d;background:#ff980038;border-color:#ff980099}#start-screen .difficulty-chip[data-difficulty=hard].active{color:#ff6e64;background:#f4433638;border-color:#f4433699}#start-screen .difficulty-chip[data-difficulty=extreme].active{color:#ef77ff;background:#e040fb38;border-color:#e040fb99}#start-screen #scene-selector{position:relative;flex:0 0 auto;overflow:hidden;height:clamp(150px,36vh,400px);min-height:clamp(150px,36vh,400px);max-height:clamp(150px,36vh,400px);margin:0 0 12px}#start-screen #scene-cards{height:100%;overflow-y:auto;padding-right:2px;scrollbar-width:thin;scrollbar-color:#555 transparent}#start-screen #scene-cards::-webkit-scrollbar{width:4px}#start-screen #scene-cards::-webkit-scrollbar-track{background:transparent}#start-screen #scene-cards::-webkit-scrollbar-thumb{background:#555;border-radius:2px}#start-screen #scene-selector.random-locked .scene-card{pointer-events:none;cursor:not-allowed;opacity:.55}#start-screen #scene-selector.random-locked .scene-card.selected{border-color:transparent;background:#ffffff0d}#start-screen .scene-random-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 50%,#ff950012,#07070775 56%,#070707a6);border-radius:8px;pointer-events:none}#start-screen .scene-random-overlay-ring{display:none}#start-screen .scene-random-overlay-core{width:180px;height:84px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#ff95003d,#ff66002e);border:1px solid rgba(255,149,0,.5);box-shadow:inset 0 1px #ffffff29,0 10px 24px #0006,0 0 0 8px #ff95000f;animation:randomPulse 2.2s ease-in-out infinite}#start-screen .scene-random-overlay-core svg{width:48px;height:48px;fill:#ffe8cde6;filter:drop-shadow(0 3px 10px rgba(0,0,0,.45))}#start-screen .scene-random-overlay-core img{width:56px;height:56px;display:block;opacity:.96;filter:brightness(0) invert(1) drop-shadow(0 3px 10px rgba(0,0,0,.45))}@keyframes randomPulse{0%,to{transform:scale(1);opacity:.72}50%{transform:scale(1.06);opacity:.95}}#start-screen .scene-empty{font-size:13px;color:#9c9c9c;text-align:center;padding:18px 8px;background:#ffffff08;border:1px dashed rgba(255,255,255,.16);border-radius:8px}#start-screen #start-button{margin-top:auto;flex-shrink:0;align-self:center;min-width:240px;padding:14px 48px}@media(max-width:768px){#start-screen .scene-controls{flex-wrap:wrap;justify-content:flex-start;gap:8px 10px}#start-screen .difficulty-filter{flex-wrap:wrap;justify-content:flex-start}#start-screen #scene-selector{height:clamp(140px,32vh,320px);min-height:clamp(140px,32vh,320px);max-height:clamp(140px,32vh,320px)}#start-screen .scene-random-overlay-ring{width:126px;height:126px}#start-screen .scene-random-overlay-core{width:144px;height:68px}#start-screen .scene-random-overlay-core svg{width:38px;height:38px}#start-screen .scene-random-overlay-core img{width:44px;height:44px}}.hidden{display:none!important}