*{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{background:#1a1a2e;color:#eee;font-family:Courier New,monospace;height:100%;overflow:hidden}#app{width:100%;height:100%;display:flex;flex-direction:column;align-items:center}.screen{display:none;width:100%;max-width:1024px;height:100%}.screen.active{display:flex;flex-direction:column}.title-screen{align-items:center;justify-content:center;gap:40px;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);height:100%}.title-logo{text-align:center}.title-logo h1{font-size:72px;font-weight:900;letter-spacing:.2em;color:#f33;text-shadow:0 0 10px #ff0000,0 0 20px #ff0000,0 0 40px #ff0000,4px 4px 0 #880000;animation:titleGlow 2s ease-in-out infinite alternate}@keyframes titleGlow{0%{text-shadow:0 0 10px #ff0000,0 0 20px #ff0000,4px 4px 0 #880000}to{text-shadow:0 0 20px #ff0000,0 0 40px #ff4444,0 0 60px #ff8888,4px 4px 0 #880000}}.title-logo .subtitle{font-size:18px;color:#aaa;letter-spacing:.3em;margin-top:8px}.title-logo .tagline{font-size:14px;color:#666;margin-top:16px;font-style:italic}.title-menu{display:flex;flex-direction:column;gap:16px;align-items:center}.btn{padding:14px 48px;font-size:18px;font-family:Courier New,monospace;font-weight:700;letter-spacing:.1em;cursor:pointer;border:none;transition:all .1s}.btn-primary{background:#f33;color:#fff;border:2px solid #ff6666;box-shadow:0 4px #800,0 0 20px #ff33334d}.btn-primary:hover{background:#f55;transform:translateY(-2px);box-shadow:0 6px #800,0 0 30px #ff333380}.btn-primary:active{transform:translateY(2px);box-shadow:0 2px #800}.btn-secondary{background:transparent;color:#aaa;border:2px solid #444}.btn-secondary:hover{color:#eee;border-color:#888}.title-version{font-size:11px;color:#444;text-align:center}.hud{display:flex;align-items:center;justify-content:space-between;background:#0d0d1a;border-bottom:2px solid #333;padding:8px 16px;font-size:14px;flex-shrink:0}.hud-timer{font-size:28px;font-weight:700;color:#0f8;font-variant-numeric:tabular-nums;min-width:80px}.hud-timer.warning{color:#fa0;animation:timerPulse .5s step-start infinite}.hud-timer.danger{color:#f33;animation:timerPulse .25s step-start infinite}@keyframes timerPulse{50%{opacity:.3}}.hud-score{text-align:center}.hud-score-label{font-size:10px;color:#666;text-transform:uppercase;letter-spacing:.2em}.hud-score-value{font-size:24px;font-weight:700;color:#fd0}.hud-lives{display:flex;gap:6px;align-items:center}.hud-life{width:20px;height:20px;background:#f33;clip-path:polygon(50% 0%,100% 38%,82% 100%,50% 80%,18% 100%,0% 38%)}.hud-life.lost{background:#333}.hud-mission{text-align:center;background:#112;padding:6px 16px;font-size:13px;color:#8af;border-bottom:1px solid #222;flex-shrink:0}.hud-mission span{color:#fd0}.game-screen{flex-direction:column;background:#1a1a2e;overflow:hidden;height:100%}.fake-browser{flex:1 1 0;display:flex;flex-direction:column;min-height:0;position:relative;overflow:hidden}.fake-browser-titlebar{background:linear-gradient(180deg,#05d,#03a);color:#fff;padding:3px 6px;display:flex;align-items:center;justify-content:space-between;font-size:12px;flex-shrink:0;-webkit-user-select:none;user-select:none}.fake-browser-titlebar-left{display:flex;align-items:center;gap:6px}.fake-browser-icon{width:16px;height:16px;background:#8af;border-radius:2px}.fake-browser-title{font-weight:700}.fake-browser-titlebar-buttons{display:flex;gap:2px}.fake-browser-btn{width:16px;height:14px;font-size:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid}.fake-browser-btn-min,.fake-browser-btn-max,.fake-browser-btn-close{background:silver;border-color:#fff #888 #888 #fff}.fake-browser-toolbar{background:silver;border-bottom:2px solid #888;padding:4px 8px;display:flex;align-items:center;gap:6px;flex-shrink:0;border-top:2px solid #fff}.fake-browser-nav-btn{padding:2px 8px;background:silver;border:2px solid;border-color:#fff #888 #888 #fff;font-size:11px;cursor:pointer;font-family:MS Gothic,MS Pゴシック,sans-serif}.fake-browser-nav-btn:active{border-color:#888 #fff #fff #888}.fake-browser-address-bar{flex:1;background:#fff;border:2px solid;border-color:#888 #fff #fff #888;padding:2px 6px;font-size:12px;font-family:Courier New,monospace;color:#000}.fake-browser-content{flex:1 1 0;position:relative;overflow:hidden;min-height:0;background:#fff}.fake-browser-iframe{width:100%;height:100%;border:none;background:#fff}.fake-browser-statusbar{background:silver;border-top:2px solid #888;padding:2px 8px;font-size:11px;color:#000;display:flex;align-items:center;gap:8px;flex-shrink:0}.answer-panel{background:#0d0d1a;border-top:2px solid #333;padding:10px 16px;display:flex;align-items:center;gap:12px;flex-shrink:0}.answer-panel label{font-size:13px;color:#aaa;white-space:nowrap}.answer-input{flex:1;padding:8px 12px;background:#111;border:2px solid #333;color:#eee;font-size:16px;font-family:Courier New,monospace}.answer-input:focus{outline:none;border-color:#05d}.btn-answer{padding:8px 24px;background:#05d;color:#fff;border:none;font-size:14px;font-family:Courier New,monospace;cursor:pointer;font-weight:700}.btn-answer:hover{background:#07f}.ad-overlay-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:100}.ad-banner{position:absolute;width:468px;height:60px;background:#ff0;border:2px solid #ff0000;display:flex;align-items:center;justify-content:space-between;padding:4px 8px;pointer-events:all;cursor:pointer;box-shadow:2px 2px 4px #00000080;animation:bannerSlideIn .3s ease-out;overflow:hidden}@keyframes bannerSlideIn{0%{transform:translateY(-80px);opacity:0}to{transform:translateY(0);opacity:1}}.ad-banner-content{flex:1;display:flex;flex-direction:column;gap:2px}.ad-banner-title{font-size:14px;font-weight:700;color:red;font-family:MS Pゴシック,MS Gothic,serif}.ad-banner-text{font-size:11px;color:#00f;font-family:MS Pゴシック,MS Gothic,serif}.ad-banner-close{width:18px;height:18px;background:silver;border:2px solid;border-color:#fff #888 #888 #fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#000;cursor:pointer;flex-shrink:0;pointer-events:all}.ad-banner-close:active{border-color:#888 #fff #fff #888}.ad-popup-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0000004d;display:flex;align-items:center;justify-content:center;pointer-events:all;z-index:200;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.ad-popup{background:silver;border:2px solid;border-color:#fff #888 #888 #fff;min-width:300px;max-width:420px;box-shadow:4px 4px 8px #0009;pointer-events:all}.ad-popup-titlebar{background:linear-gradient(180deg,#05d,#03a);color:#fff;padding:3px 6px;display:flex;align-items:center;justify-content:space-between;font-size:12px;-webkit-user-select:none;user-select:none}.ad-popup-title-text{font-weight:700}.ad-popup-close{width:16px;height:14px;background:silver;border:1px solid;border-color:#fff #888 #888 #fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#000;cursor:pointer}.ad-popup-close:active{border-color:#888 #fff #fff #888}.ad-popup-body{padding:16px;background:silver;text-align:center}.ad-popup-body p{font-size:13px;color:#000;margin-bottom:12px;font-family:MS Pゴシック,MS Gothic,serif}.ad-popup-body .ad-popup-headline{font-size:18px;font-weight:700;color:red;font-family:MS Pゴシック,MS Gothic,serif;margin-bottom:8px}.ad-popup-buttons{display:flex;gap:8px;justify-content:center;margin-top:8px}.ad-popup-btn{padding:4px 16px;background:silver;border:2px solid;border-color:#fff #888 #888 #fff;font-size:12px;cursor:pointer;font-family:MS Pゴシック,MS Gothic,serif}.ad-popup-btn:active{border-color:#888 #fff #fff #888}.ad-popup-btn.fake{background:#fee}.result-screen{align-items:center;justify-content:center;gap:32px;background:linear-gradient(135deg,#1a1a2e,#16213e);height:100%;overflow-y:auto}.result-rank{font-size:120px;font-weight:900;line-height:1;text-shadow:4px 4px 0 rgba(0,0,0,.5)}.result-rank.S{color:#fd0}.result-rank.A{color:#8f8}.result-rank.B{color:#8af}.result-rank.C{color:#fa4}.result-rank.D{color:#f44}.result-title{font-size:28px;color:#eee;letter-spacing:.2em}.result-score-total{font-size:48px;font-weight:700;color:#fd0}.result-details{background:#ffffff0d;border:1px solid #333;padding:16px 32px;display:grid;grid-template-columns:1fr 1fr;gap:8px 32px;font-size:14px}.result-detail-row{display:contents}.result-detail-label{color:#888;text-align:right}.result-detail-value{color:#eee;font-weight:700}.result-actions{display:flex;gap:16px}.stage-select{align-items:center;justify-content:center;gap:24px;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);height:100%;overflow-y:auto}.stage-select-inner{display:flex;flex-direction:column;align-items:center;gap:20px;padding:32px 16px;width:100%;max-width:800px}.stage-select-era-title{text-align:center}.era-label{font-size:13px;color:#f33;letter-spacing:.4em;display:block;margin-bottom:4px}.era-name{font-size:22px;color:#eee;letter-spacing:.15em}.stage-select-subtitle{font-size:13px;color:#666;letter-spacing:.2em}.stage-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;width:100%}.stage-card{background:#ffffff0d;border:2px solid #333;padding:16px 8px;cursor:pointer;text-align:center;transition:all .15s;position:relative}.stage-card:hover{background:#05d3;border-color:#05d;transform:translateY(-3px);box-shadow:0 6px 16px #0055dd4d}.stage-card:active{transform:translateY(0)}.stage-card.boss{border-color:#f33;background:#ff333312}.stage-card.boss:hover{background:#f333;border-color:#f66;box-shadow:0 6px 16px #f336}.stage-card.cleared{border-color:#0c6;background:#00cc6614}.stage-card.cleared:hover{background:#0c63;border-color:#0f8}.stage-card-num{font-size:10px;color:#888;letter-spacing:.1em;margin-bottom:6px}.stage-card.boss .stage-card-num{color:#f66;font-weight:700}.stage-card-title{font-size:12px;color:#eee;font-weight:700;margin-bottom:6px;line-height:1.4}.stage-card-desc{font-size:10px;color:#666;line-height:1.4}.stage-card-cleared{margin-top:8px;font-size:10px;color:#0f8;font-weight:700;letter-spacing:.1em}.stage-select-hint{font-size:12px;color:#555;letter-spacing:.1em}.hint-icon{color:#fd0}.ranking-screen{align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#16213e);height:100%;overflow-y:auto}.ranking-inner{display:flex;flex-direction:column;align-items:center;gap:20px;padding:32px 16px;width:100%;max-width:700px}.ranking-title{font-size:36px;font-weight:900;color:#fd0;letter-spacing:.3em;text-shadow:2px 2px 0 #886600}.ranking-stage-label{font-size:14px;color:#888;letter-spacing:.2em}.ranking-table-wrap{width:100%;overflow-x:auto}.ranking-table{width:100%;border-collapse:collapse;font-size:13px}.ranking-table th{background:#0d0d1a;border-bottom:2px solid #333;padding:8px 12px;color:#888;letter-spacing:.1em;text-align:left;font-size:11px;text-transform:uppercase}.ranking-table td{padding:8px 12px;border-bottom:1px solid #1a1a1a;color:#ccc}.ranking-table tbody tr:hover{background:#ffffff0a}.ranking-top1 td{background:#ffdd0014}.ranking-top2 td{background:#c8c8c80f}.ranking-top3 td{background:#cd7f320f}.ranking-pos{font-size:16px;font-weight:700;color:#666;width:30px}.ranking-top1 .ranking-pos{color:#fd0}.ranking-top2 .ranking-pos{color:#bbb}.ranking-top3 .ranking-pos{color:#cd7f32}.ranking-name{color:#eee;font-weight:700}.ranking-score{color:#fd0;font-weight:700;font-size:15px}.rank-badge{display:inline-block;font-weight:900;font-size:14px;padding:0 6px}.rank-badge.rank-S{color:#fd0}.rank-badge.rank-A{color:#8f8}.rank-badge.rank-B{color:#8af}.rank-badge.rank-C{color:#fa4}.rank-badge.rank-D{color:#f44}.ranking-loading,.ranking-empty,.ranking-error{text-align:center;color:#555;padding:32px;font-size:13px}.ranking-error{color:#f44}.ranking-actions{display:flex;gap:16px}.result-extra-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.btn-ranking{background:#333;color:#fd0;border:2px solid #555;padding:10px 28px;font-size:14px;font-family:Courier New,monospace;cursor:pointer;font-weight:700;letter-spacing:.05em;transition:all .1s}.btn-ranking:hover{background:#444;border-color:#fd0}.btn-stage-select{background:#05d;color:#fff;border:2px solid #0077ff;padding:10px 28px;font-size:14px;font-family:Courier New,monospace;cursor:pointer;font-weight:700;letter-spacing:.05em;transition:all .1s}.btn-stage-select:hover{background:#07f}