:root{--primary: #ff0055;--secondary: #00f5d4;--accent: #ffe600;--bg-dark: #0f111a;--bg-card: rgba(22, 27, 46, .85);--glass-border: rgba(255, 255, 255, .15);--text-main: #ffffff;--text-muted: #a0aec0}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none;font-family:Segoe UI,Hiragino Sans,Meiryo,sans-serif}body{background:var(--bg-dark);color:var(--text-main);min-height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden}#app{width:100vw;height:100vh;max-width:1280px;max-height:720px;position:relative;background:#000;border-radius:12px;box-shadow:0 20px 50px #000c;overflow:hidden}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:10;transition:opacity .3s ease}.screen.hidden{display:none!important;opacity:0;pointer-events:none}#gameCanvas{width:100%;height:100%;display:block}#title-screen{background:radial-gradient(circle at center,#1b2038,#080a10);padding:24px;overflow-y:auto}.title-header{text-align:center;margin-bottom:20px}.game-logo{font-size:3.2rem;font-weight:900;background:linear-gradient(135deg,#f05,#ffe600,#00f5d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 30px rgba(255,0,85,.5);letter-spacing:2px}.game-sub{font-size:1.1rem;color:var(--secondary);font-weight:700;letter-spacing:1px;margin-top:4px}.setup-container{display:flex;gap:20px;width:100%;max-width:1100px;margin-bottom:20px}.setup-panel{flex:1;background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px;padding:16px 20px;box-shadow:0 8px 32px #0000004d}.setup-panel h3{font-size:1.1rem;color:var(--accent);margin-bottom:12px;display:flex;align-items:center;gap:8px}.tab-group{display:flex;gap:8px;margin-bottom:12px}.tab-btn{flex:1;padding:6px 10px;border-radius:8px;border:1px solid var(--glass-border);background:#ffffff0d;color:#fff;font-weight:700;cursor:pointer;transition:all .2s}.tab-btn.active{background:var(--primary);border-color:var(--primary);box-shadow:0 0 15px #f056}.deer-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;max-height:190px;overflow-y:auto;padding-right:4px}.deer-card{background:#ffffff0d;border:2px solid transparent;border-radius:10px;padding:8px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;gap:4px}.deer-card:hover{background:#ffffff1a;transform:translateY(-2px)}.deer-card.selected{border-color:var(--secondary);background:#00f5d426;box-shadow:0 0 15px #00f5d44d}.deer-card-name{font-size:.88rem;font-weight:700}.deer-card-desc{font-size:.72rem;color:var(--text-muted)}.map-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:8px;max-height:240px;overflow-y:auto}.map-card{background:#ffffff0d;border:2px solid transparent;border-radius:10px;padding:10px 14px;cursor:pointer;transition:all .2s;display:flex;justify-content:space-between;align-items:center}.map-card:hover{background:#ffffff1a}.map-card.selected{border-color:var(--accent);background:#ffe60026;box-shadow:0 0 15px #ffe6004d}.map-card-info h4{font-size:.95rem;font-weight:700}.map-card-info p{font-size:.75rem;color:var(--text-muted)}.stack-roles{display:flex;gap:10px;margin-bottom:10px}.role-badge{padding:4px 10px;font-size:.8rem;border-radius:6px;background:#ffffff1a;color:#fff}.role-badge.active-base{background:#ff5964;font-weight:700}.role-badge.active-top{background:#35a7ff;font-weight:700}.btn-primary{background:linear-gradient(135deg,#f05,#ff5964);color:#fff;font-size:1.3rem;font-weight:900;padding:14px 40px;border-radius:40px;border:none;cursor:pointer;box-shadow:0 8px 25px #ff005580;transition:all .2s cubic-bezier(.175,.885,.32,1.275);letter-spacing:1px}.btn-primary:hover{transform:scale(1.06);box-shadow:0 12px 35px #ff0055b3}.btn-primary:active{transform:scale(.96)}#game-hud{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:5;padding:20px;display:flex;flex-direction:column;justify-content:space-between}.hud-top{display:flex;justify-content:space-between;align-items:flex-start}.hud-stat-box{background:#0a0f1ebf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--glass-border);border-radius:12px;padding:8px 18px;display:flex;flex-direction:column;align-items:center;box-shadow:0 4px 15px #0006}.rank-badge{font-size:2.2rem;font-weight:900;color:var(--accent);text-shadow:0 0 15px rgba(255,230,0,.6)}.rank-label{font-size:.75rem;color:var(--text-muted);font-weight:700}.hud-center-progress{flex:.6;background:#0a0f1ebf;border-radius:12px;padding:10px 20px;border:1px solid var(--glass-border)}.progress-labels{display:flex;justify-content:space-between;font-size:.8rem;font-weight:700;margin-bottom:6px}.progress-track{width:100%;height:10px;background:#ffffff1a;border-radius:5px;overflow:hidden}.progress-fill{height:100%;width:0%;background:linear-gradient(90deg,#00f5d4,#ffe600,#f05);transition:width .1s linear}.speed-gauge{font-size:1.8rem;font-weight:900;color:var(--secondary);text-shadow:0 0 10px rgba(0,245,212,.5)}.combo-display{position:absolute;left:20px;bottom:90px;font-size:1.4rem;font-weight:900;color:var(--accent);text-shadow:0 0 15px rgba(255,230,0,.6)}.beat-tap-btn{position:absolute;right:25px;bottom:85px;pointer-events:auto;background:linear-gradient(135deg,#00f5d4,#00bbf9);color:#0d0221;font-size:1.2rem;font-weight:900;padding:18px 32px;border-radius:50px;border:none;cursor:pointer;box-shadow:0 6px 20px #00f5d480;transition:transform .1s}.beat-tap-btn:active{transform:scale(.92)}#quiz-modal{position:absolute;top:15%;right:25px;width:440px;background:#0f1223f0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:2px solid var(--primary);border-radius:20px;padding:20px;box-shadow:0 10px 40px #f056;z-index:20;animation:slideIn .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes slideIn{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.quiz-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.quiz-badge{background:var(--primary);color:#fff;font-size:.75rem;font-weight:900;padding:4px 10px;border-radius:6px}.quiz-warning{font-size:.75rem;color:var(--accent);font-weight:700}.quiz-timer-bar{width:100%;height:8px;background:#ffffff1a;border-radius:4px;margin-bottom:12px;overflow:hidden}.quiz-timer-fill{width:100%;height:100%;background:#00f5d4;transition:width 1s linear,background-color .3s}.quiz-timer-fill.urgent{background:#f05;animation:blink .5s infinite alternate}@keyframes blink{0%{opacity:1}to{opacity:.4}}.quiz-question{font-size:1rem;font-weight:700;line-height:1.4;margin-bottom:14px}.quiz-options{display:flex;flex-direction:column;gap:8px}.quiz-option-btn{background:#ffffff14;border:1px solid var(--glass-border);color:#fff;font-size:.88rem;padding:10px 14px;border-radius:10px;text-align:left;cursor:pointer;transition:all .15s}.quiz-option-btn:hover{background:#ffffff2e;border-color:var(--secondary)}.quiz-option-btn.correct{background:#06d6a0!important;color:#000!important;font-weight:700;border-color:#06d6a0}.quiz-option-btn.wrong{background:#ef476f!important;color:#fff!important;border-color:#ef476f}.quiz-trivia-box{margin-top:10px;font-size:.82rem;color:var(--accent);background:#ffe6001a;border-left:3px solid var(--accent);padding:8px 12px;border-radius:4px;line-height:1.4}#result-screen{background:radial-gradient(circle at center,#182038,#090a12);padding:30px}.result-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:20px;padding:30px 40px;text-align:center;max-width:600px;width:100%;box-shadow:0 15px 50px #0009}.result-rank-title{font-size:3.5rem;font-weight:900;color:var(--accent);text-shadow:0 0 25px rgba(255,230,0,.7);margin-bottom:6px}.result-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin:24px 0;text-align:left}.stat-item{background:#ffffff0d;border-radius:10px;padding:10px 16px}.stat-label{font-size:.8rem;color:var(--text-muted)}.stat-val{font-size:1.2rem;font-weight:700;color:#fff}.btn-group{display:flex;gap:15px;justify-content:center}.btn-secondary{background:#ffffff1a;border:1px solid var(--glass-border);color:#fff;font-size:1rem;font-weight:700;padding:12px 24px;border-radius:30px;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#fff3}