.battle-root{max-width:440px;margin:0 auto;height:100dvh;display:flex;flex-direction:column;gap:4px;padding:6px 8px 10px;box-sizing:border-box;background:#10131b;overflow:hidden;position:relative;touch-action:none}.table-plane{position:absolute;top:-22%;right:-22%;bottom:-22%;left:-22%;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 50% 44%,rgba(255,228,160,.12),transparent 58%),radial-gradient(ellipse at 50% 46%,transparent 34%,rgba(6,8,14,.42) 100%),linear-gradient(#080a125c,#06080e33 45%,#080a126b),url(/assets/bg_mat-B3ErObLT.webp) center / cover no-repeat,#10131b;transform-origin:50% 88%;transform:scale(1.04);transition:transform .7s cubic-bezier(.3,.08,.24,1);will-change:transform}.battle-root.cam-ally .table-plane{transform:scale(1.12) translateY(-.76%)}.battle-root.cam-enemy .table-plane{transform:scale(1.12) translateY(4.04%)}.field-back{position:absolute;top:-7%;right:-7%;bottom:-7%;left:-7%;z-index:0;pointer-events:none;background-size:cover;background-position:center;mix-blend-mode:soft-light;filter:saturate(1.5) contrast(1.12) blur(1.5px);opacity:0;will-change:transform,opacity}.field-back.in{animation:field-back-in 1.6s ease forwards,field-back-drift 54s ease-in-out infinite alternate}.field-back.out{animation:field-back-out 1.4s ease forwards,field-back-drift 54s ease-in-out infinite alternate}@keyframes field-back-in{0%{opacity:0}to{opacity:1}}@keyframes field-back-out{0%{opacity:1}to{opacity:0}}@keyframes field-back-drift{0%{transform:translate3d(-1.6%,-1.2%,0) scale(1.04)}to{transform:translate3d(1.6%,1.4%,0) scale(1.1)}}.field-sheen{position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;z-index:0;pointer-events:none;background:linear-gradient(115deg,transparent 42%,rgba(255,240,200,.06) 50%,transparent 58%);animation:field-sheen 19s linear infinite;will-change:transform}@keyframes field-sheen{0%{transform:translate3d(-38%,-28%,0)}to{transform:translate3d(38%,28%,0)}}@media (prefers-reduced-motion: reduce){.field-back.in{animation:field-back-in .4s ease forwards}.field-back.out{animation:field-back-out .4s ease forwards}.field-sheen{display:none}}.info-bar,.board-wrap,.my-hand,.action-bar{position:relative;z-index:1}.battle-root.targeting-mode .my-hand{pointer-events:none;opacity:.35;filter:grayscale(.5);transition:opacity .2s ease}.lock-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);font-size:16px;background:#14161eeb;border:1px solid #a4f;border-radius:50%;width:26px;height:26px;display:flex;align-items:center;justify-content:center;z-index:8;box-shadow:0 0 8px #a4f9}.info-bar{display:flex;align-items:center;flex-wrap:nowrap;gap:6px;font-size:12px;color:#bbb;background:#12151eb8;border:1px solid rgba(120,130,170,.25);border-radius:12px;padding:5px 10px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.info-bar>*{flex-shrink:0;white-space:nowrap}.info-bar .deck-name{font-weight:700;color:#ddd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:4.5em;flex:1 1 auto}.chip.small{padding:2px 10px;font-size:11px}.chip.danger{border-color:#944;color:#e99}.chip.speed.on{background:#2b3a52;border-color:#6cf;color:#9df;font-weight:700}.phase-pill{margin-left:auto;display:inline-flex;align-items:center;gap:3px;background:#0a0c12b3;border:1px solid #3a4054;border-radius:999px;padding:2px 4px 2px 2px}.phase-pill .turn-num{font-family:Cinzel,serif;font-size:11px;color:gold;background:#ffd7001f;border-radius:999px;padding:1px 7px}.phase-pill em{font-style:normal;font-size:10px;color:#667;padding:1px 7px;border-radius:999px;transition:all .25s ease;white-space:nowrap}.phase-pill em.on{color:#14161e;background:linear-gradient(#ffe680,#d4af37);font-weight:700;box-shadow:0 0 8px #ffd70073}.phase-pill em.theirs.on{background:linear-gradient(#e88,#a33);color:#fff;box-shadow:0 0 8px #ff5a5a73}.enemy-hand{display:flex;justify-content:center;height:40px}.hand-back{width:34px;border-radius:3px;box-shadow:0 1px 3px #0009;transform:rotate(180deg)}.pile{position:relative;text-align:center}.pile-card{border-radius:3px;box-shadow:1px 1px #0a0c10,2px 2px #0a0c10,3px 3px 4px #0009;display:block}.pile-card.sideways{transform:rotate(90deg) scale(.92)}.pile-card.empty{border:1px dashed #444;background:#ffffff08}.pile-card.trash-top{background-size:cover;background-position:center;filter:grayscale(.6) brightness(.7)}.pile-count{position:absolute;top:-6px;right:-6px;background:#222;border:1px solid #666;color:#fff;border-radius:10px;min-width:18px;padding:0 4px;font-size:11px;font-weight:700}.pile-count.gold{background:#4d3a00;border-color:gold;color:gold}.pile-label{display:block;font-size:9px;color:#888;margin-top:2px}.char-slot{position:relative;transition:transform .25s ease,filter .25s ease}.char-slot.ko .char-card{visibility:hidden}.slot-body{position:relative}.ko-back{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:6px;animation:ko-flip .6s ease}@keyframes ko-flip{0%{transform:rotateY(90deg)}to{transform:rotateY(0)}}.char-slot.selectable .card-frame{box-shadow:0 0 0 3px #6cf,0 0 14px 4px #50b4ff99;cursor:pointer}.char-slot.selectable{z-index:40!important}.char-slot.selectable .char-card{animation:pulse-glow 1s ease-in-out infinite alternate}@keyframes pulse-glow{0%{filter:brightness(1)}to{filter:brightness(1.35) drop-shadow(0 0 6px rgba(80,180,255,.8))}}.pop{position:absolute;top:30%;left:50%;transform:translate(-50%);font-size:26px;font-weight:900;font-family:Cinzel,serif;pointer-events:none;animation:pop-float 1.1s ease-out forwards;text-shadow:0 2px 4px rgba(0,0,0,.8);z-index:30}.pop.dmg{color:#ff5a4d}.pop.heal{color:#6fe08b}@keyframes pop-float{0%{opacity:0;transform:translate(-50%,8px) scale(.6)}15%{opacity:1;transform:translate(-50%) scale(1.15)}to{opacity:0;transform:translate(-50%,-34px) scale(1)}}.field-strip{height:var(--strip-h);flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 4px}.strip-field{display:flex;align-items:center;gap:7px;min-width:0}.strip-field.has{cursor:pointer}.strip-field.has:active{filter:brightness(1.2)}.strip-field .card-frame{flex-shrink:0;box-shadow:0 2px 8px #000000b3}.strip-field-name{font-size:12px;font-weight:700;color:#ffe9a0;text-shadow:0 1px 3px #000,0 0 6px #000;line-height:1.25;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.strip-field-none{display:flex;align-items:center;justify-content:center;width:calc(var(--strip-h) * .58);height:calc(var(--strip-h) * .8);border:1px dashed rgba(200,210,240,.28);border-radius:5px;color:#c8d2f059;font-size:8px;letter-spacing:.16em}.my-hand{display:flex;justify-content:center;padding:10px 0 2px}.hand-card{transition:transform .18s ease;cursor:pointer;position:relative;filter:saturate(.75) brightness(.85)}.hand-card.playable{filter:none}.hand-card.playable:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:8px;box-shadow:0 0 8px 2px #78dcff59;pointer-events:none}.hand-card.raised{transform:translateY(-22px) scale(1.12)}.action-bar{display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px}.hint{font-size:12px;color:#aac}.hint.danger{color:#f88;font-weight:700}.guard-sheet{position:fixed;left:50%;bottom:0;transform:translate(-50%);width:min(440px,100%);background:#10121af7;border-top:2px solid #f66;border-radius:14px 14px 0 0;padding:12px;z-index:60;box-sizing:border-box;animation:sheet-up .25s ease}@keyframes sheet-up{0%{transform:translate(-50%,100%)}to{transform:translate(-50%)}}.guard-title{color:#f99;font-weight:700;font-size:14px;margin:0 0 8px}.guard-options{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:80}.dialog{background:#181b26f5;border:1px solid #4a5068;border-radius:16px;padding:22px 20px;width:min(340px,88vw);text-align:center;box-shadow:0 18px 50px #0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:dialog-in .22s cubic-bezier(.2,.9,.3,1.2)}@keyframes dialog-in{0%{transform:translateY(14px) scale(.94);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.dialog-btns{display:flex;gap:10px;justify-content:center;margin-top:12px}.dialog.result h2{font-family:Cinzel,serif;font-size:42px;letter-spacing:.1em;margin:0}.dialog.result h2.win{background:linear-gradient(180deg,#fff3b0,gold 55%,#b8860b);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 16px rgba(255,215,0,.5))}.dialog.result h2.lose{background:linear-gradient(180deg,#cdd6ff,#7e8ac2 60%,#4a5480);-webkit-background-clip:text;background-clip:text;color:transparent}.dialog.result.won{border-color:#ffd7008c}.dialog.result.lost{border-color:#6e7dc873}.result-sub{margin:2px 0 12px;color:#ccd;font-weight:700}.result-stats{display:flex;justify-content:center;gap:8px;margin-bottom:14px}.result-stats .stat{display:flex;flex-direction:column;gap:1px;background:#0a0c1299;border:1px solid #3a4054;border-radius:10px;padding:7px 12px;min-width:64px}.result-stats .stat b{font-size:13px;color:gold}.result-stats .stat em{font-style:normal;font-size:9.5px;color:#889}.share{display:inline-block;text-decoration:none;background:#101013;color:#eee;border:1px solid #555}.home{min-height:100dvh;height:100dvh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% -5%,rgba(255,200,60,.12),transparent 45%),radial-gradient(ellipse at 15% 100%,rgba(90,60,160,.28),transparent 55%),radial-gradient(ellipse at 85% 90%,rgba(40,90,160,.22),transparent 55%),linear-gradient(#171a22,#0d0f16);overflow-y:auto}.home-inner{width:100%;max-width:420px;min-height:min-content;box-sizing:border-box;margin:auto;text-align:center;display:flex;flex-direction:column;gap:16px;padding:max(18px,env(safe-area-inset-top)) 16px max(18px,env(safe-area-inset-bottom))}.home-logo{display:flex;flex-direction:column;align-items:center;gap:4px}.home-emblem{font-size:34px;color:gold;filter:drop-shadow(0 0 12px rgba(255,215,0,.6));animation:emblem-float 3.4s ease-in-out infinite alternate}@keyframes emblem-float{0%{transform:translateY(0) rotate(-3deg)}to{transform:translateY(-7px) rotate(3deg)}}.home-title{font-size:42px;letter-spacing:.08em;background:linear-gradient(180deg,#fff6c8,gold 50%,#a8781a);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 10px rgba(255,200,40,.35))}.home-tagline{color:#9aa3c0;font-size:12.5px;letter-spacing:.05em;margin-top:2px}.home-menu{display:flex;flex-direction:column;gap:12px;align-items:stretch;min-width:240px}.home-menu .big-btn{position:relative;display:flex;align-items:center;justify-content:center;gap:8px}.btn-note{position:absolute;right:14px;font-size:10px;font-weight:500;opacity:.75}.home-note{color:#667;font-size:11.5px;max-width:300px;margin:4px auto 0;line-height:1.6}.home-retention-notice{color:#765a2d;background:#fff8e8;border:1px solid #ead7aa;border-radius:8px;display:grid;gap:3px;font-size:11.5px;max-width:300px;margin:10px auto 0;padding:8px 10px;line-height:1.55;text-align:left}.home-retention-notice strong{color:#5b431f;font-size:12px}.big-btn{background:linear-gradient(180deg,#ffe680,#d4af37);color:#321;font-weight:800;font-size:16px;letter-spacing:.04em;border:1px solid rgba(255,240,180,.6);border-radius:12px;padding:14px 28px;cursor:pointer;box-shadow:0 3px 10px #00000080,inset 0 1px #ffffff80;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.big-btn:active{transform:translateY(1px) scale(.98);filter:brightness(.92)}.big-btn:disabled{filter:grayscale(.8) brightness(.6);cursor:default}.big-btn.secondary{background:#2a2d3a;color:#ccc;border:1px solid #555}.big-btn.slim{padding:9px 20px;font-size:14px}.page.narrow{max-width:440px;margin:0 auto;padding:12px}.page-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}.page-head h2{margin:0;font-size:18px}.deck-list{display:flex;flex-direction:column;gap:8px;margin:8px 0}.import-box{margin:10px 0;color:#aab;font-size:13px}.import-box textarea{width:100%;box-sizing:border-box;background:#14161e;color:#cde;border:1px solid #444;border-radius:8px;margin:8px 0;font-family:monospace;font-size:16px;padding:8px}.error{color:#f88;font-size:12px}.ok{color:#8e8;font-size:12px}section h3{font-size:14px;color:#bbc;margin:14px 0 4px}.section-head{display:flex;align-items:center;justify-content:space-between;margin-top:14px}.section-head h3{margin:0}.deck-tile{position:relative;display:flex;align-items:stretch;gap:0;text-align:left;background:#232634;border:1px solid #444;border-radius:12px;overflow:hidden;padding:0;color:#ddd;cursor:pointer;min-height:84px;transition:border-color .15s,transform .15s}.deck-tile:active{transform:scale(.98)}.deck-tile.on{border-color:gold;box-shadow:0 0 12px #ffd70040}.deck-tile-art{flex:0 0 96px;background-size:cover;background-position:center 18%;-webkit-mask-image:linear-gradient(90deg,#000 60%,transparent);mask-image:linear-gradient(90deg,#000 60%,transparent)}.deck-tile-art.random-art{display:flex;align-items:center;justify-content:center;font-size:34px;color:#778;background:#1a1d28;font-weight:700}.deck-tile-info{flex:1;display:flex;flex-direction:column;gap:3px;padding:10px 12px 10px 4px;min-width:0}.deck-tile-info b{font-size:15px}.deck-tile.on .deck-tile-info b{color:gold}.deck-tile-concept{font-size:11px;color:#99a;line-height:1.4}.deck-tile-chars{display:flex;align-items:center;gap:4px;margin-top:2px}.deck-tile-char{width:24px;height:24px;border-radius:50%;overflow:hidden;border:1px solid #556;flex:0 0 auto;background:#111}.deck-tile-char img{width:100%;height:100%;object-fit:cover;object-position:center 15%}.deck-tile-main{font-size:10px;color:#aab;margin-left:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.start-btn{width:100%;margin:16px 0 24px}.deck-name-input{flex:1;background:#14161e;border:1px solid #555;border-radius:8px;color:gold;font-size:16px;font-weight:700;padding:7px 10px;min-width:0}.builder{padding-bottom:120px}.builder-hint{font-size:12px;color:#9ab;margin:6px 0}.filter-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:6px 0}.filter-row .search{flex:1;background:#14161e;border:1px solid #444;border-radius:8px;color:#dde;padding:6px 10px;font-size:16px;min-width:120px}.filter-row .count{font-size:11px;color:#9ab;white-space:nowrap}.char-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;justify-items:center}.char-pick{position:relative;cursor:pointer;border-radius:8px;padding:2px;border:2px solid transparent;transition:border-color .15s,transform .1s}.char-pick:active{transform:scale(.96)}.char-pick.on{border-color:gold;background:#ffd70014}.pick-order{position:absolute;top:-6px;right:-6px;width:22px;height:22px;border-radius:50%;background:gold;color:#222;font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #00000080}.builder-list{display:flex;flex-direction:column;gap:5px}.builder-row{display:flex;align-items:center;gap:8px;background:#1d202b;border:1px solid #383c4c;border-radius:10px;padding:5px 8px}.builder-row.has{border-color:#8a7a2a;background:#242414}.builder-thumb{flex:0 0 auto;cursor:pointer}.builder-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px;cursor:pointer}.builder-info b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.builder-info span{font-size:10.5px;color:#99a}.builder-count{display:flex;align-items:center;gap:7px;flex:0 0 auto}.builder-count b{min-width:16px;text-align:center;font-size:15px;color:#667}.builder-count b.gold{color:gold}.builder-footer{position:fixed;left:0;right:0;bottom:0;background:#10121af7;border-top:1px solid #445;padding:8px 14px calc(10px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:6px;align-items:center;z-index:40}.builder-footer p{margin:0}.builder-footer .dialog-btns{display:flex;gap:8px;align-items:center}.narration{position:fixed;top:14%;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;background:#0c0e14eb;border:1px solid #557;border-radius:24px;padding:8px 18px;z-index:65;max-width:90vw;box-shadow:0 4px 16px #0009;animation:narr-in .22s ease;pointer-events:none}@keyframes narr-in{0%{transform:translate(-50%,-8px);opacity:0}to{transform:translate(-50%);opacity:1}}.narr-text{font-size:14px;font-weight:700;color:#eee;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.narration.kind-damage{border-color:#f66}.narration.kind-damage .narr-text{color:#faa}.narration.kind-heal{border-color:#5c5}.narration.kind-heal .narr-text{color:#af9}.narration.kind-ko{border-color:#a4f;background:#1e0828f2}.narration.kind-attack{border-color:#fa4}.narration.kind-ability{border-color:#fd6}.narration.kind-ability .narr-text{color:#ffe9a0}.narration.kind-turn{border-color:#6af}.narration.kind-end{border-color:gold}.chip.ghost{opacity:.6}.dialog.rules{max-height:82vh;display:flex;flex-direction:column;text-align:left;width:min(400px,92vw)}.dialog.rules h2{text-align:center;margin:0 0 8px}.rules-body{overflow-y:auto;flex:1;padding-right:4px}.rules-body section{margin-bottom:12px}.rules-body h3{font-size:14px;color:gold;margin:0 0 4px}.rules-body p{font-size:12.5px;color:#ccd;margin:0;line-height:1.7}.dialog.rules .big-btn{margin-top:10px;align-self:center}@media (max-height: 780px){.battle-root{gap:2px;padding:4px 8px 6px}.enemy-hand{height:26px}.hand-back{width:24px}.char-row{padding:3px 0;gap:8px}.my-hand{padding:8px 0 0}.action-bar{min-height:38px}.guide-bar{padding:4px 8px}.guide-text{font-size:10.5px}.log-line{font-size:10px}}.board-wrap{flex:1;min-height:0;perspective:950px;perspective-origin:50% 26%;display:flex}.board{flex:1;min-width:0;width:100%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;gap:2px;transform:rotateX(15deg) scale(1.04) translateY(0);transform-origin:50% 88%;transition:transform .7s cubic-bezier(.3,.08,.24,1);background:none;box-shadow:none;padding:4px 6px 10px}.area{position:relative;display:flex;align-items:center;justify-content:center;gap:4px}.formation{position:relative;flex-shrink:0;margin:0 auto}.formation .char-slot{position:absolute;transition:left .45s ease,right .45s ease,top .45s ease,bottom .45s ease,transform .45s ease,filter .3s ease}.zone-col{position:absolute;top:50%;width:0;display:flex;flex-direction:column;gap:var(--pile-gap);transform:translateY(-50%);z-index:5}.zone-col.enemy{left:0}.zone-col:not(.enemy){right:0}.zone-col .pile{width:var(--pile-w)}.zone-col.enemy .pile{margin-left:calc(var(--zone-vis) - var(--pile-w))}.zone-col:not(.enemy) .pile{margin-left:calc(-1 * var(--zone-vis))}.zone-col .pile-card{width:var(--pile-w)}.pile-shim{position:absolute;left:0;top:0;width:var(--pile-w);aspect-ratio:var(--card-ratio);border-radius:3px;background:linear-gradient(#20242f,#12151d);box-shadow:inset 0 0 0 1px #ffffff12;pointer-events:none}.hand-card.dragging{opacity:0}.hand-card,.hand-card img,.drag-card,.drag-card img,.char-slot img,.pile img{-webkit-user-drag:none;user-select:none;-webkit-user-select:none}.drag-card{position:fixed;left:0;top:0;z-index:90;pointer-events:none;will-change:transform;filter:drop-shadow(0 12px 20px rgba(0,0,0,.8));transition:filter .15s ease}.drag-card.over{filter:drop-shadow(0 12px 20px rgba(0,0,0,.8)) drop-shadow(0 0 12px rgba(110,220,255,.95))}.drag-card .card-frame{transition:transform .12s ease}.drag-card.over .card-frame{transform:scale(1.08)}.battle-root.dragging.targeting-mode .my-hand{opacity:1;filter:none}.battle-root.drop-ap .zone-col:not(.enemy) .pile.ap .pile-card,.battle-root.drop-field .strip-field{outline:2px solid rgba(110,220,255,.9);outline-offset:2px;border-radius:6px;animation:droppable-pulse 1s ease-in-out infinite alternate}@keyframes droppable-pulse{0%{outline-color:#6edcff66}to{outline-color:#6edcff}}.predict.outcome{display:flex;flex-direction:column;gap:2px;width:100%}.outcome-row{display:flex;align-items:center;gap:4px;justify-content:center;font-size:12px;color:#ccd}.outcome-row b{font-family:Cinzel,serif;font-size:14px;color:#fff}.outcome-row em{font-style:normal;color:#778}.outcome-row i{font-style:normal;color:#ff8f7f;font-weight:800;font-size:11px}.outcome-row.ko b:last-of-type{color:#ff8f7f}.pile-count.forecast{color:#ffe680;border-color:gold;letter-spacing:-.03em}.target-preview{position:absolute;left:50%;top:-30px;transform:translate(-50%);display:inline-flex;align-items:center;gap:3px;padding:1px 7px;border-radius:10px;background:#0a0c12f0;border:1px solid #f88;color:#fff;font-size:12px;font-weight:800;font-family:Cinzel,serif;white-space:nowrap;z-index:30;pointer-events:none;box-shadow:0 0 8px #ff787880}.target-preview em{font-style:normal;color:#99a;font-size:10px}.target-preview b{color:#ff8f7f}.target-preview.heal{border-color:#6fe08b;box-shadow:0 0 8px #6fe08b80}.target-preview.heal b{color:#6fe08b}.strip-status{display:flex;flex-direction:column;gap:3px;align-items:center;min-width:0}.status-badges{display:inline-flex;gap:4px}.status-badge{display:inline-flex;align-items:center;gap:2px;padding:0 5px;height:16px;border-radius:8px;font-size:10px;font-weight:800;white-space:nowrap;background:#0a0c12e6;border:1px solid #667;color:#ccd}.status-badge img{width:9px;height:9px;object-fit:contain}.status-badges.mine .status-badge{border-color:#6cf;color:#9df}.status-badges.theirs .status-badge{border-color:#d77;color:#f9b}.pile-count .pile-ico{width:9px;height:9px;object-fit:contain;margin-right:2px;vertical-align:-1px}.char-status{position:absolute;left:2%;right:2%;bottom:-14px;z-index:6}.hp-bar{height:6px;background:#000000bf;border:1px solid rgba(255,255,255,.35);border-radius:4px;overflow:hidden}.hp-fill{height:100%;background:linear-gradient(#8f8,#3c4);transition:width .4s ease}.hp-fill.mid{background:linear-gradient(#ffe37f,#d4a017)}.hp-fill.low{background:linear-gradient(#ff8f7f,#d43a2a)}.status-row{display:flex;align-items:center;justify-content:space-between;margin-top:1px}.hp-num{font-size:9px;font-weight:800;color:#fff;text-shadow:0 1px 2px #000,0 0 3px #000;font-family:Cinzel,serif}.extra-attrs{display:inline-flex;gap:2px}.extra-attrs img{width:13px;height:13px;border-radius:50%;box-shadow:0 0 0 1.5px gold,0 1px 2px #0009;background:#222}.pick-badge{position:absolute;top:-8px;right:-4px;background:linear-gradient(#ffe680,#d4af37);border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-size:13px;box-shadow:0 1px 4px #0009;z-index:60}.card-stage{position:fixed;top:0;right:0;bottom:0;left:0;z-index:75;pointer-events:none;perspective:950px;perspective-origin:50% 26%}.fly-card{position:absolute;left:0;top:0;transform-style:preserve-3d;will-change:transform}.fly-card-faces{position:relative;transform-style:preserve-3d}.fly-face{backface-visibility:hidden;-webkit-backface-visibility:hidden;filter:drop-shadow(0 6px 14px rgba(0,0,0,.75))}.fly-face.back{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotateY(180deg)}.fly-face img{display:block;border-radius:4px;aspect-ratio:var(--card-ratio);height:auto;object-fit:cover}@media (max-height: 780px){.board{transform:rotateX(14deg) scale(1.02)}.char-status{bottom:-12px}}.hand-card.playable:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:3px solid #6fe0ff;border-radius:7px;box-shadow:0 0 10px 2px #6edcffe6,inset 0 0 6px 1px #6edcff8c;pointer-events:none;z-index:20;animation:playable-pulse 1.1s ease-in-out infinite alternate}@keyframes playable-pulse{0%{opacity:.65}to{opacity:1}}.overlay.preview{background:#000000b8;z-index:85}.preview-inner{display:flex;flex-direction:column;align-items:center;gap:14px;animation:preview-in .18s ease}@keyframes preview-in{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.preview-inner .card-frame{box-shadow:0 8px 30px #000c}@media (max-height: 780px){.guide-zone{font-size:10.5px;padding:4px 7px}}.wheel-slot{position:absolute;transition:transform .65s cubic-bezier(.35,.1,.25,1),filter .3s ease}.vfx-burst{position:absolute;left:-22%;top:-18%;width:144%;height:auto;mix-blend-mode:screen;pointer-events:none;opacity:0;z-index:25;animation:vfx-pop .95s ease-out forwards}@keyframes vfx-pop{0%{opacity:0;scale:.45}18%{opacity:1}70%{opacity:.9;scale:1.15}to{opacity:0;scale:1.4}}.equip-thumb{position:absolute;top:-8px;left:-8px;width:26px;height:26px;border-radius:50%;overflow:hidden;border:2px solid #d4af37;box-shadow:0 1px 4px #000000b3;z-index:7;cursor:pointer;background:#222}.equip-thumb img{width:100%;height:100%;object-fit:cover}.pile-dialog{width:min(380px,92vw);max-height:78vh;display:flex;flex-direction:column}.pile-dialog h3{margin:0 0 10px;font-size:15px}.pile-grid{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;overflow-y:auto;flex:1;padding:4px}.pile-grid-card{cursor:pointer}.pile-dialog .chip{margin-top:10px;align-self:center}.pile{cursor:pointer}.turn-badge{position:absolute;top:46px;right:0;z-index:55;font-size:10px;font-weight:800;letter-spacing:.08em;padding:3px 10px;border-radius:10px 0 0 10px;pointer-events:none;transition:background .4s,color .4s}.turn-badge.mine{background:linear-gradient(#ffe680,#d4af37);color:#402;box-shadow:0 0 10px #ffd70099}.turn-badge.theirs{background:linear-gradient(#a33,#711);color:#fdd;box-shadow:0 0 10px #ff505080}.narration.kind-coin{top:40%;padding:16px 34px;border-width:2px;border-color:gold;background:#141004f2}.narration.kind-coin .narr-text{font-size:22px;color:#ffe9a0}.card-hit{animation:hit-shake .42s cubic-bezier(.36,.07,.19,.97);position:relative}.card-hit:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;border-radius:6px;pointer-events:none;animation:hit-flash .42s ease-out forwards;mix-blend-mode:screen}@keyframes hit-shake{0%{transform:translate(0)}12%{transform:translate(-5px,2px) rotate(-2deg)}24%{transform:translate(5px,-2px) rotate(2deg)}40%{transform:translate(-4px,1px) rotate(-1.4deg)}56%{transform:translate(3px,-1px) rotate(1deg)}72%{transform:translate(-2px,1px)}to{transform:translate(0)}}@keyframes hit-flash{0%{opacity:.9}30%{opacity:.35}to{opacity:0}}@keyframes pop-float{0%{opacity:0;transform:translate(-50%,4px) scale(.5)}10%{opacity:1;transform:translate(-50%) scale(1.5)}22%{transform:translate(-50%) scale(1.1)}70%{opacity:1;transform:translate(-50%,-14px) scale(1.1)}to{opacity:0;transform:translate(-50%,-36px) scale(1)}}*{-webkit-tap-highlight-color:transparent}.wheel-slot{transition:transform .8s cubic-bezier(.3,1.12,.42,1),filter .35s ease}.hand-card{transition:transform .22s ease,margin .3s ease,filter .35s ease,opacity .3s ease}.enemy-hand .hand-back{transition:margin .3s ease}.pile-count{transition:transform .2s ease}.fly-ghost{transition:left .62s cubic-bezier(.25,.9,.35,1),top .62s cubic-bezier(.45,.05,.4,1)}.my-hand .hand-card{animation:draw-in .45s cubic-bezier(.2,.8,.3,1)}.hp-fill{transition:width .55s cubic-bezier(.3,.9,.4,1)}.char-status{transition:opacity .3s ease}.turn-splash{position:fixed;left:0;right:0;top:42%;z-index:66;display:flex;justify-content:center;align-items:center;padding:12px 0;pointer-events:none;animation:splash-sweep 1.35s cubic-bezier(.2,.9,.3,1) forwards}.turn-splash span{font-size:24px;font-weight:900;letter-spacing:.16em;font-family:Cinzel,Murecho,serif;text-shadow:0 2px 8px rgba(0,0,0,.9)}.turn-splash.mine{background:linear-gradient(90deg,transparent,rgba(212,175,55,.32),transparent)}.turn-splash.mine span{color:#ffe9a0}.turn-splash.theirs{background:linear-gradient(90deg,transparent,rgba(180,50,50,.35),transparent)}.turn-splash.theirs span{color:#ffb3b3}@keyframes splash-sweep{0%{transform:translate(-60%);opacity:0}16%{transform:translate(0);opacity:1}80%{transform:translate(0);opacity:1}to{transform:translate(30%);opacity:0}}.cost-chip{position:absolute;top:-6px;left:-6px;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Cinzel,serif;font-size:12px;font-weight:800;background:linear-gradient(180deg,#ffe680,#d4af37);color:#321;border:1px solid rgba(255,245,200,.8);box-shadow:0 2px 5px #0009;z-index:21;pointer-events:none}.cost-chip.lack{background:linear-gradient(180deg,#5a2a2a,#3a1616);color:#f88;border-color:#a44}.chip.next-phase{font-weight:700}.chip.next-phase.attention{background:linear-gradient(180deg,#ffe680,#d4af37);color:#321;border-color:#ffe680;animation:attention-pulse 1s ease-in-out infinite alternate}@keyframes attention-pulse{0%{box-shadow:0 0 #ffd70080}to{box-shadow:0 0 12px 4px #ffd70073}}.pop.dmg{font-size:30px;background:linear-gradient(180deg,#ffe0a0,#ff5a3d 60%,#c22);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 2px rgba(0,0,0,.9)) drop-shadow(0 0 8px rgba(255,90,60,.5))}.pop.heal{font-size:26px;filter:drop-shadow(0 2px 2px rgba(0,0,0,.9)) drop-shadow(0 0 8px rgba(110,224,139,.5))}.my-hand{position:relative;display:block;padding:0;overflow:visible}.my-hand .hand-card{position:absolute;transition:left .3s cubic-bezier(.3,.9,.35,1),transform .22s ease,filter .35s ease,opacity .3s ease;animation:hand-in .32s ease}@keyframes hand-in{0%{opacity:0;filter:brightness(1.6)}to{opacity:1}}.enemy-hand .hand-back{transition:transform .3s ease,margin .3s ease}.fly-ghost{left:0;top:0;transition:transform .62s cubic-bezier(.3,.75,.35,1)}.board,.board-wrap{position:relative}.wheel-slot:after{content:"";position:absolute;left:50%;bottom:-9px;width:82%;height:14px;transform:translate(-50%);border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.55),transparent 70%);z-index:-1;pointer-events:none}.char-slot.actor:before{content:"";position:absolute;left:50%;bottom:-16px;width:135%;height:30px;transform:translate(-50%);border-radius:50%;background:radial-gradient(ellipse,rgba(255,215,0,.28),transparent 68%);z-index:-2;pointer-events:none;animation:spotlight-breathe 2.6s ease-in-out infinite alternate}@keyframes spotlight-breathe{0%{opacity:.7}to{opacity:1}}.hp-bar{position:relative;height:7px;border-radius:5px;border-color:#ffffff40;box-shadow:inset 0 1px 2px #000000b3}.hp-bar:after{content:"";position:absolute;left:0;right:0;top:0;height:45%;border-radius:5px 5px 0 0;background:linear-gradient(rgba(255,255,255,.35),transparent);pointer-events:none}.hp-fill{background:linear-gradient(90deg,#35b85c,#7ff09b)}.hp-fill.mid{background:linear-gradient(90deg,#d4a017,#ffe37f)}.hp-fill.low{background:linear-gradient(90deg,#d43a2a,#ff8f7f);animation:hp-danger 1s ease-in-out infinite alternate}@keyframes hp-danger{0%{filter:brightness(1)}to{filter:brightness(1.6)}}.hp-num{font-family:Cinzel,Murecho,serif;letter-spacing:.02em}.pile-count{font-family:Cinzel,Murecho,serif;box-shadow:0 1px 3px #0009}.pile-count.low{background:#4a1010;border-color:#f66;color:#faa;animation:deck-low 1.1s ease-in-out infinite alternate}@keyframes deck-low{0%{box-shadow:0 1px 3px #0009}to{box-shadow:0 0 8px 2px #ff50508c}}.pile-label{letter-spacing:.04em;color:#99a;font-size:8.5px;white-space:nowrap;margin-left:-8px;margin-right:-8px}.pile .pile-card{transition:filter .3s ease}.pile:active .pile-card{filter:brightness(1.25)}.turn-badge{padding:4px 12px 4px 16px;clip-path:polygon(8px 0,100% 0,100% 100%,8px 100%,0 50%);border-radius:0;font-size:10.5px;letter-spacing:.14em}.guard-sheet{background:#1c0c0ef5;border-top:none;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.guard-sheet:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;border-radius:14px 14px 0 0;background:repeating-linear-gradient(-45deg,#f66 0,#f66 10px,#801818 10px,#801818 20px)}.enemy-hand{filter:drop-shadow(0 3px 4px rgba(0,0,0,.45))}.pick-badge{filter:drop-shadow(0 0 6px rgba(255,215,0,.8))}.char-plate{position:absolute;top:-26px;left:50%;transform:translate(-50%);white-space:nowrap;font-weight:800;letter-spacing:.04em;z-index:32;pointer-events:none;animation:plate-fade 1.5s ease forwards}@keyframes plate-fade{0%{opacity:0}10%{opacity:1}82%{opacity:1}to{opacity:0}}.fx-css{position:absolute;left:50%;top:50%;width:120%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;z-index:28}.fx-cast{border:3px solid rgba(255,225,120,.9);box-shadow:0 0 18px #ffd700b3,inset 0 0 14px #ffd70066;animation:fx-cast .85s ease-out forwards;opacity:0}@keyframes fx-cast{0%{opacity:0;transform:translate(-50%,-30%) scale(1.05,.28)}25%{opacity:1}to{opacity:0;transform:translate(-50%,-75%) scale(.6,.2)}}.fx-passive{border:2px solid rgba(255,215,0,.9);animation:fx-passive .9s ease-out forwards;opacity:0}.fx-passive:after{content:"";position:absolute;top:12%;right:12%;bottom:12%;left:12%;border-radius:50%;border:2px solid rgba(255,240,180,.8)}@keyframes fx-passive{0%{opacity:0;transform:translate(-50%,-50%) scale(.35)}20%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(1.5)}}.fx-power{background:radial-gradient(circle,rgba(255,160,60,.85),rgba(255,90,30,.25) 55%,transparent 70%);animation:fx-power .7s ease-out forwards;opacity:0}@keyframes fx-power{0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}25%{opacity:1;transform:translate(-50%,-50%) scale(.9)}to{opacity:0;transform:translate(-50%,-50%) scale(1.35)}}.fx-pguard{background:radial-gradient(circle,rgba(120,200,255,.8),rgba(60,130,255,.25) 55%,transparent 70%);border:2px solid rgba(140,210,255,.9);animation:fx-power .75s ease-out forwards;opacity:0}.char-plate{background:linear-gradient(90deg,transparent,rgba(0,0,0,.82) 22%,rgba(0,0,0,.82) 78%,transparent);border:none;border-radius:0;box-shadow:none;padding:5px 26px;font-size:12.5px;color:#ffe9a0;text-shadow:0 1px 2px #000}.char-plate.guard{color:#cfeaff;font-size:14px}.char-plate.power{color:#ffd0a8}.char-plate.pguard{color:#cfeaff}.char-plate.attr{color:#d8f5b8}.char-plate.lock{color:#e0c8ff}.char-plate.miss{color:#ccd}.narration{background:linear-gradient(90deg,transparent,rgba(0,0,0,.85) 20%,rgba(0,0,0,.85) 80%,transparent);border:none;border-radius:0;box-shadow:none;padding:12px 48px}.narration .narr-text{font-size:17px;text-shadow:0 1px 2px #000}.narration.kind-ko{background-color:transparent}.pile-count{background:none;border:none;border-radius:0;padding:0;min-width:0;font-size:14px;color:#fff;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 0 6px rgba(0,0,0,.9);box-shadow:none;top:-9px;right:-4px}.pile-count.gold{background:none;border:none;color:gold}.pile-count.low{background:none;border:none;color:#ff7a6a;animation:deck-low-text 1s ease-in-out infinite alternate}@keyframes deck-low-text{0%{text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}to{text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 0 10px rgba(255,90,70,.95)}}.phase-pill{border-radius:0;clip-path:polygon(7px 0,100% 0,calc(100% - 7px) 100%,0 100%);padding:2px 10px 2px 8px}.phase-pill .turn-num{background:none;border-radius:0;padding:1px 6px 1px 2px;border-right:1px solid rgba(255,215,0,.35)}.phase-pill em{border-radius:0}.phase-pill em.on{border-radius:0;clip-path:polygon(4px 0,100% 0,calc(100% - 4px) 100%,0 100%)}.lock-badge{background:none;border:none;border-radius:0;box-shadow:none;width:auto;height:auto;font-size:19px;filter:drop-shadow(0 0 6px rgba(170,68,255,.9)) drop-shadow(0 1px 2px #000)}.cost-chip{border-radius:0;clip-path:polygon(50% 0,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);border:none;width:24px;height:26px}.enemy-hand{position:relative;display:block;height:52px;overflow:visible}.enemy-hand .hand-back{position:absolute;top:2px;transition:left .3s cubic-bezier(.3,.9,.35,1),transform .3s ease}.vfx-burst[src*=vfx_guard]{mix-blend-mode:normal;animation:guard-pop 1s ease-out forwards}@keyframes guard-pop{0%{opacity:0;transform:scale(.4)}20%{opacity:1;transform:scale(1.05)}75%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.12)}}.attr-icons{display:inline-flex;align-items:center;gap:1px}.attr-icons img{width:12px;height:12px;object-fit:contain}.attr-icons img.added{animation:attr-blink 1s ease-in-out infinite alternate;filter:drop-shadow(0 0 3px rgba(255,215,0,.9))}@keyframes attr-blink{0%{opacity:1}to{opacity:.25}}.battle-loading{height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:linear-gradient(#080a129e,#06080e9e),url(/assets/bg_mat-B3ErObLT.webp) center / cover no-repeat,#10131b;color:#cbd2e8;font-size:13px;letter-spacing:.2em}.battle-loading .loading-emblem{font-size:40px;color:gold;filter:drop-shadow(0 0 14px rgba(255,215,0,.7));animation:loading-spin 1.6s ease-in-out infinite}@keyframes loading-spin{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.15)}to{transform:rotate(360deg) scale(1)}}.plate-ico{width:17px;height:17px;object-fit:contain;vertical-align:-3px;margin-right:4px;mix-blend-mode:screen}.lock-badge{width:24px;height:24px;object-fit:contain;mix-blend-mode:screen}.pick-badge{width:22px;height:22px;object-fit:contain;mix-blend-mode:screen}.loading-emblem{width:56px;height:56px;object-fit:contain;mix-blend-mode:screen}.home-title-logo{margin:0;line-height:0}.home-title-logo img{width:min(200px,55vw);height:auto;filter:drop-shadow(0 0 18px rgba(190,215,255,.35)) drop-shadow(0 2px 6px rgba(0,0,0,.6))}.home-cards{display:flex;justify-content:center;margin-bottom:6px}.home-card{display:flex;filter:drop-shadow(0 8px 14px rgba(0,0,0,.55)) drop-shadow(0 0 10px rgba(255,215,0,.18))}.home-card.c img{width:76px;aspect-ratio:var(--card-ratio);object-fit:cover;border-radius:6px}.home-card.l{animation:home-card-l 3.4s ease-in-out infinite alternate;z-index:2}.home-card.c{margin:0 -18px;animation:home-card-c 4.4s ease-in-out infinite alternate}.home-card.r{animation:home-card-r 3.9s ease-in-out infinite alternate;z-index:2}@keyframes home-card-l{0%{transform:rotate(-13deg) translateY(2px)}to{transform:rotate(-9deg) translateY(-6px)}}@keyframes home-card-c{0%{transform:rotate(-2deg) translateY(-8px)}to{transform:rotate(3deg) translateY(-14px)}}@keyframes home-card-r{0%{transform:rotate(13deg) translateY(4px)}to{transform:rotate(9deg) translateY(-4px)}}.deck-name .vs{font-style:normal;font-family:Cinzel,serif;font-size:10px;color:gold;margin-right:2px;letter-spacing:.05em}.narration{justify-content:center}.predict-row{display:flex;gap:14px;align-items:baseline;justify-content:center;margin:8px 0 2px;font-size:12px;color:#aab}.predict b{font-family:Cinzel,Murecho,serif;font-size:19px;margin:0 1px}.predict.atk b{color:#ff8a6a}.predict.heal b{color:#7fe09b}.predict.grd b{color:#8cd2ff}.predict.cost b{color:gold}.predict em{font-style:normal;font-size:10.5px;color:#778}.predict em.mod{color:#cfae4a}.custom-deck-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:-4px}.my-area .lunge{animation:lunge-up .5s cubic-bezier(.2,.9,.3,1)}.enemy-area .lunge{animation:lunge-down .5s cubic-bezier(.2,.9,.3,1)}@keyframes lunge-up{0%{transform:translateY(0)}30%{transform:translateY(-12px) scale(1.03)}60%{transform:translateY(-8px) scale(1.02)}to{transform:translateY(0)}}@keyframes lunge-down{0%{transform:translateY(0)}30%{transform:translateY(12px) scale(1.03)}60%{transform:translateY(8px) scale(1.02)}to{transform:translateY(0)}}.my-area .card-hit{animation:hit-knock-down .42s cubic-bezier(.36,.07,.19,.97)}.enemy-area .card-hit{animation:hit-knock-up .42s cubic-bezier(.36,.07,.19,.97)}@keyframes hit-knock-down{0%{transform:translate(0)}25%{transform:translate(-4px,9px)}50%{transform:translate(4px,6px)}75%{transform:translate(-2px,3px)}to{transform:translate(0)}}@keyframes hit-knock-up{0%{transform:translate(0)}25%{transform:translate(4px,-9px)}50%{transform:translate(-4px,-6px)}75%{transform:translate(2px,-3px)}to{transform:translate(0)}}:root{--card-ratio: 300 / 417}.hand-back,.pile-card,.fly-ghost img{aspect-ratio:var(--card-ratio);height:auto;object-fit:cover}.pile-card.empty,.pile-card.trash-top{height:auto;aspect-ratio:var(--card-ratio)}.ko-back{object-fit:cover}.ko-back.landscape{inset:auto;left:50%;top:50%;width:calc(300 / 417 * 100%);height:auto;aspect-ratio:var(--card-ratio);transform:translate(-50%,-50%) rotate(90deg);transform-origin:center;animation:ko-flip-landscape .6s ease}@keyframes ko-flip-landscape{0%{transform:translate(-50%,-50%) rotate(90deg) rotateY(90deg)}to{transform:translate(-50%,-50%) rotate(90deg) rotateY(0)}}.lock-badge{width:32px;height:32px;mix-blend-mode:normal;background:radial-gradient(circle,#0a0612e6 30%,#0a061200 72%);filter:drop-shadow(0 0 6px rgba(170,68,255,.95)) drop-shadow(0 1px 2px #000);z-index:34}.deck-view-dialog{width:min(420px,94vw);max-height:84vh;display:flex;flex-direction:column}.deck-view-dialog h3{margin:0 0 8px;color:gold}.deck-view-scroll{overflow-y:auto;flex:1}.deck-view-label{font-size:12px;color:#9ab;text-align:left;margin:10px 0 6px}.deck-view-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:8px;justify-items:center}.deck-view-card{position:relative;cursor:pointer}.deck-view-count{position:absolute;right:-4px;bottom:-4px;font-family:Cinzel,Murecho,serif;font-size:13px;font-weight:800;color:#fff;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.deck-view-dialog>.chip{margin-top:10px;align-self:center}.deck-tile .deck-view{align-self:center;margin-right:10px;flex-shrink:0}.review-box{margin:4px 0 12px;display:flex;flex-direction:column;gap:6px;align-items:center}.review-title{margin:0;font-size:12px;color:#9ab}.review-stars{display:flex;gap:6px}.review-star{font-size:26px;color:#445;cursor:pointer;transition:color .15s ease,transform .1s ease}.review-star.on{color:gold}.review-star:active{transform:scale(1.2)}.review-text-label{align-self:flex-start;font-size:11px;color:#9ab}.review-text{width:100%;box-sizing:border-box;background:#f4f1e8;color:#1a1c24;border:2px solid #b8a24d;border-radius:8px;box-shadow:inset 0 2px 4px #0000002e;font-size:16px;padding:10px;resize:vertical}.review-text::placeholder{color:#8a8574}.review-text:focus{outline:none;border-color:gold;box-shadow:inset 0 2px 4px #0000001f,0 0 0 3px #ffd70040}.review-send{width:100%;min-height:46px;font-size:15px}.review-send:disabled{opacity:.45}.review-skip{background:none;border:none;color:#789;font-size:12px;text-decoration:underline;cursor:pointer;padding:6px 12px}.review-thanks{margin:6px 0;font-size:13px;color:#8e8}.battle-root.cam-ally .board{transform:rotateX(7deg) scale(1.12) translateY(-1.5%)}.battle-root.cam-enemy .board{transform:rotateX(7deg) scale(1.12) translateY(8%)}.attr-inline{display:inline-flex;gap:2px;vertical-align:-2px;margin-left:2px}.attr-inline img{width:13px;height:13px;object-fit:contain}.rules-note{margin-top:6px;padding:8px 10px;background:#ffd70012;border-left:3px solid #b8a24d;border-radius:4px;font-size:12px}.battle-log-page{padding-bottom:32px}.log-header{text-align:center;margin-bottom:10px}.log-tag{margin:0 0 6px;font-size:12px;color:#6cf;font-weight:700}.log-vs{margin:0;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;font-size:20px}.log-deck{color:gold}.log-vs-mark{font-size:13px;color:#9ab}.log-result{margin:6px 0 8px;font-size:14px;font-weight:700;color:#e8e4d8}.battle-log-page .result-stats{justify-content:center}.log-side{margin-top:14px}.log-empty{margin:4px 0;font-size:12px;color:#667}.log-cta{margin-top:22px;text-align:center}.log-cta .big-btn{min-width:240px}.enemy-area .char-slot.actor .char-status{top:-22px;bottom:auto}.my-hand{padding-top:4px}.order-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);padding:0 7px;height:18px;box-sizing:border-box;border-radius:9px;background:#0c1a26f2;border:1px solid #6cf;color:#9df;font-size:10px;font-weight:800;letter-spacing:.06em;line-height:16px;white-space:nowrap;z-index:9;pointer-events:none;box-shadow:0 0 6px #6cccff8c,0 1px 3px #000000b3}.pile.deck.clickable{cursor:pointer}.pile.deck.clickable:active{filter:brightness(1.25)}.pile-note{margin:-4px 0 8px;font-size:11px;color:#889}.pile-grid-card{position:relative}.pile-x{position:absolute;right:-4px;bottom:-4px;background:#1b1e28;border:1px solid #ffd700;color:gold;border-radius:8px;padding:0 5px;font-size:11px;font-weight:800}.my-area .char-slot.actor .char-status{background:linear-gradient(#080a1000,#080a10d9 40%);padding:2px 3px 1px;border-radius:5px}.my-area .char-slot:not(.actor) .char-status{bottom:2px;background:linear-gradient(#080a1000,#080a10d9 40%);padding:2px 3px 1px;border-radius:5px}.my-hand{pointer-events:none}.my-hand .hand-card{pointer-events:auto}.enemy-area .char-slot.actor .equip-thumb{top:auto;bottom:-8px}.enemy-area .char-slot.actor .lock-badge{top:auto;bottom:-10px}@media (max-width: 370px){.info-bar{gap:4px;padding:4px 6px}.info-bar .deck-name{min-width:3em;font-size:11px}.phase-pill{gap:2px;padding:2px 3px 2px 2px}.phase-pill .turn-num{font-size:10px;padding:1px 5px}.phase-pill em{font-size:9.5px;padding:1px 4px}.chip.small{padding:2px 6px;font-size:10px}}.rotate-hint{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:20px;background:#080a10f5;color:#e8e4d8}.rotate-hint img{width:54px;height:54px;object-fit:contain;opacity:.9}.rotate-hint p{margin:0;font-size:15px;font-weight:700;line-height:1.7}.rotate-hint small{color:#99a;font-size:12px}.cost-chip.cheaper{background:#0b3b47;border-color:#6fe0ff;color:#8ff0ff}.cost-chip.pricier{background:#4a1c16;border-color:#ff9a8f;color:#ffb3a8}.pile-label{display:none}.pile-count{top:auto;bottom:-4px;right:auto;left:50%;transform:translate(-50%);min-width:22px;font-size:13px;padding:1px 5px;background:#0a0c12eb;border-color:#778}.pile-count.low{border-color:#f66;color:#f99}.zone-col.enemy .pile-count{left:auto;right:1px;transform:none}.zone-col:not(.enemy) .pile-count{left:1px;right:auto;transform:none}.char-status{bottom:-16px}.status-row{margin-top:0}.hp-num{font-size:17px;line-height:1;letter-spacing:-.02em;text-shadow:0 0 3px #000,0 1px 2px #000,-1.2px -1.2px 0 #000,1.2px -1.2px 0 #000,-1.2px 1.2px 0 #000,1.2px 1.2px 0 #000}.hp-bar{height:4px}.attr-icons img{width:14px;height:14px}.char-slot:not(.actor) .hp-num{font-size:13px}.char-slot:not(.actor) .attr-icons img{width:11px;height:11px}.info-bar{padding:2px 6px;gap:4px;font-size:11px}.info-bar .deck-name{font-size:11px}.phase-pill{padding:1px 3px 1px 2px;gap:2px}.phase-pill .turn-num{font-size:10px;padding:0 5px}.phase-pill em{font-size:9.5px;padding:0 5px}.chip.small{padding:1px 7px;font-size:10px}.char-status{bottom:-13px}.my-area .char-slot.actor .char-status{padding:1px 3px 0}@media (max-height: 660px){.hp-num{font-size:14px}.char-slot:not(.actor) .hp-num{font-size:11px}.char-status{bottom:-11px}}@font-face{font-family:AFS;src:url(/assets/AFSMinNovaE-jCKvSsxd.ttf) format("truetype");font-display:swap}.afs{font-family:AFS,Murecho,sans-serif}.card-frame{box-shadow:0 2px 10px #00000073;flex-shrink:0;font-family:Murecho,Hiragino Sans,sans-serif;color:#eee;font-weight:400;font-style:normal;font-size:16px;line-height:normal;letter-spacing:normal;text-align:left;text-transform:none;box-sizing:content-box;-webkit-text-size-adjust:100%;text-size-adjust:100%}.card-frame *{margin:0;box-sizing:content-box;line-height:normal}*{margin:0}html,body,#root{height:100%;overflow:hidden;overscroll-behavior:none}body{font-family:Murecho,Hiragino Sans,sans-serif;background:#1c1e26;color:#eee;-webkit-user-select:none;user-select:none;touch-action:manipulation}input,textarea{-webkit-user-select:text;user-select:text}.page{height:100dvh;overflow-y:auto}.toolbar{position:sticky;top:0;z-index:10;background:#181a21f5;padding:12px 16px;border-bottom:1px solid #333;display:flex;flex-direction:column;gap:8px}.toolbar h1{font-size:18px;display:flex;align-items:center;width:100%}.filter-row{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.filter-label{font-size:12px;color:#999;margin-right:2px;margin-left:8px}.chip{border:1px solid #555;background:#2a2d38;color:#ccc;border-radius:14px;padding:3px 12px;font-size:13px;cursor:pointer}.chip.on{background:gold;border-color:gold;color:#222;font-weight:700}.attr-chip{border:1px solid #555;background:#2a2d38;border-radius:50%;width:32px;height:32px;padding:3px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;opacity:.55}.attr-chip.on{opacity:1;border-color:gold;background:#3a3520}.search{background:#2a2d38;border:1px solid #555;color:#eee;border-radius:6px;padding:5px 10px;font-size:16px;width:220px}select{background:#2a2d38;border:1px solid #555;color:#eee;border-radius:6px;padding:4px 8px;font-size:16px}.count{margin-left:auto;font-size:13px;color:#aaa}.gallery{display:flex;flex-wrap:wrap;gap:14px;padding:18px;justify-content:center;align-items:flex-start}.cell{display:flex;flex-direction:column;align-items:center;gap:4px}.cell-caption{font-size:11px;color:#888}.status-banner-dock{position:sticky;top:0;z-index:130;display:flex;justify-content:center;padding:8px 10px 0}.status-banner{margin:0;width:min(480px,calc(100vw - 20px))}.recovery-quiet{min-height:20px;margin:-8px auto;color:#8f9aaa;font-size:11px;line-height:20px;text-align:center}.recovery-banner{width:min(360px,calc(100vw - 28px));min-height:58px;box-sizing:border-box;margin:-8px auto;padding:8px 9px 8px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #536272;border-left-width:4px;border-radius:11px;color:#e7edf3;background:#141c27f0;box-shadow:0 8px 22px #00000047;text-align:left}.recovery-banner.muted{border-left-color:#8290a0}.recovery-banner.active{border-color:#907a3c;border-left-color:#f5d878;background:linear-gradient(110deg,#3d3319f5,#141c27f5 72%)}.recovery-banner.terminal{border-left-color:#71c99c}.recovery-banner.error{border-left-color:#ff786d;background:#3d1819f2}.recovery-banner p{margin:0;color:#c7d0d8;font-size:12px;line-height:1.45}.recovery-banner.error p{color:#ffd7d2}.recovery-copy{min-width:0;display:grid;gap:2px}.recovery-copy strong{color:#fff5d3;font-size:13px;line-height:1.3}.recovery-copy span{color:#b5c0ca;font-size:10px;line-height:1.4;overflow-wrap:anywhere}.recovery-actions{flex:0 0 auto;display:flex;gap:6px}.recovery-button{flex:0 0 auto;min-width:92px;min-height:44px;padding:6px 12px;border:1px solid #ffe59b;border-radius:9px;color:#211b0c;background:linear-gradient(#ffeaa1,#d7b94f);font:800 12px/1.3 Murecho,sans-serif;cursor:pointer;-webkit-tap-highlight-color:transparent}.recovery-button.secondary{min-width:72px;border-color:#647181;color:#e2e8ed;background:#2a3542}.recovery-button:hover:not(:disabled){filter:brightness(1.1)}.recovery-button:active:not(:disabled){transform:translateY(1px)}.recovery-button:disabled{cursor:wait;filter:grayscale(.65);opacity:.65}.recovery-button:focus-visible{outline:3px solid #8be3ff;outline-offset:3px}.recovery-pulse{flex:0 0 auto;width:10px;height:10px;border-radius:50%;background:#82d9ff;box-shadow:0 0 #82d9ff99;animation:recovery-pulse 1.5s ease-out infinite}@keyframes recovery-pulse{70%,to{box-shadow:0 0 0 8px #82d9ff00}}.online-battle{--ob-gold: #f5d878;--ob-blue: #82d9ff;--ob-topbar-h: calc(51px + max(7px, env(safe-area-inset-top))) ;min-height:100dvh;height:100dvh;overflow:auto;color:#f6f3ea;background:radial-gradient(circle at 50% 40%,rgba(32,78,101,.38),transparent 44%),linear-gradient(145deg,#111924,#070b12 72%)}.ob-topbar{position:sticky;top:0;z-index:20;min-height:var(--ob-topbar-h);box-sizing:border-box;display:grid;grid-template-columns:minmax(72px,1fr) auto minmax(72px,1fr);align-items:center;gap:8px;padding:max(7px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) 7px max(10px,env(safe-area-inset-left));border-bottom:1px solid rgba(245,216,120,.22);background:#070b12f0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.ob-exit,.ob-result button,.ob-action{min-height:44px;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.ob-exit{justify-self:start;min-width:72px;padding:0 12px;color:#e9edf1;border:1px solid #4b5664;border-radius:10px;background:#202a36}.ob-match-heading{min-width:0;display:flex;flex-direction:column;align-items:center;line-height:1.2}.ob-match-heading strong{color:var(--ob-gold);font:700 clamp(12px,2.8vw,17px)/1.15 "Cinzel",serif;letter-spacing:.12em;white-space:nowrap}.ob-match-heading span{margin-top:3px;color:#aeb8c4;font-size:11px}.ob-connection{justify-self:end;min-width:0;display:flex;align-items:center;gap:6px;color:#b9c5ce;font-size:11px;overflow-wrap:anywhere}.ob-connection-dot{flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:#56dca0;box-shadow:0 0 10px #56dca0b3}.ob-layout{width:min(1440px,100%);min-height:calc(100dvh - var(--ob-topbar-h));box-sizing:border-box;margin:0 auto;padding:10px 10px max(10px,env(safe-area-inset-bottom));display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,320px);gap:12px}.ob-board{position:relative;min-width:0;display:grid;grid-template-rows:minmax(0,auto) auto minmax(0,auto);align-content:center;gap:8px;padding:10px;overflow:hidden;border:1px solid rgba(129,176,199,.24);border-radius:16px;background:linear-gradient(90deg,transparent 49.8%,rgba(245,216,120,.11) 50%,transparent 50.2%),repeating-linear-gradient(135deg,rgba(255,255,255,.018) 0 2px,transparent 2px 12px),#111c27d6}.ob-player{min-width:0;padding:8px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:#070c138f}.ob-player.is-active{border-color:#82d9ffad;box-shadow:inset 0 0 24px #27a1da1a}.ob-player-summary{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px}.ob-player-name{font-weight:800;letter-spacing:.04em}.ob-turn-badge{display:inline-flex;align-items:center;min-height:22px;margin-left:7px;padding:0 7px;border-radius:999px;color:#07131a;background:var(--ob-blue);font-size:10px;font-weight:800}.ob-resource-list,.ob-status-panel dl{display:flex;gap:6px;margin:0}.ob-resource-list div{min-width:46px;display:flex;align-items:baseline;justify-content:center;gap:4px;padding:3px 6px;border-radius:6px;background:#ffffff12}.ob-resource-list dt,.ob-resource-list dd,.ob-status-panel dt,.ob-status-panel dd{margin:0}.ob-resource-list dt{color:#aeb8c4;font-size:9px}.ob-resource-list dd{font:700 15px/1 Cinzel,sans-serif}.ob-character-row{min-width:0;display:flex;justify-content:center;align-items:flex-start;gap:clamp(7px,2vw,24px)}.ob-character{position:relative;min-width:76px;display:grid;justify-items:center;gap:4px;padding:5px;border:1px solid rgba(255,255,255,.11);border-radius:9px;background:#04070b94}.ob-character.is-actor{border-color:var(--ob-gold);box-shadow:0 0 13px #f5d87838}.ob-slot-label,.ob-zone-title{color:#9daab6;font:700 9px/1.2 Cinzel,sans-serif;letter-spacing:.1em}.ob-character.is-actor .ob-slot-label{color:var(--ob-gold)}.ob-card{display:grid;place-items:center}.ob-card-unknown,.ob-card-back{width:72px;aspect-ratio:300 / 417;box-sizing:border-box;display:grid;place-content:center;justify-items:center;gap:3px;border:2px solid #8996a3;border-radius:6px;background:repeating-linear-gradient(135deg,#273447 0,#273447 7px,#172231 7px,#172231 14px);color:#dce6ed;text-align:center}.ob-card-unknown span{font:800 24px/1 Cinzel,sans-serif}.ob-card-unknown small{font-size:9px}.ob-card--small .ob-card-unknown{width:46px}.ob-card-back{flex:0 0 auto;width:54px;border-color:#ab9251;background:radial-gradient(circle,rgba(245,216,120,.26),transparent 46%),repeating-linear-gradient(45deg,#263044 0,#263044 5px,#101725 5px,#101725 10px);color:var(--ob-gold);font:800 12px/1 Cinzel,sans-serif;letter-spacing:.1em}.ob-character-stats{width:100%;display:grid;gap:2px;color:#cad2d9;font-size:9px;text-align:center}.ob-equipment{position:absolute;right:-24px;bottom:3px;display:grid;justify-items:center;gap:2px;color:var(--ob-gold);font-size:8px}.ob-zone-row{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;margin-top:6px}.ob-hand{min-height:66px;min-width:0;display:flex;align-items:end;gap:5px;padding:4px;overflow-x:auto;scrollbar-width:thin}.ob-more-count,.ob-empty-zone{color:#8f9ba6;font-size:11px}.ob-trash-top{min-width:52px;display:grid;justify-items:center;gap:3px;color:#8f9ba6;font-size:8px}.ob-effect-list{display:flex;flex-wrap:wrap;gap:4px;margin:6px 0 0;padding:0;list-style:none}.ob-effect-list li{padding:3px 6px;border:1px solid rgba(130,217,255,.24);border-radius:999px;color:#bdeaff;background:#14536c33;font-size:9px}.ob-center{min-height:54px;display:flex;align-items:center;justify-content:center;gap:14px;padding:3px;border-block:1px dashed rgba(245,216,120,.2)}.ob-field-zone,.ob-field-card{display:flex;align-items:center;gap:7px}.ob-field-card>span{max-width:170px;display:grid;gap:2px;color:#d6dde3;font-size:11px}.ob-field-card small{color:#909ca7;font-size:9px}.ob-attack{display:grid;gap:2px;padding:7px 10px;border:1px solid rgba(255,116,93,.55);border-radius:9px;background:#66191480;text-align:center}.ob-attack strong{color:#ffb0a2}.ob-attack span{font-size:11px}.ob-attack small{color:#e9bbb3}.ob-rail{min-width:0;display:flex;flex-direction:column;gap:10px}.ob-rail-panel{padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#0e151ee6}.ob-rail-panel h2{margin:0 0 9px;color:var(--ob-gold);font-size:13px;letter-spacing:.06em}.ob-status-panel dl{display:grid;gap:5px}.ob-status-panel dl div{display:flex;justify-content:space-between;gap:10px;font-size:12px}.ob-status-panel dt{color:#9daab6}.ob-status-panel dd{text-align:right}.ob-actions{display:grid;gap:7px}.ob-action{width:100%;min-width:0;display:grid;gap:2px;padding:8px 11px;border:1px solid #8f7a3c;border-radius:9px;color:#fff9e7;background:linear-gradient(#493f26,#292319);text-align:left}.ob-action:hover:not(:disabled){border-color:var(--ob-gold);background:linear-gradient(#5d502e,#31291a)}.ob-action:active:not(:disabled){transform:translateY(1px)}.ob-action:disabled{cursor:wait;opacity:.5}.ob-action strong{font-size:13px}.ob-action span{color:#d6cda9;font-size:10px;overflow-wrap:anywhere}.ob-action.is-phase{border-color:#667382;color:#e4e9ed;background:linear-gradient(#303a45,#202832)}.ob-action.is-confirming{border-color:#ffad78;color:#fff3e8;background:linear-gradient(#713b28,#3f241c)}.ob-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ob-command-error,.ob-command-pending,.ob-waiting,.ob-empty-log{margin:0 0 8px;color:#aeb8c4;font-size:12px;line-height:1.5}.ob-command-error{padding:8px;border-left:3px solid #ff786d;color:#ffd3ce;background:#7e1d1740}.ob-event-list{max-height:32vh;margin:0;padding:0 0 0 22px;overflow:auto;color:#c2cad1;font-size:11px;line-height:1.55}.ob-event-list li+li{margin-top:4px}.ob-result{position:absolute;z-index:10;inset:50% auto auto 50%;width:min(340px,calc(100% - 28px));box-sizing:border-box;display:grid;justify-items:center;gap:7px;padding:22px;border:1px solid var(--ob-gold);border-radius:14px;background:#080c12f5;box-shadow:0 20px 70px #000000bf;transform:translate(-50%,-50%);text-align:center}.ob-result>span{color:#9ca7b1;font:700 10px/1 Cinzel,sans-serif;letter-spacing:.16em}.ob-result>strong{color:var(--ob-gold);font-size:28px}.ob-result p{margin:0;color:#bdc5cc}.ob-result button{width:100%;margin-top:6px;border:1px solid var(--ob-gold);border-radius:9px;color:#17130a;background:var(--ob-gold);font-weight:800}.ob-exit:hover,.ob-result button:hover{filter:brightness(1.12)}.ob-exit:focus-visible,.ob-action:focus-visible,.ob-result button:focus-visible{outline:3px solid #8be3ff;outline-offset:3px}@media (max-width: 760px){.ob-layout{display:flex;flex-direction:column;min-height:auto;padding:6px}.ob-board{order:0;padding:6px}.ob-rail{display:contents}.ob-action-panel{position:sticky;top:var(--ob-topbar-h);z-index:16;order:-1;padding:8px;box-shadow:0 8px 20px #0000008c}.ob-action-panel h2{margin-bottom:5px}.ob-actions{display:flex;gap:6px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin}.ob-action{flex:0 0 min(220px,76vw)}.ob-status-panel{order:1}.ob-log-panel{order:2}.ob-event-list{max-height:220px}}@media (max-width: 420px){.recovery-banner{width:min(100%,calc(100vw - 20px));padding-left:9px;gap:7px}.recovery-copy span{font-size:9px}.recovery-actions{flex-direction:column}.recovery-button{min-width:82px;padding-inline:9px}.recovery-button.secondary{min-width:68px}.ob-topbar{grid-template-columns:66px minmax(0,1fr) 62px;padding-inline:6px}.ob-exit{min-width:0;padding-inline:8px}.ob-connection{font-size:9px}.ob-connection-dot{width:6px;height:6px}.ob-match-heading strong{font-size:11px;letter-spacing:.06em}.ob-match-heading span{font-size:9px}.ob-player{padding:6px 4px}.ob-player-summary{align-items:flex-start}.ob-player-name{font-size:13px}.ob-resource-list{gap:3px;flex-wrap:wrap;justify-content:flex-end}.ob-resource-list div{min-width:36px;padding-inline:3px}.ob-resource-list dt{font-size:8px}.ob-resource-list dd{font-size:13px}.ob-character-row{gap:4px}.ob-character{min-width:74px;padding-inline:2px}.ob-equipment{right:-14px}.ob-card-back{width:48px}.ob-center{gap:6px}.ob-field-card>span{max-width:86px;font-size:9px}.ob-attack{max-width:132px;padding-inline:6px}}@media (max-width: 340px){.ob-character-row{justify-content:flex-start;overflow-x:auto;padding-bottom:3px}.ob-turn-badge{display:none}.ob-field-card>span{display:none}}@media (prefers-reduced-motion: reduce){.recovery-pulse{animation:none;box-shadow:0 0 0 3px #82d9ff2e}.online-battle *,.online-battle *:before,.online-battle *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.room-lobby{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px 16px;background:#14151c;color:#e6e9f2}.room-lobby-card{width:100%;max-width:340px;display:flex;flex-direction:column;gap:12px;align-items:stretch;text-align:center}.room-lobby-card h1{font-size:18px;margin:0 0 4px}.room-lobby-note{color:#9aa3c0;font-size:12.5px;line-height:1.6;margin:0 0 4px}.room-lobby-error{color:#ffd7d2;background:#3d1819f2;border-left:3px solid #ff786d;border-radius:6px;padding:8px 10px;font-size:12.5px;margin:0;text-align:left}.room-lobby-code{font-size:32px;font-weight:700;letter-spacing:.12em;margin:0;padding:12px;background:#1e2030;border-radius:10px}.room-lobby-join{display:flex;flex-direction:column;gap:6px;margin-top:4px}.room-lobby-join label{font-size:12px;color:#9aa3c0;text-align:left}.room-lobby-join input{font-size:18px;letter-spacing:.12em;text-align:center;text-transform:uppercase;padding:10px;border-radius:8px;border:1px solid #555;background:#1e2030;color:#e6e9f2}.room-lobby-status{display:flex;flex-direction:column;gap:6px;margin:0;text-align:left}.room-lobby-status>div{display:flex;justify-content:space-between;padding:8px 10px;background:#1e2030;border-radius:8px;border-left:3px solid #555}.room-lobby-status>div.is-ready{border-left-color:#71c99c}.room-lobby-status dt{font-weight:600}.room-lobby-status dd{margin:0;color:#9aa3c0}.room-lobby-status>div.is-ready dd{color:#71c99c}.duel-space{min-height:100dvh;padding:20px 14px max(20px,env(safe-area-inset-bottom));background:#14151c;color:#e6e9f2}.duel-space-inner{width:100%;max-width:520px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.duel-space-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.duel-space-header h1{font-size:18px;margin:0}.duel-space-note{color:#9aa3c0;font-size:12.5px;line-height:1.6;margin:0}.duel-space-error{color:#ffd7d2;background:#3d1819f2;border-left:3px solid #ff786d;border-radius:6px;padding:8px 10px;font-size:12.5px;margin:0;text-align:left}.duel-space-loading{color:#9aa3c0;font-size:12.5px;margin:0}.duel-space-actor-list{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}.duel-space-actor{display:flex;align-items:center;gap:10px;min-height:44px;padding:8px 10px;border:1px solid #333648;border-radius:10px;background:#1e2030}.duel-space-actor.is-player{background:#1a1c28}.duel-space-portrait{flex:0 0 auto;width:44px;display:flex;align-items:center;justify-content:center}.duel-space-portrait-player{width:44px;height:44px;border-radius:50%;background:#2a2d3f;font-size:20px}.duel-space-actor-info{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}.duel-space-actor-name{display:flex;align-items:center;gap:6px;font-weight:700;font-size:13.5px;overflow-wrap:anywhere}.duel-space-npc-badge{flex:0 0 auto;padding:1px 6px;border-radius:999px;background:#82d9ff;color:#07131a;font-size:12px;font-weight:800;letter-spacing:.04em}.duel-space-actor-status{color:#71c99c;font-size:12px}.duel-space-actor-soon{flex:0 0 auto;color:#9aa3c0;font-size:12px;text-align:right;max-width:96px}@media (max-width: 380px){.duel-space-actor{gap:8px;padding:7px 8px}.duel-space-portrait{width:40px}.duel-space-actor-name{font-size:12.5px}}.quick-match{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px 16px;background:#14151c;color:#e6e9f2}.quick-match-card{width:100%;max-width:340px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.quick-match-card h1{font-size:18px;margin:0}.quick-match-note{color:#9aa3c0;font-size:12.5px;line-height:1.6;margin:0}.quick-match-presence{margin:0;font-size:13px;font-weight:700;display:flex;flex-direction:column;gap:2px}.quick-match-presence-available{color:#71c99c}.quick-match-presence-none{color:#9aa3c0}.quick-match-presence-caveat{font-size:12px;font-weight:400;color:#9aa3c0}.quick-match-error{color:#ffd7d2;background:#3d1819f2;border-left:3px solid #ff786d;border-radius:6px;padding:8px 10px;font-size:12.5px;margin:0;text-align:left;align-self:stretch}.quick-match-spinner{width:44px;height:44px;border-radius:50%;border:4px solid #2a2d3f;border-top-color:#82d9ff;animation:quick-match-spin .9s linear infinite}@keyframes quick-match-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.quick-match-spinner{animation:none}}