:root{--navy:#07182d;--navy2:#0b2b50;--blue:#176cf3;--blue2:#4a94ff;--sky:#edf5ff;--bg:#f4f7fb;--card:#fff;--text:#172235;--muted:#687386;--border:#e1e7ef;--red:#e53958;--green:#0a8a64;--gold:#d49a16;--shadow:0 10px 30px #07182d12;--shadow2:0 18px 48px #07182d1f;--c-white:#d9dee6;--c-green:#0a8a64;--c-red:#e53958;--c-blue:#176cf3;--c-purple:#7b4fb5;--c-yellow:#d49a16;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif;font-size:15px;line-height:1.65}button{font:inherit;color:inherit}.btn{border:1px solid var(--border);cursor:pointer;min-height:44px;box-shadow:var(--shadow);background:#fff;border-radius:14px;padding:10px 16px;font-weight:800;transition:all .2s}.btn:hover{box-shadow:var(--shadow2);border-color:#bfd3f1;transform:translateY(-1px)}.btn.primary{background:linear-gradient(135deg, var(--blue), #0e58cf);color:#fff;border-color:#0000}.btn.ghost{box-shadow:none;background:0 0}.btn.danger{color:var(--red)}.btn.big{width:100%;min-height:58px;font-size:17px}.btn:disabled{opacity:.5;cursor:default;box-shadow:none;transform:none}.center{text-align:center;min-height:100vh;color:var(--muted);place-items:center;padding:24px;display:grid}.empty{color:var(--muted)}.home{max-width:760px;margin:0 auto;padding:0 16px 48px}.home-hero{color:#fff;background:radial-gradient(circle at 80% 10%,#4a94ff61,#0000 26%),radial-gradient(circle at 95% 90%,#176cf33d,#0000 30%),linear-gradient(135deg,#06172c 0%,#0b2f58 58%,#176cf3 125%);margin:0 -16px 22px;padding:42px 20px 46px}.home-hero .kicker{letter-spacing:.04em;background:#ffffff1a;border:1px solid #ffffff24;border-radius:999px;padding:6px 12px;font-size:.76rem;font-weight:850;display:inline-flex}.home-hero h1{letter-spacing:-.03em;margin:12px 0 8px;font-size:clamp(1.9rem,6vw,2.6rem);line-height:1.1}.home-hero h1 small{color:#dbe9ff;letter-spacing:0;margin-left:10px;font-size:.8rem;font-weight:700}.home-hero .lead{color:#dbe9ff;margin:0;font-size:.98rem}.home-actions{z-index:2;gap:10px;margin:-22px 0 30px;display:grid;position:relative}.home h2{letter-spacing:-.02em;margin:0 0 12px;font-size:1.3rem}.deck-cards{gap:10px;margin:0;padding:0;list-style:none;display:grid}.deck-cards li{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:18px;align-items:center;gap:8px;padding:8px;display:flex}.deck-open{text-align:left;cursor:pointer;background:0 0;border:0;flex:1;gap:2px;padding:8px;display:grid}.deck-name{font-size:16px;font-weight:900}.deck-sub{color:var(--muted);font-size:13px}.deck-ops{gap:4px;display:flex}.note{color:var(--muted);margin-top:24px;font-size:12px}.db{flex-direction:column;min-height:100vh;display:flex}.db-head{z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#fffffff0;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;display:flex;position:sticky;top:0}.db-name{background:var(--sky);border:1px solid var(--border);min-width:120px;color:var(--text);border-radius:12px;flex:160px;padding:8px 10px;font-size:15px;font-weight:800}.db-counts{white-space:nowrap;gap:10px;font-size:13px;font-weight:800;display:flex}.db-counts .ok{color:var(--green)}.db-counts .ng{color:var(--red)}.db-filters{gap:8px;padding:8px 10px;display:grid}.db-search{border:1px solid var(--border);width:100%;color:var(--text);box-shadow:var(--shadow);background:#fff;border-radius:14px;padding:11px 14px;font-size:15px}.db-search:focus{outline:2px solid var(--blue2)}.chips{scrollbar-width:none;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:999px;flex:none;min-height:36px;padding:6px 12px;font-size:.86rem;font-weight:800}.chip.on{background:var(--blue);color:#fff;border-color:var(--blue)}.chip.c-white.on{background:var(--c-white);color:var(--text);border-color:#c5ccd6}.chip.c-green.on{background:var(--c-green)}.chip.c-red.on{background:var(--c-red)}.chip.c-blue.on{background:var(--c-blue)}.chip.c-purple.on{background:var(--c-purple)}.chip.c-yellow.on{background:var(--c-yellow);color:#fff}.sep{background:var(--border);flex:0 0 1px;margin:4px 2px}.db-more{color:var(--muted);font-size:13px}.db-more summary{cursor:pointer;color:var(--blue);padding:4px 0;font-weight:800}.db-more label{margin:6px 0;display:block}.db-more select{max-width:100%;color:var(--text);border:1px solid var(--border);background:#fff;border-radius:10px;padding:6px}.db-issues{border:1px solid var(--border);background:#fff;border-radius:14px;gap:4px;margin:0 10px;padding:8px 12px;font-size:13px;list-style:none;display:grid}.db-issues .error{color:var(--red);font-weight:800}.db-issues .warn{color:var(--gold);font-weight:800}.grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px;padding:10px 10px 80px;display:grid}.tile{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;transition:all .2s;overflow:hidden}.tile.in{border-color:var(--blue);box-shadow:0 0 0 2px #176cf340, var(--shadow)}.tile img{aspect-ratio:63/88;object-fit:cover;cursor:pointer;background:linear-gradient(145deg,#f2f6fb,#e9f0f8);width:100%;display:block}.tile-bar{justify-content:space-between;align-items:center;padding:3px;display:flex}.pm{border:1px solid var(--border);cursor:pointer;width:40px;height:40px;color:var(--blue);background:#fff;border-radius:12px;font-size:20px;font-weight:900}.pm:disabled{opacity:.35;cursor:default}.n{font-variant-numeric:tabular-nums;font-size:13px;font-weight:800}.deck-list{padding:8px 10px 80px}.deck-list h3{color:var(--blue);letter-spacing:.1em;margin:14px 0 6px;font-size:.78rem;font-weight:900}.row{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:6px 0;display:flex}.row img{aspect-ratio:63/88;border-radius:4px;width:32px}.row-name{flex:1;font-weight:700}.row-name small{color:var(--muted);margin-left:6px;font-weight:400}.db-foot{color:var(--muted);background:linear-gradient(transparent, var(--bg));pointer-events:none;padding:6px 12px;font-size:12px;position:fixed;bottom:0;left:0;right:0}.sheet{z-index:20;background:#07182d80;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet-body{background:var(--card);width:min(100%,760px);max-height:92vh;box-shadow:var(--shadow2);border-radius:22px 22px 0 0;grid-template-columns:1fr;gap:12px;padding:14px 16px 22px;display:grid;overflow:auto}.sheet-body img{border-radius:10px;width:60%;max-width:252px;margin:0 auto}.sheet-text h2{letter-spacing:-.02em;margin:0 0 4px;font-size:18px}.sheet-text h2 small{color:var(--muted);margin-left:6px;font-size:.8rem;font-weight:400}.sheet-text .meta{color:var(--muted);margin:0 0 8px;font-size:13px}.sheet-text p{margin:6px 0;font-size:14px}.sheet-actions{align-items:center;gap:10px;margin-top:12px;display:flex}@media (width>=720px){.home{max-width:860px}.home-hero{border-radius:0 0 28px 28px}.sheet{align-items:center}.sheet-body{border-radius:22px;grid-template-columns:240px 1fr}.sheet-body img{width:100%}.grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr))}}.home-hero.compact{padding:22px 20px 26px}.btn.light{color:#fff}.setup-form{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:18px;gap:12px;padding:16px;display:grid}.setup-form label{gap:4px;font-size:.9rem;font-weight:800;display:grid}.setup-form select{font:inherit;border:1px solid var(--border);background:#fff;border-radius:12px;padding:10px}.play{flex-direction:column;min-height:100vh;padding-bottom:240px;display:flex}.play-head{z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#fffffff0;justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;display:flex;position:sticky;top:0}.play-turn{font-size:.9rem;font-weight:800}.side{border-bottom:1px dashed var(--border);grid-template-columns:92px 1fr;gap:8px;padding:8px 10px;display:grid}.side.flipped{background:#eef3fa}.side-info{align-content:start;gap:4px;display:grid}.oshi{cursor:pointer;position:relative}.oshi img{aspect-ratio:63/88;width:100%;box-shadow:var(--shadow);border-radius:8px}.oshi span{background:var(--navy);color:#fff;border-radius:999px;padding:1px 6px;font-size:.62rem;font-weight:900;position:absolute;top:4px;left:4px}.counters{color:var(--muted);grid-template-columns:1fr 1fr;gap:2px 6px;font-size:.74rem;font-weight:800;display:grid}.side-name{color:var(--navy2);font-size:.78rem;font-weight:900}.stage{gap:6px;display:grid}.front{grid-template-columns:1fr 1fr;gap:6px;max-width:260px;display:grid}.side.flipped .front{grid-template-columns:1fr 1fr}.backrow{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:6px;display:grid}.slot{border:1px solid var(--border);box-shadow:var(--shadow);cursor:pointer;background:#fff;border-radius:10px;padding:4px;position:relative}.slot img{aspect-ratio:63/88;border-radius:6px;width:100%;transition:transform .2s;display:block}.slot.rested img{transform:rotate(90deg)scale(.72)}.slot-hp{text-align:center;font-size:.72rem;font-weight:900}.slot-yells{flex-wrap:wrap;justify-content:center;gap:2px;min-height:8px;display:flex}.ydot{background:#bbb;border:1px solid #00000026;border-radius:50%;width:8px;height:8px}.ydot.c-white{background:#f0f0f0}.ydot.c-green{background:var(--c-green)}.ydot.c-red{background:var(--c-red)}.ydot.c-blue{background:var(--c-blue)}.ydot.c-purple{background:var(--c-purple)}.ydot.c-yellow{background:var(--c-yellow)}.slot-stack{background:var(--navy);color:#fff;border-radius:999px;padding:0 5px;font-size:.62rem;font-weight:900;position:absolute;top:6px;right:6px}.slot-label{color:var(--muted);text-align:center;font-size:.62rem;font-weight:800}.empty-slot{color:#b8c2d0;min-height:96px;box-shadow:none;cursor:default;border-style:dashed;place-items:center;font-size:.74rem;font-weight:800;display:grid}.hand{padding:8px 10px}.hand-title{color:var(--navy2);margin-bottom:4px;font-size:.78rem;font-weight:900}.hand-cards{gap:6px;padding-bottom:4px;display:flex;overflow-x:auto}.hand-cards img{aspect-ratio:63/88;width:64px;box-shadow:var(--shadow);cursor:pointer;border-radius:6px;flex:none}.prompt{z-index:10;border-top:1px solid var(--border);background:#fffffff7;max-height:45vh;padding:10px 12px 14px;position:fixed;bottom:0;left:0;right:0;overflow:auto;box-shadow:0 -10px 30px #07182d14}.prompt-text{margin:0 0 8px;font-size:.92rem;font-weight:800}.prompt-text small{color:var(--muted);font-weight:400}.prompt-options{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:6px;display:grid}.prompt-options .btn{text-align:left;padding:8px 12px;font-size:.88rem}.prompt-confirm{justify-content:space-between;align-items:center;margin-top:8px;font-size:.86rem;display:flex}.prompt.over{text-align:center}.sheet-body.log{font-size:.84rem;display:block}.sheet-body.log ul{gap:3px;margin:0;padding:0;list-style:none;display:grid}.log-turn{color:var(--blue);margin-right:4px;font-weight:900}@media (width>=900px){.play{grid-template-columns:1fr 1fr;grid-template-areas:"head head""opp me""hand hand";padding-bottom:220px;display:grid}.play-head{grid-area:head}.side.flipped{border-right:1px solid var(--border);grid-area:opp}.side:not(.flipped){grid-area:me}.hand{grid-area:hand}.hand-cards img{width:84px}}.front,.backrow,.side{align-items:start}.play{color:#eaf1ff;background:radial-gradient(circle,#12386e 0%,#0b2b50 45%,#07182d 100%)}.play-head{color:#fff;background:#07182dd9;border-bottom:1px solid #ffffff1f}.play-head .btn.ghost{color:#fff;border-color:#ffffff40}.side{border-bottom:0;padding:10px 12px}.side.flipped{background:0 0;border-bottom:2px solid #ffffff2e}.side.flipped .stage{flex-direction:column-reverse;gap:6px;display:flex}.side.flipped .front{flex-direction:row-reverse;display:flex}.side.flipped .front .slot,.side.flipped .front .empty-slot{flex:1}.side:not(.flipped) .front{display:flex}.side:not(.flipped) .front .slot,.side:not(.flipped) .front .empty-slot{flex:1}.side-name,.counters{color:#cfe0ff}.side-name{color:#fff}.oshi span{background:var(--blue)}.slot{background:#ffffff0f;border-color:#ffffff2e;box-shadow:0 6px 18px #00000040}.slot-hp{color:#fff}.slot-label{color:#9fb6d8}.empty-slot{color:#ffffff59;background:#ffffff08;border-color:#ffffff2e}.hand-title{color:#cfe0ff}.hand-cards img{box-shadow:0 8px 18px #00000059}.prompt{color:#fff;background:#07182df5;border-top:1px solid #ffffff24}.prompt .btn{color:#fff;box-shadow:none;background:#ffffff14;border-color:#fff3}.prompt .btn.primary{background:linear-gradient(135deg, var(--blue), #0e58cf)}.prompt-text small{color:#9fb6d8}@media (width>=900px){.play{grid-template-columns:1fr;grid-template-areas:"head head""opp opp""me me""hand hand"}.side{grid-template-columns:110px 1fr;width:100%;max-width:1100px;margin:0 auto}.front{max-width:320px;margin:0 auto}.backrow{grid-template-columns:repeat(6,96px);justify-content:center}}.play-head-ops{gap:6px;display:flex}.play-head .btn.ghost.on{background:var(--blue);border-color:var(--blue);color:#fff}.side.active .side-name:after{content:"●";color:#ffd166;margin-left:6px;font-size:.7em}.prompt.thinking{opacity:.92}.prompt.thinking .prompt-text:after{content:"";border:2px solid var(--blue);vertical-align:middle;border-top-color:#0000;border-radius:50%;width:12px;height:12px;margin-left:8px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.hand.opp-hand{opacity:.85}.play-head{flex-wrap:nowrap}.play-head .play-turn{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.82rem;overflow:hidden}.play-head .btn{white-space:nowrap;padding:6px 9px;font-size:.8rem}.slot,.hand-card,.oshi{transition:box-shadow .18s,opacity .18s,transform .18s}.slot.can,.hand-card.can,.oshi.can{animation:1.4s ease-in-out infinite glow;box-shadow:0 0 0 3px #ffd166,0 0 18px #ffd1668c}.empty-slot.can{color:#ffd166;border-color:#ffd166;box-shadow:0 0 0 2px #ffd16699}.slot.dim,.hand-card.dim,.oshi.dim{opacity:.45}.slot.picked,.hand-card.picked{box-shadow:0 0 0 3px var(--blue), 0 0 18px #176cf399;animation:none}.hand-card{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.hand-card.dragging{opacity:.35}.drag-ghost{z-index:30;aspect-ratio:63/88;pointer-events:none;border-radius:8px;width:84px;position:fixed;transform:translate(-50%,-60%)rotate(-4deg)scale(1.08);box-shadow:0 18px 40px #00000080}.hand-hint{color:#ffd166;margin-top:2px;font-size:.72rem;font-weight:600;display:block}@keyframes glow{0%,to{box-shadow:0 0 0 3px #ffd166,0 0 12px #ffd16666}50%{box-shadow:0 0 0 3px #ffe08a,0 0 24px #ffd166cc}}.slot.hit{animation:.45s shake}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.fx{pointer-events:none;text-shadow:0 2px 6px #0009;font-size:1.3rem;font-weight:900;animation:.7s ease-out forwards rise;position:absolute;top:30%;left:50%;transform:translate(-50%)}.fx.dmg{color:#ff5d5d}.fx.heal{color:#7ee787}@keyframes rise{0%{opacity:0;transform:translate(-50%,8px)scale(.8)}15%{opacity:1;transform:translate(-50%)scale(1.15)}to{opacity:0;transform:translate(-50%,-28px)scale(1)}}.slot-attach{color:var(--navy);background:#ffd166;border-radius:999px;padding:0 5px;font-size:.62rem;font-weight:900;position:absolute;top:6px;left:6px}.hover-detail{z-index:8;color:#eaf1ff;background:#07182df5;border:1px solid #ffffff29;border-radius:14px;grid-template-columns:110px 1fr;gap:10px;width:340px;max-height:calc(100vh - 300px);padding:10px;font-size:.8rem;display:grid;position:fixed;top:56px;right:12px;overflow:auto;box-shadow:0 16px 40px #00000073}.hover-detail img{border-radius:8px;width:100%}.hover-detail h2{margin:0 0 4px;font-size:.95rem}.hover-detail h2 small{color:#9fb6d8;font-weight:400}.hover-detail p{margin:0 0 4px}.side-info{gap:6px}.side-name small{color:#9fb6d8;font-size:.68rem;font-weight:700;display:block}.piles{grid-template-columns:1fr 1fr;gap:6px 4px;display:grid}.pile{justify-items:center;gap:2px;display:grid}.pile-stack{width:34px;height:46px;position:relative}.pile-stack img{aspect-ratio:63/88;border-radius:3px;width:32px;position:absolute;top:0;left:0;box-shadow:0 2px 6px #00000073}.pile-slot{border:1px dashed #ffffff40;border-radius:3px;position:absolute;inset:0 2px 0 0}.pile-n{text-align:center;min-width:18px;color:var(--navy);background:#fff;border-radius:999px;padding:0 4px;font-size:.66rem;font-weight:900;position:absolute;bottom:-4px;right:-6px;box-shadow:0 2px 6px #0006}.pile.life .pile-n{color:#fff;background:#ff5d7a}.pile.yell .pile-n{color:var(--navy);background:#ffd166}.pile.empty .pile-n{background:#ffffff59}.pile-label{color:#9fb6d8;white-space:nowrap;font-size:.58rem;font-weight:800}.side.flipped .side-info{grid-auto-flow:row}.turn-banner{z-index:20;pointer-events:none;justify-content:center;animation:1.3s ease-out forwards bannerIn;display:flex;position:fixed;top:40%;left:0;right:0}.turn-banner span{color:#fff;letter-spacing:.12em;text-align:center;text-shadow:0 2px 10px #00000080;background:linear-gradient(90deg,#0000,#176cf3f2 20% 80%,#0000);width:100%;padding:10px 80px;font-size:1.5rem;font-weight:900}@keyframes bannerIn{0%{opacity:0;transform:scaleX(.6)}15%{opacity:1;transform:scaleX(1)}80%{opacity:1}to{opacity:0}}.slot.lunge{z-index:3;animation:.55s cubic-bezier(.2,.9,.3,1.2) lungeUp}.side.flipped .slot.lunge{animation-name:lungeDown}@keyframes lungeUp{0%{transform:translateY(0)}35%{transform:translateY(-26px)scale(1.08)}to{transform:translateY(0)}}@keyframes lungeDown{0%{transform:translateY(0)}35%{transform:translateY(26px)scale(1.08)}to{transform:translateY(0)}}.result{z-index:25;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#07182db8;place-items:center;animation:.4s fadeIn;display:grid;position:fixed;inset:0}.result-box{text-align:center;color:#fff;background:radial-gradient(circle at 50% 0,#4a94ff73,#0000 60%),#0b2b50f2;border:1px solid #fff3;border-radius:22px;padding:28px 36px;animation:.5s cubic-bezier(.2,.9,.3,1.3) pop;box-shadow:0 30px 80px #0009}.result-kicker{letter-spacing:.2em;color:#ffd166;text-shadow:0 0 24px #ffd16699;margin:0;font-size:2.6rem;font-weight:900}.result-text{margin:4px 0 0;font-size:1.15rem;font-weight:800}.result-sub{color:#9fb6d8;margin:4px 0 14px;font-size:.85rem}.result-actions{justify-content:center;gap:8px;display:flex}.result .btn.ghost.light{color:#fff;border-color:#ffffff59}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.prompt.sheet-panel{border-radius:18px 18px 0 0;padding-top:4px;transition:max-height .25s}.sheet-handle{cursor:pointer;background:0 0;border:0;width:100%;padding:4px 0 6px;display:block}.sheet-handle i{background:#ffffff59;border-radius:999px;width:44px;height:5px;margin:0 auto;display:block}.prompt.sheet-panel .prompt-text{cursor:pointer}.sheet-more{color:#ffd166;margin-top:2px;font-size:.74rem;font-weight:700;display:block}.prompt.collapsed{max-height:96px;overflow:hidden}.prompt.collapsed .prompt-options{display:none}.prompt.collapsed .prompt-confirm{margin-top:4px}@media (width>=900px){.sheet-handle,.sheet-more{display:none}.prompt.collapsed{max-height:45vh}.prompt.collapsed .prompt-options{display:grid}}.vs-line{background:linear-gradient(90deg,#0000,#ffffff59 20% 80%,#0000);height:2px;margin:2px 10px;position:relative}.vs-line span{background:var(--navy);color:#ffd166;letter-spacing:.12em;border:1px solid #ffd16699;border-radius:999px;padding:2px 12px;font-size:.72rem;font-weight:900;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 14px #ffd16659}.side.flipped{border-bottom:0}.front,.backrow{background:#ffffff09;border:1px solid #ffffff12;border-radius:12px;padding:6px}.play{background:radial-gradient(#176cf338 0%,#0000 55%),radial-gradient(circle,#12386e 0%,#0b2b50 45%,#07182d 100%)}.auth-tabs{gap:6px;margin-bottom:12px;display:flex}.auth-form{gap:10px;display:grid}.auth-form label{gap:4px;font-size:.88rem;font-weight:800;display:grid}.auth-form input{font:inherit;border:1px solid var(--border);background:#fff;border-radius:12px;padding:10px 12px}.auth-error{color:var(--red);margin:0;font-size:.88rem;font-weight:700}.sheet-body.auth{max-width:440px;display:block}.home-user{color:#dbe9ff;flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;font-size:.9rem;display:flex}.home-user .btn{padding:6px 12px;font-size:.84rem}.tourney-list{gap:8px;max-height:50vh;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.tourney-list li{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:14px;padding:10px 12px}.tourney-list li.on{border-color:var(--blue);box-shadow:0 0 0 2px #176cf340}.tourney-list li.na{opacity:.6}.tourney-head{font-weight:800}.tourney-head b{color:var(--blue);margin-right:6px}.tourney-head small{color:var(--muted);font-size:.78rem;font-weight:600;display:block}.tourney-sub{color:var(--muted);margin-top:2px;font-size:.82rem}.tourney-warn{color:var(--red);margin-top:4px;font-size:.78rem;font-weight:700}.tourney-actions{gap:8px;display:grid}.play{--card-w:clamp(56px, min(6.8vw, 10vh), 100px);color:#eaf1ff;background-color:#0b2b50;background-image:radial-gradient(at 50% 35%,#176cf359 0%,#176cf300 60%),linear-gradient(30deg,#ffffff09 25%,#0000 25% 50%,#ffffff09 50% 75%,#0000 75%);background-position:0 0;background-repeat:repeat;background-size:auto,56px 56px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;padding-bottom:190px}.table{box-sizing:border-box;grid-template-columns:92px minmax(0,1fr) 170px;gap:8px;width:100%;max-width:1440px;margin:0 auto;padding:8px 8px 0;display:grid}.table-left{flex-direction:column;justify-content:space-between;gap:8px;display:flex}.table-side{text-align:center;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;justify-items:center;gap:6px;padding:8px 4px;display:grid}.table-side.active{border-color:#ffd166cc;box-shadow:0 0 0 1px #ffd16680,0 0 16px #ffd16640}.side-tag{color:#cfe0ff;text-overflow:ellipsis;white-space:nowrap;max-width:84px;font-size:.74rem;font-weight:900;overflow:hidden}.life-big{color:#fff;background:linear-gradient(#ff6d8a,#e53958);border-radius:12px;width:76px;padding:5px 6px;box-shadow:0 6px 16px #e5395866}.life-big small{letter-spacing:.04em;opacity:.95;font-size:.58rem;font-weight:800;display:block}.life-big b{font-size:1.9rem;font-weight:900;line-height:1.05;display:block}.order-tag{color:var(--navy);letter-spacing:.12em;background:#ffd166;border-radius:999px;padding:2px 10px;font-size:.78rem;font-weight:900}.hand-count{color:#cfe0ff;font-size:.72rem;font-weight:800}.mats{gap:4px;min-width:0;display:grid;position:relative}.stage-line{background:linear-gradient(90deg,#0000,#ffffff73 15% 85%,#0000);height:2px;margin:2px 24px;position:relative}.stage-line span{color:#cfe0ff;letter-spacing:.3em;background:#0d2e55;border-radius:999px;padding:0 10px;font-size:.7rem;font-weight:900;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.table-notice{z-index:4;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.table-notice span{color:#fff;background:#07182de0;border:1px solid #ffffff40;border-radius:999px;padding:10px 26px;font-size:.95rem;font-weight:800;animation:1.6s ease-in-out infinite pulse;display:inline-block;box-shadow:0 8px 24px #0006}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.step-panel{align-content:start;gap:8px;display:grid}.step-turn{text-align:center;background:#ffffff14;border:1px solid #ffffff1f;border-radius:12px;grid-template-columns:auto auto;justify-content:center;align-items:baseline;column-gap:6px;padding:6px 8px;display:grid}.step-turn small{color:#cfe0ff;font-size:.66rem;font-weight:800}.step-turn b{font-size:1.5rem;font-weight:900;line-height:1}.step-turn span{color:#ffd166;grid-column:1/-1;font-size:.7rem;font-weight:800}.step-list{gap:5px;margin:0;padding:0;list-style:none;display:grid}.step-list li{color:#aebfda;text-align:center;background:#ffffff14;border:1px solid #ffffff1f;border-radius:999px;padding:5px 10px;font-size:.72rem;font-weight:800;transition:background .2s,color .2s}.step-list li.now{background:linear-gradient(135deg, var(--blue), #0e58cf);color:#fff;border-color:#0000;box-shadow:0 0 14px #176cf399}.step-list.opp li.now{background:linear-gradient(135deg,#e53958,#b6223f);box-shadow:0 0 14px #e539588c}.step-setup{text-align:center;color:#cfe0ff;font-size:.72rem;font-weight:800}.mat{grid-template-columns:calc(var(--card-w) * .8) minmax(0, 1fr) calc(var(--card-w) * .8);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:16px;grid-template-areas:"life front hp""life back deck""yell back archive";gap:6px 10px;padding:10px 12px 16px;display:grid}.mat.flipped{grid-template-areas:"archive back yell""deck back life""hp front life";padding:16px 12px 10px}.mat.active{border-color:#ffd16699}.zone{justify-content:center;align-items:center;min-width:0;display:flex}.z-life{grid-area:life;align-items:start}.z-yell{grid-area:yell}.z-hp{grid-area:hp}.z-deck{grid-area:deck}.z-archive{grid-area:archive}.z-front{grid-area:front;gap:12px}.z-back{flex-wrap:wrap;grid-area:back;align-content:start;gap:8px}.mat.flipped .z-front{flex-direction:row-reverse}.mat.flipped .z-life{align-items:end}.card{width:var(--card-w);aspect-ratio:63/88;cursor:pointer;background:#fff;border-radius:6px;flex:none;transition:box-shadow .18s,opacity .18s,transform .18s;position:relative;box-shadow:0 4px 12px #00000073}.card img{object-fit:cover;border-radius:6px;width:100%;height:100%;display:block}.card.empty{box-shadow:none;cursor:default;background:#ffffff0f;border:1.5px dashed #ffffff59;place-items:center;display:grid}.card.empty span{color:#fff9;text-align:center;font-size:.62rem;font-weight:800}.card-label{color:#cfe0ff;white-space:nowrap;font-size:.58rem;font-weight:800;position:absolute;bottom:-14px;left:50%;transform:translate(-50%)}.mat.flipped .card-label{top:-14px;bottom:auto}.card .slot-label,.card .slot-hp,.card .slot-yells{display:none}.hp-pill{color:#fff;white-space:nowrap;background:#07182de0;border:1px solid #ffffff4d;border-radius:999px;padding:1px 7px;font-size:.72rem;font-weight:900;line-height:1.3;position:absolute;bottom:4px;left:50%;transform:translate(-50%);box-shadow:0 2px 6px #0006}.hp-pill small{opacity:.8;font-size:.58rem;font-weight:700}.hp-pill.hurt{background:#d49a16f2}.hp-pill.low{background:#e53958f2}.yell-gems{flex-wrap:wrap;gap:2px;max-width:45%;display:flex;position:absolute;bottom:3px;left:3px}.gem{background:#bbb;border:1.5px solid #fff;border-radius:50%;width:11px;height:11px;box-shadow:0 1px 3px #0009}.gem.c-white{background:#eef1f5}.gem.c-green{background:var(--c-green)}.gem.c-red{background:var(--c-red)}.gem.c-blue{background:var(--c-blue)}.gem.c-purple{background:var(--c-purple)}.gem.c-yellow{background:var(--c-yellow)}.card .slot-stack{background:var(--navy);color:#fff;border:1px solid #fff6;border-radius:999px;padding:0 5px;font-size:.6rem;font-weight:900;position:absolute;top:3px;right:3px}.card .slot-attach{color:var(--navy);background:#ffd166;border-radius:999px;padding:0 5px;font-size:.6rem;font-weight:900;position:absolute;top:3px;left:3px}.card.can{animation:1.4s ease-in-out infinite glow;box-shadow:0 0 0 3px #ffd166,0 0 18px #ffd166b3}.card.dim{opacity:.45}.card.picked{box-shadow:0 0 0 3px var(--blue), 0 0 18px #176cf3b3;animation:none}.card.hit{animation:.45s shake}.card.lunge{z-index:3;animation:.55s cubic-bezier(.2,.9,.3,1.2) lungeUp}.mat.flipped .card.lunge{animation-name:lungeDown}.card .fx{font-size:1.5rem}.mat .pile{gap:3px}.mat .pile-stack{width:calc(var(--card-w) * .6);height:calc(var(--card-w) * .6 * 88 / 63)}.mat .pile-stack img{border-radius:4px;width:100%}.mat .pile.stacked .pile-stack{height:calc(var(--card-w) * .6 * 88 / 63 * 1.9)}.mat .pile.stacked .pile-stack img{position:absolute;left:0}.mat .pile-label{color:#cfe0ff;font-size:.6rem}.mat .pile-n{color:var(--navy);text-align:center;background:#fff;min-width:22px;font-size:.78rem}.play .hand{z-index:6;pointer-events:none;background:linear-gradient(#0b2b5000,#0b2b50eb 45%);padding:6px 12px 10px;position:fixed;bottom:0;left:0;right:0}.play .hand-title{pointer-events:auto;background:#ffffff1a;border-radius:999px;padding:2px 10px;font-size:.72rem;display:inline-block}.play .hand-cards{pointer-events:auto;justify-content:center;padding:8px 0 0;overflow:visible}.play .hand-cards img{width:calc(var(--card-w) * 1.05);transform-origin:50% 130%;border-radius:6px;margin:0 -8px;transition:transform .15s;box-shadow:0 8px 18px #00000080}.play .hand-cards img:hover{z-index:2;transform:translateY(-16px)scale(1.06)}.play .hand.opp-hand{background:0 0;padding:4px 12px;position:static}.play .hand.opp-hand .hand-cards img{width:calc(var(--card-w) * .6)}@media (width>=1000px){.play .prompt{border-radius:16px;width:380px;max-height:50vh;bottom:12px;left:auto;right:12px;box-shadow:0 16px 40px #00000073}.play .prompt.thinking{display:none}.play .prompt-options{grid-template-columns:1fr}.play .hand{right:400px}.play{padding-bottom:0}}@media (width<=720px){.play{--card-w:14.5vw;padding-bottom:150px}.table{grid-template-columns:1fr;gap:4px;padding:4px 4px 0}.table-left{display:contents}.table-side{grid-auto-flow:column;justify-content:center;align-items:center;gap:10px;padding:3px 6px}.table-side.opp{order:0}.mats{order:1}.table-side.me{order:2}.step-panel{order:3}.life-big{align-items:baseline;gap:6px;width:auto;padding:2px 10px;display:flex}.life-big b{font-size:1.15rem}.step-panel{grid-auto-flow:column;justify-content:center;align-items:center;gap:4px}.step-turn{padding:2px 8px}.step-turn b{font-size:1rem}.step-turn span{display:none}.step-list{grid-auto-flow:column;gap:3px}.step-list li{white-space:nowrap;padding:3px 7px;font-size:.64rem}.step-list li small{display:none}.mat{grid-template-columns:calc(var(--card-w) * .72) minmax(0, 1fr) calc(var(--card-w) * .72);gap:6px;padding:8px 6px 14px}.mat.flipped{padding:14px 6px 8px}.z-front,.z-back{gap:6px}.hp-pill{padding:0 5px;font-size:.62rem}.play .hand-cards img{width:calc(var(--card-w) * 1.15);margin:0 -6px}}@media (width>=1000px){.play{--card-w:clamp(52px, min(6.8vw, 12vh - 34px), 100px)}.mat{gap:6px 10px;padding:8px 12px 12px}.mat.flipped{padding:12px 12px 8px}.mat .pile-stack{width:calc(var(--card-w) * .5);height:calc(var(--card-w) * .5 * 88 / 63)}.mat .pile.stacked .pile-stack{height:calc(var(--card-w) * .5 * 88 / 63 * 1.9)}.mat .pile-label{font-size:.56rem}.play .hand{text-align:center;padding-bottom:8px;left:104px}.play .hand-cards{padding-top:6px}}.pile.openable{cursor:pointer}.pile.openable .pile-stack:after{content:"中身";color:var(--navy);pointer-events:none;background:#ffffffeb;border-radius:999px;padding:0 5px;font-size:.52rem;font-weight:900;position:absolute;bottom:3px;left:50%;transform:translate(-50%)}.mat .pile{cursor:pointer}.sheet-body.zone-view{display:block}.sheet-body.zone-view h2{margin:0 0 8px;font-size:1rem}.sheet-body.zone-view h2 small{color:var(--muted);margin-left:6px;font-weight:600}.zone-grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;display:grid}.zone-card{cursor:pointer;text-align:center;font:inherit;color:var(--text);background:0 0;border:0;gap:3px;padding:0;display:grid}.zone-card img{border-radius:6px;width:100%;max-width:none;margin:0;box-shadow:0 2px 8px #00000040}.zone-card span{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.66rem;line-height:1.2;display:-webkit-box;overflow:hidden}.zone-card.small{width:56px}.holomem-status{border-top:1px solid var(--border);gap:8px;margin-top:6px;padding-top:8px;display:grid}.holomem-status .meta b{font-size:1.05rem}.status-row{gap:4px;display:grid}.status-row>b{color:var(--muted);font-size:.74rem}.status-cards{flex-wrap:wrap;gap:6px;display:flex}.step-recent{color:#cfe0ff;background:#00000040;border-radius:10px;gap:4px;margin:4px 0 0;padding:8px;font-size:.66rem;line-height:1.35;list-style:none;display:grid}.step-recent li{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.step-recent li b{color:#ffd166;font-weight:800}.step-recent li:last-child{color:#fff}@media (width<=720px){.step-recent{display:none}.table-side{flex-wrap:nowrap;justify-content:center;align-items:center;gap:6px;padding:4px 6px;display:flex}.table-side>*{box-sizing:border-box;align-items:center;height:24px;line-height:1;display:inline-flex}.side-tag{max-width:30vw}.life-big{box-shadow:none;border-radius:999px;gap:5px;padding:0 10px}.life-big small{font-size:.62rem;display:inline}.life-big b{font-size:1rem;display:inline}.order-tag{padding:0 8px}.hand-count{background:#ffffff1a;border-radius:999px;padding:0 8px}.play .hand{pointer-events:auto;background:0 0;padding:6px 8px 0;position:static}.play .hand-cards{justify-content:flex-start;padding:6px 4px 10px;overflow-x:auto}.play .hand-cards img{width:calc(var(--card-w) * 1.3);margin:0 2px}.play .hand-cards img:hover{transform:none}.play{padding-bottom:110px}}.pile.openable .pile-stack:after{content:none}.play{background-color:#0b1b2b;background-image:radial-gradient(at 50% 35%,#176cf338 0%,#176cf300 60%),linear-gradient(30deg,#ffffff05 25%,#0000 25% 50%,#ffffff05 50% 75%,#0000 75%);background-position:0 0;background-repeat:repeat;background-size:auto,56px 56px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box}.mat{background:#193b56bf;border-color:#ffffff24}.card.rested{transform:none}.card.rested img{transform:rotate(90deg)scale(.72)}.card.rested .yell-cards img{transform:none}.rest-tag{color:#ffd166;white-space:nowrap;pointer-events:none;background:#07182dd9;border:1px solid #ffd16699;border-radius:999px;padding:1px 7px;font-size:.62rem;font-weight:900;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.card.slot .card-label{color:#f6faff;background:#07182db3;border-radius:999px;padding:0 6px;font-size:.6rem;bottom:-15px}.mat.flipped .card.slot .card-label{top:-15px;bottom:auto}.yell-cards{pointer-events:none;align-items:flex-end;display:flex;position:absolute;bottom:23px;left:4px;right:4px}.yell-cards img{aspect-ratio:63/88;object-fit:cover;border:1px solid #fff;border-radius:3px;width:34%;margin-right:-14%;box-shadow:0 1px 4px #0009}.yell-cards b{color:var(--navy);background:#fff;border-radius:999px;margin-left:16%;padding:0 4px;font-size:.58rem;font-weight:900}.card .yell-gems{display:none}.ticker{box-sizing:border-box;color:#eaf1ff;width:100%;font:inherit;text-align:left;cursor:pointer;background:#00000059;border:0;align-items:center;gap:6px;padding:4px 10px;font-size:.72rem;display:flex}.ticker-turn{color:#ffd166;flex:none;font-weight:900}.ticker-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.ticker-more{color:#9fb6d8;flex:none;font-weight:800}@media (width>=1000px){.ticker{display:none}}.ctext{gap:8px;display:grid}.ctext .meta{margin:0}.ctext-row{grid-template-columns:76px 1fr;align-items:start;gap:8px;display:grid}.ctext-label{background:var(--navy);color:#fff;text-align:center;border-radius:6px;padding:2px 6px;font-size:.68rem;font-weight:900;line-height:1.3;display:inline-block}.ctext-body{white-space:pre-wrap;font-size:14px;line-height:1.55}.ctext-body small{color:var(--navy2);margin-bottom:2px;font-size:.78rem;font-weight:800;display:block}.hover-detail .ctext-label{color:var(--navy);background:#ffd166}.hover-detail .ctext-body{color:#f6faff;font-size:13px}.hover-detail .ctext-body small{color:#ffd166}.hover-detail .meta{color:#c2d3e3}.hover-detail{grid-template-columns:96px 1fr;width:380px}.sheet-text b{color:var(--navy2)}.play .hand.opp-hand{background:#00000040;border-radius:10px;margin:0 8px;padding:4px 12px 6px;position:static}.play .hand.opp-hand .hand-cards{justify-content:center;padding:4px 0 0;overflow-x:auto}.play .hand.opp-hand .hand-cards img{width:calc(var(--card-w) * .62);margin:0 1px;box-shadow:0 2px 6px #00000080}.play .hand.opp-hand .hand-cards img:hover{transform:none}@media (width>=1000px){.play{--card-w:clamp(64px, min(6.8vw, 12vh - 34px), 104px)}.play .hand.opp-hand{margin:4px 186px 0 104px}}@media (width<=720px){.hand-card{touch-action:pan-x}.step-turn{white-space:nowrap;align-items:baseline;gap:4px;display:inline-flex}.step-turn small{white-space:nowrap}}.play .sheet-body,.play .sheet-body.log li{color:var(--text)}.play .sheet-text h2{color:var(--navy)}.play .sheet-body .btn.ghost{color:var(--text);border-color:var(--border)}.play{overflow-x:hidden}.step-list li{color:#dbe6f5}.card.empty span{color:#ffffffc7}.side-tag,.hand-count,.pile-label,.step-turn small{color:#e3edff}@media (width<=720px){.step-panel{flex-wrap:wrap;justify-content:center;gap:4px;padding:0 4px;display:flex}.step-list{flex-wrap:wrap;justify-content:center;gap:3px;display:flex}.table-notice{top:50%}.table-notice span{white-space:nowrap;padding:5px 14px;font-size:.78rem}.table-side{flex-wrap:wrap}}.mat.flipped .card img{transform:rotate(180deg)}.mat.flipped .card.rested img{transform:rotate(270deg)scale(.72)}.mat.flipped .yell-cards img,.mat.flipped .card.rested .yell-cards img{transform:rotate(180deg)}.sheet-actions.acts{flex-wrap:wrap}.sheet-actions.acts .btn{flex:auto}.mat.flipped .yell-cards{flex-direction:row-reverse;align-items:flex-start;top:23px;bottom:auto}.mat.flipped .yell-cards img{margin-left:-14%;margin-right:0}.mat.flipped .yell-cards b{margin-left:0;margin-right:16%}.mat.flipped .hp-pill{top:4px;bottom:auto}.mat.flipped .card .slot-stack{inset:auto auto 3px 3px}.mat.flipped .card .slot-attach{inset:auto 3px 3px auto}.mat.flipped .pile-stack,.mat.flipped .pile-n{transform:rotate(180deg)}.prompt-cards{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;max-height:42vh;margin-bottom:8px;display:grid;overflow:auto}.prompt-cards .zone-card{color:#fff;cursor:pointer;background:#ffffff0f;border:2px solid #0000;border-radius:8px;justify-items:center;gap:4px;padding:4px;font-size:.7rem;display:grid}.prompt-cards .zone-card img{aspect-ratio:63/88;object-fit:cover;border-radius:6px;width:100%}.prompt-cards .zone-card.picked{border-color:#ffd166;box-shadow:0 0 12px #ffd16699}.prompt-options.as-grid:empty{display:none}.mat.flipped .z-back{flex-direction:row-reverse;align-content:end}.hand-toggle{text-align:left;cursor:pointer;width:100%;font:inherit;color:#cfe0ff;background:0 0;border:0;padding:0;font-size:.78rem;font-weight:900;display:block}.hand-toggle small{color:#ffd166;margin-left:8px;font-weight:700}.tile{position:relative}.tile .rar{color:#ffd166;pointer-events:none;background:#07182dd9;border-radius:999px;padding:1px 6px;font-size:.62rem;font-weight:900;position:absolute;top:4px;left:4px}.printings{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;margin:4px 0 8px;font-size:.8rem;display:flex}.printings .chip{min-height:30px;padding:4px 10px;font-size:.8rem}.btn.more{grid-column:1/-1;justify-self:center}.empty.small{grid-column:1/-1;font-size:.8rem}.home-footer{border-top:1px solid var(--line,#2a2c38);color:var(--muted);margin-top:28px;padding-top:14px;font-size:12px;line-height:1.6}.home-footer p{margin:0 0 6px}.linkish{color:#7fb2ff;font:inherit;font-size:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.auth-terms{color:var(--muted);margin:0;font-size:12px;line-height:1.6}.terms{max-width:760px;margin:0 auto;padding:16px 16px 48px;line-height:1.75}.terms-head h1{letter-spacing:-.02em;margin:12px 0 4px;font-size:1.5rem}.terms-date{color:var(--muted);margin:0 0 18px;font-size:12px}.terms section{margin:0 0 20px}.terms h2{margin:0 0 6px;font-size:1.05rem}.terms p{margin:0 0 8px;font-size:.95rem}.terms ul{margin:0 0 8px;padding-left:1.3em;font-size:.95rem}.terms li{margin:2px 0}.terms-foot{margin-top:24px}.hero{color:#fff;background:radial-gradient(circle at 85% 15%,#78aaff73,#0000 32%),radial-gradient(circle at 20% 100%,#ff78be40,#0000 36%),linear-gradient(135deg,#0f1b3a 0%,#16224f 45%,#0b1024 100%);grid-template-columns:1.15fr .85fr;align-items:center;gap:12px;margin:0 -16px 18px;padding:40px 20px 34px;display:grid;position:relative;overflow:hidden}.hero-text{z-index:2;position:relative}.hero .kicker{letter-spacing:.04em;background:#ffffff1f;border:1px solid #ffffff2e;border-radius:999px;padding:6px 12px;font-size:.74rem;font-weight:850;display:inline-flex}.hero h1{letter-spacing:-.03em;text-shadow:0 6px 30px #00000059;margin:14px 0 10px;font-size:clamp(2.2rem,7vw,3.1rem);line-height:1.05}.hero .lead{color:#dbe9ff;max-width:34em;margin:0 0 16px;font-size:.98rem;line-height:1.65}.hero-cta{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.hero-cta .btn.primary{box-shadow:0 10px 30px #3478ff73}.btn.light{color:#fff;background:#ffffff24;border:1px solid #ffffff47}.btn.light:hover{background:#ffffff38}.hero-stats{flex-wrap:wrap;gap:14px 22px;margin:0;padding:0;list-style:none;display:flex}.hero-stats li{line-height:1.15;display:grid}.hero-stats b{letter-spacing:-.02em;font-size:1.35rem}.hero-stats span{color:#c9d8ff;font-size:.74rem}.hero-fan{z-index:1;height:230px;position:relative}.hero-fan img{aspect-ratio:63/88;transform-origin:50% 120%;width:118px;transform:translateX(-50%) rotate(calc((var(--i) - 2) * 13deg)) translateY(calc((var(--i) - 2) * (var(--i) - 2) * 6px));object-fit:cover;background:#1a1f2e;border-radius:8px;transition:transform .35s;position:absolute;bottom:0;left:50%;box-shadow:0 18px 40px #00000080,0 0 0 1px #ffffff1f}.hero:hover .hero-fan img{transform:translateX(-50%) rotate(calc((var(--i) - 2) * 17deg)) translateY(calc((var(--i) - 2) * (var(--i) - 2) * 6px))}.home-user{background:var(--card);border:1px solid var(--border);color:var(--muted);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin:0 0 22px;padding:10px 14px;font-size:13px;display:flex}.home-user b{color:var(--fg,inherit)}.modes{grid-template-columns:1fr 1fr;gap:10px;margin:0 0 28px;display:grid}.mode{text-align:left;background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);cursor:pointer;font:inherit;color:inherit;border-radius:16px;gap:4px;padding:14px 16px;display:grid}.mode:hover{border-color:#7fb2ff;transform:translateY(-1px)}.mode b{font-size:1.02rem}.mode span{color:var(--muted);font-size:.8rem}.modes .mode:first-child{color:#fff;background:linear-gradient(135deg,#2b64ff,#1b47c8);border-color:#0000;grid-column:1/-1}.modes .mode:first-child span{color:#dbe9ff}@media (width<=640px){.hero{grid-template-columns:1fr;padding:30px 18px 26px}.hero-fan{height:150px;margin-top:4px}.hero-fan img{width:88px}.modes{grid-template-columns:1fr}}.hero-bg{aspect-ratio:63/88;object-fit:cover;opacity:.28;filter:blur(14px)saturate(1.3);pointer-events:none;z-index:0;width:62%;max-width:420px;position:absolute;top:-18%;right:-6%;transform:rotate(-8deg);-webkit-mask-image:linear-gradient(#000 55%,#0000 100%);mask-image:linear-gradient(#000 55%,#0000 100%)}.deck-open{grid-template-columns:auto 1fr;align-items:center;column-gap:10px}.deck-oshi{aspect-ratio:63/88;object-fit:cover;background:#1a1f2e;border-radius:5px;width:44px;box-shadow:0 2px 8px #00000040}.deck-oshi.empty{color:var(--muted);border:1px dashed var(--border);place-items:center;font-weight:700;display:grid}.deck-text{gap:2px;min-width:0;display:grid}.deck-text .deck-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (width<=640px){.hero-bg{opacity:.22;width:70%;top:-4%;right:-14%}}.hero{background:linear-gradient(120deg,#2d6bff 0%,#6a5cff 45%,#c15cff 100%);min-height:380px;padding:44px 20px 40px;display:block}.hero:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg,#141c50b8 0%,#141c5080 45%,#141c501f 100%);position:absolute;inset:0}.hero-scatter{z-index:0;position:absolute;inset:-6% -8%;overflow:hidden}.hero-scatter img{aspect-ratio:63/88;object-fit:cover;width:104px;transform:translate(-50%, -50%) rotate(var(--r)) scale(var(--s));opacity:.9;border-radius:7px;position:absolute;box-shadow:0 14px 30px #00000059,0 0 0 1px #ffffff40}.hero-text{z-index:2;max-width:560px;position:relative}.hero-text .lead,.hero-stats span{color:#eef3ff}.hero h1,.hero .lead,.hero-stats{text-shadow:0 2px 14px #00000073}.hero .kicker{background:#fff3;border-color:#ffffff59}.hero-fan,.hero-bg{display:none}@media (width<=640px){.hero{min-height:340px;padding:34px 18px 30px}.hero-scatter img{width:84px}}.hero{background:#1a1f4a;min-height:0;padding:38px 16px}.hero-scatter{display:none}.hero-wall{z-index:0;pointer-events:none;grid-template-columns:repeat(8,1fr);gap:6px;display:grid;position:absolute;inset:-22% -14%;transform:rotate(-7deg)}.hero-wall img{aspect-ratio:63/88;object-fit:cover;border-radius:6px;width:100%;box-shadow:0 6px 16px #00000059}.hero-text{z-index:2;-webkit-backdrop-filter:blur(6px);background:#0c102cc7;border:1px solid #ffffff24;border-radius:20px;max-width:620px;margin:8px 0;padding:22px 22px 20px;position:relative;box-shadow:0 20px 60px #00000073}.hero h1{text-shadow:none;margin:12px 0 8px}.hero .lead{text-shadow:none;color:#dfe7ff;margin-bottom:14px}.hero-stats{text-shadow:none}.hero-stats span{color:#b9c7ff}@media (width<=640px){.hero{min-height:0;padding:44px 12px}.hero-wall{grid-template-columns:repeat(5,1fr);gap:5px;inset:-18% -12%}.hero-text{padding:18px 16px 16px}}.hero-wall{display:block;inset:-18% -10%;transform:none}.hero-wall img{width:13%;min-width:96px;transform:translate(-50%, -50%) rotate(var(--r)) scale(var(--s));position:absolute;box-shadow:0 10px 24px #0006,0 0 0 1px #ffffff2e}.hero-wall img:nth-child(2n){transform:translate(-50%, -50%) rotate(var(--r)) scale(var(--s))}@media (width<=640px){.hero-wall{inset:-14% -12%}.hero-wall img{width:22%;min-width:78px}}@media (width<=640px){.hero-wall img{width:15%;min-width:52px}}.hero-wall img{opacity:.72;filter:saturate(.8)brightness(.85);width:5.6%;min-width:40px;box-shadow:0 4px 10px #00000059}@media (width<=640px){.hero-wall img{width:10.5%;min-width:36px}}.hero-wall img{opacity:1;filter:none}.hero:before{background:linear-gradient(120deg,#141c5038 0%,#3c328c29 50%,#6e329633 100%)}.hero-text{background:#0c102cd6}.hero h1 small{color:#ffd166;vertical-align:middle;letter-spacing:.04em;margin-left:10px;font-size:.85rem;font-weight:800}.stats{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px;margin:0 0 28px;padding:14px 16px}.stats-total{flex-wrap:wrap;align-items:baseline;gap:4px 6px;margin-bottom:10px;display:flex}.stats-total b{letter-spacing:-.02em;font-size:1.5rem}.stats-total span{color:var(--muted);margin-right:12px;font-size:.8rem}.stats-cols{grid-template-columns:1fr 1fr;gap:12px;display:grid}.stats h3{color:var(--muted);margin:0 0 6px;font-size:.9rem}.stats ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.stats li{align-items:center;gap:8px;font-size:.9rem;display:flex}.stats li img,.stats li .empty{aspect-ratio:63/88;object-fit:cover;width:28px;color:var(--muted);background:#1a1f2e;border-radius:4px;place-items:center;display:grid}.stats-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.stats-num{font-variant-numeric:tabular-nums;color:var(--muted)}@media (width<=640px){.stats-cols{grid-template-columns:1fr}}.log-card{aspect-ratio:63/88;object-fit:cover;vertical-align:middle;background:#1a1f2e;border-radius:3px;width:22px;margin-right:6px}.log-card.empty{vertical-align:middle;width:22px;height:30px;margin-right:6px;display:inline-block}.btn,.mode,.prompt-options button,.prompt-cards button,.prompt-confirm button,.hand-card,.tile{transition:transform 80ms,box-shadow .12s,filter .12s}.btn:active,.mode:active,.prompt-options button:active,.prompt-cards button:active,.prompt-confirm button:active{filter:brightness(.96);transform:scale(.96)}.hand-card:active{transform:scale(1.04)}.recent{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px;margin:0 0 28px;padding:12px 14px}.recent-total{color:var(--muted);margin:0 0 8px;font-size:.85rem}.recent ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.recent-row{background:#00000008;border-radius:10px;grid-template-columns:auto auto 1fr auto;align-items:center;gap:10px;padding:6px 8px;display:grid}.recent-row.win{background:#2b64ff14}.recent-row.lose{background:#ff505012}.recent-date{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.78rem}.recent-vs{align-items:center;gap:6px;display:flex}.recent-vs img,.recent-vs .empty{aspect-ratio:63/88;object-fit:cover;width:30px;color:var(--muted);background:#1a1f2e;border-radius:4px;place-items:center;display:grid}.recent-res{text-align:center;min-width:3.2em;font-size:.85rem}.recent-row.win .recent-res{color:#2b64ff}.recent-row.lose .recent-res{color:#d64545}.recent-names{font-size:.85rem;line-height:1.3;display:grid}.recent-names small{color:var(--muted)}.recent-nolog{color:var(--muted);font-size:.75rem}.recent-log{grid-template-rows:auto auto 1fr auto;gap:8px;max-height:80vh;display:grid}.recent-log h2{margin:0;font-size:1.1rem}.recent-log-lines{border:1px solid var(--border);border-radius:10px;margin:0;padding:8px 10px;font-size:.82rem;line-height:1.5;list-style:none;overflow:auto}@media (width<=640px){.recent-row{grid-template-columns:auto 1fr auto}.recent-date{grid-column:1/-1}}.hero-wall{inset:-10% -6%}.hero-wall img{width:8.6%;min-width:54px}@media (width<=640px){.hero-wall{inset:-8%}.hero-wall img{width:15%;min-width:48px}}.replay-bar{background:var(--card);border-top:1px solid var(--border);z-index:5;flex-wrap:wrap;align-items:center;gap:6px;padding:10px 12px;display:flex;position:sticky;bottom:0;box-shadow:0 -8px 24px #0000001f}.replay-bar input[type=range]{flex:140px;min-width:120px}.replay-pos{font-variant-numeric:tabular-nums;color:var(--muted);font-size:.85rem}.recent-ops{gap:4px;display:flex}.tabbar{z-index:40;padding:8px 10px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff5;grid-template-columns:repeat(5,1fr);gap:6px;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #00000014}.tabbar button{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-top:3px solid #0000;border-radius:12px;justify-items:center;gap:2px;padding:8px 4px 6px;font-size:12px;font-weight:700;display:grid}.tabbar button .tb-ic{font-size:16px;line-height:1}.tabbar button.on{color:#2b64ff;background:#2b64ff1a;border-top-color:#2b64ff}.home,.terms,.guide,.settings,.setup,.db{padding-bottom:96px}.h2-link{vertical-align:middle;margin-left:10px;font-size:.8rem;font-weight:600}.guide{max-width:760px;margin:0 auto;padding:16px 16px 96px}.guide.embedded{padding:0}.guide-head h1{margin:12px 0 6px;font-size:1.5rem}.guide-head .lead{color:var(--muted);margin:0 0 16px}.g-step{border-top:1px solid var(--border);grid-template-columns:34px 1fr;gap:10px;padding:14px 0;display:grid}.guide.embedded .g-step{padding:10px 0}.g-num{color:#fff;background:#2b64ff;border-radius:50%;place-items:center;width:30px;height:30px;font-size:.95rem;font-weight:900;display:grid}.g-body h2{margin:4px 0;font-size:1.05rem}.g-body p{margin:0 0 10px;font-size:.92rem;line-height:1.6}.g-row,.g-board,.g-life{background:var(--card);border:1px solid var(--border);border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;padding:10px;display:flex}.g-card{justify-items:center;gap:3px;margin:0;display:grid}.g-card img{aspect-ratio:63/88;object-fit:cover;background:#1a1f2e;border-radius:5px;width:72px;box-shadow:0 2px 8px #0003}.g-card.s img{width:52px}.g-card.l img{width:96px}.g-card figcaption{color:var(--muted);font-size:.72rem}.g-plus,.g-arrow{color:var(--muted);font-weight:900}.g-arrow.hit{color:#d64545}.g-note{color:var(--muted);font-size:.75rem}.g-slot{border:1px dashed var(--border);color:var(--muted);border-radius:10px;justify-items:center;gap:3px;padding:6px;font-size:.72rem;display:grid;position:relative}.g-slot.on{border-color:#2b64ff;box-shadow:0 0 0 2px #2b64ff40}.g-slot.enemy{border-color:#d64545}.g-yell{border:2px solid #fff;border-radius:50%;width:22px;height:22px;position:absolute;top:18px;right:-6px;overflow:hidden;box-shadow:0 1px 4px #0000004d}.g-yell img{object-fit:cover;width:100%;height:100%}.g-dmg{color:#d64545;text-shadow:0 1px #fff;font-size:1.1rem;font-weight:900;position:absolute;top:30%;left:50%;transform:translate(-50%)rotate(-8deg)}.g-pill{color:#2b64ff;background:#eef2ff;border-radius:999px;padding:4px 10px;font-size:.85rem;font-weight:800}.g-pill.win{color:#fff;background:#2b64ff}.g-list{margin:0;padding-left:1.2em;font-size:.9rem;line-height:1.7}.settings{max-width:760px;margin:0 auto;padding:16px 16px 96px}.settings-head h1{margin:12px 0 8px;font-size:1.5rem}.s-block{border-top:1px solid var(--border);padding:14px 0}.s-block h2{margin:0 0 4px;font-size:1.05rem}.s-block p{color:var(--muted);margin:0 0 10px;font-size:.9rem}.s-row{flex-wrap:wrap;gap:8px;display:flex}.s-cols{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;display:grid}.s-cols>div{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:10px 12px}.s-cols>div.on{border-color:#2b64ff}.s-cols h3{margin:0 0 6px;font-size:.9rem}.s-cols ol{margin:0;padding-left:1.2em;font-size:.85rem;line-height:1.6}.onboard{gap:10px;max-height:86vh;display:grid;overflow:auto}.ob-dots{gap:6px;display:flex}.ob-dots span{background:var(--border);border-radius:2px;width:28px;height:4px}.ob-dots span.on{background:#2b64ff}.onboard h2{margin:0;font-size:1.2rem}.ob-body p{margin:0 0 8px;font-size:.92rem;line-height:1.6}.ob-flow{background:var(--card);border:1px solid var(--border);border-radius:12px;justify-content:space-around;gap:8px;margin:8px 0 0;padding:12px;list-style:none;display:flex}.ob-flow li{justify-items:center;gap:4px;font-size:.85rem;font-weight:700;display:grid}.ob-flow b{color:#fff;background:#2b64ff;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.ob-more{color:var(--muted);font-size:.82rem}.ob-never{color:var(--muted);align-items:center;gap:6px;font-size:.85rem;display:flex}.ob-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.ob-link{justify-self:center;font-size:.85rem}.g-ops{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;display:grid}.g-op{background:var(--card);border:1px solid var(--border);border-radius:12px;align-content:start;gap:8px;padding:10px;display:grid}.g-op p{color:var(--muted);margin:0;font-size:.85rem;line-height:1.55}.g-op p b{color:var(--fg,#111)}.g-shot{background:linear-gradient(#1a2244,#121a36);border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:96px;padding:8px;display:flex;position:relative}.g-shot .btn{pointer-events:none;min-height:0;padding:6px 10px;font-size:.78rem}.g-shot .btn.ghost{color:#fff;background:#ffffff1f;border-color:#fff3}.g-shot .btn.ghost.on{background:#2b64ff59}.g-glow{border-radius:7px;display:inline-block;box-shadow:0 0 0 3px #ffd166,0 0 16px 4px #ffd166cc}.g-drag{justify-content:space-between}.g-hand{gap:4px;display:flex}.g-drag-arrow{color:#ffd166;font-size:1.6rem;font-weight:900}.g-empty{color:#cfd8ff;font-size:.75rem}.g-shot .g-slot{border-color:#ffd166;min-width:60px;min-height:80px;box-shadow:0 0 0 2px #ffd16666}.g-zoom{display:inline-block;position:relative}.g-zoom i{color:#222;background:#ffd166;border-radius:999px;padding:2px 6px;font-size:.7rem;font-style:normal;font-weight:800;position:absolute;bottom:-6px;right:-6px}.g-prompt{flex-direction:column;align-items:stretch}.g-ptext{color:#fff;margin:0 0 2px;font-size:.82rem;font-weight:700}.g-shot.g-prompt .btn.primary{color:#fff;background:#2b64ff}.g-shot.g-prompt .btn:not(.primary):not(.ghost){color:#222;background:#fff}.g-head,.g-recent{flex-wrap:wrap}.home-notice{background:linear-gradient(90deg,#2b64ff1a,#c15cff1a);border:1px solid #2b64ff40;border-radius:14px;align-items:center;gap:10px;margin:0 0 12px;padding:10px 14px;font-size:13px;line-height:1.5;display:flex}.home-notice .tag{color:#fff;letter-spacing:.04em;background:#2b64ff;border-radius:999px;flex:none;padding:3px 10px;font-size:11px;font-weight:800}.home-howto{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:0 0 12px;padding:12px 14px;display:flex}.howto-text{color:var(--muted);gap:2px;font-size:13px;display:grid}.howto-text b{color:var(--fg,#111);font-size:15px}.howto-btns{gap:8px;display:flex}@media (width<=640px){.howto-btns{width:100%}.howto-btns .btn{flex:1}}.play-connect{text-align:center;place-content:center;gap:12px;min-height:60vh;padding:24px 16px;display:grid}.play-connect p{margin:0;font-size:.95rem}.play-connect .s-row{justify-content:center}.net-err{z-index:60;color:#222;text-align:center;background:#fff;border:1px solid #f3b5b5;border-radius:12px;gap:8px;max-width:min(92vw,420px);padding:12px 14px;display:grid;position:fixed;bottom:84px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000040}.net-err p{margin:0;font-size:.9rem}.net-err .s-row{justify-content:center}.net-busy{z-index:70;pointer-events:none;background:linear-gradient(90deg,#0000,#2b64ff,#0000) 0 0/200% 100%;width:100%;height:3px;animation:1s linear infinite net-busy;position:fixed;top:0;left:0}@keyframes net-busy{0%{background-position:200% 0}to{background-position:-200% 0}}.hero{grid-template-columns:1fr;justify-items:center}.hero-text{width:100%;max-width:640px}@media (width>=700px){.home{padding-top:26px}.hero{border-radius:24px;margin:0 -16px 24px;padding:68px 24px 60px}}@media (width<=899px){.hero{padding-top:54px}}.online-wait h2{margin:4px 0 10px;font-size:1.3rem}.online-wait .ow-kicker{color:#2b64ff;letter-spacing:.04em;margin:0;font-size:.8rem;font-weight:800}.online-wait .ow-code{letter-spacing:.06em;word-break:break-all;background:#eef3ff;border-radius:12px;margin:0 0 8px;padding:10px 18px;font-size:1.8rem;font-weight:900;display:inline-block}.online-wait .note{max-width:26em;margin:0 auto 8px}.mode.online b small{color:#fff;vertical-align:middle;background:#ff6b6b;border-radius:999px;margin-left:6px;padding:2px 7px;font-size:.7rem;font-weight:800}.home-notice.resume{align-items:center}.home-notice.resume .btn{margin-left:auto}.setup-form input[type=text]{box-sizing:border-box;border:1px solid var(--border);border-radius:10px;width:100%;padding:10px 12px;font-size:1rem}.prompt.thinking .s-row{margin-top:8px}.setup-form,.setup-form label{min-width:0}.setup-form select,.setup-form input{box-sizing:border-box;width:100%;min-width:0;max-width:100%}@media (width<=520px){.recent-row{grid-template-columns:auto minmax(0,1fr);row-gap:4px}.recent-date{grid-column:1/-1}.recent-names{min-width:0}.recent-names span,.recent-names small{overflow-wrap:anywhere}.recent-ops{grid-column:1/-1;justify-content:flex-end}.play-head{flex-wrap:wrap;row-gap:4px}.play-head .play-turn{white-space:normal;text-overflow:clip;flex:auto;line-height:1.25;overflow:visible}.play-head-ops{flex-wrap:wrap;flex:100%;justify-content:flex-end}}.sheet-body.onboard{grid-template-columns:1fr;width:min(100%,560px)}#fly-layer{pointer-events:none;z-index:40;position:fixed;inset:0}.fly-card{transform-origin:0 0;will-change:transform;border-radius:6px;position:absolute;box-shadow:0 14px 30px #00000073}.hand-card.land,.slot img.land,.yell-cards img.land,.card.oshi img.land{animation:.45s cubic-bezier(.2,.8,.2,1) land-pop}@keyframes land-pop{0%{filter:brightness(1.6);transform:scale(.7)}60%{transform:scale(1.06)}to{filter:brightness();transform:scale(1)}}.slot img{transition:transform .35s,filter .25s}.slot.hit img{filter:brightness(1.35)saturate(1.2)}.slot.hit:after{content:"";pointer-events:none;background:radial-gradient(circle at 50% 45%,#fff0c8f2 0%,#ff7850b3 30%,#ff3c3c00 70%);border-radius:10px;animation:.45s ease-out forwards hit-flash;position:absolute;inset:-6%}@keyframes hit-flash{0%{opacity:0;transform:scale(.4)}25%{opacity:1;transform:scale(1.05)}to{opacity:0;transform:scale(1.3)}}.fly-label{letter-spacing:.06em;color:#fff;white-space:nowrap;text-shadow:0 2px 8px #0009;opacity:0;border-radius:999px;padding:4px 14px;font-size:1.25rem;font-weight:900;animation:.95s cubic-bezier(.2,.8,.2,1) forwards label-pop;position:absolute;transform:translate(-50%,-50%)}.fly-label.bloom{background:linear-gradient(90deg,#ff7eb3,#ff5fa2);box-shadow:0 0 18px #ff6eaab3}.fly-label.collab{background:linear-gradient(90deg,#4fc3f7,#1e88e5);box-shadow:0 0 18px #4fc3f7b3}.fly-label.down{background:linear-gradient(90deg,#ff5d5d,#b71c1c);font-size:1.4rem;box-shadow:0 0 18px #ff5050b3}@keyframes label-pop{0%{opacity:0;transform:translate(-50%,-30%)scale(.6)}20%{opacity:1;transform:translate(-50%,-50%)scale(1.15)}35%{transform:translate(-50%,-50%)scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-90%)scale(1)}}.card.oshi.skill{z-index:3;animation:1.2s ease-out oshi-skill}@keyframes oshi-skill{0%{transform:scale(1);box-shadow:0 0 #ffd700e6}25%{transform:scale(1.12);box-shadow:0 0 0 6px #ffd700cc,0 0 34px #ffd700e6}to{transform:scale(1);box-shadow:0 0 #ffd70000}}.oshi-skill-tag{color:#4a3100;white-space:nowrap;z-index:4;background:linear-gradient(90deg,#ffd54f,#ffb300);border-radius:999px;padding:2px 10px;font-size:.78rem;font-weight:900;animation:1.2s ease-out forwards label-pop;position:absolute;top:-12px;left:50%;transform:translate(-50%);box-shadow:0 2px 10px #0006}