:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#041525;--ink:#3a2300;--line:#8fe7ff73;--foam:#e8fbff;--gold-a:#ffe08a;--gold-b:#f0a12a;font-family:PingFang SC,Hiragino Sans,Noto Sans SC,Noto Sans JP,Microsoft YaHei,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--foam);margin:0;overflow:hidden}button,input,select{font:inherit;touch-action:manipulation}#app{height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);flex-direction:column;display:flex}#topbar{z-index:50;background:#041525f5;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;display:flex}#profileBtn,.tools button,#langs button,#speedBox button{border:1px solid var(--line);min-width:44px;min-height:44px;color:var(--foam);background:#ffffff14;border-radius:999px;font-weight:750}#profileBtn{align-items:center;gap:8px;max-width:46vw;padding:4px 12px 4px 4px;display:flex}#avatar,#avatarFallback{object-fit:cover;background:#14506e;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}#playerName{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tools,#langs,#speedBox{flex-wrap:wrap;align-items:center;gap:6px;display:flex}#addLives,#settingsBtn,#pauseBtn{background:linear-gradient(180deg, var(--gold-a), var(--gold-b));color:var(--ink);border:0;padding:8px 12px}#langs button[aria-pressed=true]{background:linear-gradient(180deg, var(--gold-a), var(--gold-b));color:var(--ink);border:0}#stage{flex:1;justify-content:center;align-items:center;min-height:0;padding:4px 8px 8px;display:flex}#frame{background:#06324d;border-radius:16px;position:relative;overflow:hidden;box-shadow:0 16px 40px #00000059}canvas{touch-action:none;width:100%;height:100%;display:block}#hud,#countdown,#overlay,#rotate{position:absolute;inset:0}#overlay{z-index:6;pointer-events:none}#rotate{z-index:4}#card{pointer-events:auto}#hud{pointer-events:none;text-shadow:0 2px 4px #001428a6;justify-content:space-between;padding:10px 12px;font-weight:800;display:flex;inset:0 0 auto}#hud .right{text-align:right}#countdown,#overlay,#rotate{text-align:center;justify-content:center;align-items:center;padding:12px;display:flex}#countdown{pointer-events:none;flex-direction:column}#countNum{color:#fff8df;font-size:clamp(84px,18vw,140px);font-weight:900;line-height:.85}#card,#rotate{border:1px solid var(--line);background:#082034f0;border-radius:18px;width:min(480px,100%);max-height:100%;padding:16px;overflow:auto}#rotate{pointer-events:auto;flex-direction:column;gap:8px;position:relative;inset:auto}#rotate[hidden],#card[hidden],#countdown[hidden],#hud[hidden],#pauseBtn[hidden],#errBanner[hidden],#avatar[hidden]{display:none!important}#card.guard{pointer-events:none}#card h1,#card h2{margin:0 0 8px}#card p,#rotate p{margin:8px 0;line-height:1.5}#card .tag,#card .meta{color:#c7ebf6;font-size:14px}#card .message{background:#ffd67829;border-radius:12px;margin:10px 0;padding:10px 12px;font-weight:800}#card .actions,.row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}#card button,#rotate button,#card .ghost{background:linear-gradient(180deg, var(--gold-a), var(--gold-b));min-height:44px;color:var(--ink);border:0;border-radius:999px;padding:10px 14px;font-weight:800}#card button.ghost,#card button:not(.primary){color:var(--foam);border:1px solid var(--line);background:0 0}#card button.primary{background:linear-gradient(180deg, var(--gold-a), var(--gold-b));color:var(--ink)}#card input,#card select{border:1px solid var(--line);color:#fff;background:#ffffff14;border-radius:12px;width:min(100%,280px);min-height:44px;padding:8px 10px}#errBanner{z-index:80;left:max(8px, env(safe-area-inset-left));right:max(8px, env(safe-area-inset-right));bottom:max(8px, env(safe-area-inset-bottom));white-space:pre-wrap;background:#5a1420f2;border-radius:10px;padding:10px 12px;position:fixed}@media (width<=720px){#card .actions{flex-direction:column}#card .actions button{width:100%}}