:root{color-scheme:dark;--bg: #0e1320}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:radial-gradient(120% 120% at 50% 0%,#1a2236,#0b0f1a 70%);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden;-webkit-tap-highlight-color:transparent}#app{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:12px}#game{width:min(100%,calc((100vh - 24px) * 1024 / 720));height:auto;aspect-ratio:1024 / 720;max-height:calc(100vh - 24px);border-radius:14px;box-shadow:0 24px 60px #0000008c,0 0 0 1px #ffffff0d;cursor:pointer;touch-action:none}@media (pointer: coarse){#app{padding:0}#game{width:min(100%,calc(100vh * 1024 / 720));max-height:100vh;border-radius:0;box-shadow:none}}#rotate-hint{display:none}@media (orientation: portrait) and (pointer: coarse){#app{display:none}#rotate-hint{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:28px;color:#e7ecf6}#rotate-hint .ab-rotate-icon{font-size:3rem;animation:ab-rot 2.4s ease-in-out infinite}#rotate-hint p{margin:0;font-size:1.05rem;line-height:1.5;max-width:18rem;opacity:.92}}@keyframes ab-rot{0%,40%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}.ab-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:20px;background:radial-gradient(120% 120% at 50% 0%,#141c2edb,#070a12f0 70%);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:20;color:#e7ecf6;overflow:auto}.ab-card{width:min(680px,100%);max-height:calc(100vh - 24px);overflow:auto;background:linear-gradient(180deg,#141b2c,#0e1320);border:1px solid rgba(255,255,255,.08);border-radius:16px;box-shadow:0 30px 80px #0009;padding:24px clamp(18px,4vw,34px)}.ab-card h1{margin:0 0 2px;font-size:clamp(1.5rem,4vw,2.1rem);letter-spacing:.04em}.ab-card .ab-sub{margin:0 0 18px;color:#9fb0d0;font-size:.95rem}.ab-card h2{margin:20px 0 10px;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:#6f7da0}.ab-modes{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 520px){.ab-modes{grid-template-columns:1fr}}.ab-mode{text-align:left;padding:14px 16px;border-radius:12px;border:1.5px solid rgba(255,255,255,.1);background:#ffffff08;color:inherit;cursor:pointer;transition:border-color .15s,background .15s,transform .05s}.ab-mode:hover{background:#ffffff0f}.ab-mode:active{transform:translateY(1px)}.ab-mode.sel{border-color:#6fb1ff;background:#6fb1ff1f}.ab-mode .ab-mode-title{font-weight:700;font-size:1.05rem;margin-bottom:4px}.ab-mode .ab-mode-desc{font-size:.84rem;color:#aab6cf;line-height:1.45}.ab-seg{display:inline-flex;border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.12);flex-wrap:wrap}.ab-seg button{padding:9px 16px;border:0;background:transparent;color:#cdd6e6;cursor:pointer;font-size:.9rem;border-right:1px solid rgba(255,255,255,.08)}.ab-seg button:last-child{border-right:0}.ab-seg button.sel{background:#6fb1ff;color:#07101f;font-weight:700}.ab-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:10px 0;flex-wrap:wrap}.ab-row .ab-label{font-size:.95rem}.ab-row .ab-help{font-size:.8rem;color:#8b97b3;margin-top:2px}.ab-toggle{position:relative;width:52px;height:30px;border-radius:999px;background:#2a3450;border:0;cursor:pointer;transition:background .15s;flex:none}.ab-toggle:after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#cdd6e6;transition:transform .15s}.ab-toggle.on{background:#46d17f}.ab-toggle.on:after{transform:translate(22px)}.ab-btn{margin-top:22px;width:100%;padding:14px;border:0;border-radius:12px;background:linear-gradient(180deg,#6fb1ff,#3f86e0);color:#06101f;font-weight:800;font-size:1.05rem;letter-spacing:.02em;cursor:pointer}.ab-btn:active{transform:translateY(1px)}.ab-btn.ab-ghost{background:#ffffff14;color:#e7ecf6;margin-top:10px}.ab-steps{margin:0;padding-left:18px;line-height:1.6;font-size:.95rem;color:#d7deec}.ab-steps li{margin-bottom:8px}.ab-steps b{color:#fff}.ab-help-btn{position:fixed;top:10px;left:50%;transform:translate(-50%);z-index:12;display:none}.ab-inspect{position:fixed;z-index:15;pointer-events:none;display:none;background:#080c16f2;border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:8px 11px;font-size:.82rem;color:#e7ecf6;max-width:230px;box-shadow:0 10px 30px #00000080;line-height:1.4}.ab-inspect .ab-ins-title{font-weight:700;margin-bottom:3px}.ab-inspect .ab-bar{height:6px;border-radius:3px;background:#28324c;margin:5px 0 2px;overflow:hidden}.ab-inspect .ab-bar>i{display:block;height:100%;border-radius:3px}.ab-tools{position:fixed;z-index:14;display:none;gap:6px;background:#0a0f1af2;border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:7px;box-shadow:0 12px 30px #00000080}.ab-tools button{min-width:40px;height:40px;border-radius:8px;border:0;cursor:pointer;background:#ffffff17;color:#e7ecf6;font-size:1.05rem;font-weight:700}.ab-tools button:active{transform:translateY(1px)}.ab-tools button.ab-del{background:#e5563f40;color:#ffb3a6}.ab-tools button.ab-done{background:#46d17f38;color:#b6f0cf}