.modal-bg.duel-panel{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;pointer-events:none;padding:8px;align-items:flex-end;z-index:965}.duel-panel .duel-dialog{pointer-events:auto;width:min(820px,calc(100vw - 16px));max-width:calc(100vw - 16px);height:auto;max-height:min(340px,calc(100dvh - 16px));margin:0;padding:10px 12px;display:flex;flex-direction:column;gap:6px;min-height:0;overflow:hidden;box-sizing:border-box;background:#0b111bf7;border:1px solid #7b704e;border-radius:10px;box-shadow:0 6px 24px #0006}.duel-panel .modal-head,.cc-head{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;flex:none}.duel-panel .cc-dialog{width:min(var(--choice-width,820px),calc(100vw - 16px))}.duel-panel .modal-head h3,.cc-head h3{flex:1 0 100%;min-width:0;margin:0;font-size:16px;line-height:1.25;overflow-wrap:anywhere;max-height:none;overflow:visible;text-transform:none;letter-spacing:normal}.duel-controls{display:flex;align-items:center;gap:6px;margin-left:auto;flex:none}.duel-panel button{min-height:36px;font-size:11px;padding:6px 10px;letter-spacing:.04em}.duel-panel .duel-dialog>.row{margin:0;padding-top:6px;gap:8px;justify-content:flex-end;flex-wrap:wrap;flex:none}.duel-panel .duel-dialog>.sub,.cc-instruction{margin:0;font-size:12px;line-height:1.35;overflow-wrap:anywhere;max-height:none;overflow:visible;flex:none}.duel-panel .duel-body{min-height:0;min-width:0;overflow:auto;flex:1 1 auto}.duel-panel .duel-body:empty{display:none}.duel-panel.duel-expanded .duel-dialog{width:min(1020px,calc(100vw - 16px));height:min(540px,68dvh);max-height:68dvh}.duel-panel.duel-minimized{align-items:flex-start;justify-content:flex-end}.duel-minimized .duel-dialog{display:none}.duel-restore{pointer-events:auto;max-width:min(500px,calc(100vw - 20px));margin:46px 8px 0;white-space:normal;text-transform:none;background:#0d1727;border:1px solid #6ed8ed;border-radius:8px;box-shadow:0 3px 15px #0008}.duel-restore[hidden],.duel-panel.duel-suspended{display:none}.duel-pending .inspect-bg{background:#0002;backdrop-filter:none;-webkit-backdrop-filter:none}.duel-pending .cc-peeking,.modal-bg.minimised{backdrop-filter:none;-webkit-backdrop-filter:none}.decision-target{outline:2px solid #66dcee!important;outline-offset:3px;cursor:pointer}.decision-selected{outline:3px solid #f4cf72!important;box-shadow:0 0 18px #f4cf72!important}.cc-selected-count{color:#8fe8f6;font-size:12px;white-space:nowrap}.cc-toolbar{display:none;gap:6px;align-items:center;flex-wrap:wrap;flex:none}.cc-filters-open .cc-toolbar,.duel-expanded .cc-toolbar{display:flex}.cc-toolbar input{flex:1;min-width:100px}.cc-toolbar input,.cc-toolbar select{min-height:36px;max-width:100%;font-size:12px;padding:6px;background:#131c27;border:1px solid #405668;border-radius:5px;color:#e0e9ef}.cc-toolbar select{max-width:120px}.cc-count{font-size:11px}.cc-selected-filter[aria-pressed=true]{border-color:#6ed8ed;color:#8fe8f6}.cc-content{display:flex;position:relative;gap:5px;min-height:0;flex:1 1 180px;overflow:hidden}.cc-grid{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;overflow-y:hidden;min-width:0;min-height:0;flex:1;align-items:center;padding:4px;container-type:size;scroll-snap-type:x proximity;overscroll-behavior:contain;scrollbar-width:none}.cc-grid::-webkit-scrollbar{display:none}.cc-grid{justify-content:safe center}.cc-card{box-sizing:border-box;width:88px;flex:0 0 88px;height:min(174px,100cqh);min-width:0;display:flex;flex-direction:column;border:1px solid #344757;border-radius:6px;background:#101923;overflow:hidden;scroll-snap-align:start}.cc-card.selected{border:1px solid #64ddf6;background:#173742;box-shadow:inset 0 0 0 1px #64ddf6}.duel-panel .cc-pick{display:flex;flex:1;flex-direction:column;position:relative;width:100%;min-height:0;padding:4px;border:0;background:transparent;text-transform:none;letter-spacing:normal;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:pan-x}.cc-art{display:block;position:relative;width:100%;flex:1;min-height:0}.cc-art img{width:100%;height:100%;object-fit:contain;display:block}.cc-name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;flex:none;width:100%;height:28px;line-height:14px;font-size:10px;text-align:center;overflow:hidden;overflow-wrap:anywhere;margin-top:4px}.cc-meta{flex:none;font-size:10px;line-height:15px;height:15px;white-space:nowrap}.cc-number{position:absolute;top:6px;left:6px;min-width:20px;height:20px;padding:1px 4px;box-sizing:border-box;background:#123c4d;border:1px solid #64ddf6;color:#fff;border-radius:4px;font-weight:700}.cc-inspect-hint{position:absolute;left:1px;right:1px;bottom:2px;padding:3px;border-radius:4px;background:#07121eee;border:1px solid #6bc8dc80;line-height:12px;font-size:10px;color:#c9f4ff;text-align:center;visibility:hidden;pointer-events:none}.cc-pick:hover .cc-inspect-hint,.cc-pick:focus-visible .cc-inspect-hint{visibility:visible}.duel-panel .cc-scroll{align-self:center;flex:0 0 26px;padding:0;font-size:23px;transition:opacity .15s,background .15s}.cc-scroll:disabled{opacity:.2}.duel-expanded .cc-card{width:116px;flex-basis:116px;height:min(220px,100cqh)}.cc-footer{flex:none;padding:6px 0 0;border-top:1px solid #344757}.cc-summary{font-size:12px;line-height:1.35;max-height:2.7em;overflow:auto;margin-bottom:5px}.cc-summary[hidden]{display:none}.cc-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.cc-order{display:flex;flex:none;gap:3px;padding:3px}.duel-panel .cc-order button{flex:1;min-width:0;padding:2px;font-size:9px}.duel-panel :focus-visible{outline:2px solid #70def7;outline-offset:-2px}.duel-panel .ability-list{min-width:0;display:flex;flex-direction:row;gap:8px;overflow:auto}.duel-panel .ability-opt{flex:0 0 300px;padding:8px;gap:8px;align-items:flex-start}.duel-panel .ability-opt img{width:64px}.duel-panel .ability-opt .nm{font-size:12px;line-height:1.25;padding-right:12px}.duel-panel .ability-opt .rules{font-size:11px;line-height:1.4;max-height:130px;overflow:auto}.duel-panel .reveal-row img,.duel-panel .pick img{max-height:140px;width:auto;max-width:100%;object-fit:contain}.duel-panel .pick{width:104px;min-width:0}.duel-panel .pick .cap{max-height:30px;font-size:11px;overflow:hidden}.duel-panel .shatter-stage{width:100px;max-width:100%;margin-inline:auto}.duel-panel .sp-row{min-width:0}.duel-panel .sp-art{max-height:110px}.duel-panel .duel-dialog:has(.check-reveal),.duel-panel .duel-dialog:has(.outcome){--event-art-height:clamp(72px,22dvh,160px);width:min(660px,calc(100vw - 16px));max-height:calc(100dvh - 16px)}.duel-panel .duel-body.check-reveal{flex:none;padding:4px;overflow:visible}.duel-panel .check-reveal img{height:var(--event-art-height);width:auto;max-width:100%;object-fit:contain}.duel-panel .duel-body.outcome{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"art explanation" "art name";grid-template-rows:1fr 1fr;gap:6px 18px;padding:4px;overflow:visible;flex:none;align-items:center}.duel-panel .outcome .shatter-stage{grid-area:art;height:var(--event-art-height);width:calc(var(--event-art-height) * 5 / 7);flex:none;margin:0}.duel-panel .outcome-explanation{grid-area:explanation;align-self:end;text-align:left;font-size:13px;margin:0}.duel-panel .outcome-name{grid-area:name;align-self:start;margin:0;font-size:12px;line-height:1.3;letter-spacing:normal;overflow-wrap:anywhere}.duel-panel.duel-expanded .duel-dialog:has(.check-reveal),.duel-panel.duel-expanded .duel-dialog:has(.outcome){height:auto;--event-art-height:clamp(90px,32dvh,240px)}.duel-panel .duel-dialog:has(.skill-confirmation){width:min(560px,calc(100vw - 16px))}.skill-confirmation{display:flex;flex-direction:column;gap:12px;padding:8px 0}.skill-confirmation-effect{margin:0;font-size:16px;line-height:1.45}.skill-confirmation-payment{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;font-size:12px;color:#b9c6d6}.skill-confirmation-payment strong{padding:6px 10px;border:1px solid #a78c49;border-radius:6px;color:#efd48f;background:#2d281b;white-space:nowrap}.duel-panel .duel-dialog:has(.action-cast-preview){width:min(660px,calc(100vw - 16px))}.duel-panel .action-cast-preview{display:flex;align-items:flex-start;gap:14px;padding:4px}.duel-panel .action-cast-preview>img{height:clamp(70px,22dvh,150px);width:auto;max-width:30%;object-fit:contain;flex:none;cursor:zoom-in}.action-cast-details{min-width:0;display:flex;flex-direction:column;gap:8px}.action-cast-name{font-size:14px;line-height:1.3;overflow-wrap:anywhere}.action-cast-rules{font-size:13px;line-height:1.5}@keyframes duel-panel-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:700px){.duel-panel .duel-dialog{max-height:46dvh;padding:8px}.duel-panel button{min-height:44px}.duel-controls button{min-height:36px}.cc-head h3{font-size:14px}.cc-selected-count{font-size:11px}.cc-card{width:88px;flex-basis:88px}.cc-instruction{display:none}.duel-panel.duel-expanded .duel-dialog{max-height:66dvh;height:66dvh}}@media(max-height:500px)and (orientation:landscape){.duel-panel .duel-dialog,.duel-panel .cc-dialog{width:min(640px,calc(100vw - 16px));max-height:78dvh;padding:8px}.duel-panel.duel-expanded .duel-dialog{width:min(820px,calc(100vw - 16px));height:calc(100dvh - 16px);max-height:calc(100dvh - 16px)}.cc-head h3{font-size:13px}.cc-instruction{display:none}.cc-card{width:72px;flex-basis:72px}.duel-panel .ability-opt{flex-basis:260px}.duel-panel .duel-body{max-height:none}}@media(prefers-reduced-motion:reduce){.duel-panel .duel-dialog{animation:none}}html[data-animation-intensity=minimal] .duel-panel .duel-dialog{animation:none}@font-face{font-family:Roboto;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/roboto-latin-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Roboto;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/roboto-latin-ext-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto;font-style:italic;font-weight:100 900;font-display:swap;src:url(/fonts/roboto-latin-italic.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Roboto;font-style:italic;font-weight:100 900;font-display:swap;src:url(/fonts/roboto-latin-ext-italic.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--gold: #c9a961;--gold-dim: #8a7440;--silver: #d8dde6;--ink: #0a0a0d;--panel: rgba(14, 15, 20, .92);--edge: rgba(201, 169, 97, .35);--good: #6ee7a8;--bad: #f2777a;--card-radius: 5px;--hand-h: clamp(118px, 16vh, 172px);--pile-w: clamp(34px, min(4.2vw, 7.2vh), 62px);--mat-chrome: 34px;--slot-w: 84px;--slot-h: 118px}*{box-sizing:border-box}html,body{margin:0;height:100%;background:radial-gradient(ellipse 130% 100% at 50% 44%,rgba(44,53,82,.34),transparent 78%),#0c0e15;background-attachment:fixed;color:var(--silver);font-family:Roboto,Verdana,Segoe UI,system-ui,-apple-system,sans-serif;overflow:hidden}#app{height:100vh;display:flex;flex-direction:column;overflow:hidden}.screen{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;background:radial-gradient(ellipse at 50% 40%,rgba(40,52,84,.5),transparent 65%),#050507;padding:30px;overflow-y:auto}.screen h1{font-size:clamp(28px,5vw,52px);letter-spacing:.16em;margin:0;font-weight:300;background:linear-gradient(180deg,#fff,var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}.screen h2{font-weight:400;letter-spacing:.1em;color:var(--gold);margin:0;font-size:17px;text-transform:uppercase}.subtle{color:#8b93a3;font-size:13px;margin:0;text-align:center;max-width:560px;line-height:1.6}button,.btn-link{background:linear-gradient(180deg,#c9a96138,#c9a96114);border:1px solid var(--edge);color:var(--silver);padding:11px 26px;border-radius:3px;font-size:13px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:all .15s;font-family:inherit}button:hover:not(:disabled),.btn-link:hover{background:linear-gradient(180deg,#c9a96166,#c9a9612e);border-color:var(--gold);color:#fff}.btn-link{display:inline-block;text-decoration:none}button:disabled{opacity:.35;cursor:not-allowed}button.primary{border-color:var(--gold);background:linear-gradient(180deg,#c9a96161,#c9a96129)}button.secondary,.btn-link.secondary{border-color:var(--edge);background:#ffffff08;color:#8b93a3}button.secondary:hover,.btn-link.secondary:hover{border-color:var(--gold-dim);color:var(--gold);background:#c9a9611a}.dash-buttons{display:flex;gap:16px;margin-top:8px}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:18px;max-width:900px;width:100%}.gallery-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 10px 12px;border:1px solid var(--edge);border-radius:8px;background:#ffffff05;cursor:pointer;transition:all .15s;text-align:center}.gallery-card:hover{border-color:var(--gold);background:#c9a96114;transform:translateY(-3px);box-shadow:0 8px 24px #00000080}.gallery-card-img{width:120px;height:168px;object-fit:cover;border-radius:5px;box-shadow:0 3px 12px #000000b3}.gallery-card-name{font-size:15px;font-weight:600;color:#fff}.gallery-card-state{font-size:11px;color:var(--gold);letter-spacing:.1em}.gallery-card-guild{font-size:10px;color:#6f7889;letter-spacing:.08em}.gallery-card-brief{font-size:11px;color:#8b93a3;line-height:1.5;margin-top:4px}.deck-detail-screen{justify-content:flex-start;padding-top:20px;overflow-y:auto}.deck-detail-header{display:flex;align-items:center;gap:20px;width:100%;max-width:1100px;flex-shrink:0}.deck-detail-header h2{flex:1}.deck-detail-layout{display:grid;grid-template-columns:320px 1fr;gap:20px;width:100%;max-width:1100px;flex:1;min-height:400px;overflow:hidden}.deck-detail-list{overflow-y:auto;border:1px solid var(--edge);border-radius:8px;background:#0000004d;padding:10px}.deck-group-label{font-size:11px;font-weight:600;letter-spacing:.12em;color:var(--gold-dim);text-transform:uppercase;margin:12px 0 6px;padding-bottom:4px;border-bottom:1px solid rgba(201,169,97,.15)}.deck-group-label:first-child{margin-top:0}.deck-card-row{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:5px;cursor:pointer;transition:background .12s}.deck-card-row:hover{background:#c9a96114}.deck-card-row.sel{background:#c9a96129}.deck-card-row img{width:36px;height:50px;object-fit:cover;border-radius:3px;flex-shrink:0;box-shadow:0 1px 4px #0009}.deck-card-row-info{flex:1;min-width:0}.deck-card-row-name{font-size:12px;color:#dfe6f2;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.deck-card-row-stats{font-size:10px;color:#6f7889;margin-top:1px}.deck-card-row-copies{font-size:11px;color:var(--gold);font-weight:600;flex-shrink:0}.deck-detail-panel{border:1px solid var(--edge);border-radius:8px;background:#0000004d;padding:20px;overflow-y:auto;display:flex;flex-direction:column;align-items:center;gap:16px}.deck-detail-art{max-width:280px;width:100%;height:auto;border-radius:6px;box-shadow:0 4px 20px #000000b3}.deck-detail-body{width:100%;max-width:420px}.deck-detail-name{font-size:18px;font-weight:600;color:#fff;margin-bottom:4px}.deck-detail-type{font-size:12px;color:var(--gold);letter-spacing:.05em;margin-bottom:12px}.deck-detail-stats{display:flex;gap:18px;margin-bottom:12px}.deck-detail-stats span{font-size:12px;color:#c3cad6}.deck-detail-stats b{color:var(--gold);font-weight:600}.deck-detail-state{font-size:12px;color:var(--gold);margin-bottom:12px}.deck-detail-text{font-size:13px;line-height:1.7;color:#c3cad6;margin-bottom:12px;font-style:italic!important}.deck-detail-flavor{font-size:11px;font-style:italic;color:#6f7889;line-height:1.5}.dice-row{display:flex;gap:42px;align-items:center}.die{width:92px;height:92px;display:flex;align-items:center;justify-content:center;font-size:44px;font-weight:300;border:1px solid var(--edge);border-radius:10px;background:var(--panel)}.die.win{border-color:var(--gold);box-shadow:0 0 26px #c9a96166;color:var(--gold)}.die .who{position:absolute;margin-top:108px;font-size:11px;letter-spacing:.18em;color:#8b93a3}.pick-row{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;max-width:1000px}.pick{border:2px solid transparent;border-radius:7px;padding:5px;cursor:pointer;transition:all .15s;background:#ffffff05}.pick img{width:clamp(104px,11.5vw,150px);border-radius:var(--card-radius);display:block}.pick:hover{border-color:var(--gold-dim);transform:translateY(-4px)}.pick.sel{border-color:var(--gold);box-shadow:0 0 22px #c9a96159}.pick .cap{font-size:11px;text-align:center;margin-top:6px;color:#9aa3b4}.pick .pick-role{font-size:10px;text-align:center;margin-top:2px;font-weight:700;letter-spacing:.5px}.pick .pick-role.persona{color:var(--gold)}.pick .pick-role.ally{color:#7a8499}.pick .pick-role.hand{color:#6ee7a8}.pick .pick-role.grave{color:#b377a8}.pick .pick-role.deck{color:#7ab8e0}:root{--board-perspective: 1300px;--board-tilt: 15deg;--board-origin: 50% 66%}.board-wrap{flex:1;display:flex;flex-direction:column;position:relative;min-height:0;perspective:var(--board-perspective);perspective-origin:var(--board-origin)}.mats{flex:1;min-height:0;transform-origin:50% 100%;transform:rotateX(var(--board-tilt));transform-style:preserve-3d;position:relative;display:flex;flex-direction:column;gap:6px;padding:8px;overflow:hidden}.mats:after{content:"";position:absolute;top:-4%;right:-2%;bottom:-6%;left:-2%;z-index:-1;pointer-events:none;background:radial-gradient(60% 50% at 50% 55%,rgba(0,0,0,.55),transparent 72%)}@media(prefers-reduced-motion:reduce){.mats{transform:none}}.mat{flex:1;min-height:0;container-type:size;position:relative;width:100%;max-width:min(100%,calc((100vh - var(--hand-h) - var(--mat-chrome)) / 2 * 2.6));margin-inline:auto;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto 1fr auto;grid-template-areas:"extra    units    check" "codex    units    deck" "exile    barrier  grave";gap:6px 10px;padding:12px 16px;border:1px solid rgba(201,169,97,.34);border-radius:10px;background:url(/ui/game-mat-fractured-v1.png) center / cover no-repeat,#08090d;box-shadow:inset 0 0 0 1px #c9a9611a,inset 0 0 48px #000000d9}.mat.foe,.mat.foe .flip{transform:rotate(180deg)}.opening-deal .hand-card,.opening-deal .foehand .fb{visibility:hidden}.opening-deal .board-wrap,.opening-deal .hand-bar{pointer-events:none}.mat:before,.mat:after{content:"";position:absolute;width:26px;height:26px;border:1px solid rgba(201,169,97,.5);pointer-events:none}.mat:before{top:5px;left:5px;border-right:0;border-bottom:0;border-radius:6px 0 0}.mat:after{bottom:5px;right:5px;border-left:0;border-top:0;border-radius:0 0 6px}.mat.active{border-color:#c9a961bf;box-shadow:inset 0 0 0 1px #c9a96133,inset 0 0 48px #000000d9,0 0 26px #c9a96124}.zbox{border:1px solid rgba(201,169,97,.18);border-radius:6px;background:#ffffff03;padding:4px 7px 5px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0}.zlabel{font-size:8px;letter-spacing:.2em;color:#c9a96199;text-transform:uppercase;white-space:nowrap;font-weight:600}.defense-zone{flex:none;width:100%;max-width:min(100%,calc((100vh - var(--hand-h) - var(--mat-chrome)) / 2 * 2.6));align-self:center;display:flex;align-items:center;justify-content:center;gap:10px;position:relative;min-height:26px;margin:2px auto;padding:3px 12px;border-top:1px solid rgba(201,169,97,.18);border-bottom:1px solid rgba(201,169,97,.18);background:linear-gradient(180deg,transparent,rgba(201,169,97,.05),transparent);transition:background .2s,border-color .2s}.defense-zone.live{border-color:#f2777a80;background:linear-gradient(180deg,#f2777a0a,#f2777a1f,#f2777a0a)}.dz-row{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:10px;z-index:5}.dz-label{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:8.5px;letter-spacing:.3em;text-transform:uppercase;color:#c9a96180;pointer-events:none;transition:opacity .2s}.defense-zone.live .dz-label{opacity:0}.dz-card{display:flex;align-items:center;gap:5px}.dz-card.foe{transform:rotate(180deg)}.dz-card .dval{font-size:11px;font-weight:700;color:#f2777a;white-space:nowrap}.z-extra{grid-area:extra}.z-codex{grid-area:codex}.z-check{grid-area:check}.z-deck{grid-area:deck}.z-units{grid-area:units;display:flex;flex-direction:row;align-items:center;justify-content:center;--units-gap: clamp(6px, .8vw, 14px);gap:var(--units-gap);min-height:0;border:0;background:none;padding:0;justify-self:stretch;width:100%;min-width:0;container-type:size}.z-exile{grid-area:exile}.z-barrier{grid-area:barrier;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:clamp(34px,22cqh,84px);justify-self:center}.barrier-row{flex:1;min-height:0}.z-grave{grid-area:grave}.slot{height:min(86cqh,calc((100cqw - 4 * var(--units-gap)) / 5 * 7 / 5));aspect-ratio:5 / 7;width:auto;min-width:0;border-radius:4px;border:1px solid rgba(201,169,97,.22);background:#00000059;display:flex;align-items:center;justify-content:center;position:relative;transition:all .15s;flex-shrink:0}.slot .stag{font-size:8px;letter-spacing:.16em;color:#c9a96129;text-transform:uppercase;transition:color .15s}.slot:hover .stag{color:#c9a96180}.slot.drop .stag{color:var(--gold)!important;font-size:9px}.slot.persona{border-color:#c9a9618c;box-shadow:inset 0 0 22px #c9a96129,0 0 20px #c9a9611f;max-height:100%;border-width:2px;position:relative}.heart-btn{position:absolute;bottom:2px;left:50%;transform:translate(-50%);display:flex;gap:4px;align-items:center;background:#14121eeb;border:1px solid rgba(201,169,97,.4);border-radius:10px;padding:1px 6px;font-size:8px;font-weight:600;color:var(--gold);cursor:pointer;white-space:nowrap;z-index:5;transition:background .15s,box-shadow .15s}.heart-btn:hover{background:#282337f2;box-shadow:0 0 10px #c9a9614d}.heart-btn .spirit-count{color:#6ee7a8}.heart-btn .heart-count{color:#c9a961cc}.spirit-row .spirit-icon{width:48px;height:48px;border-radius:50%;background:radial-gradient(circle,#6ee7a866,#6ee7a81a);border:2px solid rgba(110,231,168,.5);flex-shrink:0}.slot.drop{border-color:var(--gold);border-style:solid;background:#c9a96124;cursor:pointer;box-shadow:0 0 16px #c9a96140}.slot.drop .stag{color:var(--gold)}.slot.drop.overwrite{border-color:#c0392b;background:#c0392b2e;box-shadow:0 0 16px #c0392b4d}.slot.drop.overwrite .stag{color:#e74c3c}.slot.drop.stack{border-color:#27ae60;background:#27ae602e;box-shadow:0 0 16px #27ae604d}.slot.drop.stack .stag{color:#2ecc71}.pilebox{position:relative;width:var(--pile-w);height:calc(var(--pile-w) * 1.4);aspect-ratio:5 / 7;overflow:hidden;opacity:.82;border:1px solid rgba(201,169,97,.18);border-radius:5px;background:#00000057;padding:0;flex-shrink:0;justify-self:center}.pilebox .zlabel{flex-shrink:0}.pilebox .n{position:absolute;left:0;right:0;bottom:0;font-size:13px;color:var(--gold);font-weight:600;line-height:1.5;text-align:center;background:linear-gradient(0deg,rgba(0,0,0,.9),rgba(0,0,0,.55) 60%,transparent);text-shadow:0 1px 3px #000;padding-top:4px;z-index:2}.pilebox:hover{opacity:1}.pilebox.z-codex{opacity:1;border-color:#c9a9618c;box-shadow:0 0 0 1px #c9a9612e,0 0 14px #c9a96129}.pilebox.z-deck .n{color:#dfe6f2}.pilebox .mini{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:4px;background-size:cover;background-position:center;border:0;z-index:0}.pilebox .mini.empty{background:none}.pilebox .zlabel{position:absolute;left:0;right:0;top:0;text-align:center;font-size:7.5px;background:linear-gradient(180deg,rgba(0,0,0,.88),rgba(0,0,0,.5) 65%,transparent);padding:3px 0 5px;text-shadow:0 1px 2px #000;z-index:2}.pilebox:not(:has(.mini)){border-style:dashed;background:#00000038}.pilebox:not(:has(.mini)) .zlabel,.pilebox:not(:has(.mini)) .n{background:none;text-shadow:none}.barrier-row{display:flex;gap:6px;align-items:center;justify-content:center}.barrier{height:clamp(28px,17cqh,70px);aspect-ratio:5 / 7;width:auto;border-radius:3px;background-size:cover;background-position:center;border:1px solid rgba(201,169,97,.34);box-shadow:0 1px 4px #0009}.barrier.broken{background:none;border-style:dashed;border-color:#f2777a59;box-shadow:inset 0 0 12px #f2777a1a;position:relative}.barrier.broken:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(45deg,transparent 46%,rgba(242,119,122,.4) 46%,rgba(242,119,122,.4) 54%,transparent 54%)}.z-barrier .lifecount{display:flex;align-items:baseline;gap:5px;letter-spacing:.05em}.z-barrier .lifecount .now{font-size:19px;font-weight:600;color:var(--gold);line-height:1}.z-barrier .lifecount .max{font-size:11px;color:#6f7889}.z-barrier .lifecount .lbl{font-size:8px;letter-spacing:.2em;color:#c9a96199;text-transform:uppercase;font-weight:600;margin-left:4px}.z-barrier .lifecount.low .now{color:var(--bad)}.card{width:100%;height:100%;border-radius:4px;background-size:cover;background-position:center;position:relative;container-type:inline-size;cursor:pointer;transition:box-shadow .18s;box-shadow:0 2px 8px #000000b3}.card.sel{box-shadow:0 0 0 2px var(--gold),0 0 20px #c9a96180}.card.targetable{box-shadow:0 0 0 2px var(--bad),0 0 18px #f2777a80;cursor:crosshair}.card.attacker{box-shadow:0 0 0 2px var(--good),0 0 18px #6ee7a880}.card.sel,.hand-card.sel{outline:3px solid var(--gold);outline-offset:2px}.card.targetable{outline:3px solid var(--bad);outline-offset:2px}.card.attacker{outline:3px solid var(--good);outline-offset:2px}.card.attacker{scale:1.035;z-index:8}.card.battle-source{outline:3px solid #f2cb72;outline-offset:3px;box-shadow:0 0 16px #e7b65380}.card.battle-target{outline:3px solid #f38a83;outline-offset:3px;box-shadow:0 0 16px #ed6a6580}.effect-source-active{outline:3px solid #8cecff!important;outline-offset:4px}html[data-animation-intensity=minimal] .card.attacker{scale:1}@media(prefers-reduced-motion:reduce){.card.attacker{scale:1}}.pw{position:absolute;bottom:3px;right:3px;font-size:clamp(10px,9cqw,15px);font-weight:700;color:#ffe9a8;text-shadow:0 1px 3px #000,0 0 6px #000;background:#000000b8;padding:1px 5px;border-radius:3px;line-height:1.35}.buffed{color:var(--good)}.mod-chips{position:absolute;left:-8px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column-reverse;gap:3px;z-index:8;pointer-events:auto}.mod-chip.passive{background:linear-gradient(135deg,#603e9cf2,#3a2464f2)!important;border-color:#ba96ffbf!important;color:#e6d9ff!important}.mod-chip{font-size:clamp(9px,8cqw,13px);font-weight:800;padding:2px 8px;border-radius:20px;text-shadow:0 1px 2px #000;cursor:context-menu;white-space:nowrap;line-height:1.4;display:flex;align-items:center;gap:3px;box-shadow:0 2px 6px #0009}.mod-chip.buff{color:#6ee7a8;background:linear-gradient(135deg,#105028eb,#083218eb);border:1.5px solid rgba(110,231,168,.7)}.mod-chip.debuff{color:#f2777a;background:linear-gradient(135deg,#501014eb,#32080aeb);border:1.5px solid rgba(242,119,122,.7)}.mod-popover{position:fixed;z-index:10000;background:#0a0c12;border:1px solid rgba(201,169,97,.4);border-radius:6px;padding:8px 12px;font-size:12px;box-shadow:0 4px 20px #000c;pointer-events:none;max-width:220px}.mod-pop-amount{font-size:14px;font-weight:700;margin-bottom:4px}.mod-pop-amount.buff{color:var(--good)}.mod-pop-amount.debuff{color:var(--bad)}.mod-pop-source{color:#c0c8d8;margin-bottom:2px}.mod-pop-duration{color:#8a92a0;font-size:11px}.mod-pop-art{display:block;width:100%;max-width:150px;aspect-ratio:5 / 7;object-fit:cover;border-radius:5px;margin:6px 0;box-shadow:0 4px 14px #000c,0 0 0 1px #c9a9614d}.inspect-mods{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.inspect-mod-chip{font-size:14px;font-weight:800;padding:4px 14px;border-radius:20px;cursor:context-menu;white-space:nowrap;display:flex;align-items:center;gap:4px;box-shadow:0 2px 8px #0006}.inspect-mod-chip.buff{color:#6ee7a8;background:linear-gradient(135deg,#105028cc,#083218cc);border:2px solid rgba(110,231,168,.6)}.inspect-mod-chip.debuff{color:#f2777a;background:linear-gradient(135deg,#501014cc,#32080acc);border:2px solid rgba(242,119,122,.6)}.divider{height:3px;background:linear-gradient(90deg,transparent,rgba(201,169,97,.45),transparent);flex-shrink:0;position:relative}.divider span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#06070a;padding:0 12px;font-size:8.5px;letter-spacing:.3em;color:#c9a9618c;text-transform:uppercase}.hand-bar{height:var(--hand-h);margin-top:0;background:none;border-top:0;display:flex;align-items:flex-end;justify-content:center;gap:0;padding:10px 16px;overflow:visible;flex-shrink:0;position:relative;z-index:10}.hand-card{height:calc(var(--hand-h) - 22px);width:calc((var(--hand-h) - 22px) * 5 / 7);flex-shrink:0;margin-left:-16px;border-radius:var(--card-radius);background-size:cover;background-position:center;cursor:pointer;transition:transform .16s,box-shadow .16s;box-shadow:0 3px 10px #000000b3;position:relative}.hand-card:first-child{margin-left:0}.hand-card:hover{transform:translateY(-16px) scale(1.06);box-shadow:0 10px 24px #000c;z-index:20}.hand-card.sel{transform:translateY(-16px);box-shadow:0 0 0 2px var(--gold),0 8px 24px #000c;z-index:20}.hand-card.dim{opacity:.82;filter:grayscale(.5) brightness(.62)}.side{position:fixed;z-index:930;width:232px;display:flex;flex-direction:column;background:#0a0b10d6;border:1px solid var(--edge);border-radius:8px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 8px 30px #0000008c;overflow:hidden}.side.foe{top:12px;left:12px}.side.mine{bottom:12px;right:12px}.side.foe header h3{color:#cfe6ff}.side.active{background:#c9a9610d}.side.mine.active{border-color:#c9a9618c}.side.foe.active{border-color:#7fb6ff80}.side header{padding:12px 14px;border-bottom:1px solid rgba(201,169,97,.18)}.side h3{margin:0 0 8px;font-size:12px;letter-spacing:.16em;color:var(--gold);text-transform:uppercase;font-weight:500}.stat{display:flex;justify-content:space-between;font-size:12px;padding:3px 0;color:#a9b1c1}.stat b{color:#fff;font-weight:600}.chip{display:inline-block;padding:2px 9px;border-radius:10px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;border:1px solid}.chip.on{color:var(--good);border-color:#6ee7a880;background:#6ee7a81a}.chip.off{color:#6b7280;border-color:#6b728066}.log-overlay{position:fixed;bottom:12px;left:12px;z-index:930;width:252px;max-height:48vh;display:flex;flex-direction:column;background:#0a0b10d1;border:1px solid var(--edge);border-radius:8px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 8px 30px #00000080;overflow:hidden}.log-overlay.closed{max-height:none}.log-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:6px 11px;border:0;border-radius:0;background:#ffffff0a;color:var(--gold-dim);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase}.log-toggle:hover{color:var(--gold);background:#c9a9611a}.log-toggle .chev{font-size:11px}.log{flex:1;overflow-y:auto;padding:10px 12px;font-size:11px;line-height:1.6;color:#97a0b0}.log div{padding:2px 0;border-bottom:1px solid rgba(255,255,255,.03);display:flex;align-items:center;gap:5px;flex-wrap:wrap}.log .hi{color:var(--gold)}.log-card-thumb{width:22px;height:31px;border-radius:3px;cursor:pointer;object-fit:cover;transition:transform .15s ease,box-shadow .15s ease;border:1px solid rgba(201,169,97,.3);flex-shrink:0}.log-card-thumb:hover{transform:scale(2.2);z-index:20;box-shadow:0 4px 12px #000c;border-color:var(--gold)}.log-card-back{opacity:.55;cursor:default}.log-card-back:hover{transform:scale(1.4);border-color:#c9a9614d}.actions{padding:12px 14px;border-top:1px solid rgba(201,169,97,.18);display:flex;flex-direction:column;gap:8px}.hint{font-size:11.5px;color:#8b93a3;min-height:32px;line-height:1.5}.inspect-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:800;display:flex;align-items:center;justify-content:center;background:#030406e0;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:28px;cursor:zoom-out;animation:inspectIn .13s ease-out}@keyframes inspectIn{0%{opacity:0}to{opacity:1}}.inspect{display:flex;gap:26px;align-items:flex-start;max-width:min(1120px,94vw);max-height:100%}.inspect .art{height:min(86vh,760px);max-height:100%;width:auto;aspect-ratio:5 / 7;border-radius:10px;box-shadow:0 24px 70px #000000e6,0 0 0 1px #c9a9614d;flex-shrink:0;object-fit:cover}.inspect .body{width:min(430px,38vw);max-height:100%;overflow-y:auto;background:#0a0b10f5;border:1px solid var(--edge);border-radius:10px;padding:22px 24px;box-shadow:0 24px 70px #000c}.inspect .hd{border-bottom:1px solid rgba(201,169,97,.22);padding-bottom:13px}.inspect .nm{font-size:25px;line-height:1.2;color:#fff;font-weight:600;letter-spacing:.01em}.inspect .ty{font-size:12.5px;color:var(--gold);letter-spacing:.09em;margin-top:7px;text-transform:uppercase}.inspect .stats{display:flex;flex-wrap:wrap;gap:9px;margin:15px 0}.chipstat{display:flex;flex-direction:column;gap:3px;border:1px solid rgba(201,169,97,.22);border-radius:6px;padding:7px 13px;background:#ffffff05;min-width:74px}.chipstat span{font-size:9px;letter-spacing:.18em;color:#8b93a3;text-transform:uppercase}.chipstat b{font-size:17px;color:#fff;font-weight:600}.inspect .text{font-size:14.5px;line-height:1.68;color:#d6dce7;margin-top:6px;padding:14px 16px;background:#ffffff08;border-left:2px solid var(--gold-dim);border-radius:0 6px 6px 0;font-style:italic!important}.text-badge{display:inline-block;width:10px;height:10px;border-radius:2px;vertical-align:middle;margin:0 3px 2px 0}.text-cost{color:#e67e22;font-weight:600;font-style:italic}.text-grace{color:#f1c40f;font-weight:600;font-style:italic}.text-ethereal{color:#27ae60;font-weight:600;font-style:italic}.text-offer{color:#e67e22;font-weight:600;font-style:italic}.text-sipol{color:#a4c400;font-weight:600;font-style:italic}.text-garahana{color:#9b59b6;font-weight:600;font-style:italic}.text-andukha{color:#1abc9c;font-weight:600;font-style:italic}.text-vent{color:#e67e22;font-weight:600;font-style:italic}.kw{cursor:help;text-decoration:underline dotted currentColor 1px;text-underline-offset:3px;text-decoration-skip-ink:none}.kw:not([class*=text-]){color:inherit;font-weight:600}.kw:hover{text-decoration-style:solid}.log-text{display:inline}.text-reminder{font-style:italic;color:#7f8899}.inspect .flavor{font-size:12.5px;font-style:italic;color:#7f8899;margin-top:14px;line-height:1.55}.inspect .artist{margin-top:16px;font-size:10.5px;color:#6b7383;letter-spacing:.05em}.inspect .dismiss{margin-top:18px;padding-top:13px;border-top:1px solid rgba(255,255,255,.06);font-size:10.5px;letter-spacing:.13em;color:#5f6775;text-transform:uppercase}@media(max-width:880px)and (min-height:520px){.inspect{flex-direction:column;align-items:center;overflow-y:auto}.inspect .art{height:auto;width:min(300px,60vw)}.inspect .body{width:min(460px,90vw);max-height:none}}@media(max-height:520px)and (orientation:landscape){.inspect-bg{padding:10px 14px}.inspect{flex-direction:row;align-items:stretch;gap:14px;width:100%;height:100%;max-width:100%}.inspect .art{height:100%;max-height:100%;width:auto;flex:none}.inspect .body{width:auto;flex:1 1 auto;min-width:0;max-height:100%;padding:12px 15px}.inspect .hd{padding-bottom:8px}.inspect .nm{font-size:16px}.inspect .ty{font-size:9.5px;margin-top:4px;letter-spacing:.07em}.inspect .stats{gap:6px;margin:9px 0}.inspect .chipstat{padding:4px 9px;min-width:54px;gap:2px}.inspect .chipstat span{font-size:7.5px;letter-spacing:.12em}.inspect .chipstat b{font-size:13px}.inspect .text{font-size:11.5px;line-height:1.5;padding:9px 11px}.inspect .play-style,.inspect .flavor{font-size:11px}.inspect .artist,.inspect .dismiss{font-size:9px}}.card,.hand-card,.pick,.barrier,.mini,.dcard,.dl-card.readable,.dl-ethumb.readable{cursor:context-menu}.card,.hand-card,.pick{cursor:pointer}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#030406db;display:flex;align-items:center;justify-content:center;z-index:945;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal{background:#0c0d12;border:1px solid var(--edge);border-radius:8px;padding:22px;max-width:min(920px,92vw);max-height:86vh;box-shadow:0 20px 60px #000000e6;display:flex;flex-direction:column;overflow:hidden}.modal>.modal-head,.modal>.sub,.modal>.row{flex:none}.modal>:where(:not(.modal-head):not(.sub):not(.row)){flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain}@media(max-height:520px){.modal{max-height:94vh;padding:12px 14px}.modal .row{margin-top:10px}.modal .sub{margin-bottom:8px}}.modal h3{margin:0 0 4px;color:var(--gold);font-size:14px;letter-spacing:.1em;text-transform:uppercase;font-weight:500}.modal .sub{font-size:12px;color:#8b93a3;margin-bottom:16px}.modal .row{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}.modal .opts{display:flex;flex-direction:column;gap:8px}.modal .opt{text-align:left;padding:12px 14px;font-size:12.5px;text-transform:none;letter-spacing:0}.slot-pick{display:grid;grid-template-columns:repeat(5,minmax(58px,108px));justify-content:center;gap:8px;padding:4px 2px}.sp-slot{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 6px 6px;border:1px solid rgba(255,255,255,.09);border-radius:8px;background:#ffffff06;opacity:.5;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease,opacity .12s ease}.sp-slot.persona{border-color:#f6dfa438;background:#f6dfa40d}.sp-slot.open{opacity:1;cursor:pointer;border-color:#78c8ff73;background:#78c8ff12;box-shadow:0 0 0 1px #78c8ff24,0 0 18px -6px #78c8ff80}.sp-slot.open:hover{transform:translateY(-3px);border-color:#a0dcffd9;box-shadow:0 0 0 1px #a0dcff4d,0 0 26px -6px #a0dcffbf}.sp-art{width:100%;aspect-ratio:3 / 4;border-radius:5px;background-size:cover;background-position:center top;background-color:#10131a}.sp-empty{width:100%;aspect-ratio:3 / 4;border-radius:5px;display:grid;place-items:center;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#6d7583;border:1px dashed rgba(255,255,255,.14)}.sp-name{font-size:10.5px;line-height:1.2;text-align:center;color:#dbe2ec;max-height:2.4em;overflow:hidden}.sp-power{font-size:11px;color:#f6dfa4;font-variant-numeric:tabular-nums}.sp-fate{font-size:9px;letter-spacing:.09em;text-transform:uppercase;color:#f2777a}.sp-label{margin-top:auto;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#8a92a0}.sp-slot.open .sp-label{color:#a8c6dd}@media(max-width:700px),(max-height:560px)and (orientation:landscape){.slot-pick{gap:5px;grid-template-columns:repeat(5,minmax(46px,74px))}.sp-slot{padding:5px 4px 4px;gap:3px}.sp-art,.sp-empty{aspect-ratio:auto;height:58px}.sp-name{font-size:8.5px;max-height:2.2em}.sp-power{font-size:9.5px}.sp-fate,.sp-label{font-size:8px}}.ask-text{margin:0;font-size:13.5px;line-height:1.6;color:#d8dde6e0;max-width:46ch}.banner{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:#030406ed;z-index:1000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.banner h1{font-size:56px;margin:0;letter-spacing:.06em}.banner.win h1{color:#f6dfa4;text-shadow:0 0 40px rgba(255,206,92,.6),0 4px 16px #000}.banner.lose h1{color:#f2777a;text-shadow:0 0 40px rgba(242,119,122,.45),0 4px 16px #000}.banner .result-line{margin:0;font-size:14px;color:#cdd5e2}.banner .subtle{margin:0;font-size:12px;color:#8a92a0;letter-spacing:.06em}.banner-buttons{display:flex;gap:12px;margin-top:6px}.shatter-stage.held .shatter-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:7px;pointer-events:none;background:linear-gradient(105deg,#fff0 35%,#d2ebffbf 48%,#fffffff2,#d2ebffbf 56%,#fff0 70%);background-size:260% 100%;background-position:150% 0;animation:holdShine 1.15s cubic-bezier(.3,.6,.3,1) .1s 2}@keyframes holdShine{0%{background-position:150% 0;opacity:0}12%{opacity:1}88%{opacity:1}to{background-position:-60% 0;opacity:0}}.shatter-stage.held .shatter-card{animation:holdPulse 1.5s ease-in-out 2}@keyframes holdPulse{0%,to{box-shadow:0 0 0 2px #7eb6ff8c}50%{box-shadow:0 0 0 3px #aad6fff2,0 0 26px 6px #7eb6ff80}}@media(prefers-reduced-motion:reduce){.shatter-stage.held .shatter-card,.shatter-stage.held .shatter-card:after{animation:none}}.card.attacking{box-shadow:0 0 0 2px var(--good),0 0 22px #6ee7a88c}.card.supporting{box-shadow:0 0 0 2px #7db3ff,0 0 16px #7db3ff73}.card.defending{box-shadow:0 0 0 2px #ffd479,0 0 18px #ffd47973}.defense-zone .dcard{height:54px;aspect-ratio:5/7;border-radius:4px;background-size:cover;background-position:center;border:1px solid rgba(255,212,121,.6);box-shadow:0 4px 14px #000000bf}.bb-side{position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:baseline;gap:7px;max-width:32%;pointer-events:none;z-index:6;white-space:nowrap}.bb-side.atkside{left:12px}.bb-side.dfnside{right:12px;flex-direction:row-reverse}.bb-side .who{font-size:9.5px;letter-spacing:.03em;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bb-side .n{font-size:17px;font-weight:600;line-height:1;font-variant-numeric:tabular-nums}.bb-side.atkside .who{color:#e8a6a8}.bb-side.atkside .n{color:var(--bad)}.bb-side.dfnside .who{color:#e6cd9a}.bb-side.dfnside .n{color:#ffd479}.bb-verdict{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;pointer-events:none;z-index:7}.bb-verdict.broke{color:var(--bad)}.bb-verdict.held{color:var(--good)}.defense-zone.scored:not(.live) .dz-label{opacity:0}@media(max-width:720px){.bb-side{max-width:34%}.bb-side .who{display:none}.bb-side .n{font-size:16px}}.foehand{flex:none;min-height:88px;align-self:center;display:flex;align-items:flex-end;justify-content:center;margin-bottom:2px;position:relative;z-index:8}.foehand .fb{height:88px;aspect-ratio:5/7;border-radius:5px;background-size:cover;background-position:center;border:1px solid rgba(201,169,97,.34);margin-left:-34px;transform-origin:50% 120%;transform:rotate(var(--fan, 0deg)) translateY(var(--arc, 0px));box-shadow:0 10px 22px #000c,0 2px 6px #0009,0 1px #ffffff14 inset;transition:transform .22s cubic-bezier(.34,1.4,.64,1),box-shadow .22s}.foehand .fb:first-child{margin-left:0}.foehand .fb:hover{transform:rotate(var(--fan, 0deg)) translateY(calc(var(--arc, 0px) - 14px)) scale(1.06);box-shadow:0 18px 32px #000000d9,0 2px 6px #0009;border-color:#c9a961cc;z-index:40!important}@media(prefers-reduced-motion:reduce){.foehand .fb{transition:none}.foehand .fb:hover{transform:rotate(var(--fan, 0deg)) translateY(var(--arc, 0px))}}.pilebox.switchable{cursor:pointer;border-color:var(--gold);animation:codexBeckon 2.6s ease-in-out infinite}.pilebox.switchable:hover{background:#c9a96129;animation:none;box-shadow:0 0 0 2px var(--gold),0 0 24px #c9a96199}@keyframes codexBeckon{0%,to{box-shadow:0 0 0 1px #c9a96180,0 0 10px #c9a96147}50%{box-shadow:0 0 0 2px #c9a961f2,0 0 22px #c9a96199}}.pilebox.switchable .hintdot{position:absolute;top:-9px;left:50%;translate:-50% 0;padding:2px 7px;border-radius:999px;background:var(--gold);color:#14110a;font-size:8.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;box-shadow:0 2px 8px #0009}.pilebox.switchable .hintdot:after{content:"Switch"}@media(prefers-reduced-motion:reduce){.pilebox.switchable{animation:none}}.deck-pick{flex-direction:column;text-align:center;cursor:pointer;padding:12px}.deck-pick.sel{box-shadow:0 0 0 3px var(--gold)}.deck-personas{display:flex;gap:8px;justify-content:center;margin-bottom:8px}.deck-personas img{width:80px;height:120px;object-fit:cover;border-radius:6px;cursor:zoom-in}.deck-style{font-size:11px;color:#555;text-align:left;margin-top:6px;line-height:1.4}.deck-style b{color:var(--gold-dim)}.deck-carousel{display:flex;align-items:center;justify-content:center;gap:24px;margin:20px auto}.deck-nav{display:flex;align-items:center;justify-content:center;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:var(--gold-dim);font-size:20px;width:44px;height:44px;border-radius:50%;cursor:pointer;transition:all .15s;flex-shrink:0;line-height:1;padding:0}.deck-nav:hover{background:#c9a96126;border-color:var(--gold-dim);color:var(--gold)}.deck-card-display{border:2px solid rgba(255,255,255,.08);border-radius:12px;padding:24px 28px;background:linear-gradient(180deg,#ffffff0a,#ffffff03);text-align:center;width:340px;transition:all .2s}.deck-card-display.sel{border-color:var(--gold);box-shadow:0 0 24px #c9a9614d}.deck-card-img{width:180px;height:270px;object-fit:cover;border-radius:8px;display:block;margin:0 auto 14px;cursor:zoom-in;border:1px solid rgba(255,255,255,.1)}.deck-card-name{font-size:22px;font-weight:700;color:var(--gold);margin-bottom:2px}.deck-card-state{font-size:13px;color:#8a92a4;margin-bottom:14px;letter-spacing:.5px}.deck-dots{display:flex;gap:10px;justify-content:center;margin:10px 0 18px}.deck-dot{width:8px;height:8px;border-radius:50%;background:#ffffff1f;cursor:pointer;transition:all .15s;padding:0}.deck-dot.active{background:var(--gold);transform:scale(1.4)}.deck-dot:hover{background:#ffffff4d}.deck-card-display .deck-personas{margin-top:14px;margin-bottom:16px}.deck-card-display .deck-personas img{width:60px;height:90px;border-radius:4px}.deck-card-display .deck-style{margin-bottom:16px}.deck-card-display button.primary{margin-top:4px}.play-style{margin-top:8px;padding:8px 10px;background:#c9a96114;border-left:3px solid var(--gold);font-size:12px;line-height:1.5;color:#d4cbb8}.play-style b{color:var(--gold)}.slot.selectable{cursor:pointer;box-shadow:0 0 0 2px #c9a96166}.slot.selectable:hover{background:#c9a96114}.pilebox.check-live{border-color:var(--gold);box-shadow:0 0 14px #c9a9614d}.pilebox.check-live .mini{border-color:var(--gold)}.check-reveal{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;padding:8px}.check-reveal img{height:clamp(140px,32vh,240px);width:auto;aspect-ratio:5 / 7;border-radius:6px;box-shadow:0 8px 24px #000000d9,0 0 0 1px #c9a9614d;object-fit:cover}.ability-list{display:flex;flex-direction:column;gap:10px;max-height:62vh;overflow-y:auto;min-width:min(620px,88vw)}.ability-opt{display:flex;align-items:center;gap:14px;padding:10px 14px 10px 10px;border:1px solid rgba(201,169,97,.28);border-radius:8px;background:#ffffff06;cursor:pointer;transition:all .14s;position:relative}.ability-opt:hover{border-color:var(--gold);background:#c9a9611f}.ability-opt.clickable{cursor:pointer}.ability-opt.clickable:hover{border-color:var(--teal);background:#64c8c826}.ability-opt img{width:86px;aspect-ratio:5/7;object-fit:cover;object-position:50% 26%;border-radius:4px;flex-shrink:0;box-shadow:0 3px 10px #000000b3}.ability-opt .txt{flex:1;min-width:0}.ability-opt .nm{font-size:15px;color:#fff;font-weight:600;margin-bottom:5px}.ability-opt .rules{font-size:12.5px;line-height:1.6;color:#c3cad6;font-style:italic!important}.ability-opt .ord{position:absolute;top:8px;right:10px;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:var(--gold);border:1px solid rgba(201,169,97,.45);background:#00000080}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:4px}.modal-head h3{margin:0;flex:1}.iconbtn{flex-shrink:0;width:30px;height:26px;padding:0;font-size:17px;line-height:1;letter-spacing:0;border-radius:4px;display:flex;align-items:center;justify-content:center}.modal-bg.minimised{background:none;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none}.modal-bg.minimised .modal{display:none}.restore-pill{position:fixed;right:16px;bottom:16px;z-index:950;display:flex;align-items:center;gap:10px;max-width:380px;padding:11px 16px;border:1px solid var(--gold);border-radius:24px;background:#0a0b10f7;box-shadow:0 8px 28px #000c,0 0 22px #c9a9612e;cursor:pointer;transition:all .15s;animation:pillIn .18s ease-out}@keyframes pillIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1}}.phase-banner{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.8);z-index:700;display:flex;align-items:center;gap:8px;padding:18px 48px;border:2px solid var(--gold);border-radius:8px;background:#0a0b10f2;box-shadow:0 0 40px #c9a9614d,0 12px 40px #000c;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease}.phase-banner.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.phase-banner .phase-prefix{font-size:14px;font-weight:600;letter-spacing:.15em;color:#8b93a3;text-transform:uppercase}.phase-banner .phase-text{font-size:28px;font-weight:700;letter-spacing:.12em;color:var(--gold);text-transform:uppercase;text-shadow:0 0 20px rgba(201,169,97,.4)}.phase-banner.foe{border-color:#f2777a;box-shadow:0 0 40px #f2777a4d,0 12px 40px #000c}.phase-banner.foe .phase-text{color:#f2777a;text-shadow:0 0 20px rgba(242,119,122,.4)}.phase-banner.game-start{padding:28px 72px;border-width:3px}.phase-banner.game-start .phase-text{font-size:42px;letter-spacing:.18em}.restore-pill:hover{background:#c9a96129;transform:translateY(-2px)}.restore-pill .dot{width:8px;height:8px;border-radius:50%;background:var(--gold);flex-shrink:0;animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.restore-pill .ttl{font-size:12px;color:#d8dde6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.restore-pill .cue{font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);flex-shrink:0;border-left:1px solid rgba(201,169,97,.3);padding-left:10px}.inspect-bg{z-index:960}.card.has-ability{box-shadow:0 0 0 2px #7db3ffd9,0 0 16px #7db3ff73;cursor:pointer}.card .abdot{position:absolute;top:-5px;left:-5px;width:17px;height:17px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#06131f;background:#7db3ff;box-shadow:0 0 10px #7db3ffcc;border:1px solid #06131f}.modal .sub{line-height:1.6}.slot.persona .pw{font-size:clamp(12px,11cqw,18px);bottom:4px;right:4px;background:#000c;border:1px solid rgba(201,169,97,.35)}.slot.persona .pw.buffed{border-color:#6ee7a899;box-shadow:0 0 10px #6ee7a84d}@media(max-width:1100px){.board-wrap{grid-template-columns:216px minmax(0,1fr) 216px}:root{--pile-w: clamp(32px, min(4vw, 6.8vh), 48px)}.pilebox .zlabel{font-size:7px;letter-spacing:.12em}.mat{padding:8px 10px;gap:4px 6px}}@media(max-width:860px){.board-wrap{grid-template-columns:178px minmax(0,1fr) 178px}.side .log{font-size:10.5px}.pilebox .zlabel{display:none}}@media(min-width:1700px){.mats{padding:10px 16px}:root{--pile-w: clamp(48px, min(4vw, 7.4vh), 74px)}}@media(max-height:800px){:root{--hand-h: clamp(96px, 14vh, 132px)}.mat{padding:8px 12px}:root{--pile-w: clamp(30px, min(3.6vw, 6.2vh), 44px)}.defense-zone{min-height:20px}.defense-zone .dcard{height:44px}}@media(max-height:680px){.pilebox .zlabel{display:none}.zlabel{font-size:7px}.z-barrier .lifecount .now{font-size:15px}}.fly-card{position:fixed;z-index:800;background-size:cover;background-position:center;border-radius:6px;box-shadow:0 4px 16px #000000b3;pointer-events:none;transition:transform .18s ease-out}.fly-card.lift{transform:translateY(-24px) scale(1.08);box-shadow:0 12px 32px #000c,0 0 20px #c9a9614d;transition:transform .18s cubic-bezier(.34,1.56,.64,1)}.fly-card.flying{transform:translate(var(--fly-x, 0),var(--fly-y, 0)) scale(var(--fly-scale, 1.1));transition:transform .5s cubic-bezier(.4,0,.6,1);box-shadow:0 20px 40px #000000e6,0 0 30px #c9a96166}.fly-card.slam{animation:slamBounce .35s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes slamBounce{0%{transform:scale(1.15)}40%{transform:scale(.92)}70%{transform:scale(1.04)}to{transform:scale(1)}}.shockwave{position:fixed;z-index:799;width:10px;height:10px;border-radius:50%;border:3px solid rgba(201,169,97,.8);transform:translate(-50%,-50%) scale(0);pointer-events:none;animation:shockwaveExpand .4s ease-out forwards}@keyframes shockwaveExpand{0%{transform:translate(-50%,-50%) scale(0);opacity:1;border-width:4px}50%{opacity:.8;border-width:2px}to{transform:translate(-50%,-50%) scale(8);opacity:0;border-width:1px}}.slam-flash{position:fixed;z-index:801;border-radius:6px;background:radial-gradient(circle,#ffffffe6,#fff0 70%);pointer-events:none;animation:slamFlash .3s ease-out forwards}@keyframes slamFlash{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.3)}}.fly-card.draw-fly.flying{transition:transform .5s cubic-bezier(.4,0,.6,1)}.fly-card.draw-fly.fade-out{opacity:0;transform:translate(var(--fly-x, 0),var(--fly-y, 0)) scale(.85);transition:opacity .2s ease-out,transform .2s ease-out}.fly-card.personify-fly.lift{box-shadow:0 12px 32px #000c,0 0 24px #c9a96180}.fly-card.personify-fly.flying{box-shadow:0 20px 40px #000000e6,0 0 40px #c9a96199}.fly-card.sentry-fly.lift{box-shadow:0 12px 32px #000c,0 0 28px #c9a96199}.fly-card.sentry-fly.flying{box-shadow:0 20px 40px #000000e6,0 0 44px #c9a961b3}.fly-card.sentry-exile{animation:sentryExile .3s ease-in forwards}@keyframes sentryExile{0%{transform:scale(1);opacity:1}50%{transform:scale(.9) rotateY(90deg);opacity:.5}to{transform:scale(.8) rotateY(180deg);opacity:0}}.shockwave.sentry-shockwave{border-color:#c9a961;box-shadow:0 0 20px #c9a96180}.fly-card.essence-fly.lift{box-shadow:0 12px 32px #000c,0 0 24px #1abc9c99}.fly-card.essence-fly.flying{box-shadow:0 20px 40px #000000e6,0 0 40px #1abc9cb3}.fly-card.essence-fly.fade-out{opacity:0;transform:translate(var(--fly-x, 0),var(--fly-y, 0)) scale(.7);transition:opacity .25s ease-out,transform .25s ease-out}.slam-flash.sentry-flash{background:radial-gradient(circle,#c9a961e6,#c9a96100 70%)}.fly-card.rally-fly.lift{box-shadow:0 12px 32px #000c,0 0 24px #6495ed66}.fly-card.rally-fly.flying{box-shadow:0 16px 36px #000000e6,0 0 32px #6495ed80}.fly-card.check-fly,.fly-card.check-to-hand{box-shadow:0 8px 24px #000c,0 0 20px #c9a9614d}.fly-card.check-fly.flying,.fly-card.check-to-hand.flying{box-shadow:0 16px 36px #000000e6,0 0 32px #c9a96166}.fly-card.barrier-flip{transform-style:preserve-3d;perspective:600px}.fly-card.barrier-flip.flipping{animation:barrierFlip .8s ease-in-out forwards}@keyframes barrierFlip{0%{transform:rotateY(0) scale(1)}50%{transform:rotateY(90deg) scale(1.3)}to{transform:rotateY(180deg) scale(1)}}.fly-card.barrier-flip.flying{box-shadow:0 16px 36px #000000e6,0 0 32px #f2777a66}.defense-body{display:flex;flex-direction:column;gap:12px;width:min(860px,88vw)}.dmeter{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 14px;border-radius:6px;background:#0006;border:1px solid rgba(201,169,97,.2)}.dmeter .atk{font-size:22px;font-weight:800;color:var(--bad);text-shadow:0 0 12px rgba(242,119,122,.4);font-variant-numeric:tabular-nums}.dmeter .vs{font-size:13px;color:#8b93a3}.dmeter .def{font-size:22px;font-weight:800;font-variant-numeric:tabular-nums;transition:color .18s ease,text-shadow .18s ease}.dmeter.break .def{color:var(--bad);text-shadow:0 0 12px rgba(242,119,122,.4)}.dmeter.hold .def{color:var(--good);text-shadow:0 0 12px rgba(110,231,168,.45)}.dmeter .gain{font-size:13px;font-weight:700;color:var(--gold)}.dmeter .verdict{width:100%;font-size:12px;margin-top:4px;letter-spacing:.04em}.dmeter.break .verdict{color:var(--bad)}.dmeter.hold .verdict{color:var(--good)}.dmeter.nullified{border-color:#c9a96180}.dmeter.nullified .verdict{color:var(--gold);width:auto;margin-top:0;font-size:15px}@media(prefers-reduced-motion:reduce){.dmeter .def{transition:none}}.defense-section{padding:10px 14px;border-radius:6px;background:#0000004d;border:1px solid rgba(255,255,255,.08)}.defense-section .pick-row{max-width:none;flex-wrap:wrap}.defense-section-title{font-size:15px;font-weight:700;color:var(--gold);margin-bottom:4px}.defense-section-sub{font-size:11px;color:#8b93a3;margin-bottom:10px}.pick{position:relative}.order-badge{position:absolute;top:-8px;left:-8px;min-width:22px;height:22px;padding:0 5px;border-radius:11px;background:var(--gold);color:#14161c;font-size:12px;font-weight:800;line-height:22px;text-align:center;box-shadow:0 2px 8px #0000008c}.battle-order{min-height:16px;text-align:center;font-size:12px;color:var(--gold-dim);letter-spacing:.02em}.battle-order:empty{display:none}.ability-glow{position:fixed;z-index:900;border-radius:6px;background-size:cover;background-position:center;pointer-events:none;transform-origin:center center;box-shadow:0 0 0 2px #ffe8a0f2,0 0 18px 4px #ffce5cbf,0 14px 34px #000000bf;transition:transform .28s cubic-bezier(.34,1.4,.64,1),box-shadow .28s ease}.ability-glow.codex{box-shadow:0 0 0 2px #bae0fff2,0 0 20px 5px #78beffb3,0 14px 34px #000000bf}.ability-glow.rise{transform:translateY(-14px) scale(1.16);animation:abilityPulse .5s ease-in-out 2}.ability-glow.settle{transform:translateY(0) scale(1);opacity:0;transition:transform .24s ease-in,opacity .24s ease-in}@keyframes abilityPulse{0%,to{box-shadow:0 0 0 2px #ffe8a0f2,0 0 18px 4px #ffce5cbf,0 14px 34px #000000bf}50%{box-shadow:0 0 0 3px #fff4cd,0 0 34px 10px #ffce5cf2,0 14px 34px #000000bf}}.ability-banner{position:fixed;left:50%;bottom:20%;z-index:901;min-width:240px;max-width:min(560px,76vw);padding:10px 20px;border-radius:8px;text-align:center;pointer-events:none;background:linear-gradient(180deg,#120e06f7,#080704f7);border:1px solid rgba(201,169,97,.75);box-shadow:0 10px 34px #000c;opacity:0;transform:translate(-50%,14px);transition:opacity .22s ease,transform .22s cubic-bezier(.34,1.4,.64,1)}.ability-banner.foe{bottom:auto;top:18%}.ability-banner.in{opacity:1;transform:translate(-50%)}.ability-banner.out{opacity:0;transform:translate(-50%,-8px)}.ability-banner-name{font-size:15px;font-weight:800;letter-spacing:.04em;color:#f0d9a0;text-shadow:0 1px 3px #000}.ability-banner-text{margin-top:3px;font-size:12px;line-height:1.35;color:#c8cfdc}@media(prefers-reduced-motion:reduce){.ability-glow,.ability-glow.rise,.ability-banner{animation:none;transition:none}}.chain-badge{display:inline-block;margin-bottom:5px;padding:2px 10px;border-radius:20px;font-size:10px;font-weight:800;letter-spacing:.12em;color:#0b0a07;background:linear-gradient(180deg,#f6dfa4,#c9a961);box-shadow:0 2px 8px #0009}.fx-target-line{position:fixed;z-index:880;height:2px;transform-origin:0 50%;pointer-events:none;background:linear-gradient(90deg,#ffe8a000,#ffe8a0f2);box-shadow:0 0 10px #ffce5ce6;clip-path:inset(0 100% 0 0)}.fx-target-line.draw{animation:fxLineDraw .3s cubic-bezier(.2,.7,.3,1) forwards}@keyframes fxLineDraw{0%{clip-path:inset(0 100% 0 0);opacity:1}60%{clip-path:inset(0 0 0 0);opacity:1}to{clip-path:inset(0 0 0 0);opacity:0}}.fx-target-dot{position:fixed;z-index:881;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;border:2px solid rgba(255,232,160,.95);pointer-events:none;opacity:0;transform:scale(.2)}.fx-target-dot.pop{animation:fxDotPop .3s ease-out .12s forwards}@keyframes fxDotPop{0%{opacity:0;transform:scale(.2)}45%{opacity:1;transform:scale(1.5)}to{opacity:0;transform:scale(2.4)}}.pw.tick-up,.pw.tick-down{animation:fxPwPop .4s cubic-bezier(.34,1.56,.64,1)}.pw.tick-up{color:#7ee0a0!important}.pw.tick-down{color:#f2777a!important}@keyframes fxPwPop{0%{transform:scale(1)}45%{transform:scale(1.45)}to{transform:scale(1)}}.fx-float{position:fixed;z-index:890;transform:translate(-50%);font-size:15px;font-weight:900;text-shadow:0 2px 5px #000;pointer-events:none;opacity:0}.fx-float.up{color:#7ee0a0}.fx-float.down{color:#f2777a}.fx-float.rise{animation:fxFloatRise .42s ease-out forwards}@keyframes fxFloatRise{0%{opacity:0;transform:translate(-50%,4px) scale(.8)}25%{opacity:1;transform:translate(-50%,-6px) scale(1.1)}to{opacity:0;transform:translate(-50%,-30px) scale(1)}}.fx-destroy{position:fixed;z-index:885;border-radius:6px;background-size:cover;background-position:center;pointer-events:none;transform-origin:50% 30%}.fx-destroy.go{animation:fxDestroy .46s cubic-bezier(.4,0,.7,1) forwards}@keyframes fxDestroy{0%{opacity:1;filter:grayscale(0) brightness(1);transform:rotate(0) translateY(0) scale(1)}18%{opacity:1;filter:grayscale(.4) brightness(2.1);transform:rotate(-2deg) translateY(-6px) scale(1.06)}to{opacity:0;filter:grayscale(1) brightness(.5);transform:rotate(11deg) translateY(52px) scale(.82)}}.fx-state-wash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:895;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;transition:opacity .3s ease;background:radial-gradient(ellipse at center,#c9a96142,#0000009e 72%)}.fx-state-wash.foe{background:radial-gradient(ellipse at center,#78beff38,#0000009e 72%)}.fx-state-wash.in{opacity:1}.fx-state-wash.out{opacity:0}.fx-state-box{text-align:center;transform:scale(.86);transition:transform .35s cubic-bezier(.34,1.5,.64,1)}.fx-state-wash.in .fx-state-box{transform:scale(1)}.fx-state-name{font-size:clamp(30px,7vw,62px);font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:#f6dfa4;text-shadow:0 0 26px rgba(255,206,92,.85),0 4px 14px #000}.fx-state-wash.foe .fx-state-name{color:#cfe6ff;text-shadow:0 0 26px rgba(120,190,255,.85),0 4px 14px #000}.fx-state-sub{margin-top:6px;font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:#b9c2d2}@media(prefers-reduced-motion:reduce){.fx-target-line.draw,.fx-target-dot.pop,.fx-float.rise,.fx-destroy.go,.pw.tick-up,.pw.tick-down{animation:none}.fx-state-wash,.fx-state-box{transition:none}}.fx-arrows{position:fixed;z-index:888;pointer-events:none;overflow:hidden;border-radius:6px}.fx-arrow{position:absolute;font-weight:900;line-height:1;opacity:0;text-shadow:0 0 8px currentColor,0 2px 4px #000;animation-duration:.62s;animation-timing-function:cubic-bezier(.25,.8,.35,1);animation-fill-mode:forwards}.fx-arrow.up{bottom:-14px;color:#7ee0a0;animation-name:fxArrowUp}.fx-arrow.down{top:-14px;color:#f2777a;animation-name:fxArrowDown}@keyframes fxArrowUp{0%{opacity:0;transform:translateY(0) scale(.7)}18%{opacity:1}70%{opacity:.9}to{opacity:0;transform:translateY(-125%) scale(1.15)}}@keyframes fxArrowDown{0%{opacity:0;transform:translateY(0) scale(.7)}18%{opacity:1}70%{opacity:.9}to{opacity:0;transform:translateY(125%) scale(1.15)}}.fx-float.sink{animation:fxFloatSink .6s ease-out forwards}@keyframes fxFloatSink{0%{opacity:0;transform:translate(-50%,-6px) scale(.85)}25%{opacity:1;transform:translate(-50%,4px) scale(1.1)}to{opacity:0;transform:translate(-50%,30px) scale(1)}}@media(prefers-reduced-motion:reduce){.fx-arrow,.fx-float.sink{animation:none;opacity:0}}.fx-target-line.attack{height:3px;background:linear-gradient(90deg,#f2777a00,#ff5a5ffa);box-shadow:0 0 14px #ff464cf2}.fx-target-line.attack.draw{animation-duration:.42s}.fx-target-dot.attack{width:20px;height:20px;margin:-10px 0 0 -10px;border-color:#ff6e73f2}.fx-target-head{position:fixed;z-index:882;width:0;height:0;border-left:15px solid rgba(255,90,95,.98);border-top:9px solid transparent;border-bottom:9px solid transparent;filter:drop-shadow(0 0 7px rgba(255,70,76,.9));pointer-events:none;opacity:0}.fx-target-head.pop{animation:fxHeadPop .42s ease-out .1s forwards}@keyframes fxHeadPop{0%{opacity:0}35%{opacity:1}80%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.fx-target-head.pop{animation:none}}.outcome{display:flex;flex-direction:column;align-items:center;padding:6px 0 2px}.outcome-name{margin-top:10px;font-size:12px;letter-spacing:.08em;color:#c0c8d8}.shatter-stage{position:relative;width:clamp(150px,30vh,210px);aspect-ratio:5 / 7;border-radius:7px;filter:drop-shadow(0 10px 26px rgba(0,0,0,.8))}.shatter-card{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;border-radius:7px}.shatter-stage.held .shatter-card{box-shadow:0 0 0 2px #7eb6ff8c}.shatter-stage.broke .shatter-card{box-shadow:0 0 0 2px #f2777a99}.shatter-stage.broke.go .shatter-card{animation:crackJolt .3s cubic-bezier(.36,.07,.19,.97)}@keyframes crackJolt{0%,to{transform:translate(0) rotate(0)}18%{transform:translate(-4px,2px) rotate(-.9deg)}42%{transform:translate(3px,-2px) rotate(.7deg)}70%{transform:translate(-2px,1px) rotate(-.35deg)}}.cracks{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:7px;overflow:hidden}.cracks svg{width:100%;height:100%;display:block}.cracks polyline{fill:none;stroke:#fffffff2;stroke-width:1.1;stroke-linecap:round;filter:drop-shadow(0 0 3px rgba(255,255,255,.85)) drop-shadow(0 1px 1px rgba(0,0,0,.8));stroke-dasharray:240;stroke-dashoffset:240}.shatter-stage.broke.go .cracks polyline{animation:crackDraw .26s ease-out forwards}@keyframes crackDraw{to{stroke-dashoffset:0}}.shatter-flash{position:absolute;top:-14%;right:-14%;bottom:-14%;left:-14%;border-radius:50%;background:radial-gradient(circle,#ffffffeb,#fff0 68%);opacity:0;pointer-events:none}.shatter-stage.broke.go .shatter-flash{animation:shatterFlash .4s ease-out forwards}@keyframes shatterFlash{0%{opacity:0;transform:scale(.55)}22%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.3)}}.modal.outcome-broke{border-color:#f2777a8c}.modal.outcome-broke h3{color:#ff8f93}.modal.outcome-held h3{color:#9fd0ff}@media(prefers-reduced-motion:reduce){.shatter-stage.broke.go .shatter-card{animation:none}.shatter-stage.broke.go .cracks polyline{animation:none;stroke-dashoffset:0}.shatter-stage.broke.go .shatter-flash{animation:none}}.pilebox.pile-landing{animation:pileLanding .9s ease-out;z-index:5}@keyframes pileLanding{0%{box-shadow:0 0 #c9a96100}25%{box-shadow:0 0 0 3px #f6dfa4f2,0 0 22px 6px #ffce5ca6}to{box-shadow:0 0 #c9a96100}}@media(prefers-reduced-motion:reduce){.pilebox.pile-landing{animation:none}}.board-wrap.shaking{animation:boardShake .4s cubic-bezier(.36,.07,.19,.97)}@keyframes boardShake{0%,to{transform:translate(0)}12%{transform:translate(calc(var(--shake-amp, 6px) * -1),calc(var(--shake-amp, 6px) * .35))}28%{transform:translate(var(--shake-amp, 6px),calc(var(--shake-amp, 6px) * -.3))}46%{transform:translate(calc(var(--shake-amp, 6px) * -.65),calc(var(--shake-amp, 6px) * .2))}64%{transform:translate(calc(var(--shake-amp, 6px) * .5))}82%{transform:translate(calc(var(--shake-amp, 6px) * -.25))}}.z-barrier.barrier-lost{animation:barrierLost .85s ease-out}@keyframes barrierLost{0%{box-shadow:0 0 #f2777a00}18%{box-shadow:0 0 0 3px #ff787cf2,0 0 34px 10px #f2777a99}to{box-shadow:0 0 #f2777a00}}.stat.stat-up b,.stat.stat-up .chip{animation:statUp .9s ease-out}.stat.stat-drop b,.stat.stat-drop .chip{animation:statDrop .9s ease-out}@keyframes statUp{0%,to{color:#fff;transform:scale(1)}20%{color:#7ee0a0;transform:scale(1.35)}}@keyframes statDrop{0%,to{color:#fff;transform:scale(1)}20%{color:#f2777a;transform:scale(1.35)}}.stat b{display:inline-block;transition:color .2s}.pilebox.codex-flip{animation:codexFlip .7s cubic-bezier(.4,.1,.3,1)}@keyframes codexFlip{0%{transform:rotateY(0) scale(1)}45%{transform:rotateY(90deg) scale(1.12)}55%{transform:rotateY(270deg) scale(1.12)}to{transform:rotateY(360deg) scale(1)}}.hand-card{transition:transform .16s cubic-bezier(.34,1.4,.64,1),box-shadow .16s,filter .16s;will-change:transform}.hand-card:hover{transform:translateY(-14px) scale(1.07);box-shadow:0 14px 30px #000000d9,0 0 0 2px #c9a9618c;filter:brightness(1.08);z-index:30}.defense-zone .dz-card{animation:defenseIn .34s cubic-bezier(.2,.9,.3,1) backwards}.defense-zone .dz-card:nth-of-type(2){animation-delay:.06s}.defense-zone .dz-card:nth-of-type(3){animation-delay:.12s}.defense-zone .dz-card:nth-of-type(4){animation-delay:.18s}@keyframes defenseIn{0%{opacity:0;transform:translateY(26px) scale(.86) rotate(-5deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}.defense-zone.live{box-shadow:inset 0 0 0 1px #7eb6ff47}@media(prefers-reduced-motion:reduce){.board-wrap.shaking,.z-barrier.barrier-lost,.stat.stat-up b,.stat.stat-drop b,.pilebox.codex-flip,.defense-zone .dz-card{animation:none}.hand-card,.hand-card:hover{transition:none;transform:none}}@media(prefers-reduced-motion:reduce){.card{transition:none}}.fx-strike{position:fixed;z-index:884;height:3px;transform-origin:0 50%;pointer-events:none;background:linear-gradient(90deg,#f2777a00,#ff5a56);box-shadow:0 0 14px #ff4646f2;animation:fxStrikeBolt .34s cubic-bezier(.5,0,.7,1) forwards}@keyframes fxStrikeBolt{0%{clip-path:inset(0 100% 0 0);opacity:1}45%{clip-path:inset(0 0 0 0);opacity:1}to{clip-path:inset(0 0 0 60%);opacity:0}}.fx-strike-hit{position:fixed;z-index:885;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;pointer-events:none;background:#ffe6dcf2;box-shadow:0 0 18px 6px #ff5046d9;animation:fxStrikeHit .24s ease-out forwards}@keyframes fxStrikeHit{0%{transform:scale(.3);opacity:0}35%{transform:scale(1.9);opacity:1}to{transform:scale(3.1);opacity:0}}.card.struck{animation:cardStruck .4s cubic-bezier(.36,.07,.19,.97)}@keyframes cardStruck{0%,to{filter:none}15%{filter:brightness(2.2) saturate(.4)}30%{filter:brightness(.55) saturate(1.6) hue-rotate(-12deg)}70%{filter:brightness(1.05)}}.searching{animation:fxPileSearch .42s ease-out}.emitting{animation:fxEmitSource .4s ease-out infinite alternate;box-shadow:0 0 0 1px var(--gold, #c9a961),0 0 20px 3px #c9a96199,inset 0 0 14px #c9a9614d;filter:brightness(1.4);z-index:5}@keyframes fxEmitSource{0%{box-shadow:0 0 0 2px #c9a961b3,0 0 16px 3px #c9a96180,inset 0 0 10px #c9a96140;filter:brightness(1.3);transform:scale(1)}to{box-shadow:0 0 0 3px var(--gold, #c9a961),0 0 38px 10px #c9a961f2,inset 0 0 22px #c9a96180;filter:brightness(1.9);transform:scale(1.09)}}.force-hit{animation:fxForceHit .34s ease-out}@keyframes fxForceHit{0%{transform:scale(1);box-shadow:0 0 #e07060e6}30%{transform:scale(1.16);box-shadow:0 0 26px 8px #e07060d9}to{transform:scale(1);box-shadow:0 0 #e0706000}}.codex-flip{animation:fxCodexFlip .52s cubic-bezier(.4,0,.3,1)}@keyframes fxCodexFlip{0%{transform:rotateY(0) scale(1);filter:brightness(1)}45%{transform:rotateY(90deg) scale(1.08);filter:brightness(1.7)}to{transform:rotateY(180deg) scale(1);filter:brightness(1)}}.fly-card.emit-fly{transition-property:transform,opacity;transition-timing-function:cubic-bezier(.32,.72,.3,1);z-index:810}.fly-card.emit-fly.fade-out{opacity:0}@keyframes fxPileSearch{0%{transform:translateY(0) rotate(0);filter:brightness(1)}35%{transform:translateY(-7px) rotate(-3.5deg);filter:brightness(1.5)}65%{transform:translateY(-5px) rotate(3deg);filter:brightness(1.4)}to{transform:translateY(0) rotate(0);filter:brightness(1)}}@keyframes idleBreath{0%{translate:0 0}to{translate:0 -3px}}.z-units .slot:has(.card){animation:idleBreath 4.2s ease-in-out infinite alternate;will-change:translate}.z-units .slot:nth-child(1):has(.card){animation-duration:4.2s;animation-delay:-0s}.z-units .slot:nth-child(2):has(.card){animation-duration:3.5s;animation-delay:-1.1s}.z-units .slot:nth-child(3):has(.card){animation-duration:4.9s;animation-delay:-2.3s}.z-units .slot:nth-child(4):has(.card){animation-duration:3.8s;animation-delay:-.7s}.z-units .slot:nth-child(5):has(.card){animation-duration:4.5s;animation-delay:-1.8s}.mat.foe .z-units .slot:has(.card){animation-delay:-2.6s}.z-units .slot:has(.card.exhausted){animation:none;translate:0 0}@media(prefers-reduced-motion:reduce){.z-units .slot:has(.card){animation:none;translate:0 0}}.card[class*=arrive-]{--arrive-scale: 1}.card.arrive-hand{animation:fxArriveHand .26s ease-out}@keyframes fxArriveHand{0%{filter:brightness(1.5)}to{filter:brightness(1)}}.card.arrive-deck{animation:fxArriveDeck .5s cubic-bezier(.2,.9,.3,1)}@keyframes fxArriveDeck{0%{filter:brightness(2.6);box-shadow:0 0 0 calc(3px * var(--arrive-scale)) #8cc8fff2,0 0 calc(30px * var(--arrive-scale)) calc(10px * var(--arrive-scale)) #5aaaffcc}55%{filter:brightness(1.35);box-shadow:0 0 0 calc(2px * var(--arrive-scale)) #8cc8ff99,0 0 calc(20px * var(--arrive-scale)) #5aaaff73}to{filter:brightness(1);box-shadow:0 2px 8px #000000b3}}.card.arrive-grave{animation:fxArriveGrave .55s cubic-bezier(.2,.9,.3,1)}@keyframes fxArriveGrave{0%{filter:brightness(.35) saturate(.3);box-shadow:0 0 0 calc(3px * var(--arrive-scale)) #be82ffe6,0 0 calc(28px * var(--arrive-scale)) calc(8px * var(--arrive-scale)) #965adcbf}60%{filter:brightness(1.3) saturate(1.1)}to{filter:brightness(1);box-shadow:0 2px 8px #000000b3}}.card.arrive-heart{animation:fxArriveHeart .5s cubic-bezier(.2,.9,.3,1)}@keyframes fxArriveHeart{0%{filter:brightness(1.8);box-shadow:0 0 0 calc(3px * var(--arrive-scale)) #ff96c8e6,0 0 calc(26px * var(--arrive-scale)) calc(8px * var(--arrive-scale)) #e664aab3}to{filter:brightness(1);box-shadow:0 2px 8px #000000b3}}.card.arrive-replace{animation:fxArriveReplace .6s cubic-bezier(.3,1.1,.4,1)}@keyframes fxArriveReplace{0%{filter:brightness(3);box-shadow:0 0 0 4px #ff785a,0 0 40px 14px #ff5032e6}45%{filter:brightness(1.4);box-shadow:0 0 0 2px #ff966e99,0 0 22px #ff5a3c80}to{filter:brightness(1);box-shadow:0 2px 8px #000000b3}}.fx-ward{position:fixed;z-index:883;width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;pointer-events:none;border:2px solid rgba(150,220,255,.95);box-shadow:0 0 20px #78c8ffcc,inset 0 0 14px #78c8ff8c;animation:fxWardClose .34s cubic-bezier(.2,.8,.3,1) forwards}@keyframes fxWardClose{0%{transform:scale(2.6);opacity:0}55%{transform:scale(1.1);opacity:1}to{transform:scale(1.5);opacity:0}}.fx-ward.block{border-color:#ff8c82f2;box-shadow:0 0 22px #ff5a50d9,inset 0 0 14px #ff5a5080;animation-duration:.42s}.fx-ward.block:after{content:"";position:absolute;left:-20%;top:50%;width:140%;height:2px;background:#ff8c82f2;box-shadow:0 0 10px #ff5a50e6;transform:rotate(-45deg)}.fx-restore{position:fixed;z-index:883;width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,#96ffc8e6,#6ee7a800 70%);box-shadow:0 0 24px 8px #6ee7a8b3;animation:fxRestoreRise .38s ease-out forwards}@keyframes fxRestoreRise{0%{transform:translateY(14px) scale(.5);opacity:0}40%{transform:translateY(0) scale(1.6);opacity:1}to{transform:translateY(-16px) scale(2.2);opacity:0}}@media(prefers-reduced-motion:reduce){.fx-strike,.fx-strike-hit,.card.struck,.searching,.card.arrive-hand,.card.arrive-deck,.card.arrive-grave,.card.arrive-heart,.card.arrive-replace,.fx-ward,.fx-restore,.emitting{animation:none}.fly-card.emit-fly{transition:none}.codex-flip,.force-hit{animation:none}}.priority-light{position:fixed;top:41%;left:0;transform:translateY(-50%);z-index:940;display:flex;align-items:center;gap:8px;padding:8px 15px 8px 11px;border-radius:0 999px 999px 0;border-left:0!important;font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;pointer-events:none;background:#0a0a0ed1;border:1px solid rgba(255,255,255,.12);color:var(--silver);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:border-color .25s,color .25s,box-shadow .25s}.priority-light .p-dot{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}.priority-light.you{color:#7fc4ff;border-color:#7fc4ffbf;box-shadow:0 0 22px #50aaff73}.priority-light.you .p-dot{animation:priorityBeat 1s ease-in-out infinite}@keyframes priorityBeat{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.55}}.priority-light.turn{color:var(--gold);border-color:#c9a96199}.priority-light.foe{color:var(--bad);border-color:#f2777a80}:root.opt-no-priority .priority-light{display:none}.auto-desc{position:fixed;right:82px;top:14px;z-index:900;width:min(310px,30vw);padding:10px 12px;border-radius:8px;background:var(--panel);border:1px solid var(--edge);box-shadow:0 10px 34px #000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;opacity:0;transform:translate(26px);transition:opacity .24s ease,transform .3s cubic-bezier(.22,1.2,.4,1)}.auto-desc.show{opacity:1;transform:translate(0)}.auto-desc .ad-why{font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-dim);margin-bottom:6px}.auto-desc .ad-head{display:flex;gap:9px;align-items:flex-start;margin-bottom:7px}.auto-desc .ad-art{width:44px;height:62px;flex-shrink:0;border-radius:3px;background-size:cover;background-position:center;box-shadow:0 2px 8px #0009}.auto-desc .ad-name{font-size:13px;font-weight:600;color:var(--silver);line-height:1.25}.auto-desc .ad-sub{font-size:10.5px;color:var(--gold-dim);margin-top:3px}.auto-desc .ad-text{font-size:12.5px;line-height:1.45;color:#d8dde6eb;max-height:30vh;overflow-y:auto}.auto-desc .ad-text.quoted{color:var(--gold-dim)}.auto-desc .ad-actor{color:var(--gold-dim);font-size:10px;letter-spacing:.14em;text-transform:uppercase}.auto-desc .ad-quote{color:#d8dde6eb;font-style:italic}.deck-shelf{display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:14px;width:min(1080px,94vw);margin:6px 0 18px}.shelf-card{display:grid;grid-template-columns:62px 1fr;grid-template-areas:"art body" "acts acts";gap:10px 12px;padding:12px;border:1px solid var(--edge);border-radius:8px;background:#0a0b10b8;transition:border-color .14s ease,transform .14s ease}.shelf-card.active{border-color:var(--gold);background:#c9a9611a}.shelf-art{grid-area:art;width:62px;height:87px;border-radius:4px;background:#10131a center/cover no-repeat;box-shadow:0 2px 8px #0009}.shelf-body{grid-area:body;min-width:0;display:flex;flex-direction:column;gap:3px}.shelf-name{font-size:14px;font-weight:600;color:var(--silver);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shelf-sub{font-size:11.5px;color:var(--gold-dim)}.shelf-sub.bad{color:var(--bad)}.shelf-flag{margin-top:auto;font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}.shelf-actions{grid-area:acts;display:flex;gap:6px;flex-wrap:wrap}.shelf-actions button{flex:1 1 auto}.shelf-add{grid-template-columns:1fr;grid-template-areas:"art" "body";align-content:center;justify-items:center;text-align:center;border-style:dashed;cursor:pointer;min-height:148px}.shelf-add:hover{border-color:var(--gold);transform:translateY(-2px)}.shelf-plus{font-size:30px;color:var(--gold-dim);line-height:1}.deck-code{width:100%;font-family:JetBrains Mono,ui-monospace,Consolas,monospace;font-size:11px;line-height:1.5;padding:9px 10px;border-radius:5px;border:1px solid var(--edge);background:#0a0c11;color:var(--silver);resize:vertical;word-break:break-all}.deck-code-error{color:var(--bad);font-size:12px;margin:8px 0 0;min-height:1em}button.danger{color:var(--bad);border-color:#f2777a73}.screen>.row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.map-stage{position:relative;aspect-ratio:62 / 100;width:100%;max-width:min(340px,34vh);margin:4px auto 0}button.map-piece,button.map-piece:hover,button.map-piece:focus-visible,button.map-piece:active{position:absolute;padding:0;border:none;border-radius:0;background:none;box-shadow:none;cursor:pointer;line-height:0;transition:transform .45s cubic-bezier(.3,1.1,.4,1),filter .35s}.map-piece img{width:100%;height:auto;display:block;filter:drop-shadow(0 0 0 transparent);transition:filter .35s}.map-piece:hover,.map-piece:focus-visible{transform:translateY(-5px) scale(1.04);z-index:2}.map-piece:hover img,.map-piece:focus-visible img{filter:drop-shadow(0 0 18px currentColor)}.map-piece:focus-visible{outline:none}.map-label{position:absolute;left:50%;top:50%;translate:-50% -50%;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#fff;font-weight:700;pointer-events:none;line-height:1;text-shadow:0 0 3px rgba(5,6,10,.95),0 1px 6px rgba(5,6,10,.9),0 0 14px rgba(5,6,10,.8);opacity:.82;transition:opacity .25s}.map-piece:hover .map-label,.map-piece:focus-visible .map-label{opacity:1}.map-blurb{margin:12px 0 4px;min-height:1.4em;font-size:12.5px;color:var(--gold-dim);text-align:center}.map-blurb b{color:var(--silver);font-weight:600}@media(prefers-reduced-motion:reduce){.map-piece{transition:none}}.builder-screen{display:grid;grid-template-rows:auto auto minmax(0,1fr);grid-template-columns:100%;align-items:stretch;align-content:stretch;justify-items:stretch;justify-content:stretch;gap:10px;height:100vh;padding:12px clamp(10px,2vw,24px) 12px;overflow:hidden}.builder-bar{display:flex;align-items:center;gap:8px;min-width:0}.builder-name{flex:0 1 240px;min-width:92px;padding:9px 12px;border-radius:5px;border:1px solid var(--edge);background:#0a0b10cc;color:var(--silver);font-family:inherit;font-size:14.5px;font-weight:600}.builder-name:focus-visible{outline:2px solid var(--gold);outline-offset:1px}.builder-bar>button{flex:none;padding:10px 18px}.builder-problems{display:flex;align-items:center;gap:10px;margin-bottom:10px;padding:7px 12px;border-radius:5px;border:1px solid rgba(242,119,122,.35);background:#f2777a14;font-size:12px;min-width:0}.bp-count{flex:none;display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:var(--bad);color:#1a0d0d;font-weight:700;font-size:11px;font-variant-numeric:tabular-nums}.bp-text{color:#f5b3b4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.builder-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:10px;min-height:0;grid-row:3}.bpanel{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-height:0;border:1px solid var(--edge);border-radius:8px;background:#0a0b1080;overflow:hidden}.bpanel-head{display:flex;flex-direction:column;gap:7px;padding:9px 10px;border-bottom:1px solid var(--edge);background:#06070ab3}.bpanel-h{margin:0;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}.bpanel-body{min-height:0;overflow-y:auto;padding:8px 10px 14px;display:flex;flex-direction:column;gap:3px}.bpanel-foot{border-top:1px solid var(--edge);background:#06070ab8;padding:6px 10px 10px;max-height:34vh;overflow-y:auto;min-height:0}.bpanel-foot .grid-sep{margin-top:2px}.builder-counters{display:flex;gap:5px;flex-wrap:wrap}.bcount{flex:1 1 auto;display:flex;align-items:baseline;gap:5px;justify-content:center;padding:4px 8px;border-radius:5px;border:1px solid var(--edge);background:#0a0b10b3}.bcount.bad{border-color:#f2777a8c;background:#f2777a17}.bcount-n{font-size:14px;font-weight:700;color:var(--silver);font-variant-numeric:tabular-nums;line-height:1.1}.bcount.bad .bcount-n{color:var(--bad)}.bcount-l{font-size:9px;letter-spacing:.04em;color:var(--gold-dim);white-space:nowrap}.builder-search{width:100%;padding:7px 10px;border-radius:5px;border:1px solid var(--edge);background:#0a0b10d9;color:var(--silver);font-family:inherit;font-size:12.5px}.builder-search:focus-visible{outline:2px solid var(--gold);outline-offset:1px}.builder-search::placeholder{color:#6d7583}.filter-chips{display:flex;gap:5px;flex-wrap:wrap}.fchip{padding:3px 10px;font-size:9.5px;letter-spacing:.1em;border-radius:999px;border:1px solid var(--edge);background:#ffffff08;color:#8b93a3}.fchip:hover{border-color:var(--gold-dim);color:var(--gold);background:#c9a96114}.fchip.on{border-color:var(--gold);background:#c9a9612e;color:#f6e9c8}.grid-sep{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:9px 0 2px;padding-bottom:3px;border-bottom:1px solid rgba(201,169,97,.18);font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-dim)}.grid-sep:first-child{margin-top:0}.grid-sep i{font-style:normal;font-family:JetBrains Mono,ui-monospace,Consolas,monospace;font-variant-numeric:tabular-nums;color:var(--gold);letter-spacing:.04em}.deck-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:4px;margin-bottom:4px}.dcard{position:relative;aspect-ratio:2 / 3;border-radius:4px;background:#10131a center top / cover no-repeat;border:1px solid rgba(255,255,255,.08);cursor:pointer;transition:transform .1s ease,border-color .1s ease,box-shadow .1s ease}.dcard:hover{transform:translateY(-2px);border-color:var(--bad);box-shadow:0 0 0 1px #f2777a80}.dcard:focus-visible{outline:2px solid var(--gold);outline-offset:1px}.panel-deck .bpanel-body .deck-grid{grid-template-columns:repeat(10,minmax(0,1fr));grid-template-rows:repeat(5,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);flex:1 1 auto;min-height:0;margin-bottom:0}.panel-deck .bpanel-body .deck-grid .dcard{height:100%;width:auto;max-width:100%;min-height:0;margin-inline:auto}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:7px}.ltile{position:relative;border:1px solid rgba(255,255,255,.09);border-radius:6px;background:#ffffff05;overflow:hidden;cursor:pointer;opacity:.62;transition:transform .12s ease,border-color .12s ease,opacity .12s ease}.ltile.owned{opacity:1;border-color:#c9a9614d}.ltile:hover{opacity:1;transform:translateY(-2px);border-color:var(--gold)}.ltile:focus-visible{outline:2px solid var(--gold);outline-offset:1px}.ltile.full{cursor:default;opacity:1;border-color:#c9a9618c}.ltile.full:hover{transform:none}.ltile-art{aspect-ratio:2 / 3;background:#10131a center top / cover no-repeat}.card-set-tag{display:inline-block;padding:2px 6px;border:1px solid var(--gold);border-radius:4px;background:#17130c;color:var(--gold);font-size:10px;line-height:1.4}.ltile>.card-set-tag{margin:0 5px 5px}.dcard>.card-set-tag{position:absolute;bottom:2px;left:2px;pointer-events:none}.ltile-name{padding:4px 5px 3px;font-size:9px;line-height:1.25;height:2.7em;overflow:hidden;color:#d8dde6e6}.ltile-count{position:absolute;top:3px;right:3px;padding:1px 5px;border-radius:3px;background:#06070ad1;font-size:9.5px;font-variant-numeric:tabular-nums;color:var(--gold-dim)}.ltile.owned .ltile-count{color:var(--gold)}.ltile.full .ltile-count{background:var(--gold);color:#14110a}.ltile-all{position:absolute;left:3px;top:3px;padding:1px 6px;border-radius:3px;border:1px solid var(--edge);background:#06070ae0;color:var(--gold-dim);font-size:9.5px;letter-spacing:.04em;cursor:pointer;opacity:0;transition:opacity .1s ease,color .1s ease,border-color .1s ease}.ltile:hover .ltile-all,.ltile-all:focus-visible{opacity:1}.ltile-all:hover{color:var(--gold);border-color:var(--gold)}.builder-note{margin:2px 0 5px;font-size:11px;color:#7f8899;line-height:1.5}.panel-tabs{display:none;margin-left:auto;gap:4px}.ptab{padding:8px 14px;font-size:10.5px;letter-spacing:.1em;border-radius:4px}.ptab.on{border-color:var(--gold);background:#c9a9612e;color:#f6e9c8}@media(max-width:700px),(max-height:500px)and (orientation:landscape){.panel-tabs{display:flex}.builder-cols{grid-template-columns:100%}.builder-cols.showing-deck .panel-library,.builder-cols.showing-library .panel-deck{display:none}.builder-name{flex:1 1 auto}.builder-bar>button{padding:10px 12px;font-size:11px}.card-grid{grid-template-columns:repeat(auto-fill,minmax(78px,1fr))}.panel-deck .bpanel-body .deck-grid{grid-template-columns:repeat(auto-fill,minmax(46px,1fr));grid-template-rows:none;grid-auto-rows:auto;flex:0 0 auto}.panel-deck .bpanel-body .deck-grid .dcard{height:auto;width:100%;max-width:none}.bpanel-foot{max-height:26vh;padding:5px 8px 7px}.bpanel-foot .deck-grid{grid-template-columns:repeat(auto-fill,minmax(46px,1fr))}.bpanel-head{padding:6px 8px;gap:5px}.bpanel-body{padding:6px 8px 8px}.bcount{padding:3px 6px}}@media(prefers-reduced-motion:reduce){.ltile{transition:none}.ltile:hover{transform:none}}.rail{position:fixed;bottom:62%;right:10px;transform:none;z-index:941;display:flex;flex-direction:column;gap:10px}.rail-btn{width:58px;padding:7px 2px 5px;display:flex;flex-direction:column;align-items:center;gap:3px;border-radius:6px;background:#0a0a0ed1;border:1px solid rgba(201,169,97,.28);color:var(--gold-dim);cursor:pointer;text-transform:none;letter-spacing:normal;transition:color .18s,border-color .18s,background .18s}.rail-btn:hover:not(:disabled){color:var(--gold);border-color:var(--gold);background:#c9a9611f}.rail-icon{font-size:17px;line-height:1}.rail-label{font-size:8.5px;letter-spacing:.06em;text-transform:uppercase;opacity:.82;text-align:center;line-height:1.15}.rail-btn:last-child{border-color:#be50444d}.rail-btn:last-child:hover{color:#e8705a;border-color:#e8705a;background:#be50441f}.history-body{max-height:60vh;overflow-y:auto;min-width:min(560px,80vw)}.history-body .log{max-height:none}.stat.barriers{align-items:center}.gems{display:inline-flex;gap:3px;align-items:center}.gem{width:9px;height:9px;border-radius:50%;display:block;transition:background .25s,box-shadow .25s,opacity .25s}.gems.mine .gem{background:#35d6c0;box-shadow:0 0 6px #35d6c0bf}.gems.foe .gem{background:#e0483c;box-shadow:0 0 6px #e0483cbf}.gem.spent{background:transparent!important;box-shadow:inset 0 0 0 1px #ffffff2e!important;opacity:.75}.gem-count{margin-left:7px;font-variant-numeric:tabular-nums}.turn-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:13px 18px;font-size:13px;letter-spacing:.1em}.turn-btn .tb-icon{font-size:15px;line-height:1}.turn-btn.waiting{opacity:1;color:var(--gold-dim);background:#ffffff08;border-color:var(--edge);cursor:default}.turn-btn.waiting .tb-icon{animation:waitPulse 1.9s ease-in-out infinite}@keyframes waitPulse{0%,to{opacity:.35}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.turn-btn.waiting .tb-icon{animation:none}}.settings-body{display:flex;flex-direction:column;gap:18px;max-width:520px}.set-section{display:flex;flex-direction:column;gap:7px}.set-title{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}.set-hint{font-size:11.5px;color:#d8dde699}.set-choices{display:flex;gap:7px;flex-wrap:wrap}.set-choice{flex:1 1 150px;text-align:left;padding:8px 10px;border-radius:6px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:border-color .18s,background .18s}.set-choice:hover{border-color:var(--gold-dim)}.set-choice.on{border-color:var(--gold);background:#c9a9611f}.set-choice .sc-name{font-size:12.5px;font-weight:600;color:var(--silver)}.set-choice .sc-hint{font-size:11px;color:#d8dde699;margin-top:3px;line-height:1.35}.set-toggle{display:flex;align-items:flex-start;gap:12px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.06)}.set-toggle:last-child{border-bottom:none}.st-txt{flex:1}.st-name{font-size:12.5px;color:var(--silver)}.st-hint{font-size:11px;color:#d8dde68c;margin-top:3px;line-height:1.35}.st-switch{flex-shrink:0;width:40px;height:22px;padding:0;border-radius:999px;position:relative;background:#ffffff14;border:1px solid rgba(255,255,255,.14);cursor:pointer;transition:background .2s,border-color .2s}.st-switch:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#d8dde699;transition:transform .2s cubic-bezier(.34,1.3,.64,1),background .2s}.st-switch.on{background:#c9a9614d;border-color:var(--gold)}.st-switch.on:after{transform:translate(18px);background:var(--gold)}:root.opt-chooser-list .ability-list{display:block}:root.opt-chooser-list .ability-opt{width:100%;margin-bottom:6px}.codex-reserve{display:flex;gap:3px;justify-content:center;margin-top:3px}.codex-reserve .cr-mini{width:calc(var(--pile-w) * .44);aspect-ratio:5 / 7;border-radius:2px;background-size:cover;background-position:center;opacity:.38;filter:saturate(.55);border:1px solid rgba(201,169,97,.28);cursor:pointer;transition:opacity .18s,filter .18s,transform .18s}.codex-reserve .cr-mini:hover{opacity:.95;filter:saturate(1);transform:translateY(-2px) scale(1.12)}.fx-finish{position:fixed;top:0;right:0;bottom:0;left:0;z-index:950;display:flex;align-items:center;justify-content:center;pointer-events:none;background:radial-gradient(circle at 50% 50%,#0000 25%,#000000b8 78%);animation:finishIn .28s ease-out}.fx-finish.out{animation:finishOut .3s ease-in forwards}@keyframes finishIn{0%{opacity:0}to{opacity:1}}@keyframes finishOut{to{opacity:0}}.fx-finish .fin-ring{position:absolute;width:120px;height:120px;border-radius:50%;border:3px solid currentColor;animation:finishRing .9s cubic-bezier(.15,.7,.3,1) forwards}@keyframes finishRing{0%{transform:scale(.2);opacity:0}20%{opacity:1}to{transform:scale(9);opacity:0}}.fx-finish .fin-word{position:relative;font-size:clamp(26px,5.5vw,62px);font-weight:800;letter-spacing:.22em;text-transform:uppercase;animation:finishWord .95s cubic-bezier(.2,1.1,.3,1) forwards}@keyframes finishWord{0%{transform:scale(1.7);opacity:0;filter:blur(9px)}28%{transform:scale(1);opacity:1;filter:blur(0)}75%{transform:scale(1);opacity:1}to{transform:scale(1.06);opacity:0}}.fx-finish.win{color:var(--gold);text-shadow:0 0 34px rgba(201,169,97,.85)}.fx-finish.lose{color:var(--bad);text-shadow:0 0 34px rgba(242,119,122,.8)}.result-word{position:relative;display:grid}.result-word .rw-base,.result-word .rw-sheen{display:block;grid-area:1 / 1}.result-word .rw-sheen{background-image:linear-gradient(100deg,transparent 32%,rgba(255,120,180,.95) 42%,rgba(255,220,120,.95) 50%,rgba(120,240,220,.95) 58%,transparent 68%);background-size:260% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:resultSheen 2.8s ease-in-out infinite}@keyframes resultSheen{0%{background-position:160% 0}55%{background-position:-60% 0}to{background-position:-60% 0}}@media(prefers-reduced-motion:reduce){.priority-light.you .p-dot,.fx-finish,.fx-finish .fin-ring,.fx-finish .fin-word,.result-word .rw-sheen{animation:none}.auto-desc{transition:none}}:root.opt-flat-spectacle .card[class*=arrive-]{--arrive-scale: 1}.priority-light.off{display:none}.st-range{flex-shrink:0;width:120px;accent-color:var(--gold);cursor:pointer}.screen.title-screen{padding:0;max-width:none;width:100%;height:100%;display:block;overflow:hidden}.key-art{position:relative;width:100%;height:100%;overflow:hidden;background:#05060a;isolation:isolate}.ka-sky{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 80% at 50% 8%,rgba(94,78,168,.5),transparent 62%),radial-gradient(90% 60% at 12% 78%,rgba(126,58,132,.38),transparent 65%),radial-gradient(90% 60% at 88% 74%,rgba(150,46,46,.34),transparent 65%),linear-gradient(180deg,#0d1024,#0a0a14 55%,#05060a)}.ka-sky:after{content:"";position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:radial-gradient(closest-side,rgba(201,169,97,.16),transparent 70%);animation:kaDrift 18s ease-in-out infinite alternate}@keyframes kaDrift{0%{transform:translate3d(-6%,2%,0) scale(1)}to{transform:translate3d(6%,-3%,0) scale(1.14)}}:root{--ka-menu-w: min(340px, 42vw)}.ka-cast{position:absolute;inset:0 clamp(0px,3vw,56px) 0 var(--ka-menu-w)}.ka-fig{position:absolute;bottom:0;transform:translate(-50%) translateY(var(--drop, 0%));animation:kaRise .9s cubic-bezier(.2,.8,.3,1) both}.ka-fig img{display:block;height:100%;width:auto}.ka-fig.back{height:50%;z-index:1;opacity:.62;animation-delay:0s}.ka-fig.mid{height:58%;z-index:2;opacity:.88;animation-delay:.08s}.ka-fig.front{height:68%;z-index:3;opacity:1;animation-delay:.16s}@keyframes kaRise{0%{transform:translate(-50%) translateY(calc(var(--drop, 0%) + 7%))}to{transform:translate(-50%) translateY(var(--drop, 0%))}}@media(prefers-reduced-motion:reduce){.ka-fig{animation:none;opacity:1}}.ka-veil{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;background:radial-gradient(120% 90% at 50% 42%,transparent 38%,rgba(5,6,10,.72) 88%),linear-gradient(180deg,rgba(5,6,10,.55) 0%,transparent 22%,transparent 40%,rgba(5,6,10,.93) 88%)}.ka-front{position:absolute;inset:0 auto 0 0;z-index:5;width:min(340px,42vw);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:14px;padding:0 0 0 clamp(24px,5vw,68px);text-align:left}.ka-head{display:contents}.ka-rule{display:none}.ka-logo{height:clamp(64px,11vh,116px);width:auto;filter:drop-shadow(0 6px 26px rgba(0,0,0,.9)) drop-shadow(0 0 30px rgba(201,169,97,.35));animation:kaLogoIn 1s cubic-bezier(.2,.9,.3,1) .3s both}@keyframes kaLogoIn{0%{opacity:0;transform:translateY(16px) scale(.94)}to{opacity:1;transform:none}}.ka-tag{margin:-4px 0 6px;font-size:clamp(11px,1.2vw,14px);letter-spacing:.04em;color:#d8dde6d1;text-shadow:0 2px 10px rgba(0,0,0,.95);animation:kaLogoIn .8s ease-out .5s both}.ka-menu{display:flex;flex-direction:column;align-items:stretch;gap:8px;width:100%;max-width:232px}.ka-item{display:block;width:100%;padding:12px 16px;text-align:left;font-size:13px;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;border-radius:5px;border:1px solid var(--edge);background:#0a0b109e;color:var(--silver);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;transition:transform .14s ease,border-color .14s ease,background .14s ease;animation:kaItemIn .55s ease-out both}.ka-menu>.ka-item{display:grid;align-items:center;min-height:44px}.ka-menu>.ka-item:nth-child(1){animation-delay:.62s}.ka-menu>.ka-item:nth-child(2){animation-delay:.7s}.ka-menu>.ka-item:nth-child(3){animation-delay:.78s}.ka-links>.ka-item:nth-child(1){animation-delay:.86s}.ka-links>.ka-item:nth-child(2){animation-delay:.94s}.ka-links>.ka-item:nth-child(3){animation-delay:1.02s}@keyframes kaItemIn{0%{opacity:0;transform:translate(-14px)}to{opacity:1;transform:none}}.ka-item:hover,.ka-item:focus-visible{transform:translate(4px);border-color:var(--gold);background:#c9a9611f}.ka-item.primary{border-color:var(--gold);background:linear-gradient(180deg,#c9a96142,#c9a9611f);color:#f6e9c8;font-weight:600}.ka-links{display:flex;flex-direction:column;gap:8px}.ka-quiet{font-size:11px;color:#d8dde69e;border-color:#c9a9611a;background:#0a0b1066}.ka-quiet:hover,.ka-quiet:focus-visible{color:var(--silver)}.ka-site{margin-top:2px}.ka-active{margin:6px 0 0;font-size:11.5px;color:#d8dde6b3;text-shadow:0 2px 10px rgba(0,0,0,.95);max-width:232px;line-height:1.5;animation:kaLogoIn .8s ease-out .9s both}.ka-active b{color:var(--gold);font-weight:600}.ka-active .ka-hint{color:#d8dde673}.ka-decks{margin:2px 0 0;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-dim);text-shadow:0 2px 10px rgba(0,0,0,.95);animation:kaLogoIn .8s ease-out .72s both}.ka-decks .ka-hint{display:inline-block;margin-top:4px;text-transform:none;letter-spacing:.02em;color:#d8dde673}.ka-site{margin-top:14px;padding:9px 20px;font-size:11px;animation:kaLogoIn .8s ease-out .84s both}@media(max-aspect-ratio:1/1){.ka-cast{top:0;right:0;bottom:0;left:0}.ka-fig.back{height:48%}.ka-fig.mid{height:60%}.ka-fig.front{height:68%}.ka-front{inset:auto 0 0 0;width:100%;align-items:center;justify-content:flex-end;padding:0 20px 5vh;text-align:center}.ka-menu,.ka-active{max-width:320px}.ka-item{text-align:center}.ka-ver{align-self:center}}@media(prefers-reduced-motion:reduce){.ka-sky:after,.ka-fig,.ka-logo,.ka-tag,.ka-active,.ka-item{animation:none}}canvas.fx-gl{position:fixed;top:0;right:0;bottom:0;left:0;z-index:870;pointer-events:none;width:100%!important;height:100%!important}.cutscene{position:fixed;top:0;right:0;bottom:0;left:0;z-index:960;display:flex;align-items:center;justify-content:center;background:#04050a;cursor:pointer}.cutscene .cs-video{max-width:min(92vw,1100px);max-height:78vh;display:block;background:transparent}.cutscene .cs-name{position:absolute;left:0;right:0;bottom:6vh;text-align:center;font-size:clamp(20px,3.4vw,42px);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);text-shadow:0 2px 24px rgba(0,0,0,.95),0 0 40px rgba(201,169,97,.5);pointer-events:none}.cutscene .cs-skip{position:absolute;right:22px;bottom:22px;padding:6px 16px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#d8dde6b3;background:#0a0a0e99;border:1px solid rgba(255,255,255,.18);border-radius:999px;cursor:pointer}.cutscene .cs-skip:hover{color:var(--gold);border-color:var(--gold)}@media(prefers-reduced-motion:reduce){canvas.fx-gl{display:none}}.board-wrap.demo-mode .hand{pointer-events:none}.board-wrap.demo-mode .actions{display:none}.board-wrap.demo-mode .card,.board-wrap.demo-mode .slot{cursor:default}.banner.demo-end .result-line{color:var(--gold-dim)}.feedback{position:fixed;right:0;top:0;bottom:0;z-index:931;width:min(440px,94vw);padding:20px 22px;background:var(--panel);border-left:1px solid var(--edge);box-shadow:-18px 0 48px #0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;gap:14px;overflow-y:auto;translate:100% 0;transition:translate .28s cubic-bezier(.3,.9,.4,1)}.feedback.open{translate:0 0}.fb-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.fb-head h2{margin:0;font-size:17px;font-weight:600;color:var(--silver)}.fb-close{background:none;border:none;color:var(--gold-dim);font-size:22px;line-height:1;padding:0 4px;cursor:pointer}.fb-close:hover{color:var(--gold)}.fb-intro{margin:0;font-size:12.5px;line-height:1.5;color:#d8dde69e}.fb-host{flex:1;min-height:531px;border-radius:8px;overflow:hidden;background:#00000038}.fb-host iframe{display:block;width:100%;border:none}.fb-loading,.fb-fallback{margin:0;padding:22px 18px;font-size:13px;line-height:1.55;color:#d8dde68c}.fb-fallback{color:var(--bad)}@media(prefers-reduced-motion:reduce){.feedback{transition:none}}.subtle,.hint,.dl-readhint,.builder-note,.modal .sub,.tip p,.mod-pop-source,.mod-pop-duration,.ka-hint,.dl-summary,.deck-pick .subtle{font-style:italic}.tip{position:fixed;z-index:935;width:300px;padding:14px 16px 12px;border-radius:9px;background:linear-gradient(180deg,#1b1a14,#121118);border:1px solid var(--gold);box-shadow:0 12px 40px #000000bf,0 0 0 1px #c9a9612e;opacity:0;transform:translateY(6px);transition:opacity .2s ease,transform .2s cubic-bezier(.34,1.3,.64,1)}.tip.show{opacity:1;transform:translateY(0)}.tip.centred{left:50%;bottom:12vh;top:auto;translate:-50% 0}.tip h3{margin:0 0 6px;font-size:13.5px;letter-spacing:.04em;color:var(--gold)}.tip p{margin:0;font-size:13px;line-height:1.5;color:#d8dde6e6}.tip-row{display:flex;align-items:center;gap:10px;margin-top:12px}.tip-ok{padding:6px 14px;font-size:12px;border-radius:5px;border:1px solid var(--gold);background:#c9a9612e;color:var(--gold);cursor:pointer}.tip-ok:hover{background:#c9a9614d}.tip-never{padding:6px 4px;font-size:11.5px;border:none;background:none;color:#d8dde673;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.tip-never:hover{color:var(--bad)}.tip:before{content:"";position:absolute;left:50%;translate:-50% 0;width:10px;height:10px;background:#1b1a14;border-left:1px solid var(--gold);border-top:1px solid var(--gold)}.tip.point-up:before{top:-6px;rotate:45deg}.tip.point-down:before{bottom:-6px;rotate:225deg}.tip.centred:before{display:none}.tip.blocking{border-color:#ffe6a8;box-shadow:0 12px 44px #000c,0 0 0 1px #c9a96159,0 0 0 100vmax #04050a8c}.tip.blocking .tip-ok{background:linear-gradient(180deg,#c9a961f2,#a08242f2);color:#14110a;font-weight:700}.st-reset{flex-shrink:0;padding:6px 12px;font-size:11.5px;border-radius:5px;border:1px solid rgba(201,169,97,.45);background:transparent;color:var(--gold-dim);cursor:pointer}.st-reset:hover{color:var(--gold);border-color:var(--gold)}@media(prefers-reduced-motion:reduce){.tip{transition:none}}.phase-tab{position:fixed;top:41%;right:0;transform:translateY(-50%);z-index:940;padding:8px 13px;border-radius:999px 0 0 999px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;pointer-events:none;background:#0a0a0ed1;border:1px solid rgba(201,169,97,.28);border-right:0;color:var(--gold-dim);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:opacity .25s}.phase-tab{margin-top:0}.phase-tab.off{opacity:0}.hand-card{position:relative}.hc-level,.hc-power{position:absolute;font-size:10px;font-weight:700;line-height:1;padding:3px 5px;border-radius:3px;pointer-events:none;background:#06070bd1;text-shadow:0 1px 2px rgba(0,0,0,.9)}.hc-level{top:4px;left:4px;color:#cfe3ff;border:1px solid rgba(140,190,255,.45)}.hc-power{bottom:4px;right:4px;color:var(--gold);border:1px solid rgba(201,169,97,.45);font-variant-numeric:tabular-nums}.hand-card.dim .hc-level,.hand-card.dim .hc-power{opacity:.5}@media(max-width:700px),(max-height:500px)and (orientation:landscape){.side{left:0;right:0;width:auto;border-radius:0;border-left:0;border-right:0;background:#08090deb}.side.foe{top:0;bottom:auto;left:0;right:0;border-top:0}.side.mine{bottom:0;top:auto;left:0;right:0;border-bottom:0}.side header{display:flex;flex-wrap:wrap;align-items:center;gap:2px 10px;padding:5px 10px;border-bottom:0}.side h3{font-size:9px;margin:0;width:100%;letter-spacing:.18em;opacity:.75}.side .stat{display:inline-flex;align-items:center;gap:4px;font-size:11px;padding:0;border:0}.side .stat span{font-size:9px;letter-spacing:.06em;opacity:.7}.side .stat.s-plays,.side .stat:has(.chip){display:none}.side .gem{width:7px;height:7px}.side .actions{padding:4px 10px 6px}.side .actions .hint{display:none}.turn-btn{padding:10px;font-size:12px}.log-overlay{left:0;right:0;width:auto;top:auto;bottom:112px;transform:none;max-height:30vh;border-radius:0;border-left:0;border-right:0;z-index:935}.log-overlay.closed{left:0;right:auto;top:auto;bottom:114px;transform:none;width:auto;border-radius:0 6px 6px 0}.rail{top:40%;right:0;gap:4px}.rail-btn{width:38px;padding:6px 2px;border-radius:6px 0 0 6px;border-right:0}.rail-label{display:none}.rail-icon{font-size:15px}.priority-light,.phase-tab{font-size:8.5px;padding:4px 8px;letter-spacing:.1em}.priority-light{top:46px;transform:none;max-width:45vw}.phase-tab{top:46px;right:0;transform:none;margin-top:0;max-width:45vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#app:has(>.board-wrap){padding:44px 0 106px}.board-wrap{padding:0}.mats{padding:4px;gap:3px}.foehand .fb{height:58px;margin-left:-20px}.foehand{min-height:58px}.defense-zone{padding:2px 6px}}.rotate-gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:990;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#040508f5;opacity:0;transition:opacity .28s ease;pointer-events:all}.rotate-gate.show{opacity:1}.rg-phone{width:62px;height:104px;border:2px solid var(--gold);border-radius:10px;padding:7px 5px;animation:rgTurn 2.2s cubic-bezier(.5,0,.2,1) .35s forwards}.rg-screen{width:100%;height:100%;border-radius:3px;background:linear-gradient(140deg,#c9a96159,#c9a96114)}@keyframes rgTurn{0%,22%{transform:rotate(0)}65%,to{transform:rotate(-90deg)}}.rg-title{font-size:15px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-top:14px}.rg-sub{font-size:12px;color:var(--silver-dim, #8b93a3)}@media(prefers-reduced-motion:reduce){.rg-phone{animation:none;transform:rotate(-90deg)}}@media(max-height:500px)and (orientation:landscape){#app:has(>.board-wrap){padding:0}.side{width:auto;max-width:40vw;border-radius:8px;background:#08090dd1;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.side.foe{top:4px;left:4px;right:auto;bottom:auto}.side.mine{bottom:4px;right:4px;left:auto;top:auto}.side header{display:flex;flex-wrap:wrap;align-items:center;gap:1px 9px;padding:4px 8px;border-bottom:0}.side h3{width:100%;font-size:8px;margin:0;letter-spacing:.16em;opacity:.7}.side .stat{display:inline-flex;align-items:center;gap:3px;font-size:10px;padding:0;border:0}.side .stat span{font-size:8px;opacity:.65}.side .stat.s-plays,.side .stat.s-persona,.side .stat:has(.chip){display:none}.side .gem{width:6px;height:6px}.side .actions{padding:2px 8px 5px}.side .actions .hint{display:none}.turn-btn{padding:7px 14px;font-size:11px}.rail{top:50%;right:0;gap:3px}.rail-btn{width:32px;padding:4px 2px;border-radius:5px 0 0 5px;border-right:0}.rail-label{display:none}.rail-icon{font-size:13px}.log-overlay{max-height:62vh;width:210px}.log-overlay.closed{bottom:4px;left:4px}.priority-light,.phase-tab{font-size:8px;padding:3px 7px;letter-spacing:.08em}.priority-light{top:50%}.phase-tab{top:50%;margin-top:0}.mats{padding:1px;gap:1px;transform:none}.mat,.defense-zone{max-width:100%}.z-barrier{min-height:clamp(18px,20cqh,54px)}.barrier{height:clamp(16px,15cqh,44px)}.z-defense{min-height:clamp(14px,9cqh,26px)}:root{--pile-w: clamp(24px, 4.6vh, 38px)}.z-barrier .lifecount{display:none}:root{--hand-h: clamp(58px, 18vh, 78px)}.hand-bar{padding:2px 10px}.hand-card{height:calc(var(--hand-h) - 8px);width:calc((var(--hand-h) - 8px) * 5 / 7);margin-left:-13px}.hc-power{display:none}.hc-level{font-size:9px;padding:2px 4px;top:3px;left:3px}.foehand .fb{height:38px;margin-left:-14px}.foehand{min-height:38px}.defense-zone{min-height:8px;margin:1px auto}.defense-zone .dz-label{display:none}.defense-zone .dcard{height:34px}.dz-row{gap:5px}}.devlog-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:grid;place-items:center;padding:3vh 3vw;background:#040810d1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.devlog{width:min(1180px,100%);max-height:94vh;display:flex;flex-direction:column;gap:14px;padding:20px 24px 24px;border-radius:10px;border:1px solid rgba(201,169,97,.3);background:linear-gradient(180deg,#101725,#0a0f18);box-shadow:0 24px 60px #000000b3;overflow:hidden}.dl-head{display:flex;align-items:center;gap:12px}.dl-title{margin:0;font-size:22px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}.dl-close,.dl-back{border:1px solid rgba(201,169,97,.3);background:#0000004d;color:#c8d0dd;border-radius:6px;cursor:pointer}.dl-close{margin-left:auto;width:30px;height:30px;padding:0;flex:none;display:grid;place-items:center;font-size:17px;line-height:1;letter-spacing:0}.dl-back{padding:6px 12px;font-size:12px;letter-spacing:.06em}.dl-close:hover,.dl-back:hover{border-color:var(--gold);color:var(--gold)}.dl-list{overflow-y:auto;display:flex;flex-direction:column;gap:8px}.dl-version{border:1px solid rgba(201,169,97,.16);border-radius:8px;background:#00000040;overflow:hidden}.dl-version.open{border-color:#c9a96157}.dl-vhead{width:100%;display:flex;align-items:baseline;gap:12px;padding:12px 14px;border:0;background:none;color:inherit;cursor:pointer;text-align:left}.dl-vhead:hover{background:#c9a9610f}.dl-caret{color:var(--gold);font-size:12px}.dl-vname{font-size:16px;font-weight:700;color:#eef2f8}.dl-vsub{font-size:13px;color:var(--gold-dim)}.dl-vcount{margin-left:auto;font-size:11px;color:#7d879a}.dl-patches{display:flex;flex-direction:column}.dl-patch{display:flex;align-items:center;gap:14px;padding:11px 16px 11px 34px;border:0;border-top:1px solid rgba(255,255,255,.05);background:none;color:inherit;cursor:pointer;text-align:left}.dl-patch:hover{background:#c9a96114}.dl-pid{min-width:42px;font-size:15px;font-weight:800;color:var(--gold);font-variant-numeric:tabular-nums}.dl-pmid{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0}.dl-ptitle{font-size:14px;color:#dbe2ec}.dl-ptags{display:flex;flex-wrap:wrap;gap:6px}.dl-tag{font-size:10px;letter-spacing:.05em;padding:2px 7px;border-radius:999px;border:1px solid currentColor;opacity:.85}.dl-tag.nerf{color:var(--bad)}.dl-tag.buff{color:var(--good)}.dl-tag.adj{color:#7cb8ff}.dl-tag.sys{color:var(--gold)}.dl-tag.new{color:#c99bff}.dl-pdate{font-size:11px;color:#7d879a;white-space:nowrap}.dl-kicker{margin:0;font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold)}.dl-ver{margin-top:2px;font-size:clamp(52px,8vw,104px);font-weight:900;line-height:.85;letter-spacing:-.03em;color:var(--gold);font-variant-numeric:tabular-nums;text-shadow:0 0 60px rgba(201,169,97,.3)}.dl-dtitle{margin:14px 0 0;font-size:clamp(19px,2.4vw,30px);line-height:1.2;color:#eef2f8;text-wrap:balance}.dl-dmeta{margin:7px 0 0;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-dim)}.dl-picker{display:flex;align-items:center;gap:8px}.dl-plabel{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#7d879a}.dl-psel{padding:7px 10px;border:1px solid var(--edge);border-radius:5px;background:#0a0b10cc;color:var(--silver);font-family:inherit;font-size:12.5px;cursor:pointer}.dl-psel:hover{border-color:var(--gold)}.dl-readhint{margin:14px 0 0;font-size:12.5px;letter-spacing:.02em;color:var(--gold-dim)}.dl-card.readable img,.dl-ethumb.readable{transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease}.dl-card.readable:hover img,.dl-ethumb.readable:hover{border-color:var(--gold);box-shadow:0 0 0 1px #c9a96159,0 6px 18px #0009;transform:translateY(-2px)}.dl-summary{margin:20px 0 0;font-size:15px;line-height:1.65;color:#aab4c4;max-width:74ch}.dl-sec{scroll-margin-top:12px}.dl-bar{display:flex;align-items:center;gap:12px;margin:clamp(26px,4vh,40px) 0 0;padding:10px 16px;font-size:14px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#f4edde;border-left:3px solid var(--gold);background:linear-gradient(90deg,#c9a96166,#c9a9611f 42%,#c9a96100 88%)}.dl-bar .dl-count{margin-left:auto;font-size:12px;font-weight:600;letter-spacing:.1em;color:#ffffff73;font-variant-numeric:tabular-nums}.dl-bar.nerf{border-left-color:var(--bad);background:linear-gradient(90deg,rgba(242,119,122,.36),rgba(242,119,122,.1) 42%,transparent 88%)}.dl-bar.buff{border-left-color:var(--good);background:linear-gradient(90deg,rgba(120,200,140,.34),rgba(120,200,140,.1) 42%,transparent 88%)}.dl-bar.adj{border-left-color:#7cb8ff;background:linear-gradient(90deg,rgba(124,184,255,.32),rgba(124,184,255,.09) 42%,transparent 88%)}.dl-bar.new{border-left-color:#c99bff;background:linear-gradient(90deg,rgba(201,155,255,.32),rgba(201,155,255,.09) 42%,transparent 88%)}.dl-entries{display:flex;flex-direction:column}.dl-entry{display:grid;grid-template-columns:56px minmax(0,1fr);gap:16px;align-items:start;padding:15px 16px 15px 19px}.dl-entry:not(:has(.dl-ethumb)){grid-template-columns:minmax(0,1fr)}.dl-entry+.dl-entry{border-top:1px solid rgba(255,255,255,.055)}.dl-ethumb{width:56px;aspect-ratio:5 / 7;border-radius:4px;overflow:hidden;border:1px solid rgba(201,169,97,.22);background:#0b0d13}.dl-ethumb img{display:block;width:100%;height:100%;object-fit:cover}.dl-ebody{min-width:0}.dl-ehead{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.dl-ename{font-size:15px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#eef2f8}.dl-delta{padding:2px 7px;border-radius:3px;font-size:11px;font-weight:800;background:#00000080;font-variant-numeric:tabular-nums}.dl-delta.nerf{color:var(--bad)}.dl-delta.buff{color:var(--good)}.dl-delta.adj{color:#7cb8ff}.dl-bullets{margin:8px 0 0;padding-left:18px;display:flex;flex-direction:column;gap:5px}.dl-bullets li{font-size:13.5px;line-height:1.6;color:#b6c0cf}.dl-bullets li::marker{color:var(--gold-dim)}.dl-none{margin:14px 0 0 19px;font-size:13px;color:#6b7486;font-style:italic}.dl-newgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:14px;margin:18px 0 0 19px}.dl-card{position:relative;display:flex;flex-direction:column;gap:6px}.dl-card img{width:100%;aspect-ratio:5 / 7;object-fit:cover;border-radius:5px;border:1px solid rgba(201,169,97,.25);background:#0b0d13}.dl-cname{font-size:11.5px;line-height:1.35;color:#97a1b2}.ka-ver{display:flex;align-items:baseline;gap:7px;margin:2px 0 10px;padding:5px 10px;border:1px solid rgba(201,169,97,.26);border-radius:999px;background:#0000004d;cursor:pointer;align-self:flex-start}.ka-ver:hover{border-color:var(--gold);background:#c9a9611a}.ka-ver b{font-size:12px;color:var(--gold);letter-spacing:.06em}.ka-ver span{font-size:11px;color:#97a1b2}.ka-ver em{font-size:10px;font-style:normal;color:#6b7486}.devlog.doc{width:100%;max-width:none;height:100%;max-height:none;border:0;border-radius:0;box-shadow:none;background:none;padding:0;gap:0}.devlog-bg:has(.doc){padding:0;background:#040810f2}.devlog.doc .dl-head{flex:none;padding:12px clamp(16px,5vw,40px);border-bottom:1px solid rgba(255,255,255,.07);background:#06080deb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.dl-doc{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain}.dl-col{width:min(1010px,100%);margin-inline:auto;padding:0 clamp(16px,4vw,36px) clamp(40px,8vh,90px)}.dl-mast{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:18px;padding:clamp(20px,4vh,46px) 0 clamp(16px,3vh,28px);border-bottom:1px solid rgba(201,169,97,.22)}.dl-marks{position:absolute;z-index:-1;top:50%;right:clamp(0px,3vw,60px);transform:translateY(-50%);height:clamp(240px,46vh,460px);aspect-ratio:47 / 78;pointer-events:none}.dl-mark{position:absolute;height:auto;opacity:.07;filter:grayscale(1) blur(1px);transition:opacity .4s ease,filter .4s ease}.dl-mark.on{opacity:.2;filter:saturate(1.15) blur(.5px)}.dl-mark.luzon{top:0;left:6%;width:60%}.dl-mark.visayas{top:46.5%;left:34%;width:39%}.dl-mark.mindanao{top:58%;left:8%;width:92%}@media(max-width:860px){.dl-mast{grid-template-columns:minmax(0,1fr)}.dl-picker{justify-self:start}.dl-marks{right:50%;transform:translate(50%,-50%);height:clamp(200px,38vh,320px)}.dl-mark{opacity:.045}.dl-mark.on{opacity:.12}}.ka-ver{white-space:nowrap;flex-wrap:nowrap;max-width:100%}@media(max-height:520px){.ka-front{gap:6px;justify-content:center}.ka-logo{height:clamp(38px,13vh,60px)}.ka-tag{display:none}.ka-ver{margin:0 0 2px;padding:3px 8px}.ka-ver span{display:none}.ka-menu{gap:5px}.ka-item{padding:8px 12px;font-size:11px;letter-spacing:.1em}.ka-active{font-size:10px}.ka-links{flex-direction:row;gap:5px}.ka-menu{max-width:none}.ka-links .ka-item{flex:1 1 auto;width:auto;min-width:0;padding:8px 7px;text-align:center;font-size:9.5px;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ka-site{margin-top:0}.ka-head{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%}.ka-ver{margin:0;align-self:center}.ka-rule{display:block;flex:1 1 auto;align-self:center;height:1px;min-width:0;background:linear-gradient(90deg,transparent,rgba(201,169,97,.1) 30%,rgba(201,169,97,.34))}.ka-veil{opacity:.55}}@media(max-width:720px){.ka-ver span{display:none}}.card,.hand-card,.pick,.barrier,.mini,.dcard,.fb,.dl-card{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation}.card img,.hand-card img,.pick img,.mini img,.dcard img,.dl-card img{-webkit-touch-callout:none;-webkit-user-drag:none;pointer-events:none}@media(pointer:coarse){button,.btn-link,.ka-item,.turn-btn,.rail-btn,.dl-patch,.dl-vhead{min-height:44px}.dl-close{width:44px;height:44px}}.screen.pick-screen{overflow:hidden}.screen.pick-screen>h2,.screen.pick-screen>.subtle,.screen.pick-screen>button{flex:none}.screen.pick-screen>.pick-row{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;align-items:flex-start;align-content:flex-start}@media(max-height:520px){.screen{padding:12px 16px;gap:10px}.screen h2{font-size:14px}.screen h1{font-size:clamp(20px,4vh,30px)}.subtle{font-size:11px;line-height:1.45}.pick img{width:clamp(84px,26vh,124px)}.pick-row{gap:8px}.pick{padding:3px}.pick .cap{font-size:9px;margin-top:3px}.pick .pick-role{font-size:8px}}@media(max-height:500px)and (orientation:landscape){#app:has(>.board-wrap){padding:34px 0 0}.side.foe{top:0;left:0;right:auto;bottom:auto;width:auto;max-width:58vw;height:32px;border-radius:0 0 8px;border-top:0;border-left:0}.side.foe header{padding:4px 10px}.side.foe h3{display:none}.rail{top:0;right:4px;bottom:auto;left:auto;transform:none;flex-direction:row;align-items:center;height:32px;gap:4px}.rail-btn{width:34px;height:26px;padding:0;border-radius:5px;border-right:1px solid var(--edge);display:grid;place-items:center}.rail-icon{font-size:13px}.phase-tab,.priority-light{display:none}.side.mine{bottom:2px;right:2px}.hand-bar{padding:3px 10px}.foehand .fb{height:26px;margin-left:-12px}.foehand{min-height:26px}}.screen.shelf-screen{overflow:hidden}.screen.shelf-screen>h2,.screen.shelf-screen>.subtle,.screen.shelf-screen>.row{flex:none}.screen.shelf-screen>.deck-shelf{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;align-content:flex-start}@media(max-height:520px)and (orientation:landscape){.devlog.doc .dl-head{padding:8px 16px}.dl-col{padding:0 16px 28px}.dl-mast{padding:14px 0 12px;gap:10px}.dl-kicker{font-size:10px;letter-spacing:.22em}.dl-ver{font-size:clamp(30px,9vh,46px)}.dl-dtitle{margin-top:8px;font-size:clamp(15px,3.6vh,21px)}.dl-dmeta{display:none}.dl-marks{height:clamp(150px,34vh,240px)}.dl-summary{margin-top:12px;font-size:12.5px;line-height:1.5}.dl-bar{margin-top:18px;padding:7px 12px;font-size:11.5px;letter-spacing:.13em}.dl-entry{grid-template-columns:42px minmax(0,1fr);gap:11px;padding:10px 12px 10px 15px}.dl-ethumb{width:42px}.dl-ename{font-size:13px}.dl-bullets{margin-top:6px;gap:4px}.dl-bullets li{font-size:12px;line-height:1.5}.dl-none{margin:10px 0 0 15px;font-size:11.5px}.dl-newgrid{grid-template-columns:repeat(auto-fill,minmax(74px,1fr));gap:10px;margin:12px 0 0 15px}.dl-cname{font-size:10px}}@media(max-width:700px),(max-height:500px)and (orientation:landscape){.mats{transform:none;perspective:none}.mats:after{display:none}.mat{grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:minmax(0,1fr);grid-template-areas:"left units right";gap:0 6px;padding:2px 6px;max-width:min(calc(100% - 60px),calc(var(--mat-h) * 3.3 + 140px))}:root{--mat-h: calc((100vh - var(--hand-h) - 48px) / 2)}.mat-side{display:flex;flex-direction:column;justify-content:space-around;align-items:stretch;gap:2px;width:56px;min-width:56px}.mat-side .codex-reserve{display:none}.mat-side.left{grid-area:left}.mat-side.right{grid-area:right}.mat-side .pilebox,.mat-side .zbox{aspect-ratio:auto;width:100%;height:22px;min-height:0;min-width:0;display:flex;align-items:center;justify-content:space-between;padding:0 5px}.mat-side .pilebox.z-codex{height:34px}.mat-side .zlabel{display:block;position:static;background:none;padding:0;font-size:7.5px;letter-spacing:.04em;line-height:1;text-align:left;white-space:nowrap}.mat-side .n{position:static;background:none;padding:0;font-size:12px;line-height:1;flex:none}.mat-side .pilebox .mini{opacity:.3}.mat-side .pilebox.z-codex .mini{opacity:.9}.mat-side .pilebox.z-codex .zlabel,.mat-side .pilebox.z-codex .n{text-shadow:0 1px 3px #000,0 0 6px #000}.mat-side .z-grave .mini,.mat-side .z-exile .mini{display:none}.mat>.z-barrier{position:absolute;left:100%;margin-left:7px;bottom:2px;display:block;width:auto;height:auto;min-height:0;padding:0;border:0;background:none}.mat>.z-barrier .barrier-row{display:flex;flex-direction:column;align-items:center;gap:3px;min-height:0}.mat>.z-barrier .barrier{width:9px;height:9px;border-radius:50%;aspect-ratio:auto}.z-units{grid-area:units;align-self:stretch}.z-units .slot{height:92cqh}}@media(max-width:700px),(max-height:500px)and (orientation:landscape){.side.foe{top:0;left:0;right:0;bottom:auto;width:auto;max-width:none;height:32px;flex-direction:row;align-items:center;gap:10px;padding:0 8px;border-radius:0;border-left:0;border-right:0;border-top:0}.side.foe>header{flex-direction:row;align-items:center;gap:10px;flex:none}.side.foe{padding-right:164px}.side.foe .foehand{margin:0 0 0 auto;align-self:center}.side.foe .foehand .fb{height:24px;margin-left:-10px}.side.foe .foehand{min-height:0}.side .stat.s-plays,.side .stat:has(.chip){display:inline-flex}.side .stat.s-phase,.side .stat.s-barriers{display:none}.side.mine{left:0;right:0;bottom:0;top:auto;width:auto;max-width:none;height:var(--hand-h);flex-direction:row;align-items:center;justify-content:space-between;gap:8px;padding:0 8px;border:0;border-radius:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;pointer-events:none}.side.mine>*{pointer-events:auto}.log-overlay.closed{width:auto;max-width:none}.log-overlay.closed .log-toggle{padding:5px 8px;font-size:9px;letter-spacing:.1em;min-height:30px}.side.mine>header{padding-left:56px;flex-direction:row;align-items:center;align-content:center;gap:4px 8px;flex:none;max-width:min(36vw,270px);max-height:100%;flex-wrap:wrap;overflow:hidden}.side.mine .actions{flex:none;padding:0}.side.mine .actions .hint{display:none}.side.mine .turn-btn{padding:8px 14px;font-size:11px;white-space:nowrap}.side header{border:0;padding:0}.side h3{display:none}.side .stat{flex-direction:row;align-items:center;gap:4px;padding:0;border:0}.side .stat span{font-size:8px;letter-spacing:.06em;opacity:.7}.side .gem{width:6px;height:6px}}.pilebox.openable{cursor:pointer}.pilebox.openable:hover{border-color:var(--gold)}@media(pointer:coarse){.pilebox.openable{box-shadow:inset 0 0 0 1px #c9a96147}}.rail-more{display:none}.tutorial-entry{border-color:#69cfff8c!important;background:linear-gradient(100deg,#19638dd1,#0c1c2ddb)!important}.tutorial-screen{overflow:auto;justify-content:flex-start;align-items:stretch;gap:12px;padding:clamp(14px,2.4vw,28px);background:radial-gradient(circle at 75% 15%,rgba(29,116,155,.24),transparent 34%),#090b10}.tutorial-head{max-width:760px;margin:0 auto 2px;text-align:center;flex:none}.tutorial-head h1{margin:3px 0 4px;font-size:clamp(25px,3.2vw,42px)}.tutorial-head .sub{margin:0;font-size:13px}.tutorial-grid{width:min(1100px,100%);margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;align-content:start}.tutorial-lesson{position:relative;display:flex;flex-direction:column;min-height:168px;padding:14px;border:1px solid rgba(201,169,97,.27);border-radius:12px;background:linear-gradient(145deg,#181b23f5,#0a0c12f5);box-shadow:0 18px 45px #00000040}.tutorial-lesson.done{border-color:#57c7898c}.tutorial-lesson h2{margin:5px 0;font-size:16px;letter-spacing:.06em}.tutorial-lesson p{margin:0;color:#ffffffb8;line-height:1.35;font-size:12px;flex:1}.tutorial-lesson button{min-height:34px;padding:7px 10px}.tutorial-number,.tutorial-kicker,.tutorial-meta{color:var(--gold);text-transform:uppercase;letter-spacing:.13em;font-size:10px;font-weight:800}.tutorial-meta{margin:8px 0 6px;color:#ffffff7a}.tutorial-menu-actions{position:sticky;top:-1px;z-index:5;width:min(1100px,100%);margin:0 auto 2px;display:flex;justify-content:space-between;padding:7px;border:1px solid rgba(201,169,97,.18);border-radius:9px;background:#080a0ff0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tutorial-menu-actions button{min-height:34px;padding:7px 13px}.tutorial-coach{position:fixed;z-index:975;left:10px;top:10px;width:min(350px,calc(100vw - 20px));max-height:calc(100vh - 20px);overflow:auto;padding:14px 16px;border:2px solid rgba(105,207,255,.92);border-radius:12px;background:#060b14fa;box-shadow:0 18px 60px #000000b8,0 0 34px #37a2da40}.tutorial-coach-centred{left:50%;top:50%;transform:translate(-50%,-50%)}.tutorial-coach h2{margin:4px 0 6px;font-size:18px}.tutorial-coach>p,.tutorial-why p{margin:0;line-height:1.45;color:#ffffffd1}.tutorial-why{margin-top:9px;color:#ffffffb8}.tutorial-why summary{cursor:pointer;color:#8fdcff}.tutorial-coach-actions{margin-top:13px;display:flex;align-items:center;justify-content:flex-end;gap:9px}.tutorial-wait{margin-right:auto;color:#8fdcff;font-size:12px}.tutorial-coach-minimized{position:fixed;z-index:975;top:10px;right:10px;display:grid;grid-template-columns:auto auto;align-items:center;gap:2px 9px;max-width:min(330px,calc(100vw - 20px));min-height:42px;padding:7px 11px;border:2px solid rgba(102,219,255,.88);border-radius:9px;background:#060b14f7;color:#fff;text-align:left;box-shadow:0 8px 28px #000000a6,0 0 15px #37a2da33}.tutorial-coach-minimized span{grid-row:1 / 3;color:var(--gold);font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.tutorial-coach-minimized b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.tutorial-coach-minimized em{color:#8fdcff;font-size:10px;font-style:normal}.defense-rule{margin:8px 0 12px;padding:8px 10px;border-left:3px solid #66dbff;background:#44b1e21a;color:#ffffffd1;font-size:12px;line-height:1.4}.tutorial-target{position:relative;z-index:950!important;outline:4px solid #66dbff!important;outline-offset:5px;border-radius:8px;box-shadow:0 0 0 8px #29b0e838,0 0 36px 16px #29b0e88c!important;animation:tutorialPulse .8s ease-in-out infinite alternate}.tutorial-target:after{content:"LOOK HERE";position:absolute;z-index:2;left:50%;bottom:calc(100% + 9px);transform:translate(-50%);padding:3px 7px;border-radius:4px;background:#66dbff;color:#061019;font-size:9px;font-weight:900;letter-spacing:.1em;white-space:nowrap;pointer-events:none}.tutorial-connector{position:fixed;z-index:960;height:3px;transform-origin:0 50%;pointer-events:none;border-radius:3px;background:linear-gradient(90deg,#66dbff,#66dbff59);box-shadow:0 0 9px #66dbfff2}@keyframes tutorialPulse{0%{filter:brightness(1.05)}to{filter:brightness(1.32)}}.tutorial-complete{border-color:#69cfffa6}body:has(#app.tutorial-active) .phase-tab,body:has(#app.tutorial-active) .priority-light{display:none}@media(max-width:700px),(max-height:500px)and (orientation:landscape){.tutorial-screen{padding:10px;gap:8px}.tutorial-head h1{font-size:24px}.tutorial-head .sub{font-size:11px}.tutorial-grid{grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:7px}.tutorial-lesson{min-height:142px;padding:10px}.tutorial-lesson h2{font-size:14px}.tutorial-lesson p{font-size:10px}.tutorial-coach{width:min(300px,calc(100vw - 20px));padding:10px 12px}.tutorial-coach h2{font-size:15px}.tutorial-coach>p,.tutorial-why p{font-size:11px}.tutorial-coach-actions{margin-top:7px}.tutorial-coach-minimized{top:42px;right:6px;max-width:min(260px,calc(100vw - 12px))}}@media(max-width:700px),(max-height:500px)and (orientation:landscape){.rail-more{display:grid;place-items:center;width:34px;height:26px;padding:0;border-radius:5px}.rail:not(.open) .rail-btn{display:none}.rail.open .rail-btn{display:grid}.rail.open{flex-wrap:wrap;justify-content:flex-end;height:auto;max-width:60vw;background:#08090deb;border-radius:0 0 8px 8px;padding:3px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.side.foe{padding-right:46px}}.duel-hud{position:fixed;top:0;right:0;bottom:0;left:0;z-index:930;pointer-events:none}.duel-hud>*{pointer-events:auto}.dh-live{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip-path:inset(50%);overflow:hidden}.dh-ack-wrap{position:absolute;top:8px;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;gap:12px;padding:7px 14px;border-radius:999px;border:1px solid var(--gold);background:#080a10f5;box-shadow:0 12px 36px #000000bf;max-width:min(680px,88vw);text-align:left}.dh-ackhint{font-size:11px;color:var(--gold-dim);font-style:italic;min-width:0}.dh-ack{flex:0 0 auto;padding:5px 16px;font-size:12px;border-radius:999px;border:1px solid var(--gold);background:#c9a9612e;color:#f6e9c8;cursor:pointer}.dh-ack:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.dh-src{box-shadow:0 0 0 3px var(--gold),0 0 22px #c9a96180!important}.dh-tgt{box-shadow:0 0 0 3px #7cb8ff,0 0 22px #7cb8ff80!important}.dh-dest{animation:dhPulse .9s ease-out 2}@keyframes dhPulse{0%,to{box-shadow:0 0 #c9a96100}50%{box-shadow:0 0 0 3px #c9a9618c}}[data-dh-label]:after{content:attr(data-dh-label);position:absolute;top:-8px;left:50%;translate:-50% 0;z-index:5;padding:1px 6px;border-radius:999px;font-size:8.5px;letter-spacing:.12em;text-transform:uppercase;background:#12141c;color:var(--gold);border:1px solid var(--gold);pointer-events:none;white-space:nowrap}.dh-why{position:fixed;transform:translate(-50%,-100%);z-index:950;max-width:240px;padding:8px 11px;border-radius:6px;border:1px solid var(--bad);background:#14080af5;animation:dhWhyIn .16s ease-out}@keyframes dhWhyIn{0%{opacity:0;transform:translate(-50%,-90%)}}.dh-why-reason{font-size:12px;color:#f5b3b4;line-height:1.4}.dh-why-req{margin-top:3px;font-size:11px;color:#9aa4b4;font-style:italic}.dh-panel-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:960;display:grid;place-items:center;background:#040810b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:4vh 4vw}.dh-panel{width:min(560px,100%);max-height:88vh;overflow-y:auto;padding:16px 18px;border-radius:9px;border:1px solid var(--gold);background:linear-gradient(180deg,#101725,#0a0f18)}.dh-panel-head{display:flex;align-items:center;gap:12px;margin-bottom:10px}.dh-panel-head h3{margin:0;font-size:15px;color:var(--gold)}.dh-panel-close{margin-left:auto;width:28px;height:28px;padding:0;display:grid;place-items:center;border-radius:5px;border:1px solid var(--edge);background:#0000004d;color:#c8d0dd;cursor:pointer}.dh-line.cost .dh-tag{color:var(--bad);border-color:#f2777a66}.dh-line.result .dh-tag{color:var(--good);border-color:#78c88c66}@media(prefers-reduced-motion:reduce){.dh-dest{animation:none;box-shadow:0 0 0 3px #c9a96180}.dh-why{animation:none}}.tutorial-section{width:min(1100px,100%);margin:22px auto 8px}.tutorial-section h2{margin:0;font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}.tutorial-section p{margin:4px 0 0;font-size:12px;color:#8b93a3}.tutorial-warn{margin:6px 0 0;padding:5px 8px;border-left:2px solid var(--gold-dim);font-size:11px;line-height:1.4;color:var(--gold-dim)}body:has(.rp-bar) #app{padding-bottom:calc(var(--rp-bar-h, 78px) + 18px)}body:has(.rp-bar) .side.mine{bottom:calc(var(--rp-bar-h, 78px) + 20px)}.rp-bar{position:fixed;left:50%;bottom:10px;transform:translate(-50%);z-index:940;display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:center;width:min(1080px,96vw);padding:8px 14px;border-radius:10px;border:1px solid var(--edge);background:#06080ded;box-shadow:0 10px 30px #0009}.rp-left,.rp-mid,.rp-right{display:flex;align-items:center;gap:8px;min-width:0}.rp-left{flex:0 1 auto}.rp-mid{flex:1 1 auto;justify-content:center}.rp-right{flex:0 0 auto}.rp-title{font-size:12px;color:var(--gold-dim);max-width:22ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rp-count{font-size:11px;color:#8b93a3;font-variant-numeric:tabular-nums;white-space:nowrap}.rp-btn{padding:5px 11px;font-size:12px;line-height:1.4;border-radius:5px;border:1px solid var(--edge);background:#141821e6;color:#dfe5ef;cursor:pointer}.rp-btn:hover:not(:disabled){border-color:var(--gold);color:#f6e9c8}.rp-btn:disabled{opacity:.35;cursor:default}.rp-btn.on{border-color:var(--gold);background:#c9a96133;color:#f6e9c8}.rp-btn:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.rp-scrub{flex:1 0 100%;width:100%;accent-color:var(--gold);cursor:pointer}.rp-note{flex:1 0 100%;font-size:11px;color:var(--bad);text-align:center}.foehand .fb.up{background-size:cover;background-position:center;border-color:#c9a96180}.foehand.revealed{filter:drop-shadow(0 0 6px rgba(201,169,97,.35))}.replays-screen{display:flex;flex-direction:column;gap:14px;padding:22px 18px}.rl-head{text-align:center}.rl-title{margin:0;font-size:18px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}.rl-sub{margin:6px auto 0;max-width:62ch;font-size:12px;color:#98a0ae;font-style:italic}.rl-bar{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.rl-list{display:flex;flex-direction:column;gap:8px;width:min(860px,96vw);margin:0 auto;overflow-y:auto}.rl-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:10px 14px;border-radius:8px;border:1px solid var(--edge);border-left:3px solid var(--edge);background:#0e1118cc}.rl-row.won{border-left-color:var(--good)}.rl-row.lost{border-left-color:var(--bad)}.rl-main{flex:1 1 260px;min-width:0}.rl-decks{font-size:13px;color:#eef2f8}.rl-personas{font-size:11px;color:var(--gold-dim);margin-top:1px}.rl-meta{font-size:11px;color:#8b93a3;margin-top:3px}.rl-acts{display:flex;gap:6px;flex-wrap:wrap}.rl-acts button{padding:6px 12px;font-size:11px}.rl-acts button.on{border-color:var(--gold);color:#f6e9c8}.rl-none{text-align:center;padding:40px 0;color:#98a0ae}.rl-none p{margin:4px 0}.rl-err{min-height:1.2em;margin:8px 0 0;font-size:11px;color:var(--bad)}@media(max-width:700px),(max-height:500px)and (orientation:landscape){.rp-bar{bottom:4px;gap:8px;padding:6px 8px}.rp-title{display:none}.rp-btn{padding:4px 8px;font-size:11px}.rl-row{gap:8px}.rl-acts button{padding:5px 9px}}.rv-progress{min-width:min(420px,80vw);text-align:center}.rv-bar{height:8px;margin:12px 0 8px;border-radius:999px;border:1px solid var(--edge);background:#06080dcc;overflow:hidden}.rv-fill{height:100%;width:0;background:linear-gradient(90deg,var(--gold-dim),var(--gold));transition:width .2s linear}.rv-pct{font-size:12px;color:var(--gold-dim);font-variant-numeric:tabular-nums}.rv-done{text-align:center}.rv-video{width:min(720px,78vw);max-height:60vh;border-radius:8px;border:1px solid var(--edge);background:#000;display:block;margin:0 auto 8px}.match-surface{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;width:100vw;height:100dvh;pointer-events:none}.capture-status{position:fixed;top:6px;left:50%;transform:translate(-50%);z-index:10010;max-width:min(90vw,580px);padding:4px 10px;border-radius:6px;background:#111722ef;color:#b6c8bb;font:11px Roboto,sans-serif;pointer-events:none}.capture-status.failed{color:#e6c28b}.banner-buttons{flex-wrap:wrap}.card-shards{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.battle-feedback{position:fixed;z-index:940;max-width:min(300px,calc(100vw - 16px));padding:7px 11px;border:1px solid #d6b76b;border-radius:6px;background:#10141ef5;color:#f3e8cb;font-size:12px;line-height:1.35;pointer-events:none}.battle-feedback.theme-agta{border-color:#6ee7a8;color:#b9f7d3}.battle-feedback.theme-babaylan{border-color:#c59af5;color:#e1ceff}.battle-feedback.theme-maguindanao{border-color:#ffa968;color:#ffd6ab}.combat-label,.dh-label{position:absolute;left:0;top:-18px;padding:2px 5px;background:#10141e;color:#f5eacb;border:1px solid currentColor;border-radius:4px;font-size:10px;line-height:1;white-space:nowrap;pointer-events:none;z-index:9}.attacker .combat-label{color:#6ee7a8}.targetable .combat-label{color:#f2777a}.dh-src{outline:3px solid #d6b76b!important;outline-offset:2px}.dh-tgt{outline:3px solid #7cb8ff!important;outline-offset:2px}.dh-dest{outline:2px solid #d6b76b;outline-offset:2px}[data-dh-label]:after{content:none}.outcome-explanation{margin:0;max-width:40ch;font-size:13px;line-height:1.45;color:#c2cbd9;text-align:center}html[data-animation-intensity=minimal] .shaking{animation:none!important}.effects-preview{z-index:970}.effects-preview .modal{display:flex;flex-direction:column;align-items:center;gap:12px;width:min(560px,96vw);max-height:92dvh;overflow:auto}.effects-preview .shatter-stage{flex:0 0 auto;width:clamp(95px,24vh,190px)}.effects-preview .preview-detail{margin:0;min-height:2.8em;text-align:center;font-size:13px;line-height:1.4}.preview-buttons{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;position:sticky;bottom:0;background:#0b1019;padding:6px}@media(max-height:500px){.effects-preview .modal{gap:5px}.effects-preview .shatter-stage{width:80px}}.inspect-bg{z-index:980}.capture-status{display:none!important}.title-screen .ka-sky{background:radial-gradient(ellipse at 68% 45%,#192131,#070a11 72%)}.title-screen .ka-veil{pointer-events:none;background:linear-gradient(90deg,#070a11aa,transparent 48%)}.title-archipelagos{position:absolute;top:5%;right:0;bottom:5%;left:0;pointer-events:none;display:flex;justify-content:center;align-items:center;z-index:3}.title-philippines{position:relative;height:100%;max-height:740px;aspect-ratio:62/78}.archipelago-piece{position:absolute;pointer-events:none}.archipelago-luzon{left:20%;top:0;width:46%}.archipelago-visayas{left:38%;top:53.846%;width:33%}.archipelago-mindanao{left:25%;top:69.231%;width:54%}.archipelago-piece img{display:block;width:100%;height:auto;filter:drop-shadow(0 5px 14px #0008)}.cc-order{display:flex;gap:4px;padding:4px;border-top:1px solid #344757}.cc-order button{flex:1;min-width:0;padding:4px;font-size:10px;letter-spacing:0}.cc-footer .cc-actions{margin-top:0}.board-wrap{perspective:none}.mats{transform:none}.card:focus-visible,.hand-card:focus-visible{outline:3px solid #8cecff;outline-offset:4px}@media(max-width:700px)and (orientation:portrait){.title-archipelagos{inset:90px 14px auto;height:38dvh}.title-screen .ka-front{top:0;right:0;bottom:0;left:0;width:100%;padding:16px}.title-screen .ka-head{display:flex;position:absolute;top:18px;left:20px;right:20px;align-items:center;gap:18px}.title-screen .ka-logo{height:56px}.title-screen .ka-tag,.title-screen .ka-active{display:none}.title-screen .ka-menu{position:absolute;left:20px;right:20px;bottom:24px;width:auto}.title-screen .ka-links{display:grid;grid-template-columns:1fr 1fr;gap:8px}.title-screen .ka-links .ka-item{width:100%}.title-screen .ka-site{margin:0}}@media(max-height:500px)and (orientation:landscape){.title-archipelagos{top:4%;right:0;bottom:4%;left:0}}.ability-glow{z-index:970;background-size:contain;background-repeat:no-repeat;background-color:#0a1018}.ability-banner{z-index:971}.ability-glow.minimal-motion{animation:none;transition:none;transform:none}.heart-travel{position:fixed;z-index:1100;pointer-events:none;border:1px solid #88f4dc;border-radius:5px;background-size:100% 100%;box-shadow:0 0 18px #47e4bf99;will-change:transform,opacity}.heart-travel-vent{border-color:#e0b8ff;box-shadow:0 0 22px #b883edbb}.heart-motion-pulse{outline:2px solid #88f4dc;outline-offset:3px;box-shadow:0 0 18px #47e4bf88}