:root{--bg:#111418;--fg:#f2f4f7;--muted:#a5adb8;--accent:#ffb020;--error:#ff6b6b;--attack:#e5484d;--defense:#3e7bfa;--special:#8e8c99;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,-apple-system,Hiragino Sans,Noto Sans JP,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--bg);height:100%;color:var(--fg);margin:0}#app{flex-direction:column;min-height:100%;display:flex}button{font:inherit;cursor:pointer;touch-action:manipulation}.start{text-align:center;max-width:28rem;margin:auto;padding:24px 16px}.title{margin:0 0 16px;font-size:1.6rem}.lead{margin:0 0 8px}.note{color:var(--muted);margin:0 0 24px;font-size:.85rem}.primary,.secondary{border:none;border-radius:999px;padding:14px 28px;font-weight:700}.primary{background:var(--accent);color:#1a1200;font-size:1.1rem}.secondary{color:var(--fg);background:#2a2f37}.primary:disabled{opacity:.5}.error{color:var(--error);min-height:1.5em}.game{position:fixed;inset:0}.camera-view{background:#000;position:absolute;inset:0}.camera-view.off{visibility:hidden;pointer-events:none}.video{object-fit:cover;width:100%;height:100%;display:block}.cam-hud{top:calc(8px + env(safe-area-inset-top));left:calc(8px + env(safe-area-inset-left));right:calc(64px + env(safe-area-inset-right));pointer-events:none;flex-wrap:wrap;gap:8px;display:flex;position:absolute}.chip{background:#0009;border-radius:999px;margin:0;padding:8px 16px;font-size:1.25rem;font-weight:700}.chip:empty{display:none}.latency{left:calc(8px + env(safe-area-inset-left));font-size:.8rem;font-weight:400;position:absolute;bottom:8px}.latency.slow{color:var(--error)}.toast{text-align:center;background:#000000bf;border-radius:12px;max-width:60%;margin:0;padding:12px 20px;font-size:1.3rem;font-weight:700;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.shutter{right:calc(24px + env(safe-area-inset-right));background:#ffffff59;border:7px solid #fff;border-radius:50%;width:104px;height:104px;position:absolute;top:50%;transform:translateY(-50%)}.shutter:active{background:#fffc}.shutter:disabled{opacity:.3}.card-view{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);grid-template-columns:2fr 1fr;display:grid;position:absolute;inset:0}.hand{--card-h:calc((100dvh - 36px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) / 2);flex-direction:column;min-height:0;padding:12px;display:flex;overflow-y:auto}.hand-cards{flex-wrap:wrap;justify-content:center;gap:12px;margin-block:auto;display:flex}.log-panel{background:#181c22;border-left:1px solid #2a2f37;flex-direction:column;gap:8px;min-height:0;padding:10px 12px 92px;display:flex;overflow-y:auto}.log-panel>*{margin:0}.log-panel>:first-child:not([hidden]),.log-panel .timer,.log-panel .hp-box{margin-right:48px}.timer{color:var(--accent);font-size:1.2rem;font-weight:800}.timer:empty{display:none}.hp-box{flex-direction:column;gap:4px;display:flex}.hp{margin:0;font-size:1.15rem;font-weight:800}.hp-bar{background:#2a2f37;border-radius:6px;height:10px;margin-bottom:4px;overflow:hidden}.hp-fill{background:#30a46c;width:100%;height:100%;transition:width .2s;display:block}.hp-bar.low .hp-fill{background:var(--error)}.hp-bar.cpu .hp-fill{background:#8e8c99}.status{color:var(--muted);font-size:1.05rem;font-weight:700}.banner{white-space:pre-line;background:#2a2f37;border-radius:10px;padding:12px 14px;font-size:1.15rem;font-weight:800;line-height:1.35}.banner.danger{background:#c81e28f2;animation:.6s ease-in-out infinite alternate pulse}@keyframes pulse{0%{opacity:1}to{opacity:.75}}.log-panel .secondary{padding:10px 14px}.hint{color:var(--muted);font-size:.95rem}.log-list{flex-direction:column;flex:1;gap:4px;min-height:3.5em;padding:0;list-style:none;display:flex;overflow-y:auto}.log-item{background:#222730;border-radius:6px;padding:8px 10px;font-size:1.05rem}.log-item:first-child{background:#2f3540;font-weight:700}.mode-button{right:calc(12px + env(safe-area-inset-right));bottom:calc(12px + env(safe-area-inset-bottom));background:var(--accent);color:#1a1200;z-index:5;border:none;border-radius:999px;min-width:140px;padding:18px 26px;font-size:1.35rem;font-weight:800;position:fixed}.mode-button.alert{background:var(--error);color:#fff;animation:.4s ease-in-out infinite alternate pulse}.result{z-index:6;background:#000c;flex-direction:column;justify-content:center;align-items:center;gap:24px;display:flex;position:fixed;inset:0}.result-text{color:var(--accent);margin:0;font-size:2.5rem;font-weight:800}.rotate{display:none}@media (orientation:portrait){.rotate{z-index:20;background:var(--bg);text-align:center;justify-content:center;align-items:center;padding:24px;font-size:1.3rem;font-weight:700;display:flex;position:fixed;inset:0}}.gear{top:calc(8px + env(safe-area-inset-top));right:calc(8px + env(safe-area-inset-right));width:40px;height:40px;color:var(--fg);z-index:10;background:#0009;border:none;border-radius:50%;font-size:1.3rem;position:fixed}.settings{width:min(28rem,100% - 32px);max-height:calc(100dvh - 32px);color:var(--fg);background:#1c2027;border:none;border-radius:12px;padding:16px}.settings::backdrop{background:#0009}.settings h2{margin:0 0 4px;font-size:1.2rem}.field{justify-content:space-between;align-items:center;gap:12px;padding:6px 0;font-size:.9rem;display:flex}.field input{width:7rem;font:inherit;color:var(--fg);background:#111418;border:1px solid #444b57;border-radius:6px;padding:6px 8px}.actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.actions button{padding:10px 16px;font-size:.95rem}.card{--frame:var(--special);height:calc(50vh - 18px);height:var(--card-h);aspect-ratio:3/4;border:4px solid var(--frame);max-height:22rem;color:var(--fg);text-align:left;background:#000;border-radius:10px;flex:none;padding:0;transition:opacity .15s,filter .15s;position:relative;overflow:hidden;container-type:inline-size}.card.unusable{opacity:.45;filter:grayscale(.6)}.card.glow{animation:.6s ease-in-out infinite alternate glow}@keyframes glow{0%{box-shadow:0 0 0 2px #ffffff80}to{box-shadow:0 0 0 4px #fff}}.card[data-type=attack]{--frame:var(--attack)}.card[data-type=defense]{--frame:var(--defense)}.card.is-new{animation:.25s ease-out pop}@keyframes pop{0%{transform:scale(1.15)}to{transform:scale(1)}}.card-photo{object-fit:cover;width:100%;height:100%;display:block}.card-head,.card-foot{background:#0009;gap:4px;padding:4px 6px;font-size:clamp(.8rem,10.5cqw,1.6rem);line-height:1.3;display:flex;position:absolute;left:0;right:0}.card-head{justify-content:space-between;font-weight:700;top:0}.card-foot{flex-direction:column;bottom:0}.card-power{text-align:center;background:var(--frame);border-radius:4px;min-width:1.5em}.card-type{color:var(--frame);filter:brightness(1.4);font-weight:700}.card-effect,.card-timing{font-size:clamp(.7rem,8.5cqw,1.3rem)}.card-timing{color:var(--accent)}