*{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{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{background:linear-gradient(180deg,#666,#444);color:#999;cursor:not-allowed;transform:none;box-shadow:0 2px 4px #0000004d}.game-button:disabled:hover{background:linear-gradient(180deg,#666,#444);transform:none;box-shadow:0 2px 4px #0000004d}.btn-spinner{display:inline-block;width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite;vertical-align:middle}@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 0 0 28px;margin:0 0 30px}.intro-list li{display:flex;align-items:first baseline;gap:8px;font-size:18px;color:#ccc;padding:8px 0}.rule-icon{flex-shrink:0;width:1.2em;text-align:center}#scene-selector{margin:0 0 16px}.scene-cards{display:flex;flex-direction:column;gap:6px}.scene-card{display:flex;align-items:center;gap:12px;padding:7px 10px;min-height:63px;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:80px;height:45px;border-radius:4px;background-size:cover;background-position:center;background-color:#1a1a2e;flex-shrink:0}.scene-card-info{display:flex;flex-direction:row;align-items:center;gap:8px;text-align:left}.scene-card-name{font-size:15px;font-weight:600;color:#fff;white-space:nowrap}.scene-card-desc{font-size:12px;color:#888}.scene-card-diff{font-size:11px;font-weight:700;padding:1px 8px;border-radius:3px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;flex-shrink:0;margin-left:auto;min-width:48px;text-align:center}.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:60px;height:34px}.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}#summary-screen .screen-content h1{font-size:24px;margin-bottom:12px}#summary-screen #round-details{margin-bottom:10px}#summary-screen .round-detail-row{padding:5px 10px;margin:3px 0;font-size:13px}#summary-screen .round-detail-row .round-num{width:82px;min-width:82px;white-space:nowrap}#summary-screen .round-detail-row .round-result{width:44px}#summary-screen .round-detail-row .round-time{width:64px}#summary-screen #summary-stats{margin:16px 0}#summary-screen .stat-row{padding:8px 14px;margin:6px 0;font-size:15px}#summary-screen .stat-row-highlight{border-left-width:2px}#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;max-height:90vh;overflow-y:hidden;display:flex;flex-direction:column}#start-screen .screen-content h1{margin-top:10px;margin-bottom:10px;line-height:1.2;flex-shrink:0}#start-screen .screen-content p{margin-bottom:14px;min-height:1.4em;flex-shrink:0}#start-screen .intro-list{margin-bottom:16px;flex-shrink:0}#start-screen .intro-list li{padding:5px 0;line-height:1.4}#start-screen #scene-selector{flex:1 1 auto;overflow-y:auto;min-height:0;scrollbar-width:thin;scrollbar-color:#555 transparent}#start-screen #scene-selector::-webkit-scrollbar{width:4px}#start-screen #scene-selector::-webkit-scrollbar-track{background:transparent}#start-screen #scene-selector::-webkit-scrollbar-thumb{background:#555;border-radius:2px}#start-screen #start-button{margin-top:auto;flex-shrink:0}.hidden{display:none!important}