*{box-sizing:border-box;margin:0;padding:0}html,body{color:#f1f5f9;-webkit-font-smoothing:antialiased;background-color:#0b0f17;width:100%;height:100%;font-family:system-ui,-apple-system,sans-serif;overflow-x:hidden}.game-shell{background-color:#0b0f17;flex-direction:column;width:100%;height:100dvh;display:flex;position:relative;overflow:hidden}.hud-bar{z-index:10;background-color:#131b29;border-bottom:1px solid #263246;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:8px 14px;display:flex}.hud-cluster{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.hud-stat{flex-direction:column;gap:2px;display:flex}.hud-kicker{letter-spacing:.06em;color:#94a3b8;white-space:nowrap;font-size:10px;font-weight:700}.hud-val{color:#f8fafc;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:14px;font-weight:700}.hud-sub{color:#cbd5e1;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13px;font-weight:600}.hud-turn{color:#fbbf24;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13px;font-weight:700}.hud-controls{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.ctrl-label{color:#cbd5e1;white-space:nowrap;background-color:#1e293b;border:1px solid #334155;border-radius:6px;align-items:center;gap:4px;padding:3px 7px;font-size:12px;font-weight:600;display:inline-flex}.ctrl-label select{color:#f8fafc;cursor:pointer;background-color:#0f172a;border:1px solid #475569;border-radius:4px;padding:2px 5px;font-size:12px;font-weight:600}.hud-btn{color:#f8fafc;cursor:pointer;white-space:nowrap;background-color:#1e293b;border:1px solid #334155;border-radius:6px;min-height:30px;padding:5px 9px;font-size:12px;font-weight:600}.hud-btn:hover{background-color:#334155;border-color:#64748b}.hud-btn:focus-visible,.primary-btn:focus-visible,.secondary-btn:focus-visible,.history-item:focus-visible,select:focus-visible{outline-offset:2px;outline:2px solid #f59e0b}.stage-wrap{background-color:#0b0f17;flex:auto;justify-content:center;align-items:center;width:100%;min-height:240px;display:flex;position:relative;overflow:hidden}#game-canvas{touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;width:100%;height:100%;display:block}#game-canvas:active{cursor:grabbing}.swipe-hint{color:#cbd5e1;pointer-events:none;white-space:nowrap;text-overflow:ellipsis;background-color:#0f172ae0;border:1px solid #334155;border-radius:6px;max-width:94%;padding:4px 12px;font-size:12px;font-weight:500;position:absolute;bottom:10px;left:50%;overflow:hidden;transform:translate(-50%)}.overlay-modal{z-index:30;background-color:#090d16db;justify-content:center;align-items:center;padding:12px;display:flex;position:fixed;inset:0;overflow-y:auto}.overlay-modal.hidden{display:none}.modal-card{background-color:#151e2e;border:1px solid #334155;border-radius:12px;flex-direction:column;gap:12px;width:100%;max-width:470px;max-height:94dvh;padding:20px;display:flex;overflow-y:auto;box-shadow:0 20px 40px #000000a6}.modal-card-wide{max-width:560px}.emblem-wrap{justify-content:center;display:flex}.title-svg{width:124px;height:76px}.modal-title{color:#f8fafc;text-align:center;letter-spacing:-.02em;font-size:24px;font-weight:800}.modal-desc{color:#cbd5e1;text-align:center;font-size:13px;line-height:1.45}.setup-grid{grid-template-columns:1fr;gap:7px;display:grid}.setup-item{background-color:#0f172a;border:1px solid #263246;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:6px 10px;display:flex}.setup-kicker{color:#e2e8f0;white-space:nowrap;font-size:13px;font-weight:600}.setup-item select{color:#f8fafc;cursor:pointer;background-color:#1e293b;border:1px solid #475569;border-radius:6px;padding:5px 8px;font-size:12px;font-weight:600}.trophy-wrap{background-color:#0f172a;border:1px solid #263246;border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:10px;display:flex}.trophy-canvas{width:240px;height:152px;display:block}.record-badge{color:#fbbf24;text-align:center;font-size:12px;font-weight:700}.record-badge.qualified{color:#34d399}.stats-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.stat-tile{background-color:#0f172a;border:1px solid #263246;border-radius:8px;flex-direction:column;gap:2px;padding:8px 10px;display:flex}.stat-kicker{color:#94a3b8;letter-spacing:.05em;font-size:10px;font-weight:700}.stat-num{color:#fbbf24;font-variant-numeric:tabular-nums;font-size:15px;font-weight:700}.board-box{background-color:#0f172a;border:1px solid #263246;border-radius:8px;flex-direction:column;gap:6px;padding:10px;display:flex}.board-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.board-title{color:#f8fafc;font-size:13px;font-weight:700}.board-rule{color:#94a3b8;font-size:11px;font-weight:600}.board-list{flex-direction:column;gap:4px;max-height:118px;display:flex;overflow-y:auto}.board-row{font-variant-numeric:tabular-nums;background-color:#151e2e;border:1px solid #263246;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:5px 8px;font-size:12px;display:flex}.board-row.highlight{background-color:#f59e0b24;border-color:#f59e0b}.board-rank{color:#fbbf24;font-weight:700}.board-metrics{color:#f8fafc;font-weight:700}.board-empty{color:#94a3b8;text-align:center;padding:8px 4px;font-size:12px}.history-split{grid-template-columns:1fr 1.15fr;gap:10px;min-height:220px;display:grid}.history-list{flex-direction:column;gap:5px;max-height:250px;padding-right:2px;display:flex;overflow-y:auto}.history-item{color:#f8fafc;cursor:pointer;text-align:left;background-color:#0f172a;border:1px solid #263246;border-radius:7px;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:7px 9px;display:flex}.history-item:hover{background-color:#1e293b}.history-item.active{background-color:#1e293b;border-color:#f59e0b}.history-item-top{justify-content:space-between;align-items:center;width:100%;font-size:12px;font-weight:700;display:flex}.history-item-sub{color:#94a3b8;font-size:11px}.history-detail{background-color:#0f172a;border:1px solid #263246;border-radius:8px;flex-direction:column;justify-content:space-between;gap:8px;padding:10px;display:flex}.history-meta{color:#cbd5e1;font-size:12px}.modal-actions{flex-direction:column;gap:7px;display:flex}.modal-actions-row{flex-flow:wrap}.modal-actions-row>button{flex:130px}.primary-btn{color:#0f172a;cursor:pointer;text-align:center;white-space:nowrap;background-color:#f59e0b;border:1px solid #fbbf24;border-radius:8px;min-height:40px;padding:10px 14px;font-size:14px;font-weight:800}.primary-btn:hover{background-color:#fbbf24}.secondary-btn{color:#f1f5f9;cursor:pointer;text-align:center;white-space:nowrap;background-color:#1e293b;border:1px solid #475569;border-radius:8px;min-height:38px;padding:9px 12px;font-size:13px;font-weight:600}.secondary-btn:hover{background-color:#334155}.control-hint{color:#94a3b8;text-align:center;font-size:12px}.test-log{color:#a7f3d0;white-space:pre-wrap;background-color:#090d14;border:1px solid #263246;border-radius:8px;max-height:220px;padding:10px;font-family:monospace;font-size:12px;line-height:1.45;overflow-y:auto}@media (width<=720px){.hud-bar{gap:4px;padding:5px 8px}.hud-cluster{gap:8px}.hud-kicker{font-size:9px}.hud-val,.hud-turn{font-size:12px}.hud-stat-wide{display:none}.hud-controls{gap:4px}.ctrl-label{padding:2px 5px}.ctrl-label span{display:none}.ctrl-label select{padding:2px 4px;font-size:11px}.hud-btn{min-height:25px;padding:3px 6px;font-size:11px}.swipe-hint{padding:3px 8px;font-size:11px;bottom:6px}.modal-card{gap:10px;padding:14px}.modal-title{font-size:20px}.history-split{grid-template-columns:1fr}.history-list{max-height:130px}}