.alk-app{max-width:900px;margin:0 auto;padding:0 1rem 2rem}.alk-stage{background:var(--bg-card,#1e293b);border:1px solid var(--border-color,#94a3b826);border-radius:var(--radius-lg,20px);margin-top:1rem;padding:1.25rem 1rem 1.5rem}.alk-head{text-align:center;margin-bottom:1rem}.alk-badge{letter-spacing:.02em;color:#38bdf8;background:#38bdf81f;border:1px solid #38bdf84d;border-radius:9999px;margin-bottom:.6rem;padding:.25rem .7rem;font-size:.72rem;font-weight:700;display:inline-block}.alk-title{color:var(--text-primary,#f8fafc);margin:0 0 .4rem;font-size:1.5rem;font-weight:800}.alk-lead{color:var(--text-secondary,#94a3b8);max-width:520px;margin:0 auto;font-size:.9rem;line-height:1.6}.alk-hud{grid-template-columns:1.2fr 1fr 1fr 1fr;align-items:stretch;gap:.5rem;max-width:420px;margin:0 auto .75rem;display:grid}.alk-stat{text-align:center;background:#0f172a99;border:1px solid #94a3b824;border-radius:12px;min-width:0;padding:.45rem .4rem}.alk-stat.is-target{background:#38bdf826;border-color:#38bdf866}.alk-stat-label{color:var(--text-muted,#64748b);letter-spacing:.04em;text-transform:uppercase;margin-bottom:.15rem;font-size:.65rem;font-weight:600;display:block}.alk-stat-value{font-variant-numeric:tabular-nums;color:var(--text-primary,#f8fafc);font-size:1.05rem;font-weight:800;line-height:1.2;display:block}.alk-stat.is-target .alk-stat-value{color:#38bdf8}.alk-stat.is-hot .alk-stat-value{color:#fb923c;text-shadow:0 0 8px #fb923c80}.alk-board-wrap{aspect-ratio:360/520;background:radial-gradient(circle at 50% 30%,#1e293b 0%,#0f172a 100%);border:2px solid #94a3b833;border-radius:18px;max-width:420px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 10px 30px -10px #00000080}.alk-board-wrap.is-shaking{border-color:#f43f5eb3;animation:.2s ease-in-out alk-shake}@keyframes alk-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px,3px)}50%{transform:translate(4px,-3px)}75%{transform:translate(-3px,-2px)}}.alk-board{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:crosshair;width:100%;height:100%;display:block}.alk-overlay{-webkit-backdrop-filter:blur(8px);text-align:center;z-index:10;background:#0f172ae0;flex-direction:column;justify-content:center;align-items:center;padding:1.5rem;transition:opacity .2s;display:flex;position:absolute;inset:0}.alk-overlay[hidden]{display:none!important}.alk-overlay-title{color:#f8fafc;margin:0 0 .5rem;font-size:1.8rem;font-weight:900}.alk-overlay-sub{color:#94a3b8;margin:0 0 1.25rem;font-size:.95rem;line-height:1.6}.alk-hint-box{color:#cbd5e1;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:.4rem;margin-bottom:1.25rem;padding:.35rem .75rem;font-size:.8rem;display:inline-flex}.alk-result-rank{color:#fff;background:linear-gradient(135deg,#38bdf8,#6366f1);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:.6rem;font-size:2.2rem;font-weight:900;display:inline-flex;box-shadow:0 0 20px #38bdf866}.alk-result-rank[data-rank=S]{background:linear-gradient(135deg,#f59e0b,#ef4444);box-shadow:0 0 24px #f59e0b99}.alk-result-rank[data-rank=A]{background:linear-gradient(135deg,#06b6d4,#3b82f6)}.alk-result-title{color:#f8fafc;margin:0 0 .25rem;font-size:1.25rem;font-weight:800}.alk-result-time{font-variant-numeric:tabular-nums;color:#38bdf8;margin:0 0 .4rem;font-size:2rem;font-weight:900}.alk-result-meta{color:#94a3b8;margin:0 0 1rem;font-size:.85rem;line-height:1.5}.alk-best-badge{color:#fbbf24;background:#fbbf2426;border:1px solid #fbbf2466;border-radius:9999px;margin-bottom:1rem;padding:.2rem .65rem;font-size:.75rem;font-weight:700;display:inline-block}.alk-best-badge[hidden]{display:none!important}.alk-actions{gap:.6rem;width:100%;max-width:280px;display:flex}.alk-btn{color:#f8fafc;cursor:pointer;background:#1e293bcc;border:1px solid #94a3b840;border-radius:12px;flex:1;justify-content:center;align-items:center;min-height:48px;padding:.65rem 1.2rem;font-size:.95rem;font-weight:700;transition:all .15s;display:inline-flex}.alk-btn:hover{background:#334155e6;border-color:#94a3b866}.alk-btn.is-primary{background:linear-gradient(135deg,#0284c7,#2563eb);border-color:#38bdf8;box-shadow:0 4px 14px #2563eb4d}.alk-btn.is-primary:hover{background:linear-gradient(135deg,#0369a1,#1d4ed8)}.alk-toolbar{justify-content:center;gap:.5rem;max-width:420px;margin:.75rem auto 0;display:flex}.alk-toolbar .alk-btn{flex:0 auto;min-height:44px;padding:.4rem .9rem;font-size:.85rem}.alk-guide-bar{text-align:center;margin-top:1rem}.alk-to-guide-btn{color:var(--text-secondary,#94a3b8);cursor:pointer;text-underline-offset:4px;background:0 0;border:none;padding:.5rem 1rem;font-size:.85rem;text-decoration:underline}.alk-to-guide-btn:hover{color:#38bdf8}.alk-table{border-collapse:collapse;text-align:left;width:100%;font-size:.85rem}.alk-table th,.alk-table td{border-bottom:1px solid #94a3b826;padding:.6rem .75rem}.alk-table th{color:var(--text-primary,#f8fafc);background:#0f172a80;font-weight:700}@media (width<=480px){.alk-app{padding:0 .5rem 1.5rem}.alk-stage{padding:1rem .75rem 1.25rem}.alk-hud{gap:.35rem}.alk-stat{padding:.35rem .25rem}.alk-stat-value{font-size:.95rem}}.alk-to-guide-btn{min-height:44px}
