.face.card-design{--keyword-ink:#2e4a7d}.face.card-design.hero-face{--keyword-ink:#b8cdf4}.face.card-design .face-inner{overflow:hidden;border-radius:2.5%/1.8%;font-family:Georgia,Times New Roman,serif}.face.card-design .face-art{left:7.7%;top:11.5%;width:84.8%;height:48.4%}.face.card-design.hero-face .face-art{left:2.2%;top:12.7%;width:95.6%;height:85.1%}.face.card-design .face-paper-base{position:absolute;inset:67.3% 6.8% 14%;background:#e9dbc0;pointer-events:none}.face.card-design .face-frame,.face.card-design .face-class-illustration,.face.card-design .face-stat-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.face.card-design .face-class-illustration[hidden]{display:none}.face.card-design .face-rules-shade{position:absolute;inset:70% 2.2% 2.2%;pointer-events:none;background:linear-gradient(to bottom,#04060900,#040609b8 32%,#040609d1 78%,#04060973)}.face.card-design .face-name{left:22%;right:7%;width:auto;top:4.05%;height:5.4%;display:flex;align-items:center;justify-content:flex-start;font:700 36px/1.04 Georgia,Times New Roman,serif;letter-spacing:0;color:var(--name-ink,#f4ebd9);text-shadow:none}.face.card-design.signature-face .face-name{top:3.8%;height:3.75%;font-size:31px}.face.card-design .face-name.long-name{font-size:31px}.face.card-design.signature-face .face-name.long-name{font-size:28px}.face.card-design.hero-face .face-name{left:10.5%;right:10.5%;top:3.6%;height:4.5%;justify-content:center;font-size:36px;color:#f1e7d4}.face.card-design.hero-face .face-name.long-name{font-size:34px}.face.card-design .face-inner .face-cost{left:5.2%;right:auto;top:3%;width:14.1%;height:8.9%;padding:0;display:flex;justify-content:center;align-items:center;border:0;border-radius:0;box-shadow:none;background:none;filter:none;font:700 64px/1 Georgia,Times New Roman,serif;color:#f4ebd9;text-shadow:none}.face.card-design .face-inner .face-cost.desperate{color:#e39a6c}.face.card-design .face-inner .face-cost.answer:after{bottom:3px}.face.card-design .face-type{left:7.5%;right:7.5%;top:61.05%;height:4.5%;display:flex;align-items:center;justify-content:center;font:700 22px/1.1 Georgia,Times New Roman,serif;letter-spacing:0;color:#f4ebd9}.face.card-design .face-type.long-type{font-size:18px}.face.card-design.hero-face .face-type{left:17%;right:17%;top:9.8%;height:2.2%;font-size:17.3px;font-weight:400;color:#d8ceba}.face.card-design .face-inner .face-rules{left:9.9%;top:69.8%;width:80.2%;height:15.5%;max-height:none;display:block;margin:0;font-family:Georgia,Times New Roman,serif;font-weight:400;font-style:normal;line-height:1.24;color:#29231d;text-shadow:none}.face.card-design.hero-face .face-inner .face-rules{left:10%;top:79.5%;width:80%;height:14.5%;color:#f3ebdd;text-shadow:0 1px 2px #000a}.face.card-design .face-inner .face-rules.has-reminders{top:69.2%;height:16%}.face.card-design.hero-face .face-inner .face-rules.has-reminders{top:77.5%;height:17%}.face.card-design .face-rules b{font-weight:700;color:var(--keyword-ink)}.face.card-design .face-rules.has-reminder b:first-child{font-size:1.16em}.face.card-design .face-reminders{margin-top:.4em;font-size:max(16px,.8em);line-height:1.2}.face.card-design .face-reminder+.face-reminder{margin-top:.16em}.face.card-design .face-inner .face-flavor{display:block;margin-top:.28em;font-size:.9em;line-height:1.2;color:#433e34}.face.card-design.unit-face .face-inner .face-atk,.face.card-design.unit-face .face-inner .face-hp{top:87.9%;width:8.7%;height:7.5%;padding:0;border:0;border-radius:0;background:none;box-shadow:none;filter:none;display:flex;align-items:center;justify-content:center;font:700 60px/1 Georgia,Times New Roman,serif;color:#f4ebd9;text-shadow:none}.face.card-design.unit-face .face-inner .face-atk{left:15.8%;right:auto}.face.card-design.unit-face .face-inner .face-hp{left:84.2%;right:auto}.face.card-design.unit-face .face-inner .face-hp.hurt{color:#f28a62}.face.card-design .spell-seal{left:calc(50% - 18px);right:auto;top:90.5%;bottom:auto;width:36px;height:36px;display:grid;place-items:center;background:none;border:0;clip-path:none;box-shadow:none;color:#b8ac94}.face.card-design .vanilla-ornament{height:100%}.deckbuilder{padding-bottom:24px}.builder-bar{gap:16px;margin-bottom:18px}.builder-hero{position:relative;width:52px;height:52px;flex:none;border:2px solid #75664d;border-radius:50%;padding:2px;background:#1b2319}.builder-hero img{width:100%;height:100%;object-fit:cover;border-radius:50%}.builder-hero .badge{position:absolute;right:-4px;bottom:-2px}.builder-name{flex:0 1 320px;min-width:0;border-bottom:1px solid #8c7c59}.builder-name input{width:100%;border:0;background:none;padding:6px 4px;color:#eadfc4;font:24px var(--display)}.builder-name input::placeholder{color:#8f8467;font-style:italic}.builder-tabs{display:none;gap:10px}.builder-count-tab{font:18px var(--body);font-weight:700}.builder-count small{font-size:16px;color:#857a60}.builder-count.full{color:#e3cf9c}.builder-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,380px);gap:28px;align-items:start;max-width:1700px;margin:auto}.builder-pool .library-filters{margin-bottom:22px;gap:14px 22px}.builder-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--card-w,196px),1fr));justify-items:center;gap:20px 10px}.builder-card{position:relative;display:grid;justify-items:center;gap:7px}.builder-card .library-card{transition:filter .16s,transform .16s}.builder-card .library-card:disabled{cursor:default}.builder-card.maxed .library-card{filter:grayscale(.65) brightness(.5) drop-shadow(0 6px 8px #0008)}.builder-card.blocked .library-card{filter:brightness(.72) drop-shadow(0 6px 8px #0008)}.copy-pips{display:flex;gap:7px;height:12px}.copy-pips i{width:10px;height:12px;border-radius:50% 50% 45% 45%;border:1px solid #8d7a55;background:#1a1d17}.copy-pips i.on{background:radial-gradient(circle at 50% 65%,#f2c27c,#bc7850 60%,#6b3420);border-color:#e0a46a;box-shadow:0 0 6px #e08a4c90}.builder-inspect.round{position:absolute;top:6px;right:calc(50% - var(--card-w,196px) / 2 + 6px);width:32px;height:32px;opacity:0;transition:opacity .14s}.builder-card:hover .builder-inspect,.builder-card:focus-within .builder-inspect{opacity:1}@media (hover:none){.builder-inspect.round{opacity:.9}}@media (hover:hover){.builder-card:not(.maxed):not(.blocked) .library-card:hover{transform:translateY(-4px)}}.builder-deck{position:sticky;top:0;height:calc(100dvh - 110px);overflow:hidden;display:flex;flex-direction:column;gap:10px;padding:14px;border:1px solid #6f644755;border-radius:8px;background:#121811d0}.builder-deck .deck-summary{margin-bottom:4px}.builder-list{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:4px;padding-right:2px}.builder-footer{flex:none;display:flex;flex-direction:column;gap:8px;padding-top:10px;border-top:1px solid #6f644740}.builder-footer .deck-code{padding:4px 10px}.builder-footer .deck-code .round{width:36px;height:36px}.deck-import input::placeholder{color:#7d735b;font-family:var(--body)}.import-problem img{width:28px;height:28px;border-radius:50%;object-fit:cover;border:1px solid var(--bad);display:block}.builder-peek{position:fixed;z-index:40;pointer-events:none;filter:drop-shadow(0 12px 24px #000c);animation:peek-in .12s ease-out}@keyframes peek-in{0%{opacity:0;transform:scale(.96)}}.builder-list .deck-row{min-height:42px;padding:5px 10px}.builder-list .deck-row.sig{border-color:#b79b62a0}.builder-list .deck-row .deck-cost{font-size:20px;min-width:16px;text-align:center}.builder-list .deck-row .deck-card-name{font-size:16px}.builder-list .deck-row .deck-copies{font-size:17px}.builder-list .deck-row.fresh{animation:row-arrive .52s ease-out}@keyframes row-arrive{0%{border-color:#f0c88a;box-shadow:inset 0 0 0 1px #f0c88a80,0 0 14px #d8935280;transform:translate(-6px)}to{transform:none}}@media (hover:hover){.builder-list .deck-row:hover .deck-copies:before{content:"−";margin-right:6px;color:#df8170}}.builder-empty{display:flex;align-items:center;gap:4px;padding:6px 4px;color:#857a60;font:15px var(--body);font-weight:700}.builder-empty i{flex:1;max-width:34px;height:30px;border:1px dashed #5e5541;border-radius:4px}.builder-empty b{margin-left:8px}.builder-tools{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.builder-tools .builder-save{margin-left:auto;min-width:104px}.round.danger{color:#f0b0a0;border-color:#df8170;background:#3c2420}.builder-deck .deck-code{margin:0}.deck-import.bad{border-color:#df8170a0}.deck-import.bad .icon{color:var(--bad)}:root{--stone-tag:url(/assets/ui-v12/stone-tag.webp);--medallion:url(/assets/ui-v12/stone-medallion.webp);--medallion-lit:url(/assets/ui-v12/stone-medallion-hover.webp)}.deck-shelf{display:grid;grid-template-columns:repeat(auto-fill,minmax(228px,1fr));gap:12px 16px;width:min(1000px,100%);margin:4px auto 0;align-items:end}.deck-box{position:relative;min-width:0}.deck-box-pick{position:relative;display:block;width:100%;padding:44px 0 0;border:0;background:none;text-align:left;color:var(--bone)}.deck-box-pick:disabled{cursor:default}.deck-fan{position:absolute;left:0;right:0;top:0;height:62px;pointer-events:none}.deck-fan i{position:absolute;left:calc(50% - 28px);bottom:-22px;width:56px;height:78px;border-radius:3px;border:1px solid #7c6c4c;background:var(--back,#1a1d19) center/cover no-repeat;background-color:#1a1d19;box-shadow:0 2px 6px #000b;transform-origin:50% 110%;transform:rotate(var(--r,0deg)) translateY(var(--y,0px));transition:transform .22s ease-out}.deck-fan i:nth-child(1){--r:-16deg;--y:6px}.deck-fan i:nth-child(2){z-index:2}.deck-fan i:nth-child(3){--r:16deg;--y:6px;z-index:1}.deck-box-plate{position:relative;z-index:3;display:flex;align-items:center;gap:12px;min-height:68px;padding:9px 14px 11px 12px;border:1px solid transparent;border-image:var(--stone-tag) 20 / 10px stretch;background:linear-gradient(90deg,#0b0f0eea,#0b0f0eb4 46%,#0b0f0e52),var(--box-back,none) center 32% / cover no-repeat #141917;filter:drop-shadow(0 8px 12px #000c);transition:filter .16s}.deck-box-record{display:inline-flex;align-items:center;gap:3px;color:#b8ab8f;font-variant-numeric:lining-nums tabular-nums}.deck-box-record .icon+.icon{margin-left:4px}.builder-card .library-card[draggable=true],.builder-list .deck-row{cursor:grab}.builder-deck.drop-add{outline:2px dashed #cbb88a;outline-offset:-8px}.builder-deck.drop-add .builder-list{background:#2a3a2a40}.builder-pool.drop-remove{outline:2px dashed #df8170;outline-offset:-4px}.builder-pool.drop-remove .builder-grid{opacity:.55}.deck-box-emblem{flex:none;width:48px;height:48px;display:grid;place-items:center;color:#e3d8bf;background:var(--medallion) center/contain no-repeat;filter:drop-shadow(0 1px 1px #000)}.deck-box-text{min-width:0;display:grid;gap:2px}.deck-box-text b{font:400 19px/1.1 var(--display);color:var(--bone);text-shadow:0 1px 2px #000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.deck-box-text small{display:flex;align-items:center;gap:8px;font:14px var(--body);color:var(--bone-dim);text-shadow:0 1px 2px #000;white-space:nowrap}.deck-box-ready{display:inline-flex;align-items:center;gap:3px;color:#cdbf8f;font-variant-numeric:lining-nums tabular-nums}.deck-box-draft{color:#eba489;font-weight:600}.card-library .deck-box-pick[aria-pressed=true]{outline:0;background:none;color:var(--bone)}.deck-box.on .deck-box-plate{filter:drop-shadow(0 0 10px #e0773a55) drop-shadow(0 8px 12px #000c)}.deck-box.on .deck-box-plate:after{content:"";position:absolute;left:14px;right:14px;bottom:4px;height:2px;background:linear-gradient(90deg,transparent,var(--ember-hot),transparent);box-shadow:0 0 10px var(--ember-hot)}.deck-box.on .deck-box-emblem{background-image:var(--medallion-lit);color:#f3e7cf}.deck-box.draft .deck-box-pick{opacity:.7}.deck-box.draft .deck-fan i{filter:grayscale(.6) brightness(.7)}.deck-box-edit.round{position:absolute;top:26px;right:-8px;z-index:4;width:30px;height:30px;opacity:0;transition:opacity .14s}.deck-box:hover .deck-box-edit,.deck-box:focus-within .deck-box-edit{opacity:1}@media (hover:none){.deck-box-edit.round{opacity:.9}}@media (hover:hover){.deck-box-pick:hover:not(:disabled) .deck-fan i{--y:-8px}.deck-box-pick:hover:not(:disabled) .deck-fan i:nth-child(1){--r:-22deg}.deck-box-pick:hover:not(:disabled) .deck-fan i:nth-child(3){--r:22deg}.deck-box-pick:hover:not(:disabled) .deck-box-plate{filter:brightness(1.08) drop-shadow(0 8px 12px #000c)}}.deck-box-new{display:flex;align-items:stretch;min-height:68px;margin-top:44px}.deck-box-new>button{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;min-height:68px;border:1px dashed #7a6c50;border-radius:6px;background:#12161280;color:var(--bone-dim);font:400 19px var(--display);text-shadow:0 1px 2px #000}.new-deck-classes{flex:1;display:flex;justify-content:center;align-items:center;gap:6px;min-height:68px;padding:4px 8px;border:1px solid #7a6c50;border-radius:6px;background:#12161280}.new-deck-classes button{width:44px;height:44px;padding:2px;border:1px solid #75664d;border-radius:50%;background:#1b2319;overflow:hidden;transition:transform .14s,border-color .14s}.new-deck-classes img{width:100%;height:100%;object-fit:cover;object-position:center 20%;border-radius:50%}@media (hover:hover){.deck-box-new>button:hover{color:var(--bone);border-color:#b39a6a}.new-deck-classes button:hover{border-color:#d4bb8a;transform:translateY(-2px)}}.deck-shelf-empty{grid-column:1 / -1;margin:0;font:italic 16px var(--body);color:var(--bone-dim);text-align:center}.shelf-tabs{display:flex;justify-content:center;gap:6px}.shelf-tabs .library-tab{font-size:21px;padding:6px 18px}.shelf-tabs .library-tab b{margin-left:4px;padding:1px 7px;border-radius:10px;background:#2a2e28;color:#d9ccae;font:600 13px var(--body)}.pick .deck-shelf{width:min(1040px,100%)}.play-deck{display:inline-flex;align-items:center;gap:10px;max-width:100%;min-height:44px;padding:4px 16px 4px 6px;border:1px solid transparent;border-image:var(--stone-tag) 20 / 10px stretch;background:linear-gradient(90deg,#0b0f0eea,#0b0f0eb4 46%,#0b0f0e52),var(--box-back,none) center 32% / cover no-repeat #141917;color:var(--bone);filter:drop-shadow(0 4px 6px #000b)}.play-deck-emblem{flex:none;width:38px;height:38px;display:grid;place-items:center;background:var(--medallion-lit) center/contain no-repeat;color:#eadfc6}.play-deck-text{display:grid;min-width:0;line-height:1.1}.play-deck-text b{font:400 18px var(--display);white-space:nowrap;max-width:180px;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px #000}.play-deck-text small{font:13px var(--body);color:var(--bone-dim)}.builder-emblem{flex:none;width:52px;height:52px;padding:0;border:0;background:var(--medallion) center/contain no-repeat;color:#e3d8bf;display:grid;place-items:center;filter:drop-shadow(0 3px 5px #000b);transition:transform .15s}@media (hover:hover){.builder-emblem:hover{background-image:var(--medallion-lit);transform:translateY(-2px);color:#f6ead2}}.emblem-dialog h2{margin:0 0 16px;font:400 26px var(--display);color:var(--bone)}.emblem-grid{display:grid;grid-template-columns:repeat(8,52px);gap:8px}.emblem-choice{width:52px;height:52px;padding:0;border:0;border-radius:50%;background:var(--medallion) center/contain no-repeat;color:#cfc4ab;display:grid;place-items:center;transition:transform .14s}.emblem-choice.on{background-image:var(--medallion-lit);color:#f6ead2;outline:2px solid #cbb88a;outline-offset:2px}@media (hover:hover){.emblem-choice:hover{color:#f6ead2;transform:translateY(-2px)}}@media (max-width:560px){.emblem-grid{grid-template-columns:repeat(4,52px)}}.deck-kinds{display:flex;align-items:center;gap:4px 6px;font:600 18px var(--body);color:#d8c399}.deck-kinds .icon+.icon{margin-left:6px}.cost-curve{align-items:end;gap:4px}.cost-curve .curve-bar{display:grid;justify-items:center;gap:4px;padding:16px 3px 2px;border:0;border-radius:3px;background:none;color:#d8c399;font:12px var(--body);transition:background .14s}.cost-curve .curve-bar i{position:relative;display:block;width:18px;background:#a79161;border-radius:2px 2px 0 0;transition:height .18s}.cost-curve .curve-bar i em{position:absolute;left:50%;top:-15px;transform:translate(-50%);font:700 11px var(--body);font-style:normal;color:#e0d2ad;opacity:0;transition:opacity .12s}.cost-curve .curve-bar.empty i{background:#5b5240}.card-library .cost-curve .curve-bar.on{outline:0;background:#2d3328}.cost-curve .curve-bar.on i{background:#e0a46a;box-shadow:0 0 8px #e08a4c80}.cost-curve .curve-bar.on b{color:#f3e3be}.cost-curve .curve-bar.on i em{opacity:1}@media (hover:hover){.cost-curve .curve-bar:hover{background:#232820;color:#f3e3be}.cost-curve .curve-bar:hover i em{opacity:1}}@media (max-width:900px){.builder-tabs{display:flex}.builder-bar>.library-count{display:none}.builder-body{grid-template-columns:1fr}.deckbuilder[data-tab=pool] .builder-deck,.deckbuilder[data-tab=deck] .builder-pool{display:none}.builder-deck{position:static;height:auto;overflow:visible}.builder-list{overflow:visible}.card-library.deckbuilder{padding-bottom:0}.builder-body{padding-bottom:24px}.builder-footer{position:sticky;bottom:0;margin:0 -14px -14px;padding:10px 14px calc(12px + env(safe-area-inset-bottom));background:#121811f2;border-radius:0 0 8px 8px}.builder-grid{gap:14px 8px}.builder-inspect.round{width:28px;height:28px}.builder-pool .library-filters{flex-wrap:nowrap;overflow-x:auto;gap:10px;padding:6px 2px;margin-bottom:12px}.builder-pool .library-filters .filter-group{flex:none;gap:4px}.builder-pool .library-filters .round{width:34px;height:34px}.builder-name input{font-size:20px}}@media (max-width:900px) and (min-width:600px){.builder-list{display:grid;grid-template-columns:1fr 1fr;gap:4px 8px}.builder-empty{grid-column:1 / -1}}@media (max-height:500px) and (orientation:landscape){.deckbuilder{padding-top:10px}.builder-bar{margin-bottom:8px}.builder-hero,.builder-emblem{width:40px;height:40px}.deck-shelf{gap:6px 10px;grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.deck-box-pick{padding-top:20px}.deck-fan{height:40px}.deck-fan i{width:36px;height:48px;left:calc(50% - 18px);bottom:-10px}.deck-box-plate{min-height:50px;padding:5px 10px 7px 8px;gap:8px}.deck-box-emblem{width:38px;height:38px}.deck-box-text b{font-size:16px}.deck-box-text small{font-size:12px}.deck-box-new{margin-top:20px;min-height:50px}.deck-box-new>button,.new-deck-classes{min-height:50px}.new-deck-classes button{width:36px;height:36px}.shelf-tabs .library-tab{font-size:16px;padding:3px 12px;min-height:34px}.play-deck{min-height:36px;padding:2px 12px 2px 4px}.play-deck-emblem{width:30px;height:30px}.play-deck-text b{font-size:15px}.play-deck-text small{font-size:11px}}@media (max-width:650px) and (orientation:portrait){.deck-shelf{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 10px}.deck-box-plate{padding:8px 10px 10px 8px;gap:8px;min-height:60px}.deck-box-emblem{width:40px;height:40px}.deck-box-text b{font-size:16px}.deck-box-text small{font-size:12px;gap:6px}.shelf-tabs .library-tab{font-size:17px;padding:6px 10px}.play-deck{flex:1 0 100%;justify-content:center}.new-deck-classes{flex-wrap:wrap}}.builder-heading{display:none}@media (min-width:901px){.builder-heading{display:flex;align-items:center;gap:8px;margin:0 0 10px;font:400 22px var(--display);color:var(--bone-dim);text-shadow:0 1px 2px #000}}.builder-deck{border:1px solid transparent;border-radius:0;background:none;border-image:var(--stone-panel) 40 fill / 18px / 9px stretch;filter:drop-shadow(0 10px 18px #000b)}.builder-deck-head{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:4px 12px}.builder-deck-head h2{margin:0;font:400 25px var(--display);color:var(--bone);text-shadow:0 2px 3px #000}.deck-state{display:inline-flex;align-items:center;gap:6px;font:600 15px var(--body);color:#eba489}.deck-state small{font-weight:400;font-size:14px;color:var(--bone-dim)}.deck-state.ready{color:#cdbf8f}.builder-more summary{display:flex;align-items:center;gap:8px;min-height:34px;cursor:pointer;list-style:none;color:var(--bone-dim);font:400 17px var(--display)}.builder-more summary::-webkit-details-marker{display:none}.builder-more summary:after{content:"";width:7px;height:7px;margin:0 4px 0 auto;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:rotate(-45deg);transition:transform .15s}.builder-more[open] summary:after{transform:rotate(45deg)}.builder-more>*+*{margin-top:8px}.builder-more .text-button{min-height:36px;padding:4px 12px 6px;font-size:15px}.builder-tools{gap:8px}.builder-footer .builder-save{width:100%;min-height:48px;font-size:20px}.builder-tabs .library-tab b{margin-left:2px;font:600 14px var(--body);color:#eba489}.builder-tabs .library-tab b.ready{color:#cdbf8f}@media (min-width:901px){.shell-content .builder-deck{height:calc(100dvh - 212px);min-height:300px}}@media (min-width:901px) and (max-height:570px){.shell-content .builder-deck{height:calc(100dvh - 150px);min-height:0}}@media (max-width:900px){.builder-body{grid-template-columns:minmax(0,1fr)}}@media (max-width:560px){.builder-bar{flex-wrap:wrap;row-gap:6px}.builder-name{flex:1 1 0}.builder-tabs{order:5;flex:1 0 100%;justify-content:space-around}}.cue-source{z-index:4;border:2px solid #ecd09a;border-radius:12px;box-shadow:0 0 14px #d9a25d66,inset 0 0 10px #d9a25d33}.cue-ring{z-index:4;border:2px solid #cdbb92;border-radius:11px;box-shadow:0 0 10px #0008}.cue-source.cue-round,.cue-ring.cue-round{border-radius:50%}.cue-ring.tone-hit{border-color:#e58a5c;box-shadow:0 0 14px #d0663c66,inset 0 0 8px #d0663c44}.cue-ring.tone-up{border-color:#dcd39b;box-shadow:0 0 14px #d6c97a55,inset 0 0 8px #d6c97a33}.cue-ring.tone-down{border-color:#c46a4c;border-style:dashed}.cue-ring.tone-burn{border-color:#e0884d;box-shadow:0 0 16px #e0884d77}.cue-ring.tone-death{border-color:#8d8478;box-shadow:0 0 12px #000c}.motion-layer .impact{border:2px solid #e3c08c;border-radius:50%;background:radial-gradient(circle,#f4d6a030,transparent 62%);box-shadow:0 0 0 6px #6b352214,0 0 18px #c8703c40}.motion-layer .damage-number{z-index:9;display:grid;place-items:center;font:700 clamp(32px,min(6.2vh,10vw),56px)/1 var(--body);font-variant-numeric:lining-nums tabular-nums;color:#fff1d6;-webkit-text-stroke:2px #2a0f08;paint-order:stroke fill;text-shadow:0 3px 0 #1c0b06,0 0 14px #b1361c88,0 4px 8px #000}.ink-splash{z-index:5;pointer-events:none}.ink-splash svg,.spark svg{display:block;overflow:visible}.contact-flash{z-index:8}.hold{z-index:2}.attack-flight{filter:drop-shadow(0 10px 12px #000b)}.spark{z-index:6}.spark path{fill:none;stroke-linecap:round}.spark-trail{stroke-width:2.2;opacity:.6}.spark-head{stroke-width:5;filter:drop-shadow(0 0 4px #f3c27a)}.reduce-motion .spark-head{display:none}.land-puff{z-index:3;border-radius:50%;background:radial-gradient(ellipse at 50% 60%,#e8a86a8c,#9c5a3044 42%,transparent 70%)}.pile-flare{z-index:4;border-radius:50%;background:radial-gradient(circle,#ffd29a99,#e0864a55 35%,transparent 68%)}.burn-flight{z-index:6}.burn-flight .face,.burn-flight .token{filter:drop-shadow(0 0 9px #d9773d99)}.ember-exit{z-index:9;filter:drop-shadow(0 0 10px #e08a4d99) drop-shadow(0 6px 8px #000a)}.ash-flake{background:#c3bca8;border-radius:1px}.repeat-tag{z-index:10;display:grid;place-items:center;font:700 17px/1 var(--body);font-variant-numeric:lining-nums;color:#f6e3bb;background:#241a12f0;border:1px solid #c79a62;border-radius:14px;box-shadow:0 2px 6px #000a}.lane-sweep{z-index:1;border-radius:14px;background:linear-gradient(90deg,transparent,#e6a25a24 35%,#ffd8a03a 50%,#e6a25a24 65%,transparent) no-repeat;background-size:45% 100%}.end-flare{border-radius:50%}@keyframes delta-pop{0%{opacity:0;transform:translateY(6px) scale(.6)}60%{opacity:1;transform:translateY(-2px) scale(1.12)}to{opacity:1;transform:none}}@keyframes stat-pop{0%{transform:scale(1.3)}to{transform:none}}.board .token-atk[data-trend],.board .token-hp[data-trend]{animation:stat-pop calc(.26s * var(--motion,1)) cubic-bezier(.3,.7,.4,1)}.board .token-atk[data-trend=up],.board .token-hp[data-trend=up]{color:#f6f1cc;background:#3b4a2bf0;border-color:#c3d08f}.board .token-atk[data-trend=down],.board .token-hp[data-trend=down]{color:#ffe3d2;background:#6a2414f2;border-color:#e08a5e}.board .token-body[data-delta-atk]:before,.board .token-hp[data-delta]:after,.board .hero .life[data-delta]:after,.board .pile.bonfire[data-delta]:after,.board .pile.deck[data-delta]:before{position:absolute;z-index:6;padding:2px 5px 1px;border:1px solid currentColor;border-radius:5px;background:#160f0cf0;box-shadow:0 2px 5px #000c;font:700 clamp(14px,2.2vh,20px)/1 var(--body);font-variant-numeric:lining-nums tabular-nums;text-shadow:none;white-space:nowrap;pointer-events:none;animation:delta-pop calc(.3s * var(--motion,1)) cubic-bezier(.3,.7,.4,1) both}.board .token-body[data-delta-atk]:before{content:attr(data-delta-atk);left:5%;bottom:33%}.board .token-hp[data-delta]:after{content:attr(data-delta);right:-2px;bottom:calc(100% + 4px)}.board .token-body[data-trend-atk=up]:before,.board .token-hp[data-trend=up]:after,.board .life[data-trend=up]:after{color:#dfe8b4}.board .token-body[data-trend-atk=down]:before,.board .token-hp[data-trend=down]:after,.board .life[data-trend=down]:after{color:#ffab86}.board .hero .life[data-trend=down]{color:#ffe1cf;border-color:#e08a5e;box-shadow:0 0 12px #d0663c88}.board .hero .life[data-trend=up]{color:#f6f1cc;border-color:#c3d08f;box-shadow:0 0 12px #c3d08f66}.board .hero .life[data-delta]:after{content:attr(data-delta);left:calc(100% + 5px);top:50%;margin-top:-.6em}.board .pile.bonfire[data-delta]:after{content:attr(data-delta);right:-16px;top:-8px}.board .pile.deck[data-delta]:before{content:attr(data-delta);left:-16px;top:-8px}.board .pile.bonfire[data-delta]:after,.board .pile.deck[data-delta]:before{color:#e9dcbc}@media (max-width:650px) and (orientation:portrait){.board .token-body[data-delta-atk]:before{bottom:36%}}.setting-choice{display:flex;align-items:center;gap:14px;min-height:44px;margin-block:6px;font:15px var(--body)}.setting-choice>span{margin-inline-end:auto}.setting-choice label{display:flex;align-items:center;gap:6px;cursor:pointer}.setting-choice input{width:18px;height:18px;accent-color:#b69c6a}.opening-focus{z-index:7;opacity:0;background:radial-gradient(ellipse 66% 70% at 50% 54%,transparent 48%,#000 100%)}.od-tilt,.od-half,.od-half>*{position:absolute;inset:0}.od-tilt{transform-style:preserve-3d}.od-tilt:before{content:"";position:absolute;inset:-4% -8% -10%;border-radius:16%;background:radial-gradient(closest-side,#000b 45%,#0000);transform:translateZ(-3px)}.od-half>*{border-radius:5%/3.6%}.od-half>i{background:linear-gradient(90deg,#3a352b,#9b8f74 8%,#b1a483,#9b8f74 92%,#3a352b);box-shadow:0 .5px #120f0b}.od-half>i:nth-child(2n){background:linear-gradient(90deg,#29261f,#776d57 8%,#8b8067,#776d57 92%,#29261f)}.od-half>.back{box-shadow:none}.motion-object.opening-card{transform-style:preserve-3d;will-change:transform}.opening-card>.face{backface-visibility:hidden}.opening-card:before{content:"";position:absolute;inset:0;border:1px solid #665c48;border-radius:5%/3.6%;background:var(--back) center/100% 100% no-repeat,#181c1a;transform:rotateY(180deg);backface-visibility:hidden}.board .event-log{position:absolute;right:14px;top:max(150px,22%);bottom:12%;width:min(360px,calc(100vw - 28px));z-index:23;display:flex;flex-direction:column;padding:12px 6px 10px 12px;color:#e2d6bb;border:1px solid transparent;background:var(--stone-field) padding-box;border-image:var(--stone-panel) 40 fill / 18px / 9px stretch;filter:drop-shadow(0 10px 18px #000b)}.event-log .log-head{display:flex;align-items:center;gap:8px;padding:0 4px 10px 2px;color:#cbbd9b;background:var(--stone-divider) bottom center / 100% 9px no-repeat}.event-log h2{flex:1;margin:0;font:400 21px var(--display);color:#eadfc4}.event-log .log-head .round{width:30px;height:30px}.event-log .log-turns{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;list-style:none;margin:0;padding:4px 8px 0 0;scrollbar-width:thin;scrollbar-color:#6a604a transparent}.event-log .log-turns:focus-visible{outline:1px solid #b69c6a80;outline-offset:2px}.log-turn{padding:2px 0 8px}.log-turn+.log-turn{border-top:1px solid #a19a6f1f}.log-turn-head{position:sticky;top:0;z-index:1;display:flex;align-items:center;gap:7px;padding:5px 0 4px;background:linear-gradient(var(--stone-field) 88%,#282b3000);color:#9d927a;font:700 12px var(--body);letter-spacing:.06em;text-transform:uppercase}.log-turn-head img{width:20px;height:20px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 1px #6a604a}.log-who{color:#7f7663;font-weight:500}.log-turn.current .log-turn-head{color:#eed9a8}.log-turn.current .log-turn-head img{box-shadow:0 0 0 1px #d8bd85,0 0 8px #d5b35d55}.log-turn>ol{list-style:none;margin:0;padding:0}.log-line{display:flex;align-items:flex-start;gap:6px;padding:3px 0 3px 6px;border-left:3px solid transparent;font:13px/1.35 var(--body)}.log-line.mine{border-left-color:#aeb48f99}.log-line.theirs{border-left-color:#c0704fb8}.log-line.sub{padding-left:24px}.log-line.result{border-left-color:transparent;padding-top:6px}.log-icon{flex:none;display:grid;place-items:center;width:16px;height:19px;color:#b8a983}.log-line.reply .log-icon,.log-line.trigger .log-icon,.log-line.law .log-icon{color:#d7b276}.log-body{display:flex;flex-wrap:wrap;align-items:center;gap:2px 7px;min-width:0}.log-card{display:inline-flex;align-items:center;gap:5px;max-width:100%;padding:0;border:0;background:none;color:#efe2c4;font:inherit;font-weight:700;text-align:left;cursor:pointer}.log-card img{flex:none;width:18px;height:18px;border-radius:3px;object-fit:cover;box-shadow:0 0 0 1px #000a}.log-card:hover span,.log-card:focus-visible span{text-decoration:underline;text-underline-offset:2px}.log-card.law{cursor:default}.log-card.law img{border-radius:50%}.log-word{color:#cbbd9b;font-weight:700}.log-tag{display:inline-flex;color:#d7b276}.log-cost{display:inline-flex;align-items:center;gap:3px;color:#c9a47c;font-size:12px}.log-target{display:inline-flex;flex-wrap:wrap;align-items:center;gap:2px 6px;color:#a99c7d}.log-target .log-card{color:#e2d6bb;font-weight:400}.log-class img{display:block;width:18px;height:18px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 1px #6a604a}.log-out{display:flex;flex-wrap:wrap;gap:0 6px;width:100%;color:#b9ad90;font-size:12px}.log-out>span+span:before{content:"·";margin-right:6px;color:#6f6650}.log-out .out-die,.log-out .out-hit{color:#e2a786}.log-out .out-cancel,.log-out .out-regrow{color:#d7b276}.log-line.cancelled>.log-body>.log-card:first-child span{text-decoration:line-through;text-decoration-color:#d7b27699}.log-result{font:400 18px var(--display);color:#eed9a8}@media (max-width:650px) and (orientation:portrait){.board .event-log{inset:84px 8px 198px;width:auto}}@media (max-height:570px) and (orientation:landscape){.board .event-log{top:8px;bottom:8px;right:8px;width:min(340px,46vw);padding-top:8px}.event-log h2{font-size:18px}}.signin-screen{flex-direction:column;justify-content:center;align-items:center;gap:0}.signin-screen .play-title{text-align:center;width:auto;margin:0 0 28px}.signin-panel{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:14px;width:min(420px,100%);padding:30px 34px 26px;border:1px solid transparent;border-image:var(--stone-panel) 40 fill / 22px / 9px stretch;filter:drop-shadow(0 10px 18px #000d);text-align:center}.signin-panel h2{margin:0;font:400 30px/1.1 var(--display);color:var(--bone);text-shadow:0 2px 3px #000}.signin-note{margin:0 0 6px;font-size:15px;line-height:1.4;color:var(--bone-dim)}.signin-provider{min-height:52px;font-size:20px}.signin-error{margin:0;font-size:14px;color:#f0b49a}.signin-fine{margin:6px 0 0;font-size:13px;color:#8f8673}.signin-fine a,.signin-legal a{color:var(--bone-dim)}.signin-name{display:flex;flex-direction:column;gap:12px}.signin-name input,.signin-dev input{min-height:46px;padding:0 14px;font:400 18px var(--body);color:var(--bone);background:#0b0d0ecc;border:1px solid #4a4438;border-radius:4px;text-align:center}.signin-name input:focus-visible,.signin-dev input:focus-visible{outline:2px solid var(--ember-hot);outline-offset:1px}.signin-dev{display:flex;gap:8px;margin-top:8px;padding-top:12px;border-top:1px dashed #4a4438}.signin-dev input{flex:1;min-width:0;font-size:14px;min-height:40px}.signin-legal{position:relative;display:flex;gap:10px;margin-top:22px;font-size:13px;text-shadow:0 1px 2px #000}.signin-panel .spinner{margin:12px auto}@media (max-width:520px){.signin-screen{padding:24px 16px}.signin-panel{padding:24px 22px 20px}.signin-screen .play-title h1{font-size:58px}}@media (max-height:480px) and (orientation:landscape){.signin-screen{flex-direction:row;gap:36px}.signin-screen .play-title{margin:0}.signin-legal{position:absolute;bottom:12px;left:50%;transform:translate(-50%);margin:0}}.profile-error{margin:6px 0 0;font-size:14px;color:#f0b49a}.name-rule{margin:6px 0 0}.account-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:28px}.account-actions .quiet{margin-left:auto;font-size:14px}:root{--bg:#10100f;--panel:#1b1a17;--line:#575044;--ink:#e6dfd0;--muted:#a49e90;--ember:#bc7850;--good:#bbc3a3;--bad:#df8170;--focus:#e9c6a0;--display:"IM Fell English SC", Georgia, serif;--body:"Alegreya Sans", Arial, sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:var(--bg);color:var(--ink);font:16px/1.4 var(--body);overflow:hidden}html{font-synthesis:none}*,*:before,*:after{font-variant-numeric:lining-nums tabular-nums!important}button,input{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:disabled{cursor:default}button:focus-visible,input:focus-visible{outline:2px solid var(--focus);outline-offset:4px}button{-webkit-user-select:none;user-select:none}img,svg{-webkit-user-drag:none;user-select:none}#app{height:100%}.icon{display:block;flex:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.notice{position:fixed;top:12px;right:16px;z-index:70}.notice>button{color:var(--ember)}.notice-text{max-width:360px;padding:16px;background:#1b1916;border:1px solid var(--line);box-shadow:0 8px 30px #0008}.round{width:44px;height:44px;padding:0;border-radius:50%;border:1px solid #716451;background:#24221ddd;box-shadow:inset 0 1px #c6b28c20,0 3px 6px #0005;display:inline-grid;place-items:center;flex:none;transition:transform .16s,border-color .16s,background .16s;color:#cbc1ad}.round:hover:not(:disabled){border-color:#c4ac83;background:#373127;transform:translateY(-2px)}.round:active:not(:disabled){transform:translateY(1px)}.round:disabled{color:#67665d;border-color:#3b3c35;box-shadow:none;background:#181a17;opacity:.65}.round.ok:not(:disabled){color:#e0d9b6;border-color:#b7b18e;background:#3a3c2d}.round.danger{color:#e3aa91;border-color:#a26950}.round.big{width:58px;height:58px}.connecting{height:100%;display:flex;gap:28px;align-items:center;justify-content:center;background:var(--home) center/cover}.spinner{width:40px;height:40px;border-radius:50%;border:1px solid #5c5140;border-top-color:#cfa979;animation:spin 1.4s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.home,.pick,.invite{height:100%;position:relative;isolation:isolate;background:var(--home) center/cover no-repeat,#11120f}.home:before,.pick:before,.invite:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0b0d0b10,#0b0d0b00 65%,#08090780);z-index:-1}.home{display:flex;flex-direction:column;align-items:center;padding-top:clamp(52px,14vh,180px)}.title{margin:0;color:#ded4bf;font:400 clamp(72px,10vw,142px)/.95 var(--display);letter-spacing:.19em;text-transform:uppercase;text-indent:.19em;text-shadow:0 3px 14px #000}.title-rule{display:flex;align-items:center;gap:20px;color:#a38b64;margin-top:28px;opacity:.85}.title-rule:before,.title-rule:after{content:"";width:70px;height:1px;background:linear-gradient(90deg,transparent,#a38b64)}.title-rule:after{transform:rotate(180deg)}.home-buttons{display:flex;gap:36px;margin-top:42px}.choice{width:100px;height:100px;border:0;padding:0;background:none;position:relative;display:grid;place-items:center;filter:drop-shadow(0 7px 12px #000b);transition:transform .18s,filter .18s}.choice:before{content:"";position:absolute;inset:0;border-radius:50%;background:var(--medallion-idle,radial-gradient(circle,#3f392c,#171916));background-size:contain}.choice .icon{position:relative;width:38px;height:38px;color:#d0b992}.choice:hover{transform:translateY(-4px);filter:drop-shadow(0 10px 14px #000b) brightness(1.15)}.pick{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 32px 20px;gap:32px}.pick:before{background:#080b0ac4}.pick-brand{font:400 25px var(--display);letter-spacing:.2em;text-transform:uppercase;color:#b4a68b}.heroes{width:min(1420px,100%);display:flex;justify-content:center;align-items:center;gap:clamp(6px,1.4vw,22px)}.hero-pick{position:relative;padding:0;border:0;background:none;border-radius:7px;filter:brightness(.78);transform:translateY(8px);transition:transform .24s,filter .24s}.hero-pick .face{filter:drop-shadow(0 8px 9px #000b)}.hero-pick:hover,.hero-pick.on{transform:translateY(-12px);filter:brightness(1.06)}.hero-pick.on:after{content:"";position:absolute;bottom:-16px;left:calc(50% - 4px);width:8px;height:8px;background:#cfb384;transform:rotate(45deg)}.hero-pick.on .face{filter:drop-shadow(0 14px 14px #000c) drop-shadow(0 0 3px #caa97b60)}.pick-bar{display:flex;gap:22px;align-items:center;justify-content:center}.pick-inspect{position:absolute;right:24px;top:24px}.invite{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px}.invite-mark{color:#bcb08e}.invite-link{display:flex;gap:14px;align-items:center}.invite-link input{width:min(64vw,420px);padding:13px 18px;border:1px solid #675b48;background:#1b1b16d9;border-radius:3px;font-size:16px}.face{position:relative;flex:none;overflow:hidden;border-radius:3.8%/2.7%;text-align:left;color:var(--ink)}.face-inner{position:absolute;width:630px;height:880px;left:0;top:0;transform-origin:0 0}.face-art{position:absolute;left:35px;top:92px;width:560px;height:468px;background-position:center 38%;background-size:cover;background-color:#242724}.face-frame{position:absolute;inset:0;width:630px;height:880px;pointer-events:none}.face-badge{position:absolute;left:26px;top:19px}.badge{display:block;border-radius:50%;border:1px solid #ad9d80;box-shadow:inset 0 0 8px #0004}.face-name{position:absolute;left:116px;top:35px;width:408px;font:400 32px/1 var(--display);white-space:nowrap;color:#e8ddc6;text-shadow:0 1px 2px #000}.face-cost{position:absolute;right:37px;top:25px;width:48px;text-align:center;font:400 40px/1.2 var(--display);color:#e8ddc6}.face-cost.desperate{color:#d59167}.face-cost.answer{border-bottom:3px dotted #bcaf92}.face-type{position:absolute;left:36px;right:36px;top:584px;text-align:center;font:700 18px/1.2 var(--body);letter-spacing:.14em;color:#d6c8ae}.face-rules{position:absolute;left:54px;top:643px;width:522px;max-height:144px;display:flex;flex-direction:column;justify-content:center;font:27px/32px var(--body);color:#292823}.face-rules{display:block}.face-rules b{font-weight:700}.face-atk,.face-hp{position:absolute;top:813px;width:70px;font:400 40px/1 var(--display);text-align:center;color:#e8ddc6}.face-atk{left:43px}.face-hp{right:43px}.face-footer{position:absolute;left:calc(50% - 12px);top:824px;color:#9d9077}.hero-face .face-rules{font-style:normal}.back{flex:none;background:var(--back) center/100% 100% no-repeat,#181c1a;border:1px solid #665c48;border-radius:5%/3.6%;box-shadow:1px 2px #080a09}.back-sun{display:none}.stage{width:100%;height:100%;display:grid;place-items:center;background:var(--board) center/cover no-repeat,#191b18;overflow:hidden}.board{width:min(100%,1760px);height:100dvh;position:relative;isolation:isolate;padding:env(safe-area-inset-top) max(18px,env(safe-area-inset-right)) env(safe-area-inset-bottom) max(18px,env(safe-area-inset-left));display:grid;grid-template-rows:clamp(78px,14vh,125px) 1fr clamp(66px,11vh,98px) 1fr clamp(128px,25vh,230px)}.table-grain{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 42%,#0000 20%,#0a0e0b55 75%,#070b08a0)}.board:after{content:"";position:absolute;width:62%;height:1px;top:44%;left:19%;background:linear-gradient(90deg,transparent,#d3b99020,transparent);pointer-events:none;z-index:-1}.board-top,.board-bottom{display:flex;justify-content:space-between;align-items:center;position:relative;padding-inline:14px}.board-top{padding-top:16px}.board-bottom{align-items:flex-start;padding-top:12px}.lane{display:flex;align-items:center;justify-content:center;gap:clamp(8px,1.6vw,24px);margin-inline:clamp(110px,12vw,200px);position:relative}.lane-rest{display:flex;align-items:center;gap:20px;color:#9a95854d}.lane-rest span{width:40px;height:1px;background:#9a958522}.middle{position:relative;display:flex;align-items:center;justify-content:center;z-index:8}.turn-counter{position:absolute;left:18px;display:flex;align-items:center;gap:8px;color:#c0b18a8a;font:400 21px var(--display)}.decision-area{display:flex;gap:18px;align-items:center;justify-content:center;max-width:calc(100% - 250px)}.prompt{display:flex;gap:10px;align-items:center;color:#c5b08d}.prompt:empty{display:none}.prompt:not(:empty):has(.round){background:#171b17ec;padding:7px 10px;box-shadow:0 5px 22px #0005;border:1px solid #6e614b80;border-radius:6px}.prompt.reply{border-color:#b99b6d}.prompt .round{width:40px;height:40px}.count{font:400 28px/1 var(--display);white-space:nowrap;min-width:30px}.count small{font-size:18px;color:#aaa38f}.count.ok{color:#d7d8b7}.source-mini{width:34px;height:44px;border:1px solid #746449;border-radius:3px;overflow:hidden;padding:0;background:#24271f;flex:none}.source-mini img{width:100%;height:100%;object-fit:cover}.payment-tray{display:flex;align-items:center;gap:5px}.payment-card{width:31px;height:41px;background-size:cover;background-position:center;border:1px solid #b18058;padding:0;border-radius:3px;position:relative}.payment-card b{position:absolute;inset:0;display:grid;place-items:center;background:#1e0d0680;font:400 22px var(--display);color:#ffcd9b;text-shadow:0 2px 3px #000}.ember-pay{display:flex;gap:4px;align-items:center;color:#d8946c;border-left:1px solid #746044;padding-left:8px}.ember-pay .round{width:32px;height:38px;border-radius:4px}.ember-pay b{min-width:16px;text-align:center}.thinking{display:flex;gap:5px}.thinking i{width:3px;height:3px;border-radius:50%;background:#aa9976;animation:think 1.4s infinite}.thinking i:nth-child(2){animation-delay:.2s}.thinking i:nth-child(3){animation-delay:.4s}@keyframes think{0%,80%,to{opacity:.2}40%{opacity:1}}.end{position:absolute;right:16px;width:84px;height:84px;padding:0;border:0;background:none;display:grid;place-items:center;transition:transform .15s,filter .15s;filter:drop-shadow(0 7px 9px #0009)}.end img{position:absolute;width:100%;height:100%;object-fit:contain}.end .icon{position:relative;color:#998569;opacity:.75;width:26px}.end.active .icon{color:#e3b782;opacity:1}.end:disabled{filter:grayscale(.7) brightness(.65) drop-shadow(0 5px 5px #0008)}.end:hover:not(:disabled){transform:scale(1.06)}.end:active:not(:disabled){transform:scale(.98)}.hero{display:flex;flex-direction:column;align-items:center;position:relative;flex:none;gap:6px;min-width:140px;z-index:3}.hero-art{position:relative;width:94px;height:94px;padding:0;border:0;border-radius:50%;background:#292b22;box-shadow:0 5px 12px #000a}.hero-painting{position:absolute;inset:9%;border-radius:50%;background-position:center 35%;background-size:cover}.portrait-ring{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.hero-art:not(:has(.portrait-ring)){border:4px ridge #766346}.hero.active .hero-art:after{content:"";position:absolute;inset:-4px;border:1px solid #ac9769a0;border-radius:50%;pointer-events:none}.hero.can .hero-art{outline:2px solid #d8c697;outline-offset:3px}.hero.can .hero-art:before{content:"";position:absolute;inset:-10px;border:1px dashed #c6ab79;border-radius:50%}.hero-badge{position:absolute;left:4px;bottom:2px}.life{position:absolute;bottom:-3px;right:0;min-width:30px;height:30px;border:1px solid #8b7653;background:#20221be8;border-radius:50%;display:grid;place-items:center;color:#e8d3ac;font:400 24px/1 var(--display)}.law-ready{position:absolute;top:-5px;right:-5px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#292e22;color:#d8cca0;border:1px solid #a59b6d}.embers{display:flex;align-items:center;justify-content:center;gap:3px;height:37px}.ember{width:25px;height:35px;padding:0;border:0;background:#171a16;border-radius:3px;position:relative;box-shadow:0 3px 5px #0007;display:grid;place-items:center;color:#a48a62}.ember img{position:absolute;inset:0;width:100%;height:100%}.ember-art{position:absolute;inset:9% 12%;background-size:cover;background-position:center;border-radius:2px}.ember.cracked{outline:1px solid #b38155}.ember-pips{position:absolute;bottom:-7px;left:0;right:0;text-align:center;font-size:20px;letter-spacing:2px;color:#e1a46c;text-shadow:0 1px 3px #000;pointer-events:none}.ember:not(:has(img)){border:1px solid #776447}.ember.cracked:not(:has(img)):after{content:"";position:absolute;inset:0;background:#c48957;clip-path:polygon(55% 0,40% 40%,65% 52%,38% 100%,46% 56%,30% 42%,48% 0)}.piles{display:flex;align-items:center;gap:22px;padding-right:6px;flex:none}.pile{position:relative;padding:0;border:0;background:none;display:flex;flex-direction:column;align-items:center;gap:4px;filter:drop-shadow(0 3px 4px #0007)}.pile>span:last-child{font:400 20px/1 var(--display);color:#cbbf9e}.pile .face,.pile .back{transform:rotate(5deg)}.pile.deck .back{transform:rotate(-5deg);box-shadow:-2px 2px #77705b,-4px 4px #24261f,-5px 5px #70674f}.empty-pile{width:44px;height:61px;display:grid;place-items:center;border:1px solid #9f835333;border-radius:3px;color:#b8936655}.foe-hand{display:flex;position:absolute;left:50%;top:-36px;transform:translate(-50%);pointer-events:none}.foe-hand>div{margin-inline:-11px;transform:translateY(var(--y)) rotate(var(--r));transform-origin:50% 0}.unit-slot{position:relative;flex:none}.token{display:block;position:relative;padding:0;border:0;border-radius:9px;background:none;text-align:left;filter:drop-shadow(0 6px 6px #000b);transition:transform .15s}.token-body{position:absolute;inset:0;display:block;background:#181c18;border-radius:8px;overflow:hidden;border:3px ridge #6d6c5b}.token-body:has(.token-frame){border:0;border-radius:0;background:none}.token-art{position:absolute;inset:5% 5.5%;background-size:cover;background-position:center 32%;border-radius:4px}.token-body:after{content:"";position:absolute;inset:5%;background:linear-gradient(180deg,transparent 58%,#0b100beb);pointer-events:none}.token-frame{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}.token-class{position:absolute;top:9%;right:9%;z-index:4}.token-icons{position:absolute;left:8%;top:8%;display:flex;flex-direction:column;gap:3px;z-index:4}.keyword{width:21px;height:21px;display:grid;place-items:center;color:#d8d6bf;border:1px solid #8c927060;border-radius:50%;background:#151d16c9}.keyword.sleep{color:#b7c3c3}.keyword.arrival{opacity:.7}.keyword.sword{color:#dce1b7;border-color:#bcc298}.token-atk,.token-hp{position:absolute;bottom:5%;width:31px;height:32px;display:grid;place-items:center;z-index:5;font:400 27px/1 var(--display);text-shadow:0 2px 2px #000;background:#1a1d17e8;border:1px solid #8e8064;box-shadow:0 2px 3px #0008}.token-atk{left:5%;color:#e3d5b2;clip-path:polygon(50% 0,100% 25%,100% 100%,0 100%,0 25%);padding-top:4px}.token-hp{right:5%;color:#ece5d4;border-radius:45% 45% 50% 50%}.token-hp.hurt{color:#ff9d8c;background:#3c1f18ed;border-color:#ba725b}.token-name{display:none}.token-stack{position:absolute;top:7%;right:8%;transform:translateY(24px);z-index:5;display:flex;align-items:center;gap:2px;font:400 15px var(--display);padding:0 3px;background:#171e18cd;color:#d9cba9}.stack-sheet{position:absolute;inset:0;transform:translate(calc(var(--stack) * 3px),calc(var(--stack) * 3px)) rotate(calc(var(--stack) * 1.5deg));border:1px solid #776d55;border-radius:7px;background:var(--back) center/cover;box-shadow:0 2px 2px #0007}.token.ready:after{content:"";position:absolute;left:calc(50% - 5px);top:-8px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:6px solid #d2d5b4}.token.ready .token-body{box-shadow:inset 0 0 0 2px #bcc29d}.token.ready{filter:drop-shadow(0 6px 7px #000b) drop-shadow(0 0 2px #bdc798)}.token.can{outline:2px solid #e1c49a;outline-offset:4px}.token.can:before{content:"";position:absolute;inset:-7px;border:1px dashed #ac936a;border-radius:12px}.token.picked{transform:translateY(-9px);outline:2px solid #e7ddc3;outline-offset:3px}.token.burn{filter:sepia(.55) brightness(.6) drop-shadow(0 0 3px #c37c55)}.token.fuel{outline:1px dashed #aa9a79;outline-offset:3px}.token.guarded .token-body{border-radius:20% 20% 32% 32%}.token.shielded .token-art{filter:saturate(.72)}.stack-inspect.round{position:absolute;bottom:-13px;left:calc(50% - 14px);width:28px;height:28px;background:#23291e;border-color:#6e7657;z-index:6}.tucked{position:absolute;z-index:10;top:calc(100% + 12px);left:50%;transform:translate(-50%);display:flex;gap:4px}.fuel-chip{width:30px;height:36px;padding:0;border:1px solid #9d875f;border-radius:3px;background-size:cover;display:grid;place-items:center;color:#f3dbb5;font:400 20px var(--display);text-shadow:0 2px 3px #000}.fuel-chip.burn{box-shadow:inset 0 0 0 20px #451c12a0;border-color:#d98f69}.hand{position:absolute;left:50%;bottom:-20px;transform:translate(-50%);width:calc(var(--card-w) + (var(--cards) - 1) * var(--step));height:calc(var(--card-w) * 1.397);z-index:4}.hand-slot{display:contents}.hand-card{position:absolute;bottom:0;left:calc(var(--i) * var(--step));padding:0;border:0;background:none;border-radius:5px;transform:translateY(var(--y)) rotate(var(--r));transform-origin:50% 115%;transition:transform .18s ease-out,filter .18s;filter:drop-shadow(0 5px 7px #000c)}.hand-card .face{pointer-events:none}.hand-card.ready{filter:drop-shadow(0 4px 6px #000c) drop-shadow(0 -1px 1px #bdc4a4)}.play-cue{position:absolute;top:8%;right:7%;width:17px;height:17px;display:grid;place-items:center;background:#d8d2ae;color:#25291c;border-radius:50%;border:1px solid #312f23}.hand-card.picked{transform:translateY(-38px) rotate(0);z-index:8;filter:drop-shadow(0 12px 14px #000c) drop-shadow(0 0 2px #d1c59e)}.hand-card.can{outline:2px solid #d9bc88;outline-offset:2px}.hand-card.fuel{filter:drop-shadow(0 4px 7px #000c) drop-shadow(0 0 1px #c7b48c)}.hand-card.burn{transform:translateY(-16px) rotate(var(--r));filter:sepia(.35) brightness(.66) drop-shadow(0 0 3px #b77e51)}.hand-card.unavailable{filter:brightness(.5)}.burn-order{position:absolute;left:calc(50% - 22px);top:37%;display:flex;align-items:center;justify-content:center;gap:4px;background:#311d13;border:1px solid #c28a5b;border-radius:50%;width:44px;height:44px;color:#f3c999;font:400 27px var(--display)}@media (hover:hover){.hand-card:hover,.hand-card:focus-visible{transform:translateY(-50px) rotate(0) scale(1.08);z-index:9;filter:drop-shadow(0 15px 12px #000c)}.token:hover{transform:translateY(-4px)}}.chain,.chain-step{display:flex;align-items:center;gap:5px}.chain-step>.icon{color:#aa997a}.chain-link{position:relative;display:block;padding:0;border:0;background:none;border-radius:4px;box-shadow:0 3px 8px #0008}.chain-link.mine:after,.chain-link.theirs:after{content:"";position:absolute;bottom:-4px;left:25%;right:25%;height:2px;background:#b9bd9a}.chain-link.theirs:after{background:#b98466}.chain-link.next{outline:1px solid #c7b390;outline-offset:3px}.chain-link.can{outline:2px dashed #e7c39c;outline-offset:4px}.resolve-number{position:absolute;top:-10px;right:-7px;width:20px;height:20px;border-radius:50%;color:#e2d4ba;background:#252b21;border:1px solid #8d7f5e;display:grid;place-items:center;font:400 15px/1 var(--display)}.attack-link{width:48px;height:67px;display:flex;align-items:center;justify-content:center;gap:4px;flex-direction:column;background:#272a22;border:1px solid #77654b;border-radius:4px;color:#d8b294}.attack-link.cancelled{opacity:.4;text-decoration:line-through}.table-tools{position:absolute;left:28px;bottom:12px;display:flex;gap:8px;z-index:12}.table-tools .round{width:34px;height:34px;background:#171c17ac;border-color:#74684b60;color:#ab9e7d}.error-indicator{position:absolute;left:50%;top:8px;transform:translate(-50%);z-index:30;padding:10px;border:1px solid #b67e61;border-radius:50%;background:#2d1e15;color:#dcac8d}.zoom{position:absolute;z-index:22;left:18px;top:50%;transform:translateY(-50%);pointer-events:none;filter:drop-shadow(0 12px 20px #000)}.history-panel{position:absolute;left:24px;top:50%;transform:translateY(-50%);display:flex;gap:10px;max-width:80%;padding:20px;overflow:auto;z-index:23;background:#11170fef;border:1px solid #6a604a;box-shadow:0 10px 40px #000}.history-panel>button:not(.round){padding:0;border:0;background:none}.history-panel>.mine{border-bottom:2px solid #b9bd9a!important}.history-panel>.theirs{border-bottom:2px solid #b98466!important}.dialog{border:0;padding:24px;max-width:calc(100vw - 20px);max-height:calc(100dvh - 20px);background:none;color:var(--ink);overflow:visible}.dialog::backdrop{background:#080d09dc;backdrop-filter:blur(3px)}.dialog-close{position:absolute;top:0;right:0;transform:translate(30%,-25%);z-index:3}.inspect-dialog{padding:0;filter:drop-shadow(0 16px 35px #000b)}.inspect-dialog::backdrop{background:#060a08dd}.pick-dialog{text-align:center}.pick-row{display:flex;gap:22px;justify-content:center;margin:20px 0}.pickable{padding:0;border:0;background:none;border-radius:6px;transition:transform .16s;filter:drop-shadow(0 8px 14px #000b)}.pickable:hover{transform:translateY(-8px);outline:1px solid #c3ab7f;outline-offset:4px}.choice-sigil{display:flex;justify-content:center;color:#c6b48e}.collection-dialog{width:min(1000px,90vw);padding:24px;background:#141a12;border:1px solid #75674c}.collection-row{display:flex;overflow:auto;gap:16px;padding:24px 8px 16px;max-height:75vh}.collection-card{display:flex;flex-direction:column;gap:10px;align-items:center;padding:0;background:none;border:0;color:#b8aa89}.swap-panel{position:absolute;z-index:19;left:50%;top:40%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:18px;padding:16px 24px;background:#121910ed;border:1px solid #80704e;box-shadow:0 12px 30px #000a;color:#ccad7d}.swap-card{position:relative}.crack-line{position:absolute;inset:0;background:#c98e5fbb;clip-path:polygon(56% 0,43% 37%,62% 55%,35% 100%,50% 57%,35% 39%,51% 0);pointer-events:none}.leave-dialog{padding:36px 60px;background:#1c2118;border:1px solid #817050;display:none;text-align:center}.leave-dialog[open]{display:flex;flex-direction:column;align-items:center;gap:28px}.dialog-actions{display:flex;justify-content:center;gap:20px}.result-dialog{text-align:center;padding:30px 60px}.result-dialog::backdrop{background:#080d09e8}.result-portrait{width:180px;height:180px;margin:0 auto;border-radius:50%;background-size:cover;background-position:center;box-shadow:0 14px 40px #0008;position:relative}.result-portrait img{position:absolute;inset:-7%;width:114%;height:114%}.result-mark{display:grid;place-items:center;margin-top:-28px;position:relative;color:#d6b47c;filter:drop-shadow(0 3px 5px #000)}.result-dialog.lose .result-portrait{filter:grayscale(.85) brightness(.65)}.result-dialog.lose .result-mark{color:#aaa995}.result-score{display:flex;justify-content:center;align-items:center;gap:8px;color:#8d907d;margin:24px 0;font:400 23px var(--display)}.motion-layer{position:absolute;inset:0;z-index:25;pointer-events:none;overflow:hidden;contain:strict}.motion-object{position:absolute;pointer-events:none;transform-origin:50% 50%;will-change:transform,opacity}.motion-visual{position:relative!important;top:0!important;left:0!important;bottom:auto!important;transform:none!important;margin:0!important;width:100%!important;height:100%!important;outline:0!important}.motion-object .face{filter:drop-shadow(0 9px 10px #000b)}[data-motion-hidden]{opacity:0!important}.attack-flight{z-index:7}.impact{border:2px solid #d4bc8c;border-radius:50%;background:radial-gradient(circle,#d6b88b3d,transparent 65%);box-shadow:0 0 0 8px #5b32230a}.damage-number{z-index:9;text-align:center;color:#f0b69d;font:400 40px/1 var(--display);text-shadow:0 2px 4px #130d05,1px 1px 0 #130d05}.ash-flake{background:#b7b2a0;border-radius:1px}.death-ash{z-index:6}.ember-shard{z-index:8}.cancel-mark{text-align:center;font:400 58px/40px var(--display);color:#d3a07b}.turn-flare{filter:sepia(.4)}@media (max-width:1050px){.board{padding-inline:10px}.hero{min-width:112px}.hero-art{width:80px;height:80px}.piles{gap:14px}.lane{margin-inline:110px;gap:12px}.table-tools{left:16px;gap:5px}.end{right:8px;width:72px;height:72px}.decision-area{gap:12px;max-width:calc(100% - 195px)}.prompt{gap:7px}.payment-tray{gap:3px}.payment-card{width:25px;height:34px}.hero .embers{gap:2px}.ember{width:21px;height:30px}.heroes{flex-wrap:wrap;max-width:760px;gap:22px}.hero-pick{flex-basis:27%;display:grid;justify-content:center}.pick{gap:22px}.pick-brand{display:none}}@media (max-height:570px) and (orientation:landscape){.board{grid-template-rows:54px 1fr 56px 1fr 90px}.board-top{padding-top:12px;align-items:flex-start}.board-bottom{padding-top:0}.hero{min-width:98px;gap:2px}.hero-art{width:61px;height:61px}.hero-badge{bottom:0;left:-2px}.hero-badge .badge{width:14px!important;height:14px!important}.life{width:24px;min-width:24px;height:24px;font-size:19px;right:-3px}.hero .embers{height:25px}.ember{width:18px;height:25px}.ember-pips{font-size:16px;bottom:-6px}.board-bottom .hero{transform:translateY(-16px)}.lane{margin-inline:110px;gap:12px}.token-atk,.token-hp{width:24px;height:25px;font-size:22px}.keyword{width:17px;height:17px}.keyword .icon{width:12px;height:12px}.token-icons{gap:1px}.token-stack{transform:translateY(19px);font-size:12px}.stack-inspect.round{width:24px;height:24px;bottom:-11px}.piles{gap:14px}.pile .face,.pile .back{width:32px!important;height:45px!important}.pile .face-inner{transform:scale(.0508)!important}.empty-pile{width:32px;height:45px}.pile>span:last-child{font-size:16px}.end{width:62px;height:62px;right:4px}.end .icon{width:22px}.turn-counter{left:4px;font-size:17px}.hand{bottom:-18px}.hand-card.picked{transform:translateY(-26px)}.board-bottom .piles{transform:translateY(-5px)}.table-tools{bottom:6px;left:12px;gap:6px}.table-tools .round{width:28px;height:28px}.foe-hand{top:-37px}.foe-hand>div{margin-inline:-9px}.decision-area{gap:10px}.prompt:not(:empty):has(.round){padding:3px 6px}.prompt .round{width:36px;height:36px}.prompt>.icon{width:18px}.count{font-size:24px}.source-mini{display:none}.payment-card{width:22px;height:31px}.ember-pay{padding-left:5px;gap:2px}.ember-pay .round{width:28px;height:32px}.chain-link .face{width:33px!important;height:46px!important}.chain-link .face-inner{transform:scale(.05238)!important}.attack-link{width:33px;height:46px}.chain-step>.icon{width:12px}.resolve-number{width:16px;height:16px;font-size:12px;top:-8px}.zoom{display:none}.heroes{flex-wrap:nowrap;max-width:none;gap:10px}.hero-pick{flex-basis:auto}.pick{padding:16px;gap:24px}.hero-pick:hover,.hero-pick.on{transform:translateY(-4px)}.pick-bar .round{width:42px;height:42px}.pick-inspect{right:12px;top:12px}.pick-brand{display:none}.title{font-size:74px}.home{padding-top:38px}.title-rule{margin-top:12px}.home-buttons{margin-top:22px;gap:26px}.choice{width:72px;height:72px}.choice .icon{width:28px;height:28px}.result-portrait{width:110px;height:110px}.result-mark .icon{width:48px;height:48px}.result-score{margin:12px 0}.result-dialog{padding:12px 40px}.result-dialog .round{width:46px;height:46px}.swap-panel{padding:10px 14px;gap:12px;top:43%}.pick-row{gap:14px;margin:12px 0}.dialog{padding:14px}.inspect-dialog{padding:0}}@media (orientation:portrait) and (max-width:650px){.board{grid-template-rows:100px 1fr 72px 1fr 160px;padding-inline:6px}.lane{margin-inline:6px;gap:4px}.hero{min-width:96px}.board-top,.board-bottom{padding-inline:0}.board-bottom .hero{position:absolute;left:2px;bottom:110px;transform:scale(.7);transform-origin:left bottom}.board-bottom .piles{position:absolute;right:3px;bottom:127px;transform:scale(.7);transform-origin:right bottom}.hand{width:calc(100vw - 32px);--step:calc((100vw - 32px - var(--card-w)) / max(1,var(--cards) - 1))!important}.end{right:0;width:55px;height:55px}.decision-area{max-width:calc(100% - 100px)}.turn-counter{left:0}.payment-tray{display:none}.ember-pay .round{width:26px}.prompt{gap:5px}.prompt .round{width:34px;height:36px}.table-tools{left:8px;bottom:7px}.zoom{display:none}.token-icons{gap:1px}.keyword{width:15px;height:15px}.keyword .icon{width:10px;height:10px}.token-atk,.token-hp{width:21px;height:23px;font-size:19px}.hero-art{width:68px;height:68px}.piles{gap:16px}.foe-hand{top:-25px}.collection-row{max-height:65vh}.heroes{display:grid;grid-template-columns:repeat(2,auto);gap:18px 26px}.hero-pick{display:block}.pick{gap:20px;padding:25px 14px}.hero-pick.on{transform:translateY(-5px)}.hero-pick.on:after{bottom:-9px;width:5px;height:5px}.pick-bar .round{width:42px;height:42px}.swap-panel{width:max-content;padding:12px;gap:12px}.pick-row{flex-wrap:wrap;overflow:auto;max-height:70vh}.title{font-size:70px}}:where(.reduce-motion) *,:where(.reduce-motion) *:before,:where(.reduce-motion) *:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}:where(.reduce-motion) .hand-card:hover,:where(.reduce-motion) .hero-pick:hover{transform:translateY(-4px)}:where(.reduce-motion) .thinking i{opacity:.6}@media (forced-colors:active){button:focus-visible{outline:2px solid Highlight}.can,.ready,.picked{outline:2px solid Highlight}}@media (min-height:571px){.board-top{align-items:flex-start;padding-top:18px}.board-bottom .hero{transform:translateY(-24px)}}@media (max-height:570px) and (orientation:landscape){.table-tools{top:57%;bottom:auto;left:14px}}html,body{overflow:clip}.stage{position:fixed;inset:0;overflow:clip}.attack-portraits{display:flex;align-items:center;gap:1px}.attack-portraits img{width:17px;height:22px;object-fit:cover;border:1px solid #8b7756;border-radius:3px}.attack-portraits img[src],.payment-target img[src]{scale:none;clip-path:none}@media (max-height:570px) and (orientation:landscape){.attack-portraits img{width:11px;height:16px}.attack-portraits .icon{width:7px}}.board{grid-template-columns:minmax(0,1fr)}.board-top,.board-bottom,.middle,.lane{min-width:0}@media (max-width:740px) and (orientation:landscape){.lane{margin-inline:95px;gap:7px}.decision-area{max-width:calc(100% - 165px)}.prompt.pay{gap:5px}.payment-tray{gap:2px}.payment-card{width:20px}}.tucked{top:27%;bottom:auto;max-width:calc(100% - 10px);overflow-x:auto;padding:3px;background:#12180fe8;border:1px solid #786b4e;border-radius:3px;scrollbar-width:thin}.fuel-chip{flex:none}.stack-inspect.round{inset:28% -3px auto auto;width:32px;height:26px;border-radius:4px;display:flex;justify-content:center;gap:2px;font:600 14px Georgia,serif}.unit-slot:has(.tucked) .stack-inspect{display:none}@media (max-height:570px) and (orientation:landscape){.tucked{top:24%;padding:2px}.fuel-chip{width:25px;height:30px}.stack-inspect.round{width:28px;height:24px;font-size:12px}}.app-content{height:100%}.global-tools{position:fixed;right:18px;bottom:18px;z-index:40}.global-tools .round{background:#171915aa;border-color:#6b624c75}.splash{position:fixed;inset:0;z-index:100;background:#10120f center/cover no-repeat;display:flex;align-items:center;justify-content:center;flex-direction:column;transition:opacity .35s ease}.splash:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0a0c0920,#0a0c0900 55%,#0a0c0960);z-index:-1}.splash{justify-content:flex-start;padding-top:clamp(60px,17vh,170px)}.splash .title{margin-bottom:26px}.splash.leaving{opacity:0;pointer-events:none}.splash-progress{width:160px;height:2px;background:#a28c6030;position:relative;overflow:hidden}.splash-progress span{display:block;height:100%;background:#c1a374;transition:width .15s linear}.splash-skip{position:absolute;bottom:max(26px,env(safe-area-inset-bottom));right:max(26px,env(safe-area-inset-right));border-color:#a28c6055;background:#14171170}.pick-bar-divider{height:28px;width:1px;background:#b3a07930;margin-inline:3px}.cosmetic-dialog{padding:28px;background:#12160fee;border:1px solid #7d7051;box-shadow:0 18px 70px #000a}.cosmetic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:min(680px,80vw)}.cosmetic{position:relative;padding:0;border:1px solid #5b5947;border-radius:4px;overflow:hidden;background:#23261f;transition:filter .18s,border-color .18s,transform .18s}.cosmetic img{width:100%;aspect-ratio:1.55;display:block;object-fit:cover}.cosmetic.random{display:grid;place-items:center;color:#b5ad92;aspect-ratio:1.55}.cosmetic.selected{border-color:#d5c097;outline:2px solid #d5c097;outline-offset:3px}.cosmetic-check{position:absolute;right:6px;bottom:6px;padding:3px;border-radius:50%;background:#262a1f;color:#e5d3ac}.cosmetic-dialog.back-picker .cosmetic-grid{grid-template-columns:repeat(4,minmax(0,1fr));width:min(470px,80vw)}.cosmetic-dialog.back-picker .cosmetic{background:none;border:0;padding:3px;overflow:visible}.cosmetic-dialog.back-picker .back{width:100%!important;height:auto!important;aspect-ratio:63/88}@media (hover:hover){.cosmetic:hover{transform:translateY(-3px);border-color:#c6ac7d}}.board:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.35;background:radial-gradient(ellipse at 50% 110%,#b2995b25,transparent 60%);transition:opacity .35s}.board[data-active=foe]:before{opacity:0}.board[data-active=foe] .table-grain{background:radial-gradient(ellipse at 50% 15%,#a06e3d10,#080b0845 80%)}.hand{touch-action:none}.hand .hand-card{width:var(--step);height:calc(var(--card-w) * 1.397);transform:none;filter:none;border-radius:0;transition:none;touch-action:none;text-align:left;overflow:visible}.hand .hand-card:last-child{width:var(--step)}.hand .hand-card.hovered{z-index:30}.hand .hand-card:focus-visible{outline:0}.hand-visual{position:absolute;left:0;bottom:0;display:block;width:var(--card-w);transform:translate(var(--spread,0px),var(--y)) rotate(var(--r));transform-origin:50% 100%;pointer-events:none;filter:drop-shadow(0 7px 9px #000b);transition:transform .19s cubic-bezier(.2,.8,.25,1),filter .14s}.hand-visual *{pointer-events:none}.hand.hovering{z-index:30}.hand-card.hovered .hand-visual{transform:translateY(-28px) rotate(0) scale(var(--hover-scale,2.12));filter:drop-shadow(0 12px 12px #000c)}.hand-card:focus-visible .hand-visual{outline:2px solid var(--focus);outline-offset:3px}.hand-card.ready .hand-visual{filter:drop-shadow(0 6px 8px #000c) drop-shadow(0 -2px 3px #c1c4a5a8)}.hand-card.ready .face{box-shadow:inset 0 0 0 2px #c1c4a5}.hand-card.ready.hovered .hand-visual{filter:drop-shadow(0 14px 12px #000c) drop-shadow(0 0 3px #ced0b4)}.hand-card.unplayable .hand-visual{filter:brightness(.79) saturate(.75) drop-shadow(0 7px 8px #000b)}.hand-card.unplayable.hovered .hand-visual{filter:brightness(.94) saturate(.72) drop-shadow(0 14px 12px #000c)}.blocked-cue{position:absolute;top:9%;right:8%;display:grid;place-items:center;background:#2a231c;border:1px solid #9e7960;color:#d4ad91;padding:3px;border-radius:50%;opacity:0}.hand-card.unplayable.hovered .blocked-cue{opacity:1}.hand-card.picked .hand-visual{transform:translateY(-32px);filter:drop-shadow(0 10px 12px #000a) drop-shadow(0 0 3px #c9b88c)}.hand-card.burn .hand-visual{transform:translate(var(--spread,0px),-16px) rotate(var(--r));filter:sepia(.35) brightness(.65) drop-shadow(0 0 3px #b77e51)}.hand-card.burn.hovered .hand-visual{transform:translateY(-28px) scale(var(--hover-scale));filter:sepia(.25) brightness(.85) drop-shadow(0 12px 14px #000b)}.hand-card.unavailable .hand-visual{filter:brightness(.5)}.hand-card.can .hand-visual,.hand-card.fuel .hand-visual{filter:drop-shadow(0 0 3px #d2b382)}.hand-card.can{outline:0}.hand-bridge{position:absolute;bottom:calc(var(--card-w) * 1.397 - 10px);height:calc(var(--card-w) * 1.6);z-index:29}.hand-card.dragging-source .hand-visual{opacity:.2}.drag-card{position:fixed;z-index:46;pointer-events:none;transform:rotate(-3deg);filter:drop-shadow(0 18px 14px #000b)}.dragging{cursor:grabbing}.token{touch-action:none}.token.target-dim{opacity:.4;filter:saturate(.35)}.board[data-mode=attack] .hero:not(.can){opacity:.45}.card-preview{position:fixed;z-index:42;pointer-events:none;filter:drop-shadow(0 14px 24px #000d);animation:preview-in .14s ease-out}@keyframes preview-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.aim-line{position:fixed;inset:0;z-index:45;pointer-events:none;overflow:visible;color:#c0a883}.aim-line path,.aim-line circle{fill:none}.aim-line .aim-shadow{stroke:#080a08c9;stroke-width:7}.aim-line .aim-stroke{stroke:currentColor;stroke-width:2.5;stroke-dasharray:7 5}.aim-line.snapped{color:#e8d4ac}.aim-line.snapped .aim-stroke{stroke-dasharray:none;stroke-width:3}.aim-line circle{stroke:currentColor;stroke-width:2;fill:#22271d}.aim-line .aim-ring{fill:none;stroke-width:2}.aim-line marker path{fill:currentColor}.embers>div{display:flex}.prompt.pay{border-color:#a78b5b;box-shadow:0 8px 24px #0008}.prompt.reply{box-shadow:0 0 0 2px #c6aa7222,0 8px 20px #0007}.result-dialog{padding:44px 80px;background:radial-gradient(ellipse,#77724c15,transparent 70%)}.result-dialog .dialog-actions{margin-top:30px}.result-dialog.win .result-portrait{box-shadow:0 0 70px #c6a45d18,0 18px 40px #0009}.result-dialog.win .result-mark{color:#e2c58c}.result-dialog.lose .result-mark{transform:rotate(-8deg)}:where(html:not(.reduce-motion)) .result-portrait{animation:result-arrive .55s cubic-bezier(.2,.7,.3,1) both}:where(html:not(.reduce-motion)) .result-mark{animation:preview-in .36s .14s both}:where(html:not(.reduce-motion)) .result-dialog .dialog-actions{animation:preview-in .35s .22s both}@keyframes result-arrive{0%{opacity:0;transform:translateY(15px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-height:570px) and (orientation:landscape){.hand-card.hovered .hand-visual{transform:translateY(-22px) scale(var(--hover-scale))}.pick-bar{gap:14px}.cosmetic-grid{gap:12px;width:min(560px,75vw)}.cosmetic-dialog{padding:18px;max-height:92vh;overflow:auto}.cosmetic-dialog.back-picker .cosmetic-grid{grid-template-columns:repeat(7,1fr);width:75vw}.cosmetic-dialog.arena-picker .cosmetic-grid{grid-template-columns:repeat(4,1fr)}.result-dialog{padding:12px 40px}.result-dialog .dialog-actions{margin-top:10px}.table-tools{flex-wrap:wrap;width:70px;gap:5px}}@media (max-width:650px) and (orientation:portrait){.pick-bar{gap:12px}.cosmetic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cosmetic-dialog.back-picker .cosmetic-grid{grid-template-columns:repeat(3,1fr)}.cosmetic-dialog{padding:18px}.result-dialog{padding:30px}.hand-bridge{display:none}}:where(.reduce-motion) .card-preview{animation:none}:where(.reduce-motion) .hand-visual{transition:none}:where(.reduce-motion) .hand-card.hovered .hand-visual{transform:translateY(-28px) scale(var(--hover-scale))}:where(.reduce-motion) .result-mark{animation:none}:where(.reduce-motion) .splash{transition:none}@media (max-width:650px) and (orientation:portrait){.table-tools{left:50%;transform:translate(-50%);bottom:148px;gap:6px;width:max-content}}.board[data-mode=target] .hand-card.dragging-source .hand-visual{opacity:.75}.board[data-mode=target] .hero,.board[data-mode=target] .chain-link:not(.can){opacity:.4}.hero-art{width:clamp(100px,10vw,128px);height:clamp(100px,10vw,128px);background:radial-gradient(circle,#2b2921 42%,#11140f 68%);box-shadow:0 8px 15px #000b,inset 0 0 12px #000}.hero{min-width:156px}.hero .life{width:36px;height:39px;right:1px;bottom:-3px;border-radius:40% 40% 48% 48%;color:#f0ddbe;background:linear-gradient(#483a28,#221c16);box-shadow:0 3px 5px #000b;font-size:30px}.hero .embers{gap:2px;height:35px}.hero-law{position:absolute;left:calc(50% + 40px);top:22px;z-index:3;width:48px;height:48px;display:grid;place-items:center;padding:0;border:3px ridge #76654c;border-radius:50%;color:#c1b28e;background:radial-gradient(circle,#33392b,#11150f);box-shadow:2px 5px 8px #0009}.hero-law[aria-disabled=true]{filter:grayscale(.7) brightness(.65)}.hero-law.ready{border-color:#c9b27c;color:#efe3be;box-shadow:0 0 0 2px #827347,2px 5px 8px #0009}.hero-law.ready:after{content:"";position:absolute;inset:-6px;border:1px solid #baa77370;border-radius:50%}.hero-law.passive{width:38px;height:38px;top:32px;border-width:2px}.hero-law.passive .icon{width:21px}.law-used{position:absolute;right:-4px;bottom:-1px;background:#22261e;border-radius:50%;display:grid;place-items:center;width:18px;height:18px}.emote-mute.round{position:absolute;width:28px;height:28px;left:0;top:4px;z-index:4}.emote-bubble{position:absolute;left:calc(50% + 51px);top:68px;z-index:20;display:grid;place-items:center;width:62px;height:52px;color:#e3d6b7;background:#262b20f5;border:1px solid #a38b5e;border-radius:50% 50% 50% 6%;box-shadow:0 5px 12px #0009;pointer-events:none}.hero.emote-open{z-index:40}.board-bottom:has(.emote-open){z-index:40}.emote-radial{position:absolute;width:194px;height:194px;left:12px;bottom:calc(100% - 22px);z-index:45;border-radius:50%;background:radial-gradient(circle,#282d22f5 38%,#14180ff5 68%,#0000 70%);filter:drop-shadow(0 5px 10px #000a)}.emote-option.round{position:absolute;width:43px;height:43px;left:76px;top:76px;transform:rotate(var(--emote-angle)) translate(70px) rotate(calc(-1 * var(--emote-angle)))}.emote-inspect.round{position:absolute;left:76px;top:76px;width:43px;height:43px}.ember-fuse{position:absolute;left:7%;right:7%;top:calc(50% + 27px);height:8px;z-index:1;pointer-events:none}.fuse-track{position:absolute;inset:2px 0;border-radius:50%;background:repeating-linear-gradient(135deg,#46392a 0 3px,#211c16 3px 6px);box-shadow:0 2px 2px #0009;opacity:.65}.fuse-live{display:block;position:relative;height:4px;top:2px;background:repeating-linear-gradient(130deg,#b58c54 0 3px,#75603a 3px 6px);border-radius:2px}.fuse-coal{position:absolute;right:-5px;top:-3px;width:11px;height:10px;border-radius:60% 30%;background:#efcc8b;box-shadow:-3px 0 5px #d96f31,4px -2px 7px #9a3e24}.fuse-coal:after{content:"";position:absolute;width:3px;height:3px;right:-5px;top:-5px;background:#bb713e;box-shadow:-5px -3px #b99259,1px 11px #ac6c37}.pick-dialog>.ember-fuse{top:auto;bottom:10px}:where(html:not(.reduce-motion)) .ember-fuse{animation:fuse-warning .45s ease-out 2}:where(html:not(.reduce-motion)) .fuse-coal{animation:coal-breathe .65s ease-in-out infinite alternate}:where(html:not(.reduce-motion)) .emote-bubble{animation:gesture-arrive .18s ease-out}@keyframes fuse-warning{50%{filter:brightness(1.7)}}@keyframes coal-breathe{to{transform:scale(.82) rotate(12deg);opacity:.8}}@keyframes gesture-arrive{0%{opacity:0;transform:translateY(5px) scale(.9)}}.card-library{height:100dvh;overflow:auto;background:linear-gradient(#101610df,#151c15e8),var(--home) center/cover fixed;padding:24px clamp(16px,4vw,70px) 48px;overscroll-behavior:contain}.library-bar{display:flex;align-items:center;gap:24px;margin-bottom:30px;padding-right:40px}.library-tabs{display:flex;gap:12px}.library-count{margin-left:auto;font:24px var(--display);color:#bbac8a}.library-filters{display:flex;align-items:center;flex-wrap:wrap;gap:18px 28px;margin-bottom:30px}.filter-group{display:flex;gap:6px}.library-filters .round,.library-tabs .round{width:40px;height:40px}.card-library [aria-pressed=true]{outline:2px solid #cbb88a;outline-offset:2px;background-color:#3a4030;color:#f3e3be}.class-filter{position:relative}.class-filter .icon{position:absolute;left:10px;top:10px;color:#e6dbc1;filter:drop-shadow(0 1px 1px #000)}.cost-filters .round{font:22px var(--display)}.library-search{display:flex;align-items:center;gap:10px;min-width:180px;flex:1;border-bottom:1px solid #8c7c59;color:#b5a887;padding:6px}.library-search input{width:100%;min-width:80px;border:0;background:none;color:#e1d8c2;font:16px var(--body);padding:5px}.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));justify-items:center;gap:26px 12px;max-width:1600px;margin:auto}.library-card{display:block;padding:0;border:0;background:none;border-radius:7px;filter:drop-shadow(0 6px 8px #0008)}.library-empty{display:grid;justify-items:center;padding:10vh;gap:18px;color:#988e76;font:32px var(--display)}.library-heroes{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;margin:0 auto 32px}.library-heroes button{position:relative;width:72px;height:72px;border:2px solid #75664d;border-radius:50%;padding:3px;background:#1b2319}.library-heroes img{width:100%;height:100%;object-fit:cover;border-radius:50%}.library-heroes .badge{position:absolute;right:-3px;bottom:0}.hero-library-detail{display:grid;grid-template-columns:minmax(440px,1.1fr) minmax(300px,1fr);max-width:1250px;margin:auto;gap:40px;align-items:start}.hero-library-cards{display:flex;flex-direction:column;align-items:center;gap:22px}.signature-pair{display:flex;justify-content:center;gap:20px}.starter-deck{min-width:0;padding-top:8px}.deck-code{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding:8px 12px;border:1px solid #6f644755;border-radius:6px;background:#141b13a0}.deck-code input{min-width:0;width:100%;border:0;background:none;color:#c9bc9c;font:14px ui-monospace,monospace}.deck-code .round{flex:none}.starter-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 12px}.deck-row{position:relative;min-height:54px;overflow:hidden;display:flex;align-items:center;gap:9px;border:1px solid #655a4270;border-radius:4px;padding:8px 10px;background:#20251c;text-align:left;isolation:isolate;color:#e4d8b9}.deck-row-art{position:absolute;inset:0;z-index:-2;background-size:cover;background-position:center 35%;opacity:.5}.deck-row:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#161d14e0,#161d1430 65%,#11180fe0)}.deck-cost{font:23px var(--display);color:#c9b68a}.deck-card-name{font:15px var(--display);flex:1}.deck-copies{font:19px var(--display)}@media (hover:hover){.library-card:hover{filter:drop-shadow(0 7px 10px #000b) brightness(1.1)}.deck-row:hover{border-color:#b6a375}}@media (max-width:1050px){.hero-art{width:102px;height:102px}.hero{min-width:130px}.hero-law{left:calc(50% + 31px);top:22px;width:43px;height:43px}.hero-law.passive{top:25px}.hero-library-detail{grid-template-columns:1fr}.hero-library-cards{flex-direction:row;justify-content:center}.starter-deck{max-width:800px;width:100%;margin:auto}}@media (max-height:570px) and (orientation:landscape){.hero-art{width:76px;height:76px}.hero{min-width:104px}.hero-law{left:calc(50% + 23px);top:16px;width:34px;height:34px}.hero-law .icon{width:20px}.hero-law.passive{width:30px;height:30px;top:19px}.hero .life{width:27px;height:29px;font-size:23px}.hero .embers{height:26px}.emote-mute.round{width:24px;height:24px;left:-5px;top:0}.emote-bubble{left:85px;top:50px;width:44px;height:39px}.emote-radial{transform:scale(.8);transform-origin:bottom left;bottom:calc(100% - 30px)}.hero-library-detail{grid-template-columns:1fr}}@media (max-width:650px) and (orientation:portrait){.hero-art{width:90px;height:90px}.hero{min-width:104px}.hero .life{width:30px;height:33px;font-size:25px}.board-bottom .hero{transform:scale(.9);bottom:112px}.hero-law{left:calc(50% + 25px);width:38px;height:38px;top:20px}.hero-law.passive{width:33px;height:33px;top:24px}.emote-mute.round{left:-2px}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 8px}.library-grid .face{width:155px!important;height:216.5px!important}.library-grid .face-inner{transform:scale(.24603)!important}.hero-library-cards{flex-direction:column}.signature-pair{gap:10px}.signature-pair .face{width:155px!important;height:216.5px!important}.signature-pair .face-inner{transform:scale(.24603)!important}.library-filters{gap:16px}.card-library{padding-inline:12px}.library-heroes{gap:12px}.library-heroes button{width:64px;height:64px}.starter-list{grid-template-columns:1fr}.ember-fuse{left:3%;right:3%;top:calc(50% + 29px)}}@media (max-width:350px){.library-grid{grid-template-columns:1fr}.signature-pair{flex-wrap:wrap}}.attack-intent{opacity:.65;z-index:7;color:#c8af80}.attack-intent .aim-stroke{stroke-dasharray:7 6;stroke-width:2}.prompt .source-mini{width:44px;height:58px}.signature{pointer-events:none;filter:drop-shadow(0 2px 2px #0005)}.signature-eclipse{filter:blur(8px)}.signature-frost{filter:drop-shadow(0 4px 5px #a0b4bb25)}.choice-sigil{display:flex;align-items:center;justify-content:center;gap:15px}.choice-source{padding:0;border:0;background:none;border-radius:4px}.inspect-dialog>.ember-fuse{top:auto;bottom:11px}.attack-portraits img{width:23px;height:30px}.attack-link{width:70px;height:74px}.signature-eclipse{mask-image:radial-gradient(ellipse,#000 25%,#0009 55%,transparent 75%)}@media (max-height:570px) and (orientation:landscape){.choice-source .face{width:40px!important;height:56px!important}.choice-source .face-inner{transform:scale(.06349)!important}.attack-link{width:43px;height:46px}.attack-portraits img{width:15px;height:20px}.prompt:has(.source-mini) .source-mini{display:block;width:28px;height:38px}}.emote-option.round:hover:not(:disabled),.emote-option.round:active:not(:disabled){transform:rotate(var(--emote-angle)) translate(70px) rotate(calc(-1 * var(--emote-angle)))}.hero.critical .life{border-color:#c08559;background:linear-gradient(#693528,#321a14);color:#ffe2c1}.hero.critical .hero-art{box-shadow:0 0 0 2px #7e4830,0 7px 15px #000c}.hero-danger{position:absolute;right:-4px;bottom:29px;color:#d2a576}.cosmetic-dialog{padding-top:54px;overflow:hidden;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px)}.cosmetic-grid{max-height:calc(100dvh - 120px);overflow:auto;overscroll-behavior:contain;padding:5px}.cosmetic-dialog .dialog-close{top:7px;right:7px;transform:none}@media (max-width:650px){.cosmetic-dialog{padding-top:54px}.cosmetic-grid{width:min(680px,calc(100vw - 80px))}}.board-bottom>.hero{z-index:5}.board-bottom>.hero.emote-open{z-index:40}@media (max-height:570px) and (orientation:landscape){.board-bottom .hero{transform:translateY(-22px)}.board-bottom .hero-law{left:-2px;top:25px}}@media (max-width:650px) and (orientation:portrait){.home-buttons{gap:22px}.home-buttons .choice{width:84px;height:84px}}@media (max-width:380px){.cost-filters{gap:5px}.cost-filters .round{width:36px}}.face-cost,.face-atk,.face-hp,.token-atk,.token-hp,.hero .life,.count,.pile>span,.turn-counter,.resolve-number,.deck-cost,.deck-copies,.burn-order,.result-score,.library-count{font-family:var(--body);font-variant-numeric:lining-nums tabular-nums;font-weight:700}.face-cost{left:12px;right:auto;top:6px;width:102px;height:102px;display:grid;place-items:center;border:5px ridge #9b8965;border-radius:50%;background:radial-gradient(circle at 35% 25%,#4a4937,#1c251c 68%);box-shadow:0 6px 8px #0009;font-size:66px;text-shadow:0 2px 3px #000}.face:not(.hero-face) .face-badge{left:42px;top:574px;transform:scale(.65);transform-origin:top left}.face-atk,.face-hp{font-size:44px;text-shadow:0 2px 2px #000}.token-atk,.token-hp{font-size:clamp(22px,3.2vh,34px);text-shadow:1px 1px 2px #000,-1px -1px 1px #000}.buffed{color:#c6dfb0!important}.face-hp.hurt{color:#e8a587}.vanilla-ornament{display:flex;justify-content:center;align-items:center;gap:25px;height:112px;color:#706a59;opacity:.55}.vanilla-ornament:before,.vanilla-ornament:after{content:"";width:90px;height:1px;background:currentColor}.face-inner .face-paper{position:absolute;left:30px;top:625px;width:570px;height:173px;background:url(/assets/ui-v13/paper-cinder.webp) center/100% 100% no-repeat;pointer-events:none}.hero-face .face-inner .face-paper{background-image:url(/assets/ui-v13/paper-oath.webp)}.face-inner .face-rules{color:#211f1a}.face-inner .face-flavor{color:#433e34}.face-inner .face-cost,.unit-face .face-inner .face-atk,.unit-face .face-inner .face-hp{display:grid;place-items:center;border:0;border-radius:0;box-shadow:none;background:center/100% no-repeat;line-height:1;color:#ece4d2;text-shadow:0 -2px 1px #000,0 1.5px 1px #8b8470b0}.face-inner .face-cost{left:23px;top:16px;width:80px;height:80px;background-image:url(/assets/ui-v13/stat-cost.webp);font-size:62px}.unit-face .face-inner .face-atk,.unit-face .face-inner .face-hp{top:793px;width:70px;height:80px;font-size:46px;filter:drop-shadow(0 3px 3px #000a)}.unit-face .face-inner .face-atk{left:43px;padding-top:10px;background-image:url(/assets/ui-v13/stat-attack.webp)}.unit-face .face-inner .face-hp{right:43px;padding-top:9px;background-image:url(/assets/ui-v13/stat-health.webp)}.face-inner .face-cost.desperate{color:#e39a6c}.face-inner .face-cost.answer{border-bottom:0}.face-inner .face-cost.answer:after{content:"";position:absolute;left:30%;right:30%;bottom:12px;border-bottom:3px dotted currentColor;opacity:.85}.token-body{container-type:inline-size}.token-body .token-atk,.token-body .token-hp{bottom:2%;width:1.2em;height:1.37em;padding:0;border:0;border-radius:0;box-shadow:none;clip-path:none;background:center/100% no-repeat;font-size:min(31px,calc(16cqw + 9.5px));line-height:1;font-variant-numeric:proportional-nums lining-nums;letter-spacing:-.02em;color:#ece4d2;text-shadow:0 -1px 1px #000,0 1px 1px #8b847080;filter:drop-shadow(0 2px 2px #000b)}.token-body .token-atk{left:4%;padding-top:.16em;background-image:url(/assets/ui-v13/stat-attack.webp)}.token-body .token-hp{right:4%;padding-top:.14em;background-image:url(/assets/ui-v13/stat-health.webp)}.face-inner .face-hp.hurt,.token-body .token-hp.hurt{color:#f28a62}.hero-pick.on{outline:2px solid #cbb37d;outline-offset:5px;border-radius:5px}.phase-pip{position:absolute;right:2px;bottom:-3px;padding:6px;border:1px solid #80704d;border-radius:50%;background:#1c2419;color:#d6c59b}.end.all-done{filter:brightness(1.2);box-shadow:0 0 0 2px #a9b58a80;border-radius:50%}.enemy-reveal{position:absolute;right:18px;top:18%;z-index:24;pointer-events:none;filter:drop-shadow(0 8px 20px #000b);animation:enemy-reveal 1.4s both}@keyframes enemy-reveal{0%{opacity:0;transform:translateY(8px)}12%,82%{opacity:1;transform:none}to{opacity:0;transform:translateY(-6px)}}.token.exhausted .token-art{filter:saturate(.35) brightness(.72)}.board[data-mode=attack] .hand-card[data-answer=false] .hand-visual,.board[data-mode=pay] .token[data-lazy-ready=true] .token-art,.board[data-mode=target] .token[data-lazy-ready=true] .token-art{filter:grayscale(.6) brightness(.6)}.ember-pay:has(b:not(:empty)){color:#c49276}.motion-layer .token-name{display:none}.detailed-inspect{display:flex;align-items:center;gap:20px;overflow:auto;overscroll-behavior:contain;padding:16px;background:#11170ff2;border:1px solid #75664d;border-radius:8px}.detailed-inspect>.face,.detailed-inspect>.back{flex:none}.keyword-notes{width:220px;flex:none;text-align:left;font:15px/1.35 var(--body);color:#d8d1be}.keyword-notes b{color:#e6d4a8;font-weight:700}.keyword-notes p{margin:3px 0 14px}.keyword-notes p:last-child{margin-bottom:12px}.detailed-inspect:not(:has(.keyword-notes)){padding:0;border:0;background:none}.trigger-source.source-mini{display:block;position:fixed;left:18px;top:calc(50% - 85px);width:120px;height:168px;border:0;box-shadow:0 4px 12px #0008}.swap-panel{left:24px;top:50%;transform:translateY(-50%);flex-wrap:wrap;width:214px;justify-content:center;padding:12px;gap:12px}.swap-panel .swap-card{flex-basis:100%;display:flex;justify-content:center}.swap-panel .crack-line{inset:0 10px}.result-mark .icon{width:100px;height:100px}.result-dialog.lose .result-portrait:after{content:"";position:absolute;inset:0;background:#0c100ce0;clip-path:polygon(45% 0,55% 0,45% 38%,62% 52%,43% 100%,36% 100%,49% 56%,34% 42%)}:where(html:not(.reduce-motion)) .board[data-prompt=swap] .hand-card.can .hand-visual{animation:swap-hand .65s ease-out 2}@keyframes swap-hand{50%{filter:brightness(1.25)}}@media (max-width:850px){.enemy-reveal{top:12%;right:10px}.detailed-inspect{flex-direction:column;max-height:calc(100dvh - 24px);gap:12px}.keyword-notes{width:min(320px,100%)}.detailed-inspect .dialog-close{position:fixed;top:12px;right:12px;transform:none}.trigger-source.source-mini{left:8px;width:64px;height:90px}.trigger-source .face{width:64px!important;height:90px!important}.trigger-source .face-inner{transform:scale(.10159)!important}.swap-panel{width:184px;left:10px}.swap-card .face{width:140px!important;height:196px!important}.swap-card .face-inner{transform:scale(.22222)!important}}@media (max-height:570px) and (orientation:landscape){.enemy-reveal{top:10px;right:80px}.token-atk,.token-hp{font-size:23px}.swap-panel{width:150px;left:6px;padding:8px;gap:6px}.swap-card .face{width:92px!important;height:129px!important}.swap-card .face-inner{transform:scale(.14603)!important}.detailed-inspect{flex-direction:row}.keyword-notes{width:210px;font-size:13px;max-height:80vh;overflow:auto}.phase-pip{padding:3px}.phase-pip .icon{width:13px;height:13px}.table-tools{display:grid;grid-template-columns:repeat(3,28px);gap:4px;left:5px}}@media (max-width:650px) and (orientation:portrait){.swap-panel{left:50%;top:auto;bottom:175px;transform:translate(-50%);width:max-content;max-width:calc(100vw - 20px);flex-wrap:nowrap}.swap-panel .swap-card{flex-basis:auto}.swap-card .face{width:92px!important;height:129px!important}.swap-card .face-inner{transform:scale(.14603)!important}.token-atk,.token-hp{font-size:21px}.trigger-source.source-mini{top:calc(45% - 45px)}.enemy-reveal{top:17%}.hero .life{font-size:24px}}:where(.reduce-motion) .enemy-reveal{animation:none!important}:where(.reduce-motion) .hero.critical{animation:none}.pick-bar{flex-wrap:wrap;max-width:100%}@media (max-width:650px){.pick-bar{gap:10px}.pick-bar-divider{margin-inline:0}}.detailed-inspect .dialog-close{position:absolute;top:8px;right:8px;transform:none}.detailed-inspect{overflow-x:hidden}.match-loading{position:fixed;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;gap:24px;background:#10170ce8}.result-stats{display:grid;gap:8px;margin:0 auto 25px;font:700 18px var(--body)}.result-stats>div{display:flex;gap:18px;align-items:center;justify-content:center}.result-stats img{width:30px;height:30px;border-radius:50%;object-fit:cover}.result-stats span{display:flex;gap:7px;align-items:center;min-width:47px;color:#c5b997}@media (max-height:570px){.result-stats{gap:4px;margin-bottom:12px;font-size:15px}.result-stats img{width:23px;height:23px}.result-mark .icon{width:58px;height:58px}.result-portrait{width:90px;height:90px}}.detailed-inspect{display:block;overflow:visible;padding:0}.inspection-scroll{display:flex;align-items:center;gap:20px;padding:16px;overflow:auto;max-height:calc(100dvh - 44px);max-width:calc(100vw - 32px);overscroll-behavior:contain}.inspection-scroll>.face,.inspection-scroll>.back{flex:none}@media (max-width:850px) and (orientation:portrait){.inspection-scroll{flex-direction:column;gap:12px}}.hero-art .life{font-family:var(--body);font-variant-numeric:lining-nums tabular-nums;font-weight:700}.ember-empty{width:24px;height:32px;display:grid;place-items:center;border:1px solid #574c3755;border-radius:2px;background:#0d130c55;color:#796f5540}@media (max-width:1050px){.ember-empty{width:21px;height:30px}}@media (max-height:570px) and (orientation:landscape){.ember-empty{width:18px;height:25px}}:where(html:not(.reduce-motion)) .hero.critical .life{animation:danger-beat .45s ease-out 2}@keyframes danger-beat{50%{box-shadow:0 0 0 5px #b66b3b35}}:root{font-variant-numeric:lining-nums tabular-nums}.pile span,.cost-filters button,.payment-card b,.fuel-chip,.deck-summary,.library-empty,.result-stats,.reshuffle-cost{font-family:var(--body);font-variant-numeric:lining-nums tabular-nums}.face-flavor{display:block;margin-top:11px;font:italic 25px/28px var(--body);color:#4a4439}.inspection-notes{width:310px;max-height:calc(100dvh - 72px);overflow:auto;flex:none;padding:8px}.inspection-notes .keyword-notes{width:auto;max-height:none;overflow:visible}.inspection-flavor{color:#d9c8a7;font:italic 17px/1.5 var(--body);margin:20px 0 0}.inspection-law{font:16px/1.5 var(--body);color:#e4d8bd}.selected-law{max-width:720px;padding:0 20px;text-align:center;font:15px/1.45 var(--body);color:#e6d7b7}.selected-law b{font:400 24px/1.2 var(--display)}.selected-law p{margin:6px 0 0}.pick{gap:23px}.hero-pick .face-rules{visibility:visible}.decision-context{position:absolute;z-index:21;right:22px;top:22%;border:0;padding:0;background:none;filter:drop-shadow(0 8px 18px #000d)}.context-attack{position:absolute;left:15%;right:15%;bottom:13%;display:flex;align-items:center;justify-content:center;gap:18px;color:#f4d5a2;background:#191a17ed;border:1px solid #97825a;padding:7px}.context-attack img{width:42px;height:48px;object-fit:cover}.enemy-reveal{animation-duration:1.55s}.arriving-you .hero.you .portrait-ring,.arriving-foe .hero.foe .portrait-ring{animation:hero-arrival 1.5s ease-out}@keyframes hero-arrival{15%,65%{filter:brightness(1.8) drop-shadow(0 0 16px #f5b764)}}.decision-button{position:relative;display:inline-flex}.decision-timer{position:absolute;inset:-3px;width:calc(100% + 6px);height:calc(100% + 6px);pointer-events:none;transform:rotate(-90deg)}.decision-timer circle{fill:none;stroke:#eac58b;stroke-width:2;stroke-linecap:round}.choice-panel>.decision-timer{inset:8px 8px auto auto;width:32px;height:32px}.ember-fuse{z-index:10;height:10px}.fuse-live{height:8px;top:0;background:linear-gradient(#f0c485,#a25930);box-shadow:0 0 8px #da863f88}.fuse-track{inset:0}.ember-fuse.urgent .fuse-live{box-shadow:0 0 15px 3px #f39b58aa}.choice-panel{position:absolute;z-index:25;top:15%;left:18px;max-width:min(49vw,660px);max-height:70%;padding:16px;border:1px solid #978059;background:#171c18f2;box-shadow:0 12px 25px #000b;color:#d5c29c;border-radius:8px}.choice-panel .choice-sigil{justify-content:center;height:36px}.choice-panel .choice-source{display:none}.choice-panel .pick-row{overflow-x:auto;overscroll-behavior:contain;justify-content:flex-start;flex-wrap:nowrap;gap:14px;padding:8px;margin:10px 0 0}.choice-panel .pickable{flex:none}.choice-panel .pickable:hover{transform:none}.swap-panel{left:auto;right:20px;top:22%;transform:none;width:210px}.reshuffle-cost{position:absolute;z-index:32;right:9%;bottom:26%;display:flex;align-items:center;gap:10px;padding:14px 20px;border:1px solid #c18b56;background:#241b16f5;box-shadow:0 0 35px #8e442960;color:#f5d2a2;font-size:28px;font-weight:700;pointer-events:none}.reshuffle-cost.theirs{bottom:auto;top:22%}.result-reason{display:flex;justify-content:center;color:#e1bc8d;margin:4px 0}.deck-danger>span{color:#ffe0bb!important;background:#592a1d!important;border:1px solid #ec9b60}.deck-danger:after{content:"!";position:absolute;top:-9px;right:-8px;width:19px;height:19px;border-radius:50%;background:#e3a36b;color:#2a130d;font:700 15px/19px var(--body);text-align:center}.emote-bubble{left:calc(100% + 8px);top:4px}.library-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.library-filters{position:sticky;top:0;z-index:4;background:#141b14f5;padding-block:12px}.card-library{padding-bottom:90px}.global-tools{bottom:12px}.deck-summary{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;font-size:22px;color:#d8c399}.deck-summary>span{display:flex;gap:10px}.cost-curve{display:flex;align-items:end;gap:10px}.cost-curve span{display:grid;justify-items:center;gap:4px;font-size:12px}.cost-curve i{display:block;width:16px;background:#a79161;border-radius:2px 2px 0 0}.first-hint{position:fixed;inset:0;z-index:45;pointer-events:none;color:#e9d3a6}.hint-outline{position:fixed;border:2px solid #dec08a;border-radius:10px;box-shadow:0 0 14px #dfb47266}.hint-callout{position:fixed;display:flex;align-items:center;justify-content:space-between;width:210px;height:52px;padding:6px 10px;background:#20251cf5;border:1px solid #ad9369;box-shadow:0 4px 18px #0008;border-radius:8px;pointer-events:auto}.hint-callout:after{content:"";position:absolute;width:10px;height:10px;background:#20251c;border-right:1px solid #ad9369;border-bottom:1px solid #ad9369;left:50%;bottom:-6px;transform:rotate(45deg)}.hint-callout.below:after{bottom:auto;top:-6px;transform:rotate(225deg)}.hint-callout .round{width:32px;height:32px}.damage-number{font:700 clamp(42px,6vh,66px)/1 var(--body);color:#fff0d0;-webkit-text-stroke:1px #6d2717;text-shadow:0 3px 0 #35120c,0 0 12px #b1361c,0 3px 6px #000}.signature-lance{filter:drop-shadow(0 0 11px #ecdfacb0)}.signature-hope{filter:drop-shadow(0 0 14px #d9c78d88)}.signature-eclipse{mask-image:linear-gradient(transparent,#000 12%,#000 88%,transparent);filter:none;background:none;box-shadow:none}:where(html:not(.reduce-motion)) .deck-danger>span{animation:deck-warning 1.4s ease-in-out infinite}@keyframes deck-warning{50%{box-shadow:0 0 14px 4px #ec894c9c}}@media (max-height:570px) and (orientation:landscape){.pick{padding:10px 20px;gap:10px}.selected-law{max-width:600px;font-size:13px;line-height:1.3}.selected-law b{font-size:18px}.selected-law p{margin-top:3px}.hero-pick .face{max-height:175px;overflow:hidden}.hero-pick .face-footer{display:none}.hand-card.hovered .hand-visual,.hand-card.burn.hovered .hand-visual{transform:translateY(-42px) scale(var(--hover-scale))}.decision-context{top:15px;right:12px}.context-attack{padding:3px;gap:8px;bottom:12%}.context-attack img{width:25px;height:30px}.choice-panel{top:12px;left:auto;right:12px;max-width:43vw;max-height:calc(100dvh - 125px);padding:8px}.choice-panel .choice-sigil{height:24px}.choice-panel .pick-row{gap:10px;margin:3px 0 0;padding:4px}.choice-panel+.decision-context{display:none}.board[data-prompt=card] .decision-context{right:calc(43vw + 40px);top:12px}.swap-panel{inset:12px 12px auto auto;width:152px;padding:8px;gap:6px;transform:none}.swap-card .face{width:106px!important;height:148px!important}.swap-card .face-inner{transform:scale(.16825)!important}.swap-panel .round{width:32px;height:32px}.swap-panel>.icon{width:23px}.table-tools{grid-template-columns:repeat(2,30px);top:45%;gap:4px}.table-tools .round{width:30px;height:30px}.emote-bubble{top:-8px;left:calc(100% + 8px)}.result-dialog{display:grid;grid-template-columns:90px 90px 90px;gap:8px 20px;align-items:center}.result-mark{position:static}.result-reason .icon{width:64px;height:64px}.result-score{grid-column:1;margin:0}.result-stats{grid-column:2 / 4;margin:0}.result-dialog .dialog-actions{grid-column:1 / -1}.inspection-notes{width:250px;max-height:calc(100dvh - 60px)}.reshuffle-cost{padding:8px;gap:6px;font-size:24px;right:20%;bottom:28%}}@media (max-width:950px){.library-bar{margin-bottom:8px;gap:16px}.library-filters{flex-wrap:nowrap;gap:10px;margin-bottom:18px;overflow-x:auto;padding:8px 2px}.library-filters .filter-group{flex:none;gap:4px}.library-filters .round{width:32px;height:32px}.library-search{min-width:150px}.library-filters .class-filter .badge{width:24px!important;height:24px!important}}@media (max-width:650px) and (orientation:portrait){.selected-law{font-size:14px}.pick{gap:15px}.hero-pick .face{max-height:140px;overflow:hidden}.choice-panel{left:8px;right:8px;top:10px;max-width:none;max-height:43vh}.choice-panel .pick-row{max-height:none}.board[data-prompt=card] .decision-context{display:none}.swap-panel{inset:12% 8px auto auto;transform:none;width:130px;flex-wrap:wrap}.swap-panel .swap-card{flex-basis:100%}.inspection-notes{width:min(310px,calc(100vw - 64px));max-height:none;overflow:visible}.emote-bubble{left:calc(100% + 5px);top:-10px}}:where(.reduce-motion) .hero .portrait-ring{animation:none}:where(.reduce-motion) .deck-danger>span{animation:none}.pile>span:last-child,.cost-filters .round,.stack-inspect.round,.collection-card>span{font-family:var(--body);font-variant-numeric:lining-nums tabular-nums;font-weight:700}.choice-option{flex:none}@media (max-height:570px) and (orientation:landscape){.choice-panel>.round{width:32px;height:32px;margin-top:5px}.choice-panel .pick-row{padding-bottom:8px}}.inspection-flavor{margin:0 0 20px;padding-right:24px}@media (orientation:landscape){.detailed-inspect .dialog-close{position:absolute;top:0;right:0;transform:translate(25%,-25%)}}.context-attack{position:static;width:100%;margin-top:6px;padding:4px;border-radius:4px}@media (min-height:571px) and (max-height:850px) and (orientation:landscape){.table-tools{left:12px;top:50%;bottom:auto;transform:translateY(-50%);flex-direction:column;gap:9px;width:40px}.table-tools .round{width:38px;height:38px}.turn-counter{left:48px}.hand{bottom:-48px}}@media (max-height:570px) and (orientation:landscape){.table-tools{top:50%;bottom:auto;transform:translateY(-50%);grid-template-columns:repeat(2,32px);width:70px;gap:5px;left:8px}.table-tools .round{width:32px;height:32px}.turn-counter{left:72px;font-size:16px;gap:3px}.hand{bottom:-42px}}.table-tools .round{position:relative}.table-tools [aria-pressed=true]{border-color:#e1c183;color:#fff0c7;background:#49412b;box-shadow:inset 0 0 12px #b1954b35,0 0 7px #d5b35d30}.table-tools [aria-pressed=true]>.icon{filter:drop-shadow(0 0 3px #edcc79a0)}.table-tools [aria-pressed=true]:after{content:"";position:absolute;right:2px;top:2px;width:5px;height:5px;border-radius:50%;background:#ffe1a1;box-shadow:0 0 4px #f8cc76}.hint-callout{height:auto;min-height:106px;display:grid;grid-template-columns:1fr 32px;gap:7px 10px;padding:12px}.hint-callout p{grid-column:1 / -1;margin:0;color:#f1e3c6;font:15px/1.35 var(--body)}.hint-demo{display:flex;align-items:center;justify-content:center;gap:16px;min-height:29px;pointer-events:none}.hint-demo>span{display:flex}.hint-demo img{width:30px;height:30px;border:1px solid #ccb17a;border-radius:50%;object-fit:cover}.hint-callout .round{align-self:start}:where(html:not(.reduce-motion)) .hint-play .ghost-card{animation:teach-play 3.6s ease-in-out infinite}:where(html:not(.reduce-motion)) .hint-pass .ghost-arrow,:where(html:not(.reduce-motion)) .hint-swap .ghost-arrow{animation:teach-arrow 3.6s ease-in-out infinite}:where(html:not(.reduce-motion)) .hint-swap .ghost-card{animation:teach-burn 3.6s ease-in-out infinite}@keyframes teach-play{0%,15%{transform:translateY(5px) rotate(-8deg);opacity:.5}45%,65%{transform:translate(30px,-5px) rotate(0);opacity:1}85%,to{transform:translate(30px,-5px);opacity:0}}@keyframes teach-arrow{0%,15%{transform:translate(-5px);opacity:.35}45%,65%{transform:translate(5px);opacity:1}85%,to{opacity:.35}}@keyframes teach-burn{0%,20%{opacity:.85}55%,80%{opacity:.2;transform:translateY(-5px)}}@media (max-height:570px){.hint-callout{min-height:0;padding:9px;gap:4px}.hint-callout p{font-size:12px;line-height:1.25}.hint-demo{gap:10px}.hint-demo .icon{width:22px;height:22px}}.tucked-cost{position:absolute;left:50%;top:0;transform:translate(-50%,-112%);z-index:9;white-space:nowrap;pointer-events:none;padding:4px 7px;border:1px solid #ce936b;border-radius:4px;background:#311c14f2;color:#ffe0bf;font:700 clamp(16px,2.8vh,24px)/1.1 var(--body);box-shadow:0 3px 8px #000b}.hero.last-hit .hero-art{box-shadow:0 0 0 2px #c27c51,0 0 18px 4px #c56b3c50}.hero.last-hit .ember{outline:1px solid #efb37d;box-shadow:0 0 14px 3px #cc6c3e66}:where(html:not(.reduce-motion)) .hero.last-hit .hero-art,:where(html:not(.reduce-motion)) .hero.last-hit .ember{animation:last-ember 3.2s ease-in-out infinite}@keyframes last-ember{50%{box-shadow:0 0 0 2px #d89860,0 0 23px 6px #c56b3c70}}.result-dialog.win{background:radial-gradient(ellipse at 50% 35%,#ae8e4c38,transparent 70%)}.result-dialog.win .result-portrait{box-shadow:0 0 0 2px #e6ca8a,0 0 65px #d3b16c55}.result-dialog.lose{background:radial-gradient(ellipse at 50% 35%,#5f352e50,transparent 70%)}.result-dialog.lose .result-portrait{filter:saturate(.12) brightness(.6);transform:rotate(-6deg)}.result-dialog.lose .result-mark{color:#e8a184;transform:rotate(-8deg)}.result-dialog .result-mark{filter:drop-shadow(0 3px 8px #000)}.invite-code{color:#efdfbb;font:600 clamp(32px,6vw,60px)/1.2 var(--body);letter-spacing:.14em;margin:12px 0;user-select:all}@media (max-width:650px) and (orientation:portrait){.library-grid .face-flavor,.signature-pair .face-flavor{display:none}}.sound-settings{width:320px;padding:28px;background:#191f18;border:1px solid #97815c;border-radius:10px;box-shadow:0 16px 60px #000a}.sound-level{display:block;margin-top:22px;font:16px/1.4 var(--body);color:#eddfc1}.sound-level>span{display:flex;justify-content:space-between;margin-bottom:8px;gap:12px}.sound-level output{font-variant-numeric:tabular-nums;color:#c7b797}.sound-level input{width:100%;min-height:28px;accent-color:#d3b77c;cursor:pointer}.hero.last-hit .ember-empty:last-child{color:#dda779;border-color:#bc805e;box-shadow:0 0 13px 2px #c56b3c55}:where(html:not(.reduce-motion)) .hero.last-hit .ember-empty:last-child{animation:last-ember 3.2s ease-in-out infinite}@media (min-height:571px) and (max-height:680px) and (orientation:landscape){.table-tools{display:grid;grid-template-columns:repeat(2,38px);width:85px}.turn-counter{left:94px}}.choice-panel{left:auto;right:20px;top:22%;max-width:280px}.board[data-prompt=card] .decision-context{display:none}.choice-panel .choice-source{display:block;border:0;padding:0;background:none}.choice-panel .choice-source .face{width:38px!important;height:53px!important}.choice-panel .choice-source .face-inner{transform:scale(.060317)!important}.choice-panel .choice-sigil{height:56px}.turn-counter{color:#f5e4bb;background:#171c18e8;border:1px solid #a28a5f80;border-radius:20px;padding:5px 9px;text-shadow:0 1px 2px #000}.history-panel{inset:22% 12px 12% auto;transform:none;display:grid;grid-template-columns:repeat(2,112px);align-content:start;gap:10px;max-width:none;padding:46px 12px 12px;border-radius:8px}.history-panel>.round{position:absolute;right:8px;top:7px;width:32px;height:32px}.hint-callout:after{display:none}.hint-attack .attack-intent{opacity:.65}.hint-attack .aim-stroke{stroke-dasharray:10 9}:where(html:not(.reduce-motion)) .hint-attack .aim-stroke{animation:hint-arrow-flow 1.5s linear infinite}@keyframes hint-arrow-flow{to{stroke-dashoffset:-38}}.room-join{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:26px}.room-join label{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#131a16dd;border:1px solid #78674b;border-radius:6px;color:#c9ad79}.room-join input{width:8ch;font:600 19px var(--body);letter-spacing:.15em;color:#f1e1bd;border:0;background:none;text-transform:uppercase}.room-join input::placeholder{color:#a29379}.deck-fallback{display:flex;align-items:center;gap:24px;color:#edbf76;padding:22px}.my-decks{max-width:1100px;margin:0 auto;padding:20px 28px 50px}.deck-hero-group{margin-bottom:30px}.deck-hero-group h2{display:flex;align-items:center;gap:12px;font:20px var(--display);color:#ddcca9}.deck-hero-group h2 img{width:42px;height:42px;object-fit:cover;border-radius:50%}.my-decks .deck-strip{justify-content:flex-start;max-width:100%}@media (max-height:570px) and (orientation:landscape){.board .decision-context{top:128px;right:10px}.decision-context>.face{width:108px!important;height:151px!important}.decision-context>.face>.face-inner{transform:scale(.171429)!important}.choice-panel{top:110px;right:10px;max-width:43vw;max-height:calc(100dvh - 120px);padding:8px;overflow:auto}.choice-panel .choice-sigil{height:28px}.choice-panel .choice-source .face{width:24px!important;height:34px!important}.choice-panel .choice-source .face-inner{transform:scale(.038095)!important}.history-panel{top:105px;bottom:12px;grid-template-columns:repeat(2,100px)}.history-panel .face{width:100px!important;height:140px!important}.history-panel .face-inner{transform:scale(.15873)!important}.room-join{margin-top:16px}}@media (max-width:650px) and (orientation:portrait){.choice-panel{left:8px;right:8px;top:145px;max-width:none;max-height:43vh}.my-decks{padding-inline:16px}}@media (max-height:820px){.hint-callout{min-height:0;padding:8px;gap:6px}.hint-callout .hint-demo{display:none}.hint-callout>.round{grid-column:2;grid-row:1;align-self:center}.hint-callout p{grid-column:1;grid-row:1;font-size:14px;line-height:1.3}}@media (max-height:570px){.hint-callout p{font-size:12px;line-height:1.25}.choice-panel{max-width:190px}}@media (max-height:570px){.hint-callout{grid-template-columns:1fr 24px;padding:5px;gap:4px}.hint-callout>.round{width:24px;height:24px}}.hint-callout{z-index:46}.my-decks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 40px}.my-decks .deck-hero-group{margin-bottom:0;min-width:0}@media (max-width:700px){.my-decks{grid-template-columns:minmax(0,1fr)}}.phase-marker{position:absolute;right:4px;bottom:calc(50% + 49px);display:flex;align-items:center;gap:5px;padding:5px 7px;border:1px solid #796b5066;border-radius:5px;background:#121813ed;color:#b9ae99;font:12px/1.2 var(--body)}.phase-marker>span{display:flex;gap:3px;align-items:center;opacity:.5}.phase-marker>.current{color:#f1dcaa;opacity:1;border-bottom:1px solid #ddc38c;padding-bottom:2px}.phase-marker>.complete{opacity:.4}.phase-pip{display:none}.hand-help,.preview-notes{border:1px solid #8c7958;background:#172018f5;border-radius:6px;padding:12px;box-shadow:0 8px 24px #000a;color:#eee0c4;text-align:left}.hand-help{position:fixed;z-index:44;width:222px;max-height:calc(100dvh - 16px);overflow:auto;pointer-events:none}.hand-help:empty{display:none}.compact-notes{width:auto;font:13px/1.3 var(--body)}.compact-notes p{margin:3px 0 9px}.compact-notes div:last-child p{margin-bottom:0}.card-reason{margin:0 0 10px;display:flex;align-items:flex-start;gap:8px;color:#f1ce9a;font:14px/1.35 var(--body)}.card-reason .icon{flex:none;margin-top:1px}.card-reason:last-child{margin-bottom:0}.preview-notes{max-height:calc(100dvh - 24px);overflow:auto}.blocked-cue{opacity:.9}.pass-turn-active{position:absolute;right:18px;top:12px;z-index:28;display:flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid #d8c495;border-radius:6px;background:#263524f5;color:#f2dfaf;font:13px var(--body);box-shadow:0 0 12px #cfb77644}.pass-turn{color:#efdbaf}[data-attack-pending]{outline:2px solid #dec392!important;outline-offset:5px}.attack-windup{filter:drop-shadow(0 8px 12px #000a) drop-shadow(0 0 3px #e6c68d);z-index:4}.unit-mend{display:grid;place-items:center;color:#d4e6c9;background:radial-gradient(ellipse,#aecdb63d,transparent 70%);border-radius:50%;box-shadow:inset 0 0 14px #b5d8bc77;font:32px var(--body)}.paying-hits{display:flex;align-items:center;gap:4px;color:#ffd5a3!important;min-width:50px}.paying-hits s{font:14px var(--body);opacity:.7}.paying-hits b{font:inherit}.law-deceased{position:absolute;bottom:0;inset-inline:0;display:flex;align-items:center;gap:7px;padding:7px;background:#171c18f5;border:1px solid #ae9164;border-radius:4px;color:#f1e3c9;text-align:left;font:13px var(--body)}.law-deceased img{width:30px;height:40px;object-fit:cover}.law-deceased small{display:block;margin-top:3px;color:#c1b9a3}.history-owner{display:flex;align-items:center;gap:6px;color:#dfd1b4;font:12px var(--body);padding-bottom:5px}.history-owner img{width:22px;height:22px;border-radius:50%;object-fit:cover}.deck-fallback p{max-width:330px;margin:0;color:#ecdfc6;font:16px/1.4 var(--body)}.room-missing{flex-direction:column;gap:16px;text-align:center}.room-missing h1{margin:0;font:30px var(--display)}.room-missing strong{font:24px var(--body);letter-spacing:5px}.room-missing p{margin:0;color:#c4b99f}.room-join input::placeholder{color:#8f887a;font-weight:400;letter-spacing:0}.board .choice-panel{right:auto;bottom:auto;max-width:none;max-height:none;padding:8px 10px 10px;overflow:visible}.board .choice-panel .pick-row{display:grid;justify-content:center;flex-wrap:wrap;padding:0;margin:0;overflow:visible;max-height:none}.board .choice-panel .pickable{display:block}.choice-heading{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;height:26px;margin-bottom:8px;font:13px var(--body);color:#e8dab9}.board .choice-panel .choice-source{display:flex;gap:6px;align-items:center;color:#dac299;font:inherit;border:0;background:none;padding:0}.choice-heading .round{width:28px;height:28px}.choice-heading .decision-timer{position:static;width:24px;height:24px}@media (max-height:570px){.phase-marker{right:0;bottom:calc(50% + 34px);gap:3px;padding:3px 5px;font-size:10px}.phase-marker .icon{width:11px;height:11px}.hand-help{width:180px;padding:9px}.compact-notes,.card-reason{font-size:12px}.pass-turn-active{right:100px;top:8px;padding:6px 9px;font-size:12px}.board .choice-panel{padding:5px 10px 7px}.choice-heading{height:22px;margin-bottom:0;font-size:11px;gap:6px}.choice-heading .round{width:26px;height:26px}.law-deceased{font-size:11px;padding:4px}.law-deceased img{width:24px;height:30px}.tucked-cost{top:10px;transform:translate(-50%,-20%);font-size:16px}}@media (max-width:740px) and (orientation:landscape){.my-decks{grid-template-columns:repeat(2,minmax(0,1fr))}.deck-hero-group{min-height:0}}.payment-target{display:flex;align-items:center;gap:3px;padding:0;border:0;background:none;color:#d5c29e}.payment-target img{width:26px;height:34px;object-fit:cover;border:1px solid #cbb589;border-radius:3px}.tucked-cost{top:10px;transform:translate(-50%)}.result-stats span{position:relative;padding-bottom:16px;justify-content:center}.result-stats span small{position:absolute;bottom:0;left:50%;transform:translate(-50%);white-space:nowrap;font:10px var(--body)}.builder-peek{display:flex;align-items:flex-start;gap:10px}.builder-peek .preview-notes{width:210px}.builder-peek .preview-notes:not(:has(aside)){display:none}.lesson-callout{min-height:0}.lesson-callout .hint-demo{display:none}.lesson-callout>.round{grid-column:2;grid-row:1}.lesson-callout p{grid-column:1;grid-row:1}.room-join input{width:116px}.room-join input::placeholder{text-transform:none;font-size:16px;letter-spacing:0}.phase-marker{gap:8px;padding:8px 11px;font-size:15px;border-color:#a08b6266}.phase-marker>span{gap:5px}.phase-marker.attack-selected{border-color:#d3b782;box-shadow:0 0 13px #d5af6533}.phase-callout{display:block}.phase-callout p{margin:0}.lesson-actions{display:flex;gap:8px;margin-top:9px}.lesson-actions button,.end-warning button{min-height:32px;border:1px solid #a18b61;border-radius:4px;padding:5px 10px;background:#38402c;color:#f6e6c6;font:13px var(--body)}.lesson-actions button:last-child,.end-warning button{background:#20261c}.touch-label{display:none}.pass-turn-active{right:180px;top:12px}.pass-swaps{display:flex;align-items:center;gap:3px;padding-inline-start:6px;border-inline-start:1px solid #b9aa7955}.hero-law.armed{border-color:#d1c090;color:#f5dfab;box-shadow:0 0 13px #dfc57c55}.law-armed-mark{position:absolute;right:-3px;top:-6px;color:#f4dfb1;font-size:13px}.regrow-note{text-align:center;white-space:nowrap;color:#f8e3ad;background:#22291dee;border:1px solid #b09b6c;border-radius:4px;font:13px/23px var(--body)}.unit-mend{font-size:16px;font-weight:600;text-shadow:0 1px 4px #000}.reshuffle-cost{font-size:17px;gap:10px;padding:12px 16px}.reshuffle-cost strong,.deck-loss strong{display:block;font:13px var(--body);color:#e2cfad}.reshuffle-embers{display:flex;align-items:center;gap:5px;margin:5px 0;font:600 18px var(--body)}.reshuffle-cost small,.deck-loss small{display:block;font:13px var(--body)}.next-reshuffle{position:absolute;right:0;top:calc(100% + 8px);width:max-content;max-width:160px;padding:5px 7px;background:#1a2019f5;border:1px solid #aa8e5c;border-radius:4px;color:#eed4a2;font:12px/1.2 var(--body);text-align:left}.board-bottom .next-reshuffle{top:auto;bottom:calc(100% + 8px)}.next-reshuffle b{display:flex;align-items:center;gap:3px;margin-top:3px;font-weight:600}.next-reshuffle em{font-style:normal;margin-inline-start:6px;color:#d4c5a9}.next-reshuffle small{display:block;font-size:11px}.next-reshuffle.unaffordable{border-color:#ca8a69}.next-reshuffle.unaffordable>small:last-child{color:#f4b195;margin-top:3px}.end.deck-out-risk>.icon{color:#ffbd91}.end.deck-out-risk{filter:drop-shadow(0 0 5px #c16f49)}.end-warning{position:absolute;right:0;top:calc(50% + 52px);width:190px;z-index:25;padding:8px 10px;border:1px solid #b6805a;border-radius:5px;background:#291f18f5;color:#f2d7b0;font:13px/1.3 var(--body)}.end-warning small,.end-warning strong{display:block;margin-top:3px}.end-warning strong{font-weight:600}.end-warning button{margin-top:7px}.deck-loss{max-width:340px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 12px;padding:10px;border:1px solid #b17d55;background:#2b2018;color:#f1d4ab}.deck-loss p{flex-basis:100%;margin:0;font:14px/1.35 var(--body)}.result-dialog:has(.deck-loss) .result-reason{display:none}.selected-law .keyword-notes{max-width:640px;margin:8px auto 0;text-align:left;max-height:100px;overflow:auto}.selected-law .keyword-notes b{font:600 13px var(--body)}.selected-law .keyword-notes p{font:13px/1.3 var(--body)}@media (hover:none),(pointer:coarse){.touch-label{display:block;font:10px/1 var(--body)}.pass-turn{display:flex;flex-direction:column;gap:0;min-height:40px}.pass-turn .icon{width:20px;height:20px}}@media (max-height:570px){.phase-marker{bottom:calc(50% + 32px);gap:5px;padding:6px 8px;font-size:12px}.phase-marker .icon{width:13px;height:13px}.pass-turn-active{right:155px;top:6px;padding:5px 7px;font-size:11px;gap:5px}.reshuffle-cost{right:20%;padding:8px 10px;font-size:14px}.reshuffle-embers{font-size:15px;margin:3px 0}.reshuffle-embers .icon{width:17px;height:17px}.end-warning{top:calc(50% + 35px);width:170px;font-size:11px;padding:6px 8px}.next-reshuffle{padding:4px 6px}.next-reshuffle small{font-size:10px}.selected-law{max-width:calc(100% - 24px)}.selected-law .keyword-notes{margin-top:3px;max-height:66px}.selected-law .keyword-notes p{font-size:11px}.pick:has(.selected-law .keyword-notes){gap:6px;overflow-y:auto}.deck-loss{max-width:310px;padding:6px}.deck-loss p{font-size:12px}.result-dialog:has(.deck-loss) .result-portrait{display:none}.result-dialog:has(.deck-loss) .result-mark .icon{width:40px;height:40px}.unit-mend{font-size:12px}}:where(html:not(.reduce-motion)) .hero-law.armed{animation:law-armed 2.4s ease-in-out infinite alternate}@keyframes law-armed{to{box-shadow:0 0 18px #dfc57c88}}.history-detail{display:block;max-width:112px;color:#ead4af;font:12px/1.3 var(--body);text-align:left;padding:7px 2px}.history-detail>span{display:block;margin-bottom:4px}@media (max-height:570px){.result-dialog:has(.deck-loss){width:420px;padding:12px 22px;grid-template-columns:60px minmax(0,1fr);gap:10px 12px;overflow-y:auto}.result-dialog:has(.deck-loss) .result-mark{margin:0;grid-column:1;grid-row:1}.result-dialog:has(.deck-loss) .deck-loss{grid-column:2;grid-row:1;max-width:none}.result-dialog:has(.deck-loss) .result-score{grid-column:1;grid-row:2}.result-dialog:has(.deck-loss) .result-stats{grid-column:2;grid-row:2}.result-dialog:has(.deck-loss) .dialog-actions{grid-column:1 / -1;grid-row:3;margin-top:0}}.end-warning{right:110px;top:calc(50% - 22px)}@media (max-height:570px){.end-warning{right:90px;top:calc(50% - 22px)}.board-bottom .next-reshuffle{right:calc(100% + 10px);top:0;bottom:auto}}.pile.deck>span{font:700 20px/1 var(--body);color:#cbbf9e}@media (max-height:570px){.pile.deck>span{font-size:16px}}.card-peek{position:fixed;z-index:48;display:flex;flex-direction:column;gap:8px;padding:8px;border:1px solid transparent;background:var(--stone-field,#282b30) padding-box;border-image:var(--stone-panel) 40 fill / 18px / 9px stretch;filter:drop-shadow(0 10px 18px #000b)}.card-peek.side{flex-direction:row;align-items:center}.peek-card{position:relative;display:block;padding:0;border:0;background:none;line-height:0;touch-action:none}.peek-inspect{position:absolute;right:7px;top:16%;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#141712e0;color:#e6dcc6;box-shadow:0 0 0 1px #8d7a5299}.peek-actions{display:flex;align-items:center;gap:8px}.card-peek.side .peek-actions{flex-direction:column;align-items:stretch;width:96px}.peek-action{flex:1;gap:8px;padding-inline:12px}.card-peek.side .peek-action{flex:none;flex-direction:column;gap:4px;min-height:66px;padding:8px 6px}.peek-actions .card-reason{flex:1;margin:0;align-items:center;font-size:14px}.card-peek.side .peek-actions .card-reason{flex-direction:column;text-align:center;font-size:13px}.board .peek-close{flex:none;width:40px;height:40px;margin-left:auto}.card-peek.side .peek-close{align-self:center;margin-left:0}.board .prompt.pay{display:grid;grid-template-columns:auto minmax(190px,1fr) auto;grid-template-areas:"head head head" "fuel lines go";column-gap:14px;row-gap:6px;align-items:start;flex-wrap:nowrap;max-width:min(1040px,calc(100vw - 24px));padding:8px 12px 10px}@media (min-width:1000px) and (min-height:571px){.pay-line{white-space:nowrap}}.pay-head{grid-area:head}.pay-fuel{grid-area:fuel}.pay-lines{grid-area:lines}.pay-go{grid-area:go;align-self:end}.pay-head,.pay-fuel,.pay-go{display:flex;align-items:center;gap:8px}@media (max-height:570px){.board[data-mode=pay] .middle{z-index:13}}.target-damage{display:inline-flex;align-items:center;gap:2px;margin-left:4px;font:700 14px/1 var(--body);color:#f0c3a2;white-space:nowrap}.board .prompt.pay .pay-head .source-mini{display:block;width:34px;height:46px}.pay-title{flex:1;min-width:0;display:flex;align-items:center;gap:8px}.pay-title b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:400 20px/1.1 var(--display);color:#eadfc8;text-shadow:0 1px 2px #000}.pay-cost{display:inline-flex;align-items:center;gap:2px;font:700 18px/1 var(--body);color:#e3a878}.pay-tag{flex:none;display:inline-flex;align-items:center;gap:5px;min-height:28px;padding:2px 9px;border:1px solid #8d7a5280;border-radius:3px;background:#1a1d18;color:#cbbf9e;font:14px/1.1 var(--body);white-space:nowrap}button.pay-tag{border-color:#b59a68;color:#ecdab4;cursor:pointer}.board .prompt.pay .pay-fuel .payment-tray{order:0;flex:1 1 auto;justify-content:flex-start;max-width:none}.pay-lines{list-style:none;margin:0;padding:2px 0 0;display:flex;flex-direction:column;gap:3px}.pay-line{display:flex;align-items:center;gap:7px;font:15px/1.25 var(--body);color:#dccfb3}.pay-line .icon{flex:none;color:#d6a073}.pay-line.warn{color:#f2c19f}.pay-go{flex-direction:column;align-items:flex-end;justify-content:flex-end;gap:6px}.pay-confirm{gap:8px;max-width:250px;text-align:left}.pay-confirm .icon{flex:none}.connection-status{flex:none;align-self:center;display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 10px 0 8px;border:1px solid transparent;background:var(--stone-field,#282b30) padding-box;border-image:var(--stone-tag) 20 fill / 11px / 5px stretch;color:#a99f86;font:14px/1 var(--body);white-space:nowrap;filter:drop-shadow(0 3px 5px #000a)}.connection-status[data-state=sending]{color:#eadbb4}.connection-status[data-state=reconnecting],.connection-status[data-state=connecting]{color:#f3b896}.connection-status.nudged{animation:connection-nudge 1s ease-out}@keyframes connection-nudge{0%,35%{filter:brightness(1.8) drop-shadow(0 0 7px #e0773a)}to{filter:drop-shadow(0 3px 5px #000a)}}.reduce-motion .connection-status.nudged{box-shadow:0 0 0 2px #f3b896}.auto-pass{position:absolute;left:50%;top:50%;z-index:26;transform:translate(-50%,-50%);pointer-events:none}.auto-pass button{pointer-events:auto;display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:4px 12px 4px 9px;border:1px solid transparent;background:var(--stone-field,#282b30) padding-box;border-image:var(--stone-tag) 20 fill / 11px / 5px stretch;color:#dacdb0;font:15px/1 var(--body);filter:drop-shadow(0 4px 7px #000a)}:where(html:not(.reduce-motion)) .auto-pass button{animation:auto-pass 2.6s ease-out both}@keyframes auto-pass{0%{opacity:0}12%,78%{opacity:1}to{opacity:0}}.board .table-tools .round[data-on=true]{background-image:url(/assets/ui-v12/stone-medallion-hover.webp);color:#f6e3b8}.table-tools [data-on=true]:after{content:"";position:absolute;right:2px;top:2px;width:5px;height:5px;border-radius:50%;background:#ffe1a1;box-shadow:0 0 4px #f8cc76}.board .table-tools .round.smart-cue{filter:drop-shadow(0 0 6px #e0b16e) drop-shadow(0 3px 4px #000b)}.smart-help[open]{display:flex;flex-direction:column;gap:14px;width:min(440px,calc(100vw - 24px));box-sizing:border-box;padding:28px 30px;border:1px solid transparent;background:var(--stone-field,#282b30) padding-box;border-image:var(--stone-panel) 40 fill / 18px / 9px stretch;filter:drop-shadow(0 10px 18px #000b)}.smart-help h2{display:flex;align-items:center;gap:10px;margin:0;padding-bottom:12px;font:400 26px/1.1 var(--display);color:#eadfc8;background:var(--stone-divider) bottom center / 100% 9px no-repeat}.smart-options{display:grid;gap:8px}.smart-options button{display:grid;grid-template-columns:28px 1fr;column-gap:10px;row-gap:2px;align-items:center;padding:10px 12px;border:1px solid #8d7a5260;border-radius:4px;background:#1b1f1a;color:#d9cdb1;text-align:left}.smart-options button .icon{grid-row:1 / 3}.smart-options button b{font:400 19px/1.1 var(--display);color:#eadfc8}.smart-options button span{font:14px/1.3 var(--body);color:#bfb398}.smart-options button[aria-checked=true]{border-color:#d9bd8a;background:#2d2a1f;box-shadow:inset 0 0 12px #b1954b30}.smart-help p{margin:0;font:14px/1.35 var(--body);color:#a99f86}@media (max-height:570px) and (orientation:landscape){.board .prompt.pay{grid-template-columns:auto minmax(150px,1fr);grid-template-areas:"head head" "fuel lines" "fuel go";column-gap:10px;row-gap:4px;padding:5px 8px}.board .prompt.pay .pay-head .source-mini{width:26px;height:36px}.pay-title b{font-size:16px}.pay-tag{min-height:24px;font-size:12px;padding:1px 6px}.pay-line{font-size:12px;gap:5px}.pay-confirm.text-button{min-height:34px;padding:5px 12px 6px;font-size:15px}.connection-status{height:24px;font-size:12px}}@media (max-width:650px) and (orientation:portrait){.board[data-mode=pay] .middle{z-index:31}.board .prompt.pay{position:fixed;top:8px;left:8px;right:8px;width:auto;max-width:none;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"head head" "fuel fuel" "lines go";padding:7px 8px 8px}.pay-title b{font-size:17px}.pay-line{font-size:14px}.target-damage{display:none}}.game-shell,.match-shell{width:100%;height:100%}.game-shell{display:flex;flex-direction:column;background:#0c100f}.shell-bar{flex:none;min-height:62px;padding:6px max(20px,env(safe-area-inset-left)) 6px max(20px,env(safe-area-inset-right));display:flex;gap:40px;align-items:center;background:#0b0e0ef5;border-bottom:1px solid #8a78553a;z-index:20}.shell-brand{font:400 24px var(--display);letter-spacing:.12em;text-transform:uppercase;color:#baab8e}.shell-bar nav{display:flex;align-self:stretch;gap:10px}.shell-bar nav button{display:flex;align-items:center;gap:9px;padding:8px 16px;border:0;border-bottom:2px solid transparent;color:#a9aaa0;background:none;font:600 15px var(--body)}.shell-bar nav button[aria-current]{color:#ead9b8;border-color:#ba9864;background:linear-gradient(0deg,#b5985919,transparent)}.shell-account{margin-inline-start:auto;display:flex;gap:16px;align-items:center}.profile-button{padding:0;width:40px;height:40px;border:1px solid #867454;border-radius:50%;overflow:hidden;background:#20251f}.profile-button img{width:100%;height:100%;object-fit:cover;object-position:center 30%}.profile-button[aria-current]{outline:2px solid #d7bd8c;outline-offset:3px}.shell-account .round{width:40px;height:40px}.shell-content{position:relative;flex:1;min-height:0;outline-offset:-3px}.match-shell .shell-content{height:100%}.skip-content{position:absolute;left:16px;top:-100px;background:#151916;color:#f2e7ca;padding:12px}.skip-content:focus{top:8px;z-index:100}.play-home,.ranked-search{height:100%;position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:40px 24px;overflow:auto}.menu-backdrop{position:absolute;inset:0;z-index:-2;background-position:center;background-size:cover;pointer-events:none}.menu-backdrop video,.eyes-layer,.menu-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.menu-shade{background:linear-gradient(90deg,#05090860,transparent 66%),linear-gradient(0deg,#06090824,transparent 35%)}.play-title{text-align:center;margin-bottom:48px}.eyebrow{color:#b9b5a5;font-size:12px;text-transform:uppercase;letter-spacing:.24em}.play-title h1{font:400 clamp(64px,7vw,112px)/1 var(--display);text-transform:uppercase;letter-spacing:.08em;color:#ece1c9;margin:12px 0 0;text-shadow:0 5px 22px #000}.text-button{background:#20271f;color:#e0d5be;border:1px solid #8d7a525e;min-height:42px;padding:9px 16px;font:500 15px var(--body);display:inline-flex;align-items:center;justify-content:center;gap:9px}.shell-content .card-library,.shell-content .deckbuilder{height:100%}.shell-content .library-bar:not(.builder-bar)>.round:first-child,.shell-content .library-bar>.round:last-child{display:none}.shell-content .library-bar{padding-block:12px}.shell-content .pick{padding-top:16px;padding-bottom:16px;gap:16px}.shell-content .pick-brand{display:none}.sound-settings h2{font:400 26px var(--display);margin:0 0 24px}.sound-settings{min-width:min(360px,90vw)}.setting-check{display:flex;gap:12px;align-items:center;min-height:44px;margin-block:10px;font:15px var(--body)}.setting-check input{width:20px;height:20px;accent-color:#b69c6a}.sound-settings .text-button{margin-top:18px}.profile-screen{height:100%;overflow:auto;padding:40px max(24px,calc((100% - 960px)/2));background:radial-gradient(ellipse at 10% 0,#283026,#0c100f 70%)}.profile-heading{display:flex;align-items:center;gap:24px;margin-bottom:32px}.profile-heading>img{width:88px;height:88px;border-radius:50%;object-fit:cover;border:1px solid #8f7e5d}.profile-heading h1{font:400 36px var(--display);margin:0 0 12px}.profile-heading form{display:flex;gap:12px}.profile-heading input{padding:9px 12px;max-width:240px;min-width:0;width:100%;font-size:16px;border:1px solid #8b806149;background:#0c100f;color:#e2dbc5}.profile-columns{display:grid;grid-template-columns:1.2fr 1fr;gap:64px}.profile-screen h2{font:400 22px var(--display);margin:0 0 16px;color:#d6c7a8}.profile-screen table{border-collapse:collapse;width:100%;margin-bottom:30px;font-size:14px}.profile-screen th{font-weight:400;text-align:left}.profile-screen td,.profile-screen th{padding:10px 0;border-bottom:1px solid #a19a6f1c}.profile-screen thead th{color:#8e9588;font-size:12px}.profile-screen td{text-align:right;font-variant-numeric:tabular-nums}.profile-screen th:not(:first-child){text-align:right}.favourite-mark{color:#c6b780}.quiet{color:#989f92;font-size:13px}.ranked-history h2 small{font:12px var(--body);color:#969c8d;margin-inline-start:12px}.rating-number{font:400 64px var(--display);color:#d2c3a0}.ranked-history ol{padding:0;list-style:none}.ranked-history li{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #a19a6f1c}.ranked-history li span:last-child{text-align:right}.ranked-history small{display:block;color:#8e9588;margin-top:3px;font-size:12px}.coming-screen{height:100%;position:relative;display:flex;align-items:center;overflow:auto;background:#0b100e}.coming-art{width:55%;height:100%;object-fit:cover;object-position:50% 30%;mask-image:linear-gradient(90deg,#000 60%,transparent);opacity:.65}.coming-screen>div{padding:32px;max-width:440px;margin-inline-start:-4%;z-index:1}.coming-screen h1{font:400 52px var(--display);margin:18px 0;color:#e1d5b9}.coming-screen p{font-size:17px;line-height:1.65;color:#a8ad9e}.shop .coming-art{object-fit:contain;padding:8vh 8vw;mask-image:linear-gradient(90deg,transparent,#000 25%,#000 70%,transparent)}.ranked-search{gap:15px}.ranked-search h1{font:400 40px var(--display);margin:0}.backdrop-pause{position:absolute;right:16px;bottom:16px;z-index:2}.arena-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;z-index:-1}.reduce-motion *,.reduce-motion *:before,.reduce-motion *:after{animation-duration:.01ms!important;animation-delay:0ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}@media (hover:hover){.shell-bar button:hover,.text-button:hover{color:#fff0cb;background-color:#a18b531c}}@media (max-width:900px){.shell-brand{display:none}.shell-bar{gap:12px}.shell-bar nav{gap:2px}.shell-bar nav button{padding-inline:12px}.profile-columns{gap:32px}}@media (max-height:570px) and (orientation:landscape){.shell-bar{min-height:48px;padding-block:3px}.shell-account .round,.profile-button{width:36px;height:36px}.shell-bar nav button{font-size:13px}.play-home{padding:16px 30px;flex-direction:row;gap:40px}.play-title{margin:0;width:28%}.play-title h1{font-size:52px}.eyebrow{font-size:9px;letter-spacing:.12em}.text-button{min-height:36px;padding:6px 10px;font-size:13px}.shell-content .pick{gap:7px;padding:8px 20px}.shell-content .selected-law{display:none}.shell-content .pick .deck-shelf{margin-block:0}.shell-content .heroes{gap:12px}.profile-screen{padding:20px 36px}.profile-heading{margin-bottom:20px}.coming-screen h1{font-size:36px}.coming-screen p{font-size:15px}.ranked-search{gap:7px;padding:14px}.ranked-search .rating-number{font-size:42px}.ranked-search h1{font-size:28px}.ranked-search>.icon{display:none}}@media (max-width:560px) and (orientation:portrait){.shell-bar{min-height:56px;gap:4px;padding-inline:8px}.shell-bar nav{flex:1;justify-content:space-around;gap:0}.shell-bar nav button{flex-direction:column;gap:3px;padding:5px 8px;font-size:10px}.shell-bar nav .icon{width:18px;height:18px}.shell-account{gap:8px}.shell-account .round,.profile-button{width:32px;height:32px}.play-home{justify-content:center;padding:32px 24px}.play-title{margin-bottom:28px}.play-title h1{font-size:66px}.eyebrow{font-size:10px}.profile-screen{padding:26px 20px}.profile-heading{gap:16px}.profile-heading>img{width:56px;height:56px}.profile-heading h1{font-size:30px}.profile-heading form{gap:8px}.profile-heading form label{min-width:0}.profile-columns{grid-template-columns:1fr;gap:12px}.coming-screen{flex-direction:column}.coming-art{width:100%;height:55%;mask-image:linear-gradient(#000 60%,transparent)}.coming-screen>div{margin:-28px 0 0;text-align:center;padding:24px}.coming-screen h1{font-size:40px}.coming-screen p{font-size:15px}.shell-content .pick{justify-content:flex-start;overflow:auto}.shell-content .pick .hero-pick .face{max-height:none}}.face-type{text-transform:capitalize;letter-spacing:.1em}.spell-seal{position:absolute;left:40px;right:40px;top:811px;height:54px;display:flex;justify-content:center;align-items:center;color:#c6c9bc;background:linear-gradient(90deg,#151917,#262d29,#151917);clip-path:polygon(6% 0,94% 0,100% 50%,94% 100%,6% 100%,0 50%)}.spell-seal:before{content:"";position:absolute;width:48px;height:48px;border:1px solid #a5ad94;transform:rotate(45deg)}.spell-face .face-footer{display:none}.unit-face .face-atk,.unit-face .face-hp{background:#232820;border:1px solid #8c8068;border-radius:4px;height:51px;line-height:49px;top:810px}.hero-face .face-type{color:#e1bf85}[data-deal-hidden]{opacity:0!important}.deal-skip{position:absolute;right:calc(100% - var(--skip-x,50%));top:var(--skip-y,48%);transform:translateY(-50%);z-index:90;gap:6px;min-height:36px;padding:6px 12px;background:#101710dd;border-color:#867954}.deal-flight{filter:drop-shadow(0 5px 5px #0008)}.arena-pause{position:absolute;right:12px;bottom:12px;z-index:21;width:30px;height:30px}@media (max-width:560px) and (orientation:portrait){.shell-content .pick-bar{position:sticky;bottom:0;padding:12px 4px;flex:none;background:#0b100ff2;z-index:3;border-top:1px solid #88745033}}.sound-settings{max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain}.sound-settings .dialog-close{top:8px;right:8px;transform:none}@media (max-height:570px) and (orientation:landscape){.sound-settings{padding:16px 24px}.sound-settings h2{margin-bottom:10px;font-size:23px}.sound-settings .setting-check{min-height:30px;margin-block:7px}.sound-settings .sound-level{margin-block:12px}.sound-settings .text-button{margin-top:7px}}.menu-backdrop{background-color:#0b0e0d}.menu-backdrop video{opacity:0;transition:opacity .35s}.menu-backdrop video.ready{opacity:1}.flight-sprite{position:absolute;inset:0;pointer-events:none}.decision-source{display:none}.board .hand{bottom:24px}.hand-visual{transform:translate(var(--spread,0px)) rotate(var(--r))}@media (max-height:570px) and (orientation:landscape){.board{grid-template-rows:54px 1fr 56px 1fr 106px}}.deal-flight>.face,.deal-flight>.back{position:relative}@media (max-height:570px) and (orientation:landscape){.menu-backdrop{background-size:contain;background-repeat:no-repeat;background-color:#080c0e}.menu-backdrop video{object-fit:contain}}@media (min-height:571px) and (orientation:landscape){.play-home{align-items:flex-start;padding-inline:7vw}.play-title{text-align:left;margin-bottom:36px}}@media (max-width:560px) and (orientation:portrait){.menu-shade{background:linear-gradient(0deg,transparent,#06090820 50%,transparent 85%)}.board .decision-context{display:none}.decision-source{display:block;width:32px;height:44px;flex:none;padding:0;background:#151a16;border:1px solid #8c7958;border-radius:3px}.decision-source img{display:block;width:100%;height:100%;object-fit:cover}.board{grid-template-rows:100px 1fr 72px 1fr 240px}.board-bottom .hero{bottom:162px}.board-bottom .piles{bottom:177px}.table-tools{bottom:154px;gap:3px}.table-tools .round{width:26px;height:26px}.stack-inspect.round{top:calc(100% + 2px);bottom:auto;right:auto;left:calc(50% - 14px);width:28px;height:26px}}.text-button.ok{border-color:#c6ad7b;background:#353a2a;color:#f1e4c6}.text-button.danger{border-color:#b57c65;color:#f0c1ad}.pick-bar{flex-wrap:wrap}.pick-bar .start-game{min-width:110px;min-height:44px}.invite-context{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 16px;font:14px var(--body);color:#c4b999}.invite-context strong{letter-spacing:.12em;color:#eee0c4}.shell-bar nav .tab-soon{color:#8f958a;position:relative}.soon-mark{display:inline-flex;opacity:.8}.save-confirmation{position:absolute;z-index:5;right:24px;bottom:18px;display:flex;align-items:center;gap:6px;font:14px var(--body);color:#e3d9bc;background:#151d16}.save-confirmation:not(:empty){padding:8px 12px;border:1px solid #8c7958}.fuel-mark{position:absolute;top:3px;left:3px;z-index:12;display:inline-flex;align-items:center;justify-content:center;gap:2px;min-width:25px;height:25px;padding:2px 4px;border:1px solid #e0b084;border-radius:4px;background:#301b12;color:#ffe0b8;font:700 16px/1 var(--body);pointer-events:none}.fuel-mark b{font:inherit}.unit-slot>.fuel-mark{top:-8px;left:-3px}.hand-visual>.fuel-mark{top:31%;left:calc(50% - 12px)}.fuel-chip .fuel-mark{inset:0;min-width:0;height:100%;padding:0;font-size:14px}.prompt.pay{position:relative;flex-wrap:wrap;justify-content:center;max-width:590px}.board[data-mode=pay] .decision-area{max-width:calc(100% - 160px)}.board[data-mode=pay] .turn-counter,.board[data-mode=pay] .end,.board[data-mode=pay] .phase-marker{visibility:hidden;pointer-events:none}.prompt.pay .payment-tray{display:flex;order:5;flex:0 0 100%;justify-content:center;align-items:stretch;gap:6px;overflow-x:auto;padding:2px;max-width:100%}.prompt.pay .payment-card{width:66px;height:auto;min-height:80px;flex:0 0 66px;background:#211c16;position:relative;border-color:#ae855e;color:#e9dac0}.payment-card>img{width:100%;height:42px;display:block;object-fit:cover}.payment-name{display:block;padding:4px 2px;font:11px/1.15 var(--body);overflow-wrap:anywhere}.payment-name small{display:block;color:#c6b18d;font-size:10px;margin-top:3px}.prompt.pay .round{flex:none}.prompt .text-button.pass{min-height:42px}.healing-note{order:6;flex:0 0 100%;display:flex;align-items:center;justify-content:center;gap:6px;font:12px/1.3 var(--body);color:#ead9b8}.prompt:has(.healing-note){flex-wrap:wrap;justify-content:center;background:#171b17ec;border:1px solid #6e614b80;border-radius:6px;padding:7px 10px}.damage-preview{position:absolute;bottom:-12px;left:50%;transform:translate(-50%);z-index:10;display:flex;align-items:center;gap:3px;padding:3px 5px;white-space:nowrap;background:#211b16;color:#efccb0;border:1px solid #a98c6e;font:700 13px var(--body);pointer-events:none}.hero-law[data-law-state=unavailable]{filter:grayscale(.7) brightness(.7)}.hero-law[data-law-state=used]{color:#b8bea4;border-style:solid}.leave-dialog{text-align:center;background:#121811;border:1px solid #8a7757;padding:30px}.leave-dialog h2{margin:14px 0 24px;font:400 30px var(--display)}.result-outcome{margin:12px 0 4px;text-align:center;font:400 36px var(--display);color:#ead9b8}.result-reason{align-items:center;gap:8px;font:16px var(--body)}.result-reason>.icon{width:28px;height:28px}.result-rating{display:flex;gap:10px;justify-content:center;align-items:center;margin:12px 0;color:#ead9b8;font:20px var(--body)}.result-rating strong{font-size:28px}.move-notice:not(:empty){position:absolute;top:12px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;width:max-content;max-width:calc(100% - 20px);z-index:70;padding:8px 12px;background:#171d16;color:#eddfc4;border:1px solid #a68d62;font:14px var(--body)}.move-notice .round{width:28px;height:28px;flex:none}.touch-hand-preview{position:fixed;bottom:16px;z-index:48;display:flex;align-items:flex-start;gap:4px}.touch-hand-card{padding:0;border:1px solid #baa77e;border-radius:4px;background:#151a14;color:#e7d8b8;touch-action:none}.touch-card-action{display:block;max-width:252px;padding:6px;font:12px/1.2 var(--body)}.touch-preview-close{width:32px;height:32px;background:#151a14}.hand-tap-hint{position:absolute;left:50%;transform:translate(-50%);bottom:4px;display:flex;align-items:center;gap:5px;color:#d5c9ae;font:12px var(--body);pointer-events:none}@media (max-height:570px) and (orientation:landscape){.result-dialog{grid-template-columns:90px minmax(180px,1fr);gap:6px 20px;overflow-y:auto;background-color:#10160f}.result-portrait{grid-column:1;grid-row:1 / 4}.result-outcome{grid-column:2;grid-row:1;margin:0;font-size:28px}.result-dialog .result-mark{grid-column:1;grid-row:1 / 4;align-self:end;justify-self:end}.result-reason{grid-column:2;grid-row:2}.result-rating{grid-column:2;grid-row:3;margin:0}.result-score{grid-column:1;grid-row:4}.result-stats{grid-column:2;grid-row:4}.result-dialog .dialog-actions{grid-column:1 / -1;grid-row:5;margin-top:4px}.board[data-mode=pay] .decision-area{max-width:calc(100% - 190px)}.prompt.pay .payment-card{min-height:65px}.payment-card>img{height:30px}.prompt.pay .payment-tray{padding:0;gap:4px}.prompt.pay{gap:4px}.hand-tap-hint+.move-notice{pointer-events:auto}}@media (max-width:650px) and (orientation:portrait){.board[data-mode=pay]{grid-template-rows:100px 1fr minmax(156px,max-content) 1fr 240px}.board[data-mode=pay] .decision-area{width:100%;max-width:100%;gap:4px}.prompt.pay{width:100%;gap:5px;padding:7px 5px}.prompt.pay .source-mini{width:28px;height:38px}.prompt.pay .round{min-width:40px;height:40px}.prompt.pay .ember-pay{padding-left:4px;gap:2px}.prompt.pay .ember-pay .round{min-width:32px}.prompt.pay .payment-tray{justify-content:flex-start}.prompt.pay .payment-card{flex-basis:62px;width:62px}.pick-bar .start-game{flex:1 0 100%}.shell-bar nav .soon-mark{position:absolute;top:1px;right:1px}.shell-bar nav .soon-mark .icon{width:10px;height:10px}}.payment-card .fuel-mark b{position:static;inset:auto;display:inline;background:none;font:inherit;color:inherit;text-shadow:none}.result-outcome{margin-top:8px}@media (max-height:570px) and (orientation:landscape){.result-outcome{margin:0}}.invite-context{margin-bottom:12px;flex:none}.save-confirmation{pointer-events:none}:root{--stone:url(/assets/ui-v12/stone-plate.webp);--stone-lit:url(/assets/ui-v12/stone-plate-hover.webp);--bone:#ebe1cb;--bone-dim:#b8aa90;--ember-hot:#e0773a}.shell-bar{min-height:68px;padding-bottom:12px;background:#0a0c0d url(/assets/ui-v12/stone-bar.webp) left top / auto 100% repeat-x;border-bottom:0;filter:drop-shadow(0 6px 10px #000b)}.shell-brand{font:400 28px var(--display);letter-spacing:.1em;color:var(--bone);text-shadow:0 2px 3px #000}.shell-bar nav button{position:relative;font:400 18px var(--display);color:var(--bone-dim);text-shadow:0 2px 3px #000;border-bottom:0}.shell-bar nav button[aria-current]{color:var(--bone);background:none}.shell-bar nav button[aria-current]:after{content:"";position:absolute;left:14px;right:14px;bottom:4px;height:2px;background:linear-gradient(90deg,transparent,var(--ember-hot),transparent);box-shadow:0 0 10px var(--ember-hot)}.shell-bar nav .tab-soon{color:#8d8574}.profile-button,.shell-account .round{box-shadow:0 0 0 2px #000,0 3px 8px #000}.mode-choice,.text-button{border:1px solid transparent;border-image:var(--stone) 50 50 54 50 fill / 24px 24px 26px 24px stretch;background:none;box-shadow:none;transition:transform .15s,filter .15s;filter:drop-shadow(0 8px 12px #000c)}.text-button{border-image-width:12px 12px 13px 12px;min-height:44px;padding:9px 20px 10px;font:400 18px/1.1 var(--display);color:var(--bone);text-shadow:0 1px 2px #000;filter:drop-shadow(0 4px 6px #000b)}.text-button.ok,.text-button.ok:disabled{border-image-source:var(--stone-lit);background:none;color:#f6ead2}.text-button.danger{background:none;color:#f0b49a}.text-button:disabled{filter:grayscale(.6) brightness(.6);color:#a59c89}.text-button:active:not(:disabled),.mode-choice:active{transform:translateY(1px);filter:brightness(.86) drop-shadow(0 3px 4px #000c)}@media (hover:hover){.text-button:hover:not(:disabled),.mode-choice:hover{border-image-source:var(--stone-lit);background-color:transparent;color:#fff3dc;transform:translateY(-2px);filter:brightness(1.1) drop-shadow(0 0 12px #e0773a40) drop-shadow(0 8px 12px #000c)}}.play-title h1{font:400 clamp(64px,7.8vw,112px)/1 var(--display);letter-spacing:.08em;padding-left:.08em;color:#efe5cf;text-shadow:0 4px 18px #000d}.eyebrow{color:var(--bone-dim);font-size:13px;letter-spacing:.32em;text-shadow:0 1px 3px #000}@media (min-height:571px) and (orientation:landscape){.play-home{align-items:center;padding:40px 24px 9vh}.play-title{text-align:center;margin-bottom:34px}.menu-shade{background:radial-gradient(ellipse 58% 52% at 50% 46%,#00000061,transparent 72%)}}@media (max-height:570px) and (orientation:landscape){.text-button{min-height:36px;padding:6px 12px;font-size:15px}.shell-bar{min-height:52px;padding-bottom:8px}.play-title h1{font-size:50px}.eyebrow{font-size:9px;letter-spacing:.14em}}@media (max-width:560px) and (orientation:portrait){.shell-bar{min-height:60px;padding-bottom:8px}.shell-bar nav button{font-size:12px}.text-button{font-size:16px}.play-title h1{font-size:66px}.eyebrow{font-size:10px;letter-spacing:.24em}}.lobby{width:min(700px,100%);display:flex;flex-direction:column;gap:22px}.lobby-class{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"portrait text tools";align-items:center;gap:6px 18px;padding:12px 18px 12px 14px;border:1px solid transparent;border-image:var(--stone-panel) 40 fill / 18px / 9px stretch;filter:drop-shadow(0 10px 18px #000b)}.lobby-portrait{grid-area:portrait;position:relative;width:76px;height:76px;border-radius:50%;background:#131719 center/cover no-repeat}.lobby-portrait img{position:absolute;inset:-9%;width:118%;height:118%}.lobby-class-text{grid-area:text;min-width:0}.lobby-class-text h2{margin:0;font:400 28px/1.1 var(--display);color:var(--bone);text-shadow:0 2px 3px #000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lobby-class-text p{margin:5px 0 0;display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;font:16px var(--body);color:var(--bone-dim);text-shadow:0 1px 2px #000}.lobby-deck{display:inline-flex;align-items:center;gap:7px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lobby-deck .emblem{color:#e3d8bf}.lobby-ready,.lobby-saved:not(:empty){display:inline-flex;align-items:center;gap:4px;color:#cdbf8f;font-variant-numeric:lining-nums tabular-nums}.lobby-saved{color:#e8dcc0}.lobby-class-tools{grid-area:tools;display:flex;gap:10px}.lobby-class-tools .text-button{min-height:40px;padding:6px 16px 8px;font-size:17px}.lobby-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.lobby-modes .mode-choice{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:128px;padding:16px 10px 18px;color:#d7b48a}.lobby-modes .mode-choice>.icon{filter:drop-shadow(0 1px 2px #000)}.lobby-modes .mode-choice strong{margin-top:6px;font:400 32px/1.05 var(--display);color:var(--bone);text-shadow:0 2px 3px #000}.lobby-modes .mode-choice>span:last-child{font:15px var(--body);color:var(--bone-dim);text-shadow:0 1px 2px #000}.lobby-modes .mode-choice.expanded{border-image-source:var(--stone-lit)}.friend-options{grid-column:1 / -1;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px 18px;padding:14px 18px;border:1px solid transparent;border-image:var(--stone-panel) 40 fill / 18px / 9px stretch;filter:drop-shadow(0 8px 14px #000b)}.friend-options .room-join{margin:0;gap:8px}.friend-options .room-join .round{width:40px;height:40px}@media (max-width:560px) and (orientation:portrait){.lobby{gap:16px}.lobby-class{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"portrait text" "portrait tools";gap:8px 14px;padding:12px 14px}.lobby-portrait{width:64px;height:64px}.lobby-class-text h2{font-size:23px}.lobby-class-text p{font-size:14px;margin-top:2px}.lobby-class-tools .text-button{min-height:36px;padding:4px 12px 6px;font-size:15px}.lobby-modes{grid-template-columns:1fr;gap:12px}.lobby-modes .mode-choice{display:grid;grid-template-columns:30px 1fr;column-gap:16px;justify-items:start;text-align:left;min-height:0;padding:12px 22px 14px}.lobby-modes .mode-choice>.icon{grid-row:1 / 3}.lobby-modes .mode-choice strong{margin:0;font-size:28px}.friend-options{order:1;padding:12px}.lobby-modes .mode-choice:nth-child(3){order:2}}@media (max-height:570px) and (orientation:landscape){.lobby{flex:1;gap:12px}.lobby-class{padding:8px 12px;gap:2px 12px}.lobby-portrait{width:52px;height:52px}.lobby-class-text h2{font-size:21px}.lobby-class-text p{font-size:13px;margin-top:2px}.lobby-class-tools{gap:6px}.lobby-class-tools .text-button{min-height:34px;padding:3px 10px 5px;font-size:14px}.lobby-modes{gap:12px}.lobby-modes .mode-choice{min-height:84px;padding:8px 6px 10px;gap:1px}.lobby-modes .mode-choice>.icon{width:24px;height:24px}.lobby-modes .mode-choice strong{margin-top:2px;font-size:24px}.lobby-modes .mode-choice>span:last-child{font-size:13px}.friend-options{padding:8px 12px;gap:8px 12px}}.shell-soon{position:relative;display:flex}.shell-bar nav .tab-soon{font-size:15px;color:#8d8574}.shell-bar nav .tab-soon[aria-expanded=true]{color:var(--bone)}.soon-list{position:absolute;top:calc(100% - 2px);left:50%;transform:translate(-50%);z-index:30;display:flex;flex-direction:column;gap:2px;min-width:160px;padding:10px;border:1px solid transparent;border-image:var(--stone-panel) 40 fill / 18px / 9px stretch;filter:drop-shadow(0 10px 18px #000c)}.shell-bar nav .soon-list button{flex-direction:row;justify-content:flex-start;gap:10px;padding:9px 12px;font-size:17px}@media (max-width:560px) and (orientation:portrait){.shell-bar nav .tab-soon{font-size:12px}}.hero-plan{display:block;margin-top:12px;padding-inline:4px;font:italic 15px/1.25 var(--body);color:var(--bone-dim);text-align:center;text-shadow:0 1px 2px #000}.hero-pick.on .hero-plan{color:var(--bone)}.shell-content .heroes{align-items:flex-start}.shell-content .selected-law{display:flex;align-items:center;justify-content:center;gap:28px;max-width:min(1000px,100%)}.selected-law-text{min-width:0;max-width:640px}.selected-signatures{display:flex;gap:12px;flex:none}.signature-card{padding:0;border:0;background:none;border-radius:5px;filter:drop-shadow(0 6px 8px #000b);transition:transform .16s}@media (hover:hover){.signature-card:hover{transform:translateY(-3px)}}.pick-saved{top:14px;bottom:auto}@media (max-width:1050px){.shell-content .selected-law{flex-direction:column;gap:12px}}@media (max-height:570px) and (orientation:landscape){.hero-plan{margin-top:5px;font-size:12px;line-height:1.15}.shell-content .selected-law{display:none}}@media (max-width:650px) and (orientation:portrait){.hero-plan{margin-top:6px;font-size:13px}}.library-tab{position:relative;display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:6px 14px;border:0;background:none;color:var(--bone-dim);font:400 18px var(--display);text-shadow:0 1px 2px #000}.card-library .library-tab[aria-pressed=true]{outline:0;background:none;color:var(--bone)}.library-tab[aria-pressed=true]:after{content:"";position:absolute;left:12px;right:12px;bottom:2px;height:2px;background:linear-gradient(90deg,transparent,var(--ember-hot),transparent);box-shadow:0 0 10px var(--ember-hot)}@media (hover:hover){.library-tab:hover{color:#fff3dc}}.back-button .icon{transform:scaleX(-1)}.library-bar>.text-button.back-button{min-height:40px;padding:6px 16px 8px;font-size:17px}.starter-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 16px;margin-bottom:14px}.starter-head h2{margin:0;font:400 26px var(--display);color:var(--bone)}.inspection-notes .art-open{min-height:38px;padding:5px 14px 7px;font-size:16px;margin-bottom:14px}dialog.art-view{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;background:#050807f5;overflow:auto}.art-view::backdrop{background:#050807}.art-view figure{min-height:100%;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px 16px;box-sizing:border-box;cursor:zoom-out}.art-view img{width:min(calc(100vw - 32px),calc(100dvh - 160px));aspect-ratio:1;object-fit:cover;box-shadow:0 20px 50px #000}.art-view figcaption{display:flex;flex-direction:column;align-items:center;gap:6px;max-width:min(640px,90vw);text-align:center}.art-view figcaption b{font:400 28px var(--display);color:var(--bone)}.art-view figcaption em{font:italic 17px/1.45 var(--body);color:#d9c8a7}.art-view .dialog-close{position:fixed;top:14px;right:14px;transform:none}@media (max-width:560px) and (orientation:portrait){.shell-content .library-bar{gap:6px}.shell-content .library-bar>.library-count{display:none}.library-tabs{gap:0;flex:1;justify-content:space-around}.library-tab{padding:6px;font-size:15px;gap:5px;white-space:nowrap}.library-bar>.text-button.back-button{flex:none;width:44px;min-height:40px;padding:0;font-size:0;gap:0}}@media (max-height:570px) and (orientation:landscape){.art-view img{width:min(calc(100vw - 32px),calc(100dvh - 110px))}.art-view figure{gap:8px;padding:10px}.art-view figcaption b{font-size:22px}.art-view figcaption em{font-size:14px}}.stage{--portrait:clamp(88px, calc(15.56vh - 12px) , 150px);--rail:clamp(96px, 10vw, 130px);--r3:clamp(56px, 7.6vh, 80px);--card-h: calc(min(184px, 17vh, 15vw)*1.397) ;--lesson-w:clamp(200px, 17vw, 260px);--r1:calc(var(--portrait) * 1.14 + 2px);--seat:calc(var(--portrait) * 1.14 + 6px);--row:calc(var(--unit, 120px) * 1.25 + 4px);--r5:min(100dvh - var(--r1) - var(--r3) - 2 * var(--row), var(--seat) + var(--card-h) + 24px)}.board{--hand-side:calc(var(--lesson-w) + 36px);grid-template-rows:var(--r1) 1fr var(--r3) 1fr var(--r5)}.board-top,.board-bottom{position:static}.board .hero{position:absolute;width:var(--portrait);height:var(--portrait);min-width:0;gap:0;transform:none;left:calc(50% - var(--portrait) / 2);right:auto;bottom:auto}.board .hero.foe{top:calc(var(--portrait) * .07)}.board .hero.you{top:calc(100% - var(--r5) + var(--portrait) * .07 + 2px)}.board .hero-art{width:var(--portrait);height:var(--portrait);background:#131719}.board .hero-painting{inset:9%}.board .portrait-ring{inset:-7%;width:114%;height:114%;filter:drop-shadow(0 4px 3px #0009)}.board .hero.active .hero-art:after{inset:2%;border-color:#bac3c054}.board .hero-badge{left:1%;bottom:5%;padding:3px;background:#14191b;border:1px solid #707574;border-radius:50%}.board .hero-badge .badge{width:20px!important;height:20px!important}.board .hero .life{left:50%;right:auto;transform:translate(-50%);bottom:-3%;width:46px;height:48px;font-size:34px;border-color:#7c807c;background:linear-gradient(#303739,#111618)}@media (min-width:651px) and (min-height:571px){.board{--gem:clamp(36px, calc(var(--portrait) * .38), 52px)}.board .hero .hero-art>.life{width:var(--gem);height:calc(var(--gem) * 1.04);font-size:calc(var(--gem) * .73)}}.board .hero-law,.board .hero-law.passive{left:75%;top:70%;width:clamp(34px,calc(var(--portrait) * .36),46px);height:clamp(34px,calc(var(--portrait) * .36),46px);border:2px solid #787c76;background:radial-gradient(circle at 40% 30%,#3c4240,#111618)}.board .hero-law.ready{border-color:#d6c59d}.board .hero-danger{bottom:21%;right:3%}.board .emote-mute.round{left:auto;right:0;top:0}.board .hero.you .emote-bubble{left:auto;right:calc(100% + 8px)}.board .hero .embers{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;display:block}.ember-place{--ew:max(24px, calc(var(--portrait) * .32));--eh:calc(var(--ew) * 88 / 63);--egap:calc(var(--portrait) * .04);--i:0;--ex:calc(var(--portrait) * 1.16 + var(--i) * (var(--ew) + var(--egap)));--ey:calc((var(--portrait) - var(--eh)) / 2);--er:0deg;position:absolute;width:var(--ew);height:var(--eh);left:var(--ex);top:var(--ey);transform:rotate(var(--er));display:block!important}.ember-place[data-slot="1"]{--i:1}.ember-place[data-slot="2"]{--i:2}.ember-place[data-slot="3"]{--i:3}.ember-place[data-slot="4"]{--i:4}.hero.foe .ember-place{left:calc(100% - var(--ex) - var(--ew));top:calc(100% - var(--ey) - var(--eh));transform:rotate(calc(var(--er) + 180deg))}.board .ember,.board .ember-empty{position:absolute;inset:0;width:100%;height:100%;border-radius:4px}.board .ember{pointer-events:auto;padding:0;border:1px solid #9a8a70;display:block;background:#171a19;box-shadow:1px 3px 2px #000a,0 6px 9px #0009}.board .ember-card-art{position:absolute;inset:1px;border-radius:2px;background-size:cover;background-position:center;pointer-events:none}.ember-card-face{position:absolute;inset:0;border-radius:3px;overflow:hidden;pointer-events:none}.ember-card-face>.face{transform:scale(calc(var(--ew) / 630px));transform-origin:top left}.board .ember.cracked{outline:none;border-color:#cfac84}.board .ember.cracked:after{display:none}.ember-crack{position:absolute;inset:0;pointer-events:none;filter:drop-shadow(1px 1px 1px #000)}.board .ember-empty{border:1px dashed #ad9a7145;background:#090e102d;box-shadow:inset 0 0 12px #0003}.board .ember-pips{bottom:1px;left:calc(50% - 11px);right:auto;width:22px;height:13px;border-radius:5px;background:#111719db;font:700 17px/7px Georgia,serif;letter-spacing:0;color:#f2d9ad}.board .ember.next{outline:2px solid #dfc798;outline-offset:2px}.ember-next{position:absolute;top:-9px;left:calc(50% - 7px);font:12px/14px Georgia,serif;color:#f7e0b1;text-shadow:0 1px 3px #000}.board .ember:focus-visible{outline:3px solid var(--focus);outline-offset:3px;z-index:2}@media (hover:hover){.board .ember:hover{filter:brightness(1.16)}}.board .piles{position:absolute;gap:22px;padding:0;transform:none;left:auto;right:21px;bottom:auto;flex-direction:row;translate:0 -50%}.board-top .piles{top:max(calc(var(--portrait) * .57),44px)}.board-bottom .piles{top:calc(100% - var(--r5) + var(--portrait) * .57 + 2px)}.board .hand{--hand-bottom:calc(var(--r5) - var(--seat) - var(--card-w) * 1.397);--rise:min(0px, var(--hand-bottom) - 24px);--step:min(calc(var(--card-w) * .79),calc((min(100vw,1760px) - 2 * var(--hand-side) - var(--card-w)) / max(1,var(--cards) - 1)))!important;width:calc(var(--card-w) + (var(--cards) - 1) * var(--step));bottom:var(--hand-bottom)}.board .hand-visual{transition:transform .19s cubic-bezier(.2,.8,.25,1),translate .19s cubic-bezier(.2,.8,.25,1),filter .14s}.board .hand-card.hovered .hand-visual{translate:0 var(--rise)}.board .hand-bridge{height:calc(var(--card-w) * 1.6 - var(--rise))}.reduce-motion .board .hand-visual{transition:none}.board .foe-hand{left:calc(50% + var(--portrait) * .75);top:calc(var(--portrait) * -.36 - 6px)}.board .foe-lane,.board .my-lane{margin-inline:var(--rail);gap:clamp(8px,.8vw,12px)}.board .foe-lane{align-items:flex-end}.board .my-lane{align-items:flex-start}.board .lane-rest{align-self:center}.board .table-tools{left:24px;bottom:12px;top:auto;transform:none;flex-direction:row;display:flex;width:auto;gap:6px}.board .table-tools .round{width:32px;height:32px}.board .decision-context{top:calc(var(--r1) + 4px);right:18px;transform:none}.board .decision-context>.face{width:120px!important;height:168px!important}.board .decision-context>.face>.face-inner{transform:scale(.190476)!important}.board .decision-context .context-attack{position:absolute;left:7%;right:7%;bottom:9%;width:auto;margin:0;gap:10px;padding:4px}.board .decision-context .context-attack img{width:36px;height:42px}@media (max-height:820px),(max-width:1279px){.board .decision-context>.face{width:100px!important;height:140px!important}.board .decision-context>.face>.face-inner{transform:scale(.15873)!important}.board .decision-context .context-attack{gap:6px;padding:3px}.board .decision-context .context-attack .icon{width:20px;height:20px}.board .decision-context .context-attack img{width:30px;height:36px}}.board .swap-panel{left:20px;width:max(120px,calc(var(--rail) - 4px));padding:8px;gap:8px}.board .swap-card .face{width:96px!important;height:134px!important}.board .swap-card .face-inner{transform:scale(.152381)!important}.ember-flight{filter:drop-shadow(0 5px 4px #0009)}.ember-flight .ember-card-art{position:absolute;inset:1px;background-size:cover;border-radius:3px}.ember-flight .motion-visual{border:1px solid #a19377;border-radius:4px;background:#141a1b}.ember-flight .ember-next,.ember-flight .ember-pips{display:none}[data-ember-hidden]{opacity:0!important}@media (max-height:570px) and (orientation:landscape){.stage{--portrait:clamp(44px, 13vh, 70px);--rail:clamp(72px, 9vw, 84px);--r3:clamp(40px, 10vh, 48px);--card-h: calc(min(184px, 14vh, 15vw)*1.397) }.board{--hand-side:140px}.board .hero .life{width:26px;height:28px;min-width:26px;font-size:20px;bottom:-6%}.board .hero-badge{padding:2px;left:-2px}.board .hero-badge .badge{width:14px!important;height:14px!important}.board .hero-law,.board .hero-law.passive{width:26px;height:26px;top:66%;left:78%}.board .hero-law .icon{width:16px}.board .emote-mute.round{width:22px;height:22px;right:-6px;top:-4px}.ember-place{--egap:3px}.board .lane{gap:10px}.board .table-tools{left:8px;bottom:4px;gap:2px}.board .table-tools .round{width:24px;height:24px}.board .piles{gap:12px;right:7px}.board .foe-hand{top:-18px}.board .decision-context{display:none}.board .decision-source{display:block;width:28px;height:38px;padding:0;border:0}.decision-source img{width:100%;height:100%;object-fit:cover}.board .swap-panel{left:8px;width:120px;padding:5px;gap:4px}.board .swap-panel .swap-card{flex-basis:auto}.board .swap-card .face{width:46px!important;height:64px!important}.board .swap-card .face-inner{transform:scale(.073016)!important}.board .swap-panel>.icon{display:none}}@media (max-width:650px) and (orientation:portrait){.board{--portrait:90px;--hand-side:20px;grid-template-rows:285px 1fr 88px 1fr 285px}.board .hero .life{width:32px;height:34px;min-width:32px;font-size:25px}.board .hero-badge{padding:3px;left:-2px}.board .hero-badge .badge{width:18px!important;height:18px!important}.board .hero-law,.board .hero-law.passive{width:36px;height:36px;top:65%;left:78%}.board .hero-law .icon{width:21px}.ember-place{--ew:32px}.board .hero.you{left:14px;top:auto;bottom:160px}.board .hero.foe{left:auto;right:14px;top:160px}.board .hero.you .emote-bubble{left:calc(100% + 8px);right:auto}.board .piles{translate:none}.board .board-top .piles{left:14px;right:auto;top:170px;flex-direction:row-reverse}.board .board-bottom .piles{right:14px;top:auto;bottom:170px}.board .lane{margin-inline:2px;gap:4px;align-items:center}.board .hand{--hand-bottom:24px}.board .foe-hand{left:50%;top:20px}.board .table-tools{left:50%;top:104px;bottom:auto;transform:translate(-50%);gap:6px}.board .table-tools .round{width:28px;height:28px}.board .unit-slot{padding-bottom:28px}.board .decision-area{max-width:calc(100% - 86px);gap:6px}.board .decision-context{display:none}.board .swap-panel{left:50%;top:80px;bottom:auto;transform:translate(-50%);width:max-content;flex-wrap:nowrap;gap:10px}.board[data-prompt=swap] .table-tools{top:136px}.board .swap-panel .swap-card{flex-basis:auto}.board .swap-card .face{width:48px!important;height:67px!important}.board .swap-card .face-inner{transform:scale(.07619)!important}.board[data-mode=pay]{--portrait:70px;grid-template-rows:270px 1fr minmax(136px,max-content) 1fr 270px}.board[data-mode=pay] .hero-badge{padding:2px}.board[data-mode=pay] .hero-badge .badge{width:14px!important;height:14px!important}}:where(.reduce-motion) .board .hero,:where(.reduce-motion) .board .hero .ember,:where(.reduce-motion) .board .hero .life{animation:none!important}:where(.icon-mask){width:var(--s);height:auto;aspect-ratio:1}.icon-mask{display:block;flex:none;background-color:currentColor;-webkit-mask:var(--icon) center/contain no-repeat;mask:var(--icon) center/contain no-repeat}.board{--tc:18px}.board .turn-counter{left:var(--tc)}.board .phase-marker{right:auto;bottom:auto;left:var(--tc);top:calc(50% + 24px)}@media (max-height:570px) and (orientation:landscape){.board{--tc:8px}.board .turn-counter{top:calc(50% - 34px)}.board .phase-marker{left:8px;top:calc(50% + 2px)}}@media (max-width:650px) and (orientation:portrait){.board .hero.you .ember-place,.board .hero.foe .ember-place{--ew:30px;--eh:42px;--i:0}.board .hero .ember-place[data-slot="1"]{--i:1}.board .hero .ember-place[data-slot="2"]{--i:2}.board .hero .ember-place[data-slot="3"]{--i:3}.board .hero .ember-place[data-slot="4"]{--i:4}.board .hero.you .ember-place{left:calc(var(--portrait) + 4px + var(--i) * 28px);top:4px;transform:none}.board .hero.foe .ember-place{left:calc(-34px - var(--i) * 28px);top:calc(var(--portrait) - var(--eh) - 4px);transform:rotate(180deg)}.board .phase-marker{display:none}}dialog.result-dialog{display:flex;flex-direction:column;align-items:center;gap:0;width:min(560px,calc(100vw - 24px));padding:22px 28px 26px;text-align:center;overflow:auto;background:radial-gradient(ellipse 58% 42% at 50% 36%,#3a2a1c55,transparent)}dialog.result-dialog.win{background:radial-gradient(ellipse 58% 42% at 50% 36%,#8a5a2a52,transparent)}dialog.result-dialog.lose{background:radial-gradient(ellipse 58% 42% at 50% 36%,#2b282633,transparent)}dialog.result-dialog>*{grid-column:auto;grid-row:auto}dialog.result-dialog .result-portrait{width:76px;height:76px;margin:0;transform:none;filter:none;animation:none;box-shadow:0 8px 18px #0009}dialog.result-dialog .result-portrait img{inset:-9%;width:118%;height:118%}dialog.result-dialog.lose .result-portrait{filter:saturate(.25) brightness(.7);transform:none}dialog.result-dialog.lose .result-portrait:after{content:none}dialog.result-dialog.win .result-portrait{box-shadow:0 0 28px #d7a35a44,0 8px 18px #0009}.result-emblem{display:block;width:320px;height:320px;margin:-44px 0 -52px;object-fit:contain;pointer-events:none;filter:drop-shadow(0 12px 18px #000c)}dialog.result-dialog.lose .result-emblem{margin:-74px 0 -56px}dialog.result-dialog.draw .result-emblem{margin:-100px 0 -84px}dialog.result-dialog .result-outcome{margin:0;font:400 60px/1 var(--display);letter-spacing:.02em;color:#efe1c2;text-shadow:0 3px 12px #000}dialog.result-dialog.win .result-outcome{color:#f5dfae}.result-cause{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 18px;margin:10px 0 2px;color:#cdbd9b;font:16px var(--body)}dialog.result-dialog .result-reason,dialog.result-dialog .result-score{display:flex;align-items:center;gap:7px;margin:0;color:inherit;font:inherit}dialog.result-dialog .result-score{font-weight:700;font-variant-numeric:lining-nums tabular-nums}dialog.result-dialog .result-reason .icon,dialog.result-dialog .result-score .icon{width:20px;height:20px;color:#d9c39a}dialog.result-dialog .result-rating{margin:12px 0 0;padding:6px 16px;gap:10px;border:1px solid #a0896066;border-radius:20px;background:#13171599;color:#ead9b8;font:18px var(--body)}dialog.result-dialog .result-rating strong{font-size:26px;font-variant-numeric:lining-nums tabular-nums}dialog.result-dialog .result-rating .up{color:#9fd48f}dialog.result-dialog .result-rating .down{color:#e59a83}dialog.result-dialog .result-stats{display:grid;grid-template-columns:44px repeat(3,minmax(84px,1fr));align-items:center;justify-items:center;gap:4px 10px;width:100%;max-width:440px;margin:18px 0 0;padding:12px 14px;border-top:1px solid #8e7c5a44;border-bottom:1px solid #8e7c5a44;font:700 30px var(--body)}.result-stat-head{display:flex;flex-direction:column;align-items:center;gap:4px;color:#e6dcc6}.result-stat-head .icon{width:30px;height:30px}.result-stat-head small{color:#bdae8e;font:600 13px var(--body);letter-spacing:.03em;text-transform:uppercase;white-space:nowrap}dialog.result-dialog .result-stats img.result-stat-who{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid #6d6f6b;box-shadow:0 2px 6px #000a}dialog.result-dialog .result-stats img.result-stat-who.foe{width:30px;height:30px;opacity:.85}dialog.result-dialog .result-stats b{color:#f2e6cc;font:700 32px/1.15 var(--body);font-variant-numeric:lining-nums tabular-nums;text-shadow:0 2px 6px #000}dialog.result-dialog .result-stats b.foe{color:#a99f8b;font-size:24px}dialog.result-dialog .dialog-actions{margin-top:20px;gap:18px}@media (max-height:760px) and (orientation:landscape){dialog.result-dialog{padding:12px 24px 16px}dialog.result-dialog .result-portrait{width:58px;height:58px}.result-emblem{width:190px;height:190px;margin:-26px 0 -30px}dialog.result-dialog.lose .result-emblem{margin:-44px 0 -34px}dialog.result-dialog.draw .result-emblem{margin:-58px 0 -50px}dialog.result-dialog .result-outcome{font-size:48px}dialog.result-dialog .result-stats{margin-top:12px;padding:8px 12px}dialog.result-dialog .result-stats b{font-size:28px}dialog.result-dialog .dialog-actions{margin-top:14px}}@media (max-height:570px) and (orientation:landscape){dialog.result-dialog{display:grid;grid-template-columns:200px minmax(0,1fr);grid-template-rows:auto auto auto 1fr;column-gap:22px;align-items:center;width:min(720px,calc(100vw - 24px));max-height:calc(100dvh - 16px);padding:10px 18px}dialog.result-dialog .result-portrait{grid-column:1;grid-row:1;justify-self:center;width:44px;height:44px}dialog.result-dialog .result-emblem{grid-column:1;grid-row:2;justify-self:center;width:150px;height:150px;margin:-22px 0 -26px}dialog.result-dialog.lose .result-emblem{margin:-36px 0 -28px}dialog.result-dialog.draw .result-emblem{margin:-46px 0 -40px}dialog.result-dialog .result-outcome{grid-column:1;grid-row:3;font-size:36px}dialog.result-dialog .result-cause{grid-column:1;grid-row:4;align-self:start;margin-top:4px;font-size:13px;gap:4px 12px}dialog.result-dialog .result-rating{grid-column:2;grid-row:1;justify-self:center;margin:0;padding:3px 12px;font-size:15px}dialog.result-dialog .result-rating strong{font-size:20px}dialog.result-dialog .result-stats{grid-column:2;grid-row:2 / 4;margin:0;padding:6px 8px;gap:2px 8px}dialog.result-dialog .result-stat-head .icon{width:24px;height:24px}.result-stat-head small{font-size:11px}dialog.result-dialog .result-stats b{font-size:24px}dialog.result-dialog .result-stats b.foe{font-size:19px}dialog.result-dialog .result-stats img.result-stat-who{width:28px;height:28px}dialog.result-dialog .result-stats img.result-stat-who.foe{width:24px;height:24px}dialog.result-dialog .dialog-actions{grid-column:2;grid-row:4;align-self:start;margin-top:8px}}@media (max-width:650px) and (orientation:portrait){dialog.result-dialog{width:calc(100vw - 16px);padding:12px 10px 16px}dialog.result-dialog .result-portrait{width:58px;height:58px}.result-emblem{width:210px;height:210px;margin:-28px 0 -34px}dialog.result-dialog.lose .result-emblem{margin:-50px 0 -38px}dialog.result-dialog.draw .result-emblem{margin:-66px 0 -56px}dialog.result-dialog .result-outcome{font-size:48px}dialog.result-dialog .result-stats{grid-template-columns:38px repeat(3,minmax(0,1fr));gap:4px 6px;padding:10px 6px}.result-stat-head small{font-size:11px}dialog.result-dialog .dialog-actions{gap:10px}}:where(html:not(.reduce-motion)) .result-emblem{animation:emblem-land calc(.72s * var(--motion,1)) cubic-bezier(.2,.7,.3,1) both}:where(html:not(.reduce-motion)) dialog.result-dialog.lose .result-emblem{animation-name:emblem-sink}:where(html:not(.reduce-motion)) dialog.result-dialog .result-outcome{animation:preview-in calc(.38s * var(--motion,1)) calc(.26s * var(--motion,1)) both}:where(html:not(.reduce-motion)) dialog.result-dialog .result-cause,:where(html:not(.reduce-motion)) dialog.result-dialog .result-rating{animation:preview-in calc(.36s * var(--motion,1)) calc(.38s * var(--motion,1)) both}:where(html:not(.reduce-motion)) dialog.result-dialog .result-stats{animation:preview-in calc(.36s * var(--motion,1)) calc(.46s * var(--motion,1)) both}:where(html:not(.reduce-motion)) dialog.result-dialog .dialog-actions{animation:preview-in calc(.32s * var(--motion,1)) calc(.56s * var(--motion,1)) both}@keyframes emblem-land{0%{opacity:0;transform:translateY(22px) scale(.88);filter:drop-shadow(0 12px 18px #000c) drop-shadow(0 0 0 #e3a05a00) brightness(.35)}55%{opacity:1;filter:drop-shadow(0 12px 18px #000c) drop-shadow(0 0 26px #e3a05a80) brightness(1.25)}to{opacity:1;transform:none;filter:drop-shadow(0 12px 18px #000c) drop-shadow(0 0 0 #e3a05a00) brightness(1)}}@keyframes emblem-sink{0%{opacity:0;transform:translateY(-14px) scale(1.04);filter:drop-shadow(0 12px 18px #000c) drop-shadow(0 0 0 #e3a05a00) brightness(1.4)}to{opacity:1;transform:none;filter:drop-shadow(0 12px 18px #000c) drop-shadow(0 0 0 #e3a05a00) brightness(1)}}:root{--stone-panel:url(/assets/ui-v12/stone-panel.webp);--stone-tag:url(/assets/ui-v12/stone-tag.webp);--stone-divider:url(/assets/ui-v12/stone-divider.webp);--stone-field:#282b30}.hint-callout,.choice-panel,.swap-panel,.history-panel,.detailed-inspect:has(.keyword-notes),.leave-dialog,.sound-settings,.collection-dialog,.cosmetic-dialog,.next-reshuffle,.context-attack{border:1px solid transparent;border-radius:0;background:var(--stone-field) padding-box;border-image:var(--stone-panel) 40 fill / 18px / 9px stretch;box-shadow:none;filter:drop-shadow(0 10px 18px #000b)}.prompt:not(:empty):has(.round),.prompt:has(.healing-note),.hand-help,.preview-notes,.board .turn-counter,.board .phase-marker{border:1px solid transparent;border-radius:0;background:var(--stone-field) padding-box;border-image:var(--stone-tag) 20 fill / 11px / 5px stretch;box-shadow:none;filter:drop-shadow(0 4px 7px #000a)}.board .phase-marker.attack-selected{filter:drop-shadow(0 0 7px #d5af6566) drop-shadow(0 4px 7px #000a)}.leave-dialog h2,.sound-settings h2,.history-panel h2,.collection-dialog h2,.cosmetic-dialog h2{padding-bottom:12px;background:var(--stone-divider) bottom center / 100% 9px no-repeat}dialog.result-dialog .result-stats{border:0;background:var(--stone-divider) top center / 100% 9px no-repeat,var(--stone-divider) bottom center / 100% 9px no-repeat}.board .round:not(.hero-law),.dialog-close.round{border:0;background:url(/assets/ui-v12/stone-medallion.webp) center/100% 100% no-repeat;box-shadow:none;color:#e6dcc6;filter:drop-shadow(0 3px 4px #000b)}.board .round:not(.hero-law):hover:not(:disabled),.dialog-close.round:hover:not(:disabled){background-image:url(/assets/ui-v12/stone-medallion-hover.webp);color:#f6e3b8}.board .round.ok:not(:disabled):not(.hero-law){background-image:url(/assets/ui-v12/stone-medallion-hover.webp);color:#f6e3b8}.board .round.danger:not(.hero-law){color:#eab097}.board .round:not(.hero-law):disabled{background-image:url(/assets/ui-v12/stone-medallion.webp);color:#77756c;opacity:1;filter:grayscale(.6) brightness(.62)}.board .round:not(.hero-law) .icon{width:52%;height:auto}.board .round.active:not(.hero-law),.board .round[aria-pressed=true]:not(.hero-law){background-image:url(/assets/ui-v12/stone-medallion-hover.webp);color:#f6e3b8}.board .swap-panel{top:calc((var(--r1) + 100% - var(--r5)) / 2);bottom:auto;transform:translateY(-50%)}@media (max-width:650px) and (orientation:portrait){.board .swap-panel{top:80px;bottom:auto;transform:translate(-50%)}.board[data-prompt=swap] .table-tools{top:252px;left:14px;transform:none}}.board[data-prompt=swap] .phase-marker,.board[data-prompt=swap] .turn-counter{visibility:hidden}:root{--tb-ember:#e57d3e;--tb-ember-glow:rgb(229 125 62 / .36);--tb-ivory:#f3e7cc;--tb-target:#f7dfb0;--tb-theirs:#8d9497;--tb-outline:#0a0c0b}.arena-plate{position:absolute;left:50%;top:50%;z-index:0;width:max(calc(100vw + 16px),calc((100dvh + 16px) * 1600 / 1067));aspect-ratio:1600 / 1067;translate:-50% -50%;background:center / 100% 100% no-repeat;pointer-events:none;contain:layout paint style}.board>.table-surface{position:absolute;grid-row:2 / 5;grid-column:1;z-index:-1;pointer-events:none;inset:-4% max(4%,calc(var(--rail) * .7));border-radius:50%;background:radial-gradient(closest-side,#ffd8aa18,#ffce9e0e 58%,#ffc89604 80%,#00000029 97%,#0000)}.board[data-arena=marble]>.table-surface{opacity:.55}.board[data-arena=ice]>.table-surface,.board[data-arena=drowned]>.table-surface{opacity:.8}.arena-plate:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 58% at 50% 50%,#06080700 58%,#0608076b)}@media (max-width:650px) and (orientation:portrait){.board>.table-surface{inset:-6% 0;border-radius:40%/50%}}.arena-light{position:absolute;left:calc(var(--x) * 100%);top:calc(var(--y) * 100%);width:calc(var(--r) * 100%);aspect-ratio:1;translate:-50% -50%;border-radius:50%;mix-blend-mode:screen;background:radial-gradient(closest-side,color-mix(in srgb,var(--c) 30%,transparent),color-mix(in srgb,var(--c) 11%,transparent) 52%,transparent)}:root:not(.reduce-motion) .arena-light{animation:tb-breathe 7.5s ease-in-out calc(var(--i) * -3.4s) infinite alternate}@keyframes tb-breathe{0%{opacity:.88;scale:.97}to{opacity:1;scale:1.04}}.arena-spark{position:absolute;left:calc(var(--x) * 100%);top:calc(var(--y) * 100%);width:3px;height:3px;border-radius:50%;opacity:0;background:color-mix(in srgb,var(--c) 55%,#fff1d8);box-shadow:0 0 5px 1px color-mix(in srgb,var(--c) 75%,transparent)}.arena-spark:nth-child(2n){width:2px;height:2px}:root:not(.reduce-motion) .arena-spark{animation:tb-spark var(--time) linear var(--delay) infinite}@keyframes tb-spark{0%{opacity:0;transform:translate(0)}12%{opacity:.9}65%{opacity:.5}to{opacity:0;transform:translate(var(--drift),var(--rise))}}@media (hover:hover) and (pointer:fine){.arena-plate{translate:calc(-50% + var(--px, 0px)) calc(-50% + var(--py, 0px));transition:translate .7s cubic-bezier(.2,.7,.3,1);will-change:translate}}.reduce-motion .arena-plate{translate:-50% -50%;transition:none}.hand-card .face:after{content:"";position:absolute;inset:0;z-index:3;border-radius:inherit;pointer-events:none}.hand-card.ready .face{box-shadow:0 0 12px 2px var(--tb-ember-glow)}.hand-card.ready .face:after{box-shadow:inset 0 0 0 1px var(--tb-ivory)}.hand-card.ready .hand-visual{filter:drop-shadow(0 8px 10px #000c)}.hand-card.ready.hovered .hand-visual{filter:drop-shadow(0 14px 14px #000d)}.hand-card.ready.hovered .face{box-shadow:0 0 7px 1px #e57d3e6b}.hand-card.picked .hand-visual{filter:brightness(1.1) drop-shadow(0 14px 14px #000c)}.hand-card.picked .face{box-shadow:0 0 16px 3px #e57d3e80}.hand-card.picked .face:after{box-shadow:inset 0 0 0 1.5px #fff1d6}.board .foe-hand{transform-origin:50% 0;filter:drop-shadow(0 9px 8px #000d)}@media (min-width:651px) and (min-height:571px){.board .foe-hand{scale:1.14}}.board .foe-hand>div{margin-inline:-13px;transform:rotate(calc(var(--r) * -1.5));transform-origin:50% -70%}.board .foe-hand .back{box-shadow:inset 0 0 0 1px #00000080}.board .token:not(.burn,.target-dim){filter:drop-shadow(0 3px 2px rgb(0 0 0 / .78)) drop-shadow(0 14px 12px rgb(0 0 0 / .55))}.board .token-frame{filter:contrast(1.14) brightness(1.06)}.board .token-atk,.board .token-hp{color:#f5ecd9;border-color:#a7946f;text-shadow:2px 0 0 var(--tb-outline),-2px 0 0 var(--tb-outline),0 2px 0 var(--tb-outline),0 -2px 0 var(--tb-outline),1.4px 1.4px 0 var(--tb-outline),-1.4px 1.4px 0 var(--tb-outline),1.4px -1.4px 0 var(--tb-outline),-1.4px -1.4px 0 var(--tb-outline),0 3px 4px #000}.board .token-hp.hurt{color:#ff9f8a}.board .token-atk.buffed,.board .token-hp.buffed{color:#bfe39f}.board .token.ready .token-body{box-shadow:none}.board .token.ready:before{content:"";position:absolute;inset:-4px;border-radius:11px;pointer-events:none;box-shadow:0 0 0 1.5px #f0924ef2,0 0 14px 3px var(--tb-ember-glow)}.board .token.ready:after{border-bottom-color:var(--tb-ember)}:root:not(.reduce-motion) .board .token.ready:before{animation:tb-ready 2s ease-in-out infinite}@keyframes tb-ready{0%,to{opacity:.5}50%{opacity:1}}.board .token.picked{outline-color:#f0a46c}.board .token.can{outline:2px solid var(--tb-target);outline-offset:3px}.board .token.can:before{inset:-6px;border:0;border-radius:12px;box-shadow:0 0 16px 4px #f7dfb052}.board .hero.can .hero-art{outline:2px solid var(--tb-target);box-shadow:0 0 22px 5px #f7dfb04d,0 8px 15px #000b}.board .hero.can .hero-art:before{border:0;box-shadow:0 0 0 1px #f7dfb08c}.board .hero-painting{box-shadow:inset 0 0 0 2px #0000008c,inset 0 0 14px 4px #0009}.board .hero-painting:before,.board .hero-painting:after{content:"";position:absolute;inset:0;border-radius:50%;pointer-events:none}.board .hero-painting:before{background:radial-gradient(circle at 76% 22%,#0000 42%,#0000005c)}.board .hero-painting:after{mix-blend-mode:soft-light;background:radial-gradient(circle at 76% 22%,#ffc484bf,#ffc48400 55%)}.board .hero.foe .hero-painting:before{background:radial-gradient(circle at 24% 78%,#0000 42%,#0000005c)}.board .hero.foe .hero-painting:after{background:radial-gradient(circle at 24% 78%,#ffc484b3,#ffc48400 55%)}.board .hero .life{border-width:2px;box-shadow:0 5px 9px #000d,inset 0 1px #ffffff1a;text-shadow:2px 0 0 var(--tb-outline),-2px 0 0 var(--tb-outline),0 2px 0 var(--tb-outline),0 -2px 0 var(--tb-outline),1.4px 1.4px 0 var(--tb-outline),-1.4px 1.4px 0 var(--tb-outline),1.4px -1.4px 0 var(--tb-outline),-1.4px -1.4px 0 var(--tb-outline)}.board .hero:not(.critical) .life{border-color:#a39a86;color:#f7eedc;background:radial-gradient(circle at 50% 28%,#414b4d,#14191b 72%)}@media (min-width:651px) and (min-height:571px){.board .hero .life{width:52px;height:54px;font-size:38px;bottom:-5%}}dialog.result-dialog.win,dialog.result-dialog.lose{background:none}dialog.result-dialog.win::backdrop{background:radial-gradient(ellipse 55% 60% at 50% 38%,#3a200fd6,#080b09ed 78%)}dialog.result-dialog.lose::backdrop{background:radial-gradient(ellipse 55% 60% at 50% 38%,#1e2123db,#070909f0 78%)}@media (min-height:761px) and (max-height:879px) and (min-width:651px){dialog.result-dialog .result-portrait{width:84px;height:84px}}@media (min-height:880px) and (min-width:651px){dialog.result-dialog{padding-top:40px}dialog.result-dialog .result-portrait{width:112px;height:112px}.result-emblem{width:400px;height:400px;margin:-58px 0 -66px}dialog.result-dialog.lose .result-emblem{margin:-92px 0 -70px}dialog.result-dialog.draw .result-emblem{margin:-125px 0 -105px}}@media (max-width:650px) and (orientation:portrait){dialog.result-dialog .result-portrait{width:80px;height:80px}.result-emblem{width:270px;height:270px;margin:-36px 0 -44px}dialog.result-dialog.lose .result-emblem{margin:-64px 0 -49px}dialog.result-dialog.draw .result-emblem{margin:-85px 0 -72px}dialog.result-dialog .result-air{--from:-140px;--to:-320px}dialog.result-dialog.lose .result-air i{scale:.7}}dialog.result-dialog.win .result-portrait{box-shadow:0 0 0 1px #f0aa6e73,0 0 34px 6px #e57d3e57,0 10px 22px #000a}dialog.result-dialog.lose .result-portrait{filter:none;box-shadow:0 0 0 1px #dce2e64d,0 0 30px 5px #d6dee421,0 10px 22px #000a}.result-air{--from:-200px;--to:-450px;position:relative;width:0;height:0;z-index:2;align-self:center;pointer-events:none}.result-air i{position:absolute;left:0;bottom:0;opacity:0}dialog.result-dialog.win .result-air i{width:5px;height:5px;margin-left:-2px;border-radius:50%;background:#ffe2b4;box-shadow:0 0 8px 3px #f07a2fa6}dialog.result-dialog.lose .result-air i{width:96px;height:64px;margin-left:-48px;border-radius:50%;background:radial-gradient(closest-side,#b2b2ac5c,#b2b2ac00)}.result-air i:nth-child(1){--sx:-34px;--dx:-46px;--t:6.2s;--d:0s}.result-air i:nth-child(2){--sx:18px;--dx:40px;--t:7.4s;--d:-1.9s}.result-air i:nth-child(3){--sx:-8px;--dx:-62px;--t:5.6s;--d:-3.6s}.result-air i:nth-child(4){--sx:30px;--dx:58px;--t:8.1s;--d:-5.2s}:root:not(.reduce-motion) dialog.result-dialog.win .result-air i{animation:tb-rise var(--t) ease-out var(--d) infinite}:root:not(.reduce-motion) dialog.result-dialog.lose .result-air i{animation:tb-smoke calc(var(--t) * 1.6) ease-in-out var(--d) infinite}@keyframes tb-rise{0%{opacity:0;transform:translate(var(--sx),var(--from))}14%{opacity:1}to{opacity:0;transform:translate(calc(var(--sx) + var(--dx)),var(--to))}}@keyframes tb-smoke{0%{opacity:0;transform:translate(calc(var(--sx) * .5),calc(var(--from) * .72)) scale(.5)}40%{opacity:1}to{opacity:0;transform:translate(calc(var(--sx) + var(--dx) * 1.6),calc(var(--from) * 1.05)) scale(1.7,1.3)}}@media (max-height:760px) and (orientation:landscape){dialog.result-dialog .result-air{--from:-100px;--to:-240px}dialog.result-dialog.lose .result-air i{scale:.6}}@media (max-height:570px) and (orientation:landscape){.result-air{display:none}dialog.result-dialog.win .result-portrait{box-shadow:0 0 12px 2px #e57d3e4d,0 6px 12px #000a}dialog.result-dialog.lose .result-portrait{box-shadow:0 0 12px 2px #d6dee41f,0 6px 12px #000a}}dialog.result-dialog .dialog-actions{align-items:center}dialog.result-dialog .dialog-actions .ok{min-height:54px;padding:12px 30px 13px;font-size:23px;filter:drop-shadow(0 0 16px rgb(229 125 62 / .38)) drop-shadow(0 8px 12px #000c)}dialog.result-dialog .dialog-actions .text-button:not(.ok){min-height:40px;padding:7px 16px 8px;font-size:16px;opacity:.86}.look-tabs{display:flex;justify-content:center;gap:6px;margin:-34px 44px 18px}.look-tabs button{display:inline-flex;align-items:center;gap:8px;padding:6px 14px 7px;white-space:nowrap;border:0;border-bottom:2px solid transparent;background:none;color:#b8aa90;font:400 19px/1 var(--display)}.look-tabs button[aria-selected=true]{color:#f6ead2;border-bottom-color:var(--tb-ember)}@media (hover:hover){.look-tabs button:hover{color:#fff3dc}}@media (max-width:650px){.look-tabs{margin:-34px 40px 14px 0;gap:0}.look-tabs button{padding:6px 9px 7px;font-size:17px}}.cosmetic .mini-table{position:absolute;inset:0;pointer-events:none}.mini-table:before{content:"";position:absolute;inset:10% 12% 18%;border-radius:50%;background:radial-gradient(closest-side,#ffd8aa21,#ffce9e0f 60%,#0000)}.mini-row{position:absolute;left:0;right:0;display:flex;justify-content:center;gap:2.6%}.mini-row.foe{top:17%}.mini-row.mine{top:47%}.mini-row i{width:9%;aspect-ratio:4 / 5;border-radius:2px;background:linear-gradient(160deg,#4a4c45,#1c1e1b 70%);box-shadow:0 0 0 1px #8e8064,0 3px 3px #000c}.mini-row i.ready{box-shadow:0 0 0 1px #f0924e,0 0 5px 1px var(--tb-ember-glow),0 3px 3px #000c}.mini-hand{position:absolute;left:0;right:0;bottom:-3%;display:flex;justify-content:center}.mini-hand i{width:10.5%;aspect-ratio:63 / 88;margin-inline:-1.2%;border-radius:2px;background:linear-gradient(#30332f 0 56%,#d8d0bd 56% 84%,#30332f 84%);box-shadow:0 0 0 1px #6f6650,0 2px 4px #000c}.mini-hand i:nth-child(1){rotate:-6deg;translate:0 10%}.mini-hand i:nth-child(2){rotate:-3deg;translate:0 3%}.mini-hand i:nth-child(4){rotate:3deg;translate:0 3%}.mini-hand i:nth-child(5){rotate:6deg;translate:0 10%}.mini-hand i.ready{box-shadow:0 0 0 1px #f3e7cc,0 0 6px 1px #e57d3e99,0 2px 4px #000c}.chain-link.mine:after{background:var(--tb-ember)}.chain-link.theirs:after{background:var(--tb-theirs)}.history-panel>.mine{border-bottom-color:var(--tb-ember)!important}.history-panel>.theirs{border-bottom-color:var(--tb-theirs)!important}.board[data-active=foe] .table-grain{background:radial-gradient(ellipse at 50% 15%,#8a919410,#080b0845 80%)}.board .hero-law.ready{border-color:#e79a5f;box-shadow:0 0 0 2px #e57d3e73,0 0 12px #e57d3e4d,2px 5px 8px #0009}.end.all-done{box-shadow:0 0 0 2px #e57d3e99,0 0 16px #e57d3e4d}:root{--cl-ember:#ee8b4c;--cl-ember-glow:rgb(233 122 58 / .52);--cl-ivory:#f1e3c4;--cl-ivory-glow:rgb(241 227 196 / .46);--cl-dark:rgb(5 6 6 / .2)}.board{--cl-floor:rgb(82 74 63 / .3)}.board[data-arena=forge]{--cl-floor:rgb(71 61 52 / .3)}.board[data-arena=marble]{--cl-floor:rgb(132 124 117 / .3)}.board[data-arena=drowned]{--cl-floor:rgb(75 75 75 / .3)}.board[data-arena=ice]{--cl-floor:rgb(60 73 80 / .3)}.board[data-arena=bone]{--cl-floor:rgb(93 77 63 / .3)}.board[data-arena=mycelium]{--cl-floor:rgb(63 48 38 / .3)}.board[data-arena=ember]{--cl-floor:rgb(73 64 55 / .3)}.board>.table-surface,.board[data-arena]>.table-surface{grid-column:1 / 2;opacity:1;inset:-6px calc(var(--rail) - 12px);border-radius:36px;background:var(--cl-floor);box-shadow:0 0 0 200vmax var(--cl-dark),inset 0 0 34px 12px #0506064d,inset 0 0 0 1px #ffe8c40b}@media (max-height:570px) and (orientation:landscape){.board>.table-surface,.board[data-arena]>.table-surface{inset:-4px calc(var(--rail) - 8px);border-radius:24px}}@media (max-width:650px) and (orientation:portrait){.board>.table-surface,.board[data-arena]>.table-surface{inset:-5% -4px;border-radius:28px;background:linear-gradient(#ffeed60b 0 0),var(--cl-floor);box-shadow:0 0 0 200vmax var(--cl-dark),inset 0 0 26px 10px #0506066b,inset 0 0 0 1px #ffe8c412}}.stage{--cl-r1:var(--r1);--cl-r5:var(--r5);--cl-in:calc(var(--rail) - 12px);--cl-pad:18px;--cl-cy:calc((var(--cl-r1) - var(--cl-r5)) / 2);--cl-hw:calc(min(100vw,1760px) / 2 - var(--cl-pad) - var(--cl-in));--cl-hh:calc((100dvh - var(--cl-r1) - var(--cl-r5)) / 2 + 6px)}@media (max-width:1050px){.stage{--cl-pad:10px}}@media (max-height:570px) and (orientation:landscape){.stage{--cl-in:calc(var(--rail) - 8px)}}@media (max-width:650px) and (orientation:portrait){.stage{--cl-r1:285px;--cl-r5:285px;--cl-in:0px;--cl-hw: calc(50vw + 2px) ;--cl-hh: calc((100dvh - 570px)*.55) }}.arena-plate{--y0:calc(50% + var(--cl-cy) - var(--cl-hh));--y1:calc(50% + var(--cl-cy) + var(--cl-hh));--cl-hole:linear-gradient(#000 0 0),linear-gradient(transparent calc(var(--y0) - 10px),#000 calc(var(--y0) + 40px),#000 calc(var(--y1) - 40px),transparent calc(var(--y1) + 10px)),linear-gradient(90deg,transparent calc(50% - var(--cl-hw) - 10px),#000 calc(50% - var(--cl-hw) + 40px),#000 calc(50% + var(--cl-hw) - 40px),transparent calc(50% + var(--cl-hw) + 10px))}.arena-plate:before,.arena-plate>.arena-shade{-webkit-mask:var(--cl-hole);-webkit-mask-composite:xor,source-in;mask:var(--cl-hole);mask-composite:exclude,intersect}.arena-plate{--cl-desat:.22}.arena-plate[data-arena=ash]{--cl-desat:.48}.arena-plate[data-arena=drowned]{--cl-desat:.6}.arena-plate[data-arena=ice]{--cl-desat:.32}.arena-plate[data-arena=forge],.arena-plate[data-arena=bone]{--cl-desat:.12}.arena-plate[data-arena=mycelium]{--cl-desat:.18}.arena-plate[data-arena=ember]{--cl-desat:.2}.arena-plate:before{background:rgb(128 128 128 / var(--cl-desat));mix-blend-mode:saturation}.arena-plate>.arena-shade{position:absolute;inset:0;background:#05060691}@media (max-width:650px) and (orientation:portrait){.arena-plate>.arena-shade{background:#05060685}}.arena-light{background:radial-gradient(closest-side,color-mix(in srgb,var(--c) 50%,transparent),color-mix(in srgb,var(--c) 19%,transparent) 52%,transparent)}.board:after{display:none}.board .lane-rest{color:#d6c8aa52}@media (min-width:1280px) and (min-height:571px){.board .token-body{overflow:visible}.board .token-body .token-atk{left:-3%;bottom:-2%}.board .token-body .token-hp{right:-3%;bottom:-2%}.board .lane .unit-slot{transition:scale .18s ease-out}.board[data-mode=pay] .foe-lane .unit-slot{scale:.86;transform-origin:50% 0}.board[data-mode=pay] .my-lane .unit-slot{scale:.86;transform-origin:50% 100%}.reduce-motion .board .lane .unit-slot{transition:none}}@media (min-width:1280px) and (min-height:571px) and (max-height:820px){.board .token-body .token-atk,.board .token-body .token-hp{bottom:0}.board[data-mode=pay] .foe-lane .unit-slot,.board[data-mode=pay] .my-lane .unit-slot{scale:.8}}.hand-card.ready .face{box-shadow:0 0 0 2.5px var(--cl-ember)}.hand-card.ready .face:after{box-shadow:inset 0 0 0 1px #ffecd247}.hand-card.ready .hand-visual:before,.hand-card.picked .hand-visual:before,.hand-card.can .hand-visual:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:3.8%/2.7%;pointer-events:none;box-shadow:0 0 26px 7px var(--cl-ember-glow)}.hand-card.ready.hovered .face{box-shadow:0 0 0 1.25px var(--cl-ember)}.hand-card.ready.hovered .hand-visual:before{box-shadow:0 0 12px 3px var(--cl-ember-glow)}.hand-card.picked .face{box-shadow:0 0 0 3px #ffb27c}.hand-card.picked .hand-visual:before{box-shadow:0 0 32px 9px #f08642a3}.hand-card.can .face{box-shadow:0 0 0 2.5px var(--cl-ivory)}.hand-card.can .hand-visual:before{box-shadow:0 0 24px 6px var(--cl-ivory-glow)}.board .token.ready .token-body{box-shadow:0 0 0 2.5px var(--cl-ember)}.board .token.ready:before{inset:-1px;border-radius:9px;box-shadow:0 0 26px 7px var(--cl-ember-glow)}.board .token.can{outline:0}.board .token.can .token-body{box-shadow:0 0 0 2.5px var(--cl-ivory)}.board .token.can:before{inset:-1px;border-radius:9px;box-shadow:0 0 24px 6px var(--cl-ivory-glow)}.board .token.picked{outline:0}.board .token.picked .token-body{box-shadow:0 0 0 3px #ffb27c}.board .token.picked:before{content:"";position:absolute;inset:-1px;border-radius:9px;pointer-events:none;box-shadow:0 0 32px 9px #f08642a3}.board .hero.can .hero-art{outline:0;box-shadow:0 0 0 3px var(--cl-ivory),0 0 28px 8px var(--cl-ivory-glow),0 8px 15px #000b}:root:not(.reduce-motion) .hand-card.ready:not(.hovered) .hand-visual:before,:root:not(.reduce-motion) .board .token.ready:before{animation:cl-breathe 2s ease-in-out infinite}@keyframes cl-breathe{0%,to{opacity:.62}50%{opacity:1}}.aim-line:not(.attack-intent){color:var(--cl-ember)}.aim-line:not(.attack-intent) .aim-shadow{stroke:#050606d9;stroke-width:9}.aim-line:not(.attack-intent) .aim-stroke{stroke-width:4;stroke-dasharray:15 7}.aim-line.snapped:not(.attack-intent){color:#ffb27c}.aim-line.snapped:not(.attack-intent) .aim-stroke{stroke-dasharray:none}.aim-line .aim-ring{stroke-width:3}@media (max-width:650px) and (orientation:portrait){.hand-card.ready .hand-visual:before{box-shadow:0 0 16px 4px var(--cl-ember-glow)}.board .token.ready:before{box-shadow:0 0 14px 4px var(--cl-ember-glow)}.board .token.can:before{box-shadow:0 0 14px 4px var(--cl-ivory-glow)}.hand-card.ready .face,.board .token.ready .token-body,.board .token.can .token-body{box-shadow:0 0 0 2px var(--cl-ember)}.board .token.can .token-body{box-shadow:0 0 0 2px var(--cl-ivory)}}@media (min-width:651px) and (min-height:571px){.board[data-mode=idle]:not([data-prompt=swap]) .first-hint:not(.hint-peek) .hint-callout{left:max(20px,calc((100vw - 1760px)/2 + 20px))!important;top:auto!important;bottom:56px;width:var(--lesson-w)!important;max-height:calc(var(--r5) - 64px);visibility:visible!important;min-height:0}.board .turn-counter{top:50%;translate:0 -50%;left:var(--tc);z-index:1;width:46px;padding:0;justify-content:center;border-image:none;background:none;filter:none}.board .turn-counter .icon{display:none}.board .turn-counter:after{content:"";position:absolute;right:0;top:7px;bottom:7px;width:1px;background:#c8b28859}.board .phase-marker{top:50%;bottom:auto;translate:0 -50%;left:var(--tc);padding-left:56px}}@media (min-width:651px) and (min-height:571px) and (max-height:879px){.board[data-mode=idle]:not([data-prompt=swap]) .first-hint:not(.hint-peek) .hint-callout .hint-demo{display:none}.board[data-mode=idle]:not([data-prompt=swap]) .first-hint:not(.hint-peek) .hint-callout{padding:9px 10px;gap:6px 8px}.board[data-mode=idle]:not([data-prompt=swap]) .first-hint:not(.hint-peek) .hint-callout p{grid-row:1;grid-column:1;font-size:14px;line-height:1.3}}@media (max-height:570px) and (orientation:landscape){.board[data-mode=idle]:not([data-prompt=swap]) .first-hint:not(.hint-peek) .hint-callout{left:max(8px,env(safe-area-inset-left))!important;top:auto!important;bottom:36px;width:min(250px,calc(50vw - var(--portrait) * .6 - 60px))!important;max-height:calc(var(--r5) - 42px);visibility:visible!important}}@media (max-width:650px) and (orientation:portrait){.board[data-mode=idle]:not([data-prompt=swap]) .first-hint:not(.hint-peek) .hint-callout{left:12px!important;top:138px!important;width:calc(100vw - 24px)!important;visibility:visible!important;min-height:0;padding:6px 8px;gap:4px 8px}.board[data-mode=idle]:not([data-prompt=swap]) .first-hint:not(.hint-peek) .hint-callout .hint-demo{display:none}.board[data-mode=idle]:not([data-prompt=swap]) .first-hint:not(.hint-peek) .hint-callout p{grid-row:1;grid-column:1;font-size:13.5px;line-height:1.28}.board[data-mode=idle]:not([data-prompt=swap]) .first-hint:not(.hint-peek) .hint-callout>.round{grid-row:1;grid-column:2;align-self:center;width:28px;height:28px}}.pass-turn-active,.move-notice:not(:empty),.end-warning,.damage-preview,.tucked-cost,.prompt:has(.healing-note){border:1px solid transparent;border-radius:0;background:var(--stone-field) padding-box;border-image:var(--stone-tag) 20 fill / 11px / 5px stretch;box-shadow:none;filter:drop-shadow(0 4px 7px #000a)}.damage-preview,.tucked-cost{border-image:var(--stone-tag) 20 fill / 8px / 1px stretch}.pass-turn-active{color:#f2dfaf}.end-warning{color:#f6d3b0}.damage-preview{color:#f3d2b6}.tucked-cost{color:#ffe0bf}.board .end:before{content:"";position:absolute;inset:-8px;z-index:-1;border-radius:50%;pointer-events:none;background:radial-gradient(circle,#030404d1 60%,#03040499 76%,#1a1c1b8c);box-shadow:inset 0 4px 9px #000c,0 1px #ffecce14}@media (max-width:650px) and (orientation:portrait){.board .end:before{inset:-4px}}.board .piles{isolation:isolate}.board .piles:before{content:"";position:absolute;inset:-9px -8px -7px;z-index:-1;border-radius:10px;pointer-events:none;background:#04050594;box-shadow:inset 0 3px 9px #000d,0 0 0 1px #ffecce12}.board .middle,.board[data-mode=pay] .middle{z-index:32}.board .aim-line{z-index:31}.board .swap-panel{z-index:33}.board .end-label{position:absolute;top:calc(100% + 4px);inset-inline:-22px;padding:4px 7px;border:1px solid #756347;border-radius:4px;background:#141816f5;color:#eee3cf;font:700 14px/1.15 var(--body);text-align:center}.board .end:disabled{filter:grayscale(.45) drop-shadow(0 5px 5px #0008)}.board .end:disabled>img,.board .end:disabled>.icon{opacity:.6}.board .end.pass .end-label{color:#fff0cf;border-color:#d3af76}.board .prompt.reply:not(.pay){padding:7px 10px;border:1px solid #807057;border-radius:5px;background:#151b17f5}.reply-heading{display:flex;flex-direction:column;gap:3px;font:700 17px/1.2 var(--body);color:#f1e2c5}.reply-heading small{font:14px/1.3 var(--body);color:#c4bdad}.card-advice{display:flex;align-items:flex-start;gap:7px;margin:0;color:#f2c69c;font:14px/1.35 var(--body)}.card-advice .icon{flex:none;margin-top:2px}.hand-help .card-advice,.inspection-notes .card-advice{margin-bottom:12px}.condition-cue{position:absolute;inset-inline-end:5px;top:25px;display:grid;place-items:center;width:24px;height:24px;border:1px solid #b88b5b;border-radius:50%;background:#271a12;color:#f4c494}.hand-card.conditional.ready .face{box-shadow:0 0 0 2px #b69865}.hand-card.conditional.ready .hand-visual:before{display:none}.board .pay-lines{min-width:0}.payment-healing{display:flex;gap:5px;align-items:center;color:#dfd4bd;font:13px/1.3 var(--body)}.payment-healing .icon{flex:none}.board .pay-lines>ul{list-style:none;padding:0;margin:0;display:grid;gap:4px}.board .pay-lines .card-advice{max-width:310px}.card-peek .peek-actions:has(.card-advice){flex-wrap:wrap}.card-peek .card-advice{flex-basis:100%;max-width:240px}.board .swap-panel{gap:10px}.swap-copy{flex-basis:100%;display:flex;flex-direction:column;gap:5px;font:14px/1.3 var(--body)}.swap-copy strong{color:#f0dfbd}.swap-copy span{color:#d5cbb6}.board .swap-panel .text-button{min-height:40px;padding:7px 8px;font-size:15px}.board .swap-panel .text-button .icon{width:17px;flex:none}.attack-outcome{display:flex;flex-direction:column;gap:3px;min-width:0;max-width:280px;font:14px/1.25 var(--body);color:#eee0c5}.attack-outcome strong{color:#f0caa5}.attack-outcome small{color:#c7c0b1}.hero-hit-preview{position:absolute;inset-inline-start:calc(100% + 10px);top:22%;padding:4px 8px;border-radius:4px;border:1px solid #cfb789;background:#151a17;white-space:nowrap;color:#f4dec1;font:700 14px/1.2 var(--body);pointer-events:none}.hand-toggle{display:none}@media (max-height:570px) and (orientation:landscape){.board .end-label{inset-inline:-18px 0;top:calc(100% + 2px);font-size:12px;padding:3px}.board .hand-toggle{display:flex;position:absolute;z-index:36;right:8px;bottom:5px;min-height:36px;gap:5px;padding:5px 9px;font:700 13px/1.2 var(--body)}.board.hand-expanded .hand-toggle{left:50%;right:auto;transform:translate(-50%);bottom:calc(var(--hand-draw) * 1.397 + 32px)}.board.hand-expanded .end{visibility:hidden}.board .hand.expanded{z-index:34;left:10px;right:10px;bottom:5px;width:auto;height:calc(var(--card-w) * 1.397 + 24px);transform:none;display:flex;align-items:flex-end;gap:12px;overflow-x:auto;overflow-y:hidden;padding:10px 12px 14px;border:1px solid #827255;border-radius:8px;background:#101613f5;box-shadow:0 -10px 24px #0009;touch-action:pan-x;overscroll-behavior:contain;scroll-padding-inline:12px}.board .hand.expanded .hand-slot{display:block;flex:none}.board .hand.expanded .hand-card{position:relative;left:auto;bottom:auto;width:var(--card-w)!important;touch-action:pan-x}.board .hand.expanded .hand-visual{transform:none;translate:none}.board .hand.expanded .hand-card.burn .hand-visual{filter:brightness(.85)}.board .hand.expanded .hand-card.burn .face{box-shadow:0 0 0 2px #dc9c62}.board .hand.expanded .hand-bridge{display:none}.board.hand-expanded[data-mode=pay] .prompt.pay{position:fixed;top:8px;left:max(8px,calc((100vw - 650px)/2));right:max(8px,calc((100vw - 650px)/2));width:auto;max-width:none;grid-template-columns:auto minmax(120px,1fr) auto;grid-template-areas:"head head head" "fuel lines go"}.board.hand-expanded[data-mode=pay] .pay-lines .card-advice{font-size:12px}.board.hand-expanded[data-mode=pay] .pay-fuel .payment-card{flex-basis:48px;width:48px;min-height:52px}.board.hand-expanded[data-mode=pay] .payment-name{font-size:10px}.board.hand-expanded .swap-panel{top:8px;left:50%;right:auto;transform:translate(-50%);width:min(340px,calc(100% - 24px));display:grid;grid-template-columns:48px 1fr auto}.board.hand-expanded .swap-panel .swap-card{grid-column:1;grid-row:1}.board.hand-expanded .swap-copy{grid-column:2;grid-row:1;font-size:13px}.board.hand-expanded .swap-panel .decision-button{grid-column:3;grid-row:1}.board.hand-expanded .first-hint.hint-pay,.board.hand-expanded .first-hint.hint-swap{display:none}.reply-heading{font-size:14px}.reply-heading small{font-size:12px}.attack-outcome{font-size:12px;max-width:210px}}@media (max-width:650px) and (orientation:portrait){.board .end-label{inset-inline:-24px 0;font-size:11px}.hero-hit-preview{inset-inline-start:auto;inset-inline-end:calc(100% + 8px);top:-25px;font-size:12px}.board .swap-panel{top:48px;max-width:calc(100% - 24px);display:grid;grid-template-columns:48px minmax(0,1fr)}.board .swap-panel .swap-card{grid-column:1;grid-row:1 / 3}.board .swap-copy{grid-column:2;grid-row:1;font-size:13px}.board .swap-panel .decision-button{grid-column:2;grid-row:2}.board .swap-panel .text-button{width:100%;justify-content:center}.reply-heading{font-size:14px}.reply-heading small{max-width:125px;font-size:12px}}.stage .board .hand .hand-card{--hand-rim:transparent;--hand-light:transparent;--hand-halo:0px;--hand-stroke:1px}.stage .board .hand .hand-visual{border-radius:3.8%/2.7%}.stage .board .hand .hand-card .face,.stage .board .hand .hand-card:is(.ready,.picked,.can,.fuel,.burn) .face{box-shadow:none}.stage .board .hand .hand-card .face:after,.stage .board .hand .hand-card .hand-visual:before{content:none;box-shadow:none;animation:none}.stage .board .hand .hand-card .hand-visual:after{content:"";position:absolute;inset:1.5% 2%;z-index:4;border:var(--hand-stroke) solid var(--hand-rim);border-radius:2.5%/1.8%;box-shadow:0 0 var(--hand-halo) var(--hand-light);pointer-events:none}.stage .board .hand .hand-card.ready{--hand-rim:rgb(194 161 114 / .7)}.stage .board .hand .hand-card.ready .hand-visual{filter:drop-shadow(0 8px 10px #000c)}.stage[data-cues] .board .hand .hand-card.ready{--hand-rim:transparent}.stage .board .hand .hand-card.hovered:not(.unplayable,.unavailable){--hand-rim:#d9b889;--hand-light:rgb(218 165 100 / .22);--hand-halo:5px}.stage .board .hand .hand-card.picked{--hand-stroke:1.5px;--hand-rim:#edc08d;--hand-light:rgb(231 158 87 / .32);--hand-halo:10px}.stage .board .hand .hand-card.picked .hand-visual{filter:drop-shadow(0 12px 14px #000c)}.stage .board .hand .hand-card.can{--hand-rim:#f1e3c4;--hand-light:rgb(241 227 196 / .22);--hand-halo:7px}.stage .board .hand .hand-card:focus-visible .hand-visual{outline:none}.stage .board .hand .hand-card:focus-visible .hand-visual:after{border-color:transparent;outline:2px solid var(--focus);outline-offset:0;box-shadow:0 0 0 1px #171b17}.stage[data-cues=c] .board .hand .hand-card:is(.ready,.hovered,.picked,.can){--hand-rim:transparent}@media (forced-colors:active){.stage .board .hand .hand-card:is(.ready,.picked,.can),.stage .board .hand .hand-card:focus-visible{outline:none}.stage .board .hand .hand-card:is(.ready,.picked,.can,:focus-visible) .hand-visual:after{border-color:transparent;outline:2px solid Highlight;outline-offset:0;box-shadow:none}}.stage.edge{--r1:var(--e-seat);--r5:var(--e-seat);--r3:var(--e-mid);--rail:max(0px, calc(var(--e-side) - 22px));--cl-hw:calc(var(--e-bw) / 2 - var(--cl-pad) - var(--cl-in))}.stage.edge .board{width:min(100%,var(--e-bw));grid-template-rows:1fr var(--e-row) var(--e-mid) var(--e-row) 1fr;--hand-side:var(--e-hand-side)}.stage.edge .board .foe-lane,.stage.edge .board .my-lane{margin-inline:max(0px,calc(var(--e-side) - 22px))}.stage.edge .board .hero{position:absolute;display:block;min-width:0;gap:0;transform:none;width:var(--e-cls);height:var(--e-cls-h);right:auto;bottom:auto}.stage.edge .board .hero.you{left:calc(var(--e-cls-x) + env(safe-area-inset-left,0px));top:var(--e-cls-y)}.stage.edge .board .hero.foe{left:calc(100% - var(--e-cls-x) - var(--e-cls) - env(safe-area-inset-right,0px));top:calc(100% - var(--e-cls-y) - var(--e-cls-h))}.stage.edge .board .hero>:first-child{display:block;width:100%;height:100%}.stage.edge .board .hero-art{display:block;width:100%;height:100%;padding:0;border:0;border-radius:4%/2.9%;background:#0e1110;box-shadow:0 2px 2px #000c,0 10px 16px #000a}.stage.edge .board .hero-art>.face{position:absolute;inset:0;pointer-events:none}.stage.edge .board .hero.active .hero-art:after{content:"";position:absolute;inset:-5px;z-index:1;border:1px solid rgb(214 186 132 / .55);border-radius:7%/5%;pointer-events:none}.stage.edge .board.arriving-you .hero.you .hero-art:after,.stage.edge .board.arriving-foe .hero.foe .hero-art:after{animation:edge-arrival 1.5s ease-out}@keyframes edge-arrival{15%,65%{border-color:#f5c880f2;box-shadow:0 0 16px 2px #e5965073,inset 0 0 10px #e5965040}}.reduce-motion .stage.edge .board .hero .hero-art:after{animation:none}.stage.edge .board .hero.can .hero-art{box-shadow:0 0 0 3px var(--cl-ivory),0 0 28px 8px var(--cl-ivory-glow),0 8px 15px #000b}.stage.edge .board .hero.can .hero-art:before{inset:-8px;border-radius:7%/5%}.stage.edge .board .hero.critical .hero-art{box-shadow:0 0 0 2px #7e4830,0 10px 16px #000c}.stage.edge .board .hero.last-hit .hero-art{box-shadow:0 0 0 2px #c27c51,0 0 18px 4px #c56b3c50}.stage.edge .board .hero .hero-art>.life{--gem:clamp(30px, calc(var(--e-cls) * .34), 50px);left:calc(50% - var(--gem) / 2);right:auto;top:calc(var(--gem) * -.42);bottom:auto;transform:none;z-index:2;width:var(--gem);height:calc(var(--gem) * 1.04);min-width:0;font-size:calc(var(--gem) * .72)}.stage.edge .board .hero.foe .hero-art>.life{top:auto;bottom:calc(var(--gem) * -.42)}.stage.edge .board .hero-danger{z-index:3;right:auto;left:calc(50% + clamp(30px,calc(var(--e-cls) * .34),50px)/2 + 2px);top:-6px;bottom:auto}.stage.edge .board .hero.foe .hero-danger{left:auto;right:calc(50% + clamp(30px,calc(var(--e-cls) * .34),50px)/2 + 2px);top:auto;bottom:-6px}.stage.edge .board .hero-law,.stage.edge .board .hero-law.passive{--law:clamp(26px, calc(var(--e-cls) * .3), 44px);inset:auto 6% 9% auto;width:var(--law);height:var(--law);z-index:3}.stage.edge .board .hero.foe .hero-law{bottom:22%}.stage.edge .board .hero-law .icon{width:58%}.stage.edge .board .emote-mute.round{left:auto;right:-6px;top:-6px;width:24px;height:24px;z-index:3}.stage.edge .board .hero.you .emote-radial{left:calc(50% - 97px);top:calc(50% - 97px);bottom:auto}.stage.edge .board .hero.you .emote-bubble{left:calc(50% - 31px);right:auto;top:auto;bottom:calc(100% + 24px)}.stage.edge .board .hero.foe .emote-bubble{left:auto;right:calc(100% + 10px);top:18%}.stage.edge .board .hero-hit-preview{inset-inline-start:auto;inset-inline-end:calc(100% + 10px);top:30%}.stage.edge[data-corners] .board .hero.foe .hero-law{right:auto;left:6%}.stage.edge[data-corners] .board .hero.foe .emote-mute.round{right:auto;left:-6px}.stage.edge[data-corners] .board .swap-panel{top:calc(var(--e-m) + 42px)}.stage.edge .board .hero .embers{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}.stage.edge .ember-place{--ew:var(--e-ember);--eh:var(--e-ember-h);--k:0;--s:0;--er:0deg;--lx:calc(var(--e-m) - var(--e-cls-x) + var(--e-arc-r) * var(--k));--ty:calc(var(--e-arc-y) - var(--e-cls-y) + var(--e-arc-r) * var(--s) - var(--eh) / 2);position:absolute;width:var(--ew);height:var(--eh);left:var(--lx);top:var(--ty);z-index:var(--i);transform:rotate(var(--er));display:block!important}.stage.edge .ember-place[data-slot="0"]{--k:.04894;--s:-.30902;--er:18deg}.stage.edge .ember-place[data-slot="1"]{--k:.01231;--s:-.15643;--er:9deg}.stage.edge .ember-place[data-slot="3"]{--k:.01231;--s:.15643;--er:-9deg}.stage.edge .ember-place[data-slot="4"]{--k:.04894;--s:.30902;--er:-18deg}.stage.edge .hero.foe .ember-place{left:calc(var(--e-cls) - var(--lx) - var(--ew));top:calc(var(--e-cls-h) - var(--ty) - var(--eh));transform:rotate(var(--er))}.stage.edge .board .ember{border-radius:5%/3.6%;box-shadow:0 1px 1px #000c,0 5px 8px #000a}.stage.edge .board .ember-empty{border-radius:5%/3.6%;border-color:#ad9a7133;background:#090e101f;box-shadow:none}.stage.edge .board .hero.you .ember-pips{top:2px;bottom:auto}.stage.edge .board .hero.you .ember.next .ember-pips{top:auto;bottom:2px}.stage.edge .board .ember.next{outline-offset:1px}.stage.edge .board .hero.you .ember-next{top:auto;bottom:-14px}.stage.edge .board .hero.foe .ember-next{top:-14px}.stage.edge .board .piles{position:absolute;gap:20px;padding:0;transform:none;translate:none;flex-direction:row;align-items:flex-start}.stage.edge .board .board-bottom .piles{left:auto;right:calc(var(--e-m) + env(safe-area-inset-right,0px));top:var(--e-piles-y);bottom:auto}.stage.edge .board .board-top .piles{right:auto;left:calc(var(--e-m) + env(safe-area-inset-left,0px));top:auto;bottom:var(--e-foe-piles-y)}.stage.edge .board .pile .face,.stage.edge .board .pile .back,.stage.edge .board .empty-pile{width:var(--e-pile)!important;height:var(--e-pile-h)!important}.stage.edge .board .pile .face-inner{transform:scale(var(--e-pile-k))!important}.stage.edge .board .piles:before{inset:-8px -8px -6px}.stage.edge .board .hand{--hand-bottom:min(8px, calc(var(--e-seat) - var(--e-g) - var(--card-w) * 1.397));--step:min(calc(var(--card-w) * .79),calc((var(--e-bw) - 2 * var(--hand-side) - var(--card-w)) / max(1,var(--cards) - 1)))!important}.stage.edge .board .foe-hand{left:50%;top:calc(var(--e-seat) * -.16)}.stage.edge .board .foe-hand>div{margin-inline:calc(var(--e-pile) * -.3)}.stage.edge .board .end{right:calc(var(--e-end-r) - 18px + env(safe-area-inset-right,0px));top:calc(100% + 10px);bottom:auto;translate:none}.stage.edge .board .end-label{inset-inline:-30px calc(var(--e-m) - var(--e-end-r));white-space:nowrap}.stage.edge .board .end-warning{right:calc(var(--e-end-r) - 18px);top:50%;bottom:auto;translate:0 -50%}.stage.edge .board .table-tools{left:calc(var(--e-m) + env(safe-area-inset-left,0px));top:var(--e-m);bottom:auto}.stage.edge .board .pass-turn-active{left:auto;right:calc(var(--e-cls-x) + var(--e-cls) + 14px);top:var(--e-m)}.stage.edge .board .decision-context{top:calc(var(--e-rail-top) + 4px);right:calc(var(--e-m) + var(--e-arc-w) + 10px);left:auto;transform:none}.stage.edge .board .decision-context>.face{width:var(--e-ctx)!important;height:calc(var(--e-ctx) * 1.3968)!important}.stage.edge .board .decision-context>.face>.face-inner{transform:scale(var(--e-ctx-k))!important}.stage.edge .board .decision-context .context-attack{gap:4px;padding:3px}.stage.edge .board .decision-context .context-attack .icon{width:18px;height:18px}.stage.edge .board .decision-context .context-attack img{width:24px;height:30px}.stage.edge .board .enemy-reveal{left:calc(var(--e-m) + 8px);right:auto;top:calc(var(--e-rail-left-top) + 4px)}.stage.edge:where(:not(.compact)) .board .swap-panel{left:calc(var(--e-m) + 8px);top:calc(var(--e-rail-left-top) + 4px);bottom:auto;transform:none;width:clamp(110px,calc(var(--e-side) - var(--e-m) - 22px),240px)}.stage.edge:where(:not(.compact)) .board .swap-card .face{width:var(--e-swap)!important;height:calc(var(--e-swap) * 1.3968)!important}.stage.edge:where(:not(.compact)) .board .swap-card .face-inner{transform:scale(var(--e-swap-k))!important}@media (min-width:651px){.stage.edge:where(:not(.compact)) .board[data-mode=idle]:not([data-prompt=swap]) .first-hint:not(.hint-peek) .hint-callout{left:calc(var(--e-m) + 8px + env(safe-area-inset-left,0px))!important;top:calc(var(--e-rail-left-top) + 6px)!important;bottom:auto;width:min(var(--lesson-w),calc(var(--e-side) - var(--e-m) - 22px))!important;max-height:calc(var(--e-row) + var(--e-mid) / 2 - 40px - (var(--e-rail-left-top) - var(--e-seat)));overflow:auto}}@media (max-height:570px){.stage.edge:where(:not(.compact)) .board{--tc:18px}.stage.edge:where(:not(.compact)) .board .turn-counter{top:50%;translate:0 -50%;left:var(--tc);z-index:1;width:46px;padding:0;justify-content:center;gap:8px;border-image:none;background:none;filter:none;font-size:21px}.stage.edge:where(:not(.compact)) .board .turn-counter .icon{display:none}.stage.edge:where(:not(.compact)) .board .turn-counter:after{content:"";position:absolute;right:0;top:7px;bottom:7px;width:1px;background:#c8b28859}.stage.edge:where(:not(.compact)) .board .phase-marker{top:50%;bottom:auto;translate:0 -50%;left:var(--tc);padding-left:56px}.stage.edge:where(:not(.compact)) .board .table-tools{transform:none;width:auto;gap:8px}.stage.edge:where(:not(.compact)) .board .table-tools .round{width:34px;height:34px}}.stage.edge:where(.compact) .board .end{width:var(--e-end);height:var(--e-end);top:calc(100% + 6px)}.stage.edge:where(.compact) .board .end .icon{width:20px}.stage.edge:where(.compact) .board .end-label{inset-inline:-44px calc(var(--e-m) - var(--e-end-r));top:calc(100% + 2px)}.stage.edge:where(.compact) .board .turn-counter{top:50%;translate:0 -50%;left:var(--tc);z-index:1;width:38px;padding:0;justify-content:center;border-image:none;background:none;filter:none;font-size:17px}.stage.edge:where(.compact) .board .turn-counter .icon{display:none}.stage.edge:where(.compact) .board .turn-counter:after{content:"";position:absolute;right:0;top:6px;bottom:6px;width:1px;background:#c8b28859}.stage.edge:where(.compact) .board .phase-marker{top:50%;bottom:auto;translate:0 -50%;left:var(--tc);padding-left:46px}.stage.edge:where(.compact) .board .table-tools{left:calc(var(--e-m) + var(--e-piles-w) + 14px + env(safe-area-inset-left,0px));top:var(--e-m)}.stage.edge:where(.compact) .board:not(.hand-expanded) .hand-toggle{right:calc(var(--e-m) + var(--e-piles-w) + 10px + env(safe-area-inset-right,0px));bottom:var(--e-m)}.stage.edge:where(.compact) .board .hero .hero-art>.life{--gem:24px;font-size:17px}.stage.edge:where(.compact) .board .hero-law,.stage.edge:where(.compact) .board .hero-law.passive{--law:24px}.stage.edge:where(.compact) .board .hero-law .icon{width:15px}.stage.edge:where(.compact) .board .emote-mute.round{width:20px;height:20px}.stage.edge:where(.compact) .board .table-tools{gap:2px}.stage.edge:where(.compact) .board .piles{gap:10px}.stage.edge:where(.compact) .board .pile>span:last-child{font-size:13px}.stage.edge:where(.compact) .board .ember-pips{display:none}.stage.edge:where(.compact) .board[data-mode=idle]:not([data-prompt=swap]) .first-hint:not(.hint-peek) .hint-callout{left:calc(var(--e-m) + 4px + env(safe-area-inset-left,0px))!important;top:calc(var(--e-seat) + 4px)!important;bottom:auto;width:min(250px,calc(var(--e-side) - var(--e-m) - 10px))!important;max-height:calc(var(--e-row) + var(--e-mid) / 2 - 20px);overflow:auto}.stage[data-cues]{--cu-bronze:#c2a172;--cu-bronze-glow:rgb(194 161 114 / .28);--cu-ember:#f39a5c;--cu-ivory:#f1e3c4;--cu-round:7.2% / 5.8%}.stage[data-cues] .hand-card.ready .face,.stage[data-cues] .hand-card.conditional.ready .face{box-shadow:none}.stage[data-cues] .hand-card.ready .face:after{box-shadow:none}.stage[data-cues] .hand-card.ready .hand-visual:before{content:none;animation:none}.stage[data-cues] .hand-card.unplayable .hand-visual{filter:brightness(.6) saturate(.5) drop-shadow(0 7px 8px #000b)}.stage[data-cues] .hand-card.unplayable.hovered .hand-visual{filter:brightness(.9) saturate(.7) drop-shadow(0 14px 12px #000c)}.stage[data-cues] .hand-card.ready.hovered .face{box-shadow:0 0 0 1.5px var(--cu-ember),0 0 18px 3px #f0864252}.stage[data-cues] .hero-hit-preview{display:none}.stage[data-cues] .board .hero-law.ready{border-color:var(--cu-bronze);box-shadow:0 0 0 1.5px #c2a17280,0 0 10px var(--cu-bronze-glow),2px 5px 8px #0009}.stage[data-cues] .board .token.ready:after{display:none}.stage[data-cues] .board .token.ready .token-body,.stage[data-cues] .board .token.can .token-body,.stage[data-cues] .board .token.picked .token-body{box-shadow:none}.stage[data-cues] .board .token.ready:before,.stage[data-cues] .board .token.can:before,.stage[data-cues] .board .token.picked:before{animation:none}.stage[data-cues] .board .token:focus-visible{outline:2px solid var(--focus);outline-offset:5px}.stage[data-cues] .board .token{transition:transform .15s,translate .18s ease-out,filter .18s}.stage[data-cues=a] .board .token.ready,.stage[data-cues=a] .board .token.picked,.stage[data-cues=d] .board .token.ready,.stage[data-cues=d] .board .token.picked{translate:0 -5px;filter:drop-shadow(0 5px 3px rgb(0 0 0 / .78)) drop-shadow(0 20px 16px rgb(0 0 0 / .6))}.stage[data-cues=a] .board .token.ready .token-frame,.stage[data-cues=a] .board .token.picked .token-frame,.stage[data-cues=d] .board .token.ready .token-frame,.stage[data-cues=d] .board .token.picked .token-frame{filter:contrast(1.14) brightness(1.14) sepia(.34) saturate(1.6)}.stage[data-cues=a] .board .token.ready:before,.stage[data-cues=a] .board .token.picked:before,.stage[data-cues=d] .board .token.ready:before,.stage[data-cues=d] .board .token.picked:before{content:"";position:absolute;inset:auto -10% -13%;height:32%;z-index:-1;border-radius:50%;pointer-events:none;box-shadow:none;background:radial-gradient(closest-side,rgb(240 128 60 / .5),rgb(240 128 60 / .16) 62%,transparent);filter:blur(3px)}.stage[data-cues=a] .board .token.picked:before,.stage[data-cues=d] .board .token.picked:before{background:radial-gradient(closest-side,rgb(250 140 66 / .8),rgb(240 128 60 / .26) 62%,transparent)}.stage[data-cues=a] .board .token.picked,.stage[data-cues=d] .board .token.picked{translate:0 -8px}.stage[data-cues=a] .board .token.can:before,.stage[data-cues=d] .board .token.can:before{inset:-4px;border-radius:var(--cu-round);box-shadow:0 0 0 1.5px var(--cu-ivory),0 0 16px 3px #f1e3c442}.stage[data-cues=a] .board .hero.can .hero-art,.stage[data-cues=d] .board .hero.can .hero-art{box-shadow:0 0 0 1.5px var(--cu-ivory),0 0 18px 4px #f1e3c43d,0 8px 15px #000b}.stage[data-cues=a] .hand-card.can .face,.stage[data-cues=d] .hand-card.can .face{box-shadow:0 0 0 1.5px var(--cu-ivory)}.stage[data-cues=a] .hand-card.can .hand-visual:before,.stage[data-cues=d] .hand-card.can .hand-visual:before{box-shadow:0 0 16px 3px #f1e3c442}.stage[data-cues=b] .board .token.ready:before,.stage[data-cues=b] .board .token.can:before,.stage[data-cues=b] .board .token.picked:before,.stage[data-cues=b] .board .hero.can .hero-art:before,.stage[data-cues=b] .hand-card.can .hand-visual:before{--c:rgb(194 161 114 / .92);--a:clamp(10px,13%,20px);--w:2px;content:"";position:absolute;inset:-4px;z-index:6;border:0;border-radius:0;box-shadow:none;pointer-events:none;filter:drop-shadow(0 1px 1px #000d);background:linear-gradient(var(--c) 0 0) top left / var(--a) var(--w),linear-gradient(var(--c) 0 0) top left / var(--w) var(--a),linear-gradient(var(--c) 0 0) top right / var(--a) var(--w),linear-gradient(var(--c) 0 0) top right / var(--w) var(--a),linear-gradient(var(--c) 0 0) bottom left / var(--a) var(--w),linear-gradient(var(--c) 0 0) bottom left / var(--w) var(--a),linear-gradient(var(--c) 0 0) bottom right / var(--a) var(--w),linear-gradient(var(--c) 0 0) bottom right / var(--w) var(--a);background-repeat:no-repeat}.stage[data-cues=b] .board .token.can:before,.stage[data-cues=b] .board .hero.can .hero-art:before,.stage[data-cues=b] .hand-card.can .hand-visual:before{--c:var(--cu-ivory)}.stage[data-cues=b] .board .token.picked:before{--c:var(--cu-ember);--w:2.5px}.stage[data-cues=b] .board .hero.can .hero-art:before{inset:-6px}.stage[data-cues=b] .board .hero.can .hero-art{box-shadow:0 8px 15px #000b}.stage[data-cues=b] .hand-card.can .face{box-shadow:none}.stage[data-cues=c] .board .token.ready,.stage[data-cues=c] .board .token.picked{translate:0 -6px;filter:drop-shadow(0 6px 3px rgb(0 0 0 / .8)) drop-shadow(0 22px 18px rgb(0 0 0 / .62))}.stage[data-cues=c] .board .token.ready:before,.stage[data-cues=c] .board .token.picked:before{content:"";position:absolute;inset:auto -16% -18%;height:42%;z-index:-1;border-radius:50%;pointer-events:none;box-shadow:none;background:radial-gradient(closest-side,rgb(240 128 60 / .62),rgb(240 128 60 / .2) 60%,transparent);filter:blur(5px)}.stage[data-cues=c] .board .token.picked{translate:0 -10px}.stage[data-cues=c] .board .token.picked:before{background:radial-gradient(closest-side,rgb(255 150 70 / .9),rgb(240 128 60 / .3) 60%,transparent)}.stage[data-cues=c] .board .token.can{translate:0 -3px;filter:brightness(1.14) drop-shadow(0 4px 3px rgb(0 0 0 / .78)) drop-shadow(0 18px 14px rgb(0 0 0 / .55))}.stage[data-cues=c] .board .token.can:before{content:none}.stage[data-cues=c] .board .token.target-dim{opacity:.32;filter:saturate(.3) brightness(.8)}.stage[data-cues=c] .board .hero.can .hero-art{box-shadow:0 0 34px 8px #f1e3c433,0 8px 15px #000b;filter:brightness(1.12)}.stage[data-cues=c] .board[data-mode=attack] .hand-card .hand-visual,.stage[data-cues=c] .board[data-mode=target] .hand-card:not(.picked,.can) .hand-visual{filter:brightness(.5) saturate(.5) drop-shadow(0 7px 8px #000b)}.stage[data-cues=c] .board[data-mode=attack] .hero:not(.can) .hero-art,.stage[data-cues=c] .board[data-mode=target] .hero:not(.can) .hero-art{filter:brightness(.7)}.stage[data-cues=c] .hand-card.ready.hovered .face{box-shadow:0 0 22px 4px #f086424d}.stage[data-cues=c] .hand-card.picked .face,.stage[data-cues=c] .hand-card.can .face{box-shadow:none}.stage[data-cues=c] .hand-card.can .hand-visual{filter:brightness(1.1) drop-shadow(0 0 14px rgb(241 227 196 / .3))}.stage[data-cues] .board[data-aim-side=right] .decision-area{translate:min(260px,18vw) 0}.stage[data-cues] .board[data-aim-side=left] .decision-area{translate:max(-260px,-18vw) 0}:root:not(.reduce-motion) .stage[data-cues] .board[data-aim-side] .decision-area{transition:translate .16s ease-out}.stage[data-cues] .aim-line.cue-line .cue-cool{stop-color:#7d3214;stop-opacity:.3}.stage[data-cues] .aim-line.cue-line .cue-hot{stop-color:#ffb27c;stop-opacity:1}.stage[data-cues] .aim-line.cue-line .cue-glow{fill:#ee742e5c}.stage[data-cues] .aim-line.cue-line .cue-core{stroke-width:1.2;stroke-linecap:round;opacity:.85}.stage[data-cues] .aim-line.cue-line:not(.snapped) .cue-glow{fill:#ee742e3d}.stage[data-cues] .aim-line.cue-line .cue-rim{fill:none;stroke:#ffc996;stroke-width:2;filter:drop-shadow(0 0 7px rgb(255 150 80 / .7))}.stage[data-cues] .aim-line.cue-line .cue-corners{fill:none;stroke:#ffc996;stroke-width:3;stroke-linecap:square;filter:drop-shadow(0 0 5px rgb(255 150 80 / .6))}.stage[data-cues] .aim-line.cue-line .cue-spark{fill:#ffb27c;stroke:none;filter:drop-shadow(0 0 4px rgb(255 140 60 / .9))}.stage[data-cues] .aim-line.cue-line .cue-pool{fill:#ffc88c33;mix-blend-mode:screen}:root:not(.reduce-motion) .stage[data-cues] .aim-line.cue-line .cue-spark{animation:cu-spark 1.1s linear infinite;animation-delay:calc(var(--i) * 90ms)}@keyframes cu-spark{0%,to{opacity:.45}30%{opacity:1}}.stage[data-cues] .aim-line.cue-line.attack-intent .cue-cool{stop-color:#6d6658}.stage[data-cues] .aim-line.cue-line.attack-intent .cue-hot{stop-color:#e6d8bb}.stage[data-cues] .aim-line.cue-line.attack-intent .cue-glow{fill:#d6c8aa38}.stage[data-cues] .aim-line.cue-line.attack-intent .cue-rim,.stage[data-cues] .aim-line.cue-line.attack-intent .cue-corners{stroke:#e6d8bb;filter:drop-shadow(0 0 6px rgb(230 216 187 / .5))}.stage[data-cues] .aim-line.cue-line.attack-intent .cue-spark{fill:#e6d8bb;filter:drop-shadow(0 0 4px rgb(230 216 187 / .7))}.stage[data-units=cards]{--cu-round:3.8% / 2.7%}.stage[data-units=cards] .board .token.card-unit{border-radius:3.8%/2.7%}.stage[data-units=cards] .board .card-unit .token-body{border:0;border-radius:3.8%/2.7%;background:none;overflow:visible}.stage[data-units=cards] .board .card-unit .token-body>.face{position:absolute;inset:0;pointer-events:none}.stage[data-units=cards] .board .card-unit .token-body:after{content:none}.stage[data-units=cards] .board .card-unit .face-stat-overlay,.stage[data-units=cards] .board .card-unit .face-atk,.stage[data-units=cards] .board .card-unit .face-hp{display:none}.stage[data-units=cards] .board .card-unit .token-icons{left:5%;top:13.5%}.stage[data-units=cards] .board .card-unit.exhausted .face-art{filter:saturate(.35) brightness(.72)}.stage[data-units=cards] .board .card-unit.shielded .face-art{filter:saturate(.72)}.stage[data-units=cards] .board[data-mode=pay] .card-unit[data-lazy-ready=true] .face-art,.stage[data-units=cards] .board[data-mode=target] .card-unit[data-lazy-ready=true] .face-art{filter:grayscale(.6) brightness(.6)}.stage[data-units=cards] .board .card-unit .stack-sheet{border-radius:3.8%/2.7%}.stage[data-units=cards][data-cues=a] .board .card-unit:is(.ready,.picked) .token-body,.stage[data-units=cards][data-cues=d] .board .card-unit:is(.ready,.picked) .token-body{box-shadow:0 0 0 1px #d6b27acc,0 0 14px 2px #c2a1724d}.stage[data-units=cards][data-cues=a] .board .card-unit:is(.ready,.picked) .token-body:after,.stage[data-units=cards][data-cues=d] .board .card-unit:is(.ready,.picked) .token-body:after{content:"";inset:0;z-index:1;background:none;border-radius:3.8%/2.7%;box-shadow:inset 0 0 0 3px #deaa6680}.arena-plate[data-arena=dusk],.arena-plate[data-arena=waste],.arena-plate[data-arena=wastedusk]{width:max(calc(100vw + 16px),calc((100dvh + 16px) * 2560 / 1429));aspect-ratio:2560 / 1429}.arena-plate:is([data-arena=dusk],[data-arena=waste],[data-arena=wastedusk]):before,.arena-plate:is([data-arena=dusk],[data-arena=waste],[data-arena=wastedusk])>.arena-shade,.board:is([data-arena=dusk],[data-arena=waste],[data-arena=wastedusk])>:is(.table-surface,.table-grain){display:none}.arena-plate>.arena-layer{position:absolute;inset:0;background:center / 100% 100% no-repeat;pointer-events:none;opacity:0;transition:opacity .5s ease-out}.arena-plate>.arena-layer.near{inset:-4%}.arena-plate>.arena-layer.ready{opacity:1}@media (hover:hover) and (pointer:fine){.arena-plate>.arena-layer.mid{translate:calc(var(--px, 0px) * .15) calc(var(--py, 0px) * .15);transition:opacity .5s ease-out,translate .7s cubic-bezier(.2,.7,.3,1)}.arena-plate>.arena-layer.near{translate:calc(var(--px, 0px) * 1.6) calc(var(--py, 0px) * 1.6);transition:opacity .5s ease-out,translate .7s cubic-bezier(.2,.7,.3,1)}}.reduce-motion .arena-plate>.arena-layer{translate:none;transition:none}.stage:not(.edge) .arena-plate>.arena-layer{display:none}@media (max-aspect-ratio: 3/2),(max-height:570px){.arena-plate>.arena-layer.mid{display:none}}.arena-plate[data-rows]>.arena-layer.mid{--hole:linear-gradient(#000 0 0), linear-gradient(transparent calc(var(--rows-y0) - 34px),#000 calc(var(--rows-y0) - 10px),#000 calc(var(--rows-y1) + 10px),transparent calc(var(--rows-y1) + 34px)), linear-gradient(90deg,transparent calc(var(--rows-x0) - 34px),#000 calc(var(--rows-x0) - 10px),#000 calc(var(--rows-x1) + 10px),transparent calc(var(--rows-x1) + 34px));-webkit-mask:var(--hole);-webkit-mask-composite:xor,source-in;mask:var(--hole);mask-composite:exclude,intersect}.arena-plate:is([data-arena=waste],[data-arena=wastedusk]) .arena-light:after{content:"";position:absolute;inset:-15%;border-radius:50%;opacity:0;pointer-events:none;background:radial-gradient(closest-side,color-mix(in srgb,var(--c) 55%,transparent),color-mix(in srgb,var(--c) 18%,transparent) 55%,transparent)}.arena-plate:is([data-arena=waste],[data-arena=wastedusk]) .arena-light.flare:after{animation:surface-flare .9s ease-out}@keyframes surface-flare{0%{opacity:0}18%{opacity:1}to{opacity:0}}.surface-tap{position:fixed;z-index:30;width:0;height:0;pointer-events:none}.surface-tap i{position:absolute;left:0;top:0;translate:-50% -50%;animation:surface-chip .7s cubic-bezier(.2,.7,.35,1) var(--delay) both}@keyframes surface-chip{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(var(--dx),calc(var(--dy) + 6px)) rotate(var(--rot));opacity:0}}.surface-tap[data-m=stone] i{width:4px;height:3.5px;border-radius:1px;background:#cdc7bc;box-shadow:0 1px 1.5px #000c}.surface-tap[data-m=stone] i:nth-child(odd){width:3px;height:2.5px;background:#9e978d}.surface-tap[data-m=wood] i{width:2px;height:9px;border-radius:1px;background:#9a7048;box-shadow:0 1px 1.5px #000c}.surface-tap[data-m=earth] i{width:3px;height:3px;border-radius:50%;background:#cbbfa8;box-shadow:0 1px 1px #0008}.surface-tap[data-m=earth]:before{content:"";position:absolute;left:0;top:0;width:48px;height:28px;translate:-50% -50%;border-radius:50%;background:radial-gradient(closest-side,rgb(206 196 176 / .58),rgb(206 196 176 / .22) 60%,transparent);animation:surface-dust 1s ease-out both}@keyframes surface-dust{0%{scale:.35;opacity:0}20%{opacity:1}to{scale:1.5 1.25;opacity:0}}.surface-tap[data-m=fire] i{width:3px;height:3px;border-radius:50%;background:#ffe0b0;box-shadow:0 0 6px 2px #ff8232e6;animation:surface-spark 1.05s ease-out var(--delay) both}@keyframes surface-spark{0%{transform:translate(0);opacity:1}to{transform:translate(calc(var(--dx) * .7),calc(-46px - var(--dy) * .6));opacity:0}}.surface-debug{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;mix-blend-mode:normal}