:root{--bg:#0f1226;--bg-2:#171a35;--panel:#1e2244;--panel-2:#262b52;--text:#eef0ff;--muted:#9aa0c9;--accent:#6c8cff;--accent-2:#b06cff;--danger:#ff5d73;--good:#38d39f;--gold:#ffcf5c;--radius:14px;--gap:12px}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{background:radial-gradient(1200px 800px at 50% -10%, #21264f 0%, var(--bg) 60%);color:var(--text);-webkit-font-smoothing:antialiased;overscroll-behavior:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Hiragino Sans,Noto Sans JP,Meiryo,sans-serif}#root{min-height:100dvh}.app{max-width:560px;min-height:100dvh;padding:env(safe-area-inset-top) 12px env(safe-area-inset-bottom);flex-direction:column;margin:0 auto;display:flex}.toast{background:var(--danger);color:#fff;z-index:50;cursor:pointer;border-radius:10px;max-width:90vw;padding:10px 16px;position:fixed;top:12px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000059}.toast__close{opacity:.8;margin-left:10px}.home{flex-direction:column;flex:1;justify-content:center;gap:18px;padding:24px 8px;display:flex}.home__header{text-align:center}.home__title{letter-spacing:.02em;background:linear-gradient(90deg, var(--accent), var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:2.4rem}.home__subtitle{color:var(--muted);margin:6px 0 0}.home__modes{gap:var(--gap);flex-direction:column;display:flex}.home__status{text-align:center;color:var(--muted)}.field{flex-direction:column;gap:6px;display:flex}.field__label{color:var(--muted);font-size:.85rem}.field__input{background:var(--panel);color:var(--text);border:1px solid #313766;border-radius:10px;width:100%;padding:12px 14px;font-size:1rem}.field__input:focus{outline:2px solid var(--accent);border-color:#0000}.join{gap:8px;display:flex}.join .field__input{flex:1}.btn{background:var(--panel);color:var(--text);cursor:pointer;border:1px solid #313766;border-radius:12px;flex-direction:column;align-items:flex-start;gap:2px;padding:14px 16px;font-size:1rem;transition:transform 50ms,background .15s,border-color .15s;display:flex}.btn:hover:not(:disabled){background:var(--panel-2)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:linear-gradient(90deg, var(--accent), var(--accent-2));color:#fff;border:none}.btn--ghost{background:0 0}.btn--disabled{border-style:dashed}.btn--small{border-radius:10px;flex-direction:row;padding:8px 12px;font-size:.85rem}.btn__title{font-weight:700}.btn__hint{color:var(--muted);font-size:.8rem}.btn--primary .btn__hint{color:#ffffffd9}.battle{gap:var(--gap);flex:1;grid-template-rows:auto 1fr auto auto;padding:8px 0 16px;display:grid}.battle--loading{color:var(--muted);justify-content:center;align-items:center;display:flex}.battle__header{justify-content:space-between;align-items:center;gap:8px;display:flex}.battle__meta,.battle__actions{align-items:center;gap:8px;display:flex}.tag{background:var(--panel);border:1px solid #313766;border-radius:999px;padding:4px 10px;font-size:.8rem}.tag--muted{color:var(--muted)}.tag--brand{background:linear-gradient(90deg, var(--accent), var(--accent-2));color:#fff;border:none;font-weight:700}.panel{background:var(--panel);border-radius:var(--radius);border:1px solid #2b3060;flex-direction:column;gap:8px;padding:12px 14px;transition:border-color .2s,box-shadow .2s;display:flex}.panel--enemy{background:linear-gradient(180deg, #241d3a, var(--panel))}.panel--self{background:linear-gradient(180deg, var(--panel), #1a2348)}.panel--active{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold), 0 6px 20px #ffcf5c26}.panel--offline{opacity:.7}.panel--empty{color:var(--muted);justify-content:center;align-items:center;min-height:90px}.panel__row--name{justify-content:space-between;align-items:center;display:flex}.panel__name{font-weight:700}.panel__offline{color:var(--danger);font-size:.8rem}.panel__life{color:var(--danger);justify-content:center;align-items:center;gap:6px;min-height:1.5rem;font-size:1.5rem;display:flex}.life--empty{color:var(--muted)}.panel__shields{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;min-height:36px;display:flex}.shields__none{color:var(--muted);font-size:.8rem}.shield{clip-path:polygon(8% 0,92% 0,100% 18%,100% 72%,50% 100%,0 72%,0 18%);border-radius:10px 10px 14px 14px;align-items:center;gap:4px;min-width:52px;height:36px;padding:0 8px;font-weight:700;display:inline-flex;box-shadow:inset 0 -2px #0003}.shield--normal{color:#fff;background:linear-gradient(#5b8dff 0%,#3a5fc8 100%);border:none}.shield--ultimate{color:#2a1600;background:linear-gradient(#ffd56a 0%,#e89a2e 55%,#c46b12 100%);box-shadow:inset 0 -2px #00000040,0 0 10px #ffc85059}.shield__icon{opacity:.9;font-size:.7rem}.shield__body{flex-direction:column;align-items:center;line-height:1.05;display:flex}.shield__kind{letter-spacing:.04em;opacity:.85;font-size:.55rem;font-weight:800}.shield__value{font-size:.95rem;font-weight:800}.panel__stats{justify-content:center;gap:18px;display:flex}.stat{align-items:baseline;gap:6px;display:flex}.stat__label{color:var(--muted);font-size:.8rem}.stat__value{font-size:1.1rem;font-weight:700}.stage{border-radius:var(--radius);background:#ffffff05;border:1px solid #242a54;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:190px;padding:14px;display:flex}.timer{color:var(--muted);font-size:.85rem}.timer--urgent{color:var(--danger);font-weight:700;animation:.6s infinite alternate pulse}@keyframes pulse{0%{opacity:.5}to{opacity:1}}.reveal{justify-content:center;align-items:center;gap:14px;width:100%;display:flex}.reveal__side{flex-direction:column;align-items:center;gap:2px;min-width:64px;display:flex}.reveal__who{color:var(--muted);font-size:.7rem;font-weight:700}.reveal__hand{font-size:1.8rem;line-height:1}.reveal__vs{text-align:center;min-width:7.5rem}.reveal__result{color:var(--muted);font-size:.9rem;font-weight:700}.reveal__result--win{color:var(--good)}.reveal__result--lose{color:var(--danger)}.center{text-align:center;flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.center__msg{margin:0;font-weight:700}.center__hint{color:var(--muted);margin:0;font-size:.85rem}.center__banner{color:var(--gold);margin:0;font-size:1.1rem;font-weight:800}.center__result{color:var(--good);margin:0;font-size:1.05rem;font-weight:700}.center__result--fail{color:var(--danger)}.hands{gap:12px;display:flex}.hand-btn{background:var(--panel-2);width:84px;color:var(--text);cursor:pointer;border:1px solid #3a4180;border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:14px 0;transition:transform 60ms,background .15s;display:flex}.hand-btn:hover:not(:disabled){background:#313873}.hand-btn:active:not(:disabled){transform:scale(.96)}.hand-btn:disabled{opacity:.45;cursor:not-allowed}.hand-btn__emoji{font-size:2rem}.hand-btn__label{font-size:.85rem}.commands{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}.commands--compact .command-btn{text-align:center;align-items:center;padding:12px 10px}.command-btn{text-align:left;background:var(--panel-2);color:var(--text);cursor:pointer;border:1px solid #3a4180;border-radius:10px;flex-direction:column;align-items:flex-start;gap:4px;padding:10px 12px;transition:background .15s,transform 60ms;display:flex}.command-btn:hover{background:#313873}.command-btn:active{transform:scale(.98)}.command-btn__label{font-weight:700}.command-btn__desc{color:var(--muted);font-size:.72rem;line-height:1.3}.center--over{gap:16px}.gameover__title{margin:0;font-size:1.5rem;font-weight:800}.gameover__actions{flex-direction:column;gap:8px;width:100%;max-width:280px;display:flex}.gameover__actions .btn{align-items:center}@media (width>=480px){.hand-btn{width:96px}}