:root{--ink-0: #04060c;--ink-1: #080c16;--ink-2: #0e1522;--ink-3: #172136;--ink-4: #23304c;--line: #2a3a58;--line-soft: #21304c80;--brass: #aebfd8;--brass-hi: #e8f0fb;--brass-dim: #5c6c88;--gold-glow: #4fb4ff;--blue: #2f7fe0;--blue-hi: #63a6ff;--blue-glow: #4fb4ff;--vermil: #e0432c;--vermil-hi: #ff5b45;--paper: #e7edf6;--paper-dim: #94a2ba;--paper-faint: #5a687f;--cyan: #6fd4ee;--atk: #ff6a44;--def: #5aa6ee;--good: #63c47a;--mono: "SF Mono", ui-monospace, "Roboto Mono", Menlo, Consolas, monospace;--ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, system-ui, sans-serif;--sans: var(--ui);--serif: "AppleMyungjo", "Apple SD Gothic Neo", "Batang", "Times New Roman", serif;--serif-latin: Georgia, "Times New Roman", serif;--gothic-ui: "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;--card-h: clamp(78px, 12vh, 146px);--card-w: calc(var(--card-h) * .64);--card-r: 6px;--slot-gap: clamp(4px, .55vw, 8px);--field-card-size: var(--card-w);--rail-w: 152px;--log-w: 26px;--pt: 58px;--card-h-mkt: clamp(76px, min(10.4vh, 7.4vw), 150px);--card-w-mkt: calc(var(--card-h-mkt) * .64);--card-h-hand: clamp(106px, 15vh, 174px);--card-w-hand: calc(var(--card-h-hand) * .64);--radius: 10px;--shadow-1: 0 2px 8px #0008;--shadow-2: 0 8px 30px #000a;--ease: cubic-bezier(.4, 0, .2, 1)}html[lang=ja]{--serif: "Shippori Mincho", "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", serif;--serif-latin: Georgia, "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", serif;--gothic-ui: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif}html[lang=en]{--serif: "Alegreya", Georgia, "Times New Roman", serif;--serif-latin: "Alegreya", Georgia, "Times New Roman", serif;--gothic-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:radial-gradient(58% 48% at 88% 32%,#e0432c14,transparent 60%),radial-gradient(58% 48% at 12% 34%,#2f7fe01f,transparent 60%),radial-gradient(150% 100% at 50% -20%,#14335e 0%,var(--ink-1) 52%,var(--ink-0) 100%);color:var(--paper);font-family:var(--ui);font-size:13px;line-height:1.4;height:100vh;overflow:hidden;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(120% 90% at 50% 50%,transparent 52%,#0008 100%);mix-blend-mode:multiply}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:2000;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>")}#app{position:relative;z-index:1;height:100vh}a{color:var(--brass)}button{font-family:var(--ui);cursor:pointer}.mono{font-family:var(--mono)}.muted{color:var(--paper-faint)}.dmg{color:var(--vermil-hi);font-weight:600}.good{color:var(--good);font-weight:600}.t{color:var(--brass-hi);font-weight:600}.panel{position:relative;background:radial-gradient(110% 90% at 50% 0%,#ffffff05,transparent 55%),linear-gradient(180deg,#18213340,#0c121d80),var(--ink-2);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-1),inset 0 1px #ffffff0a,inset 0 -1px #0005}.panel-title{font-family:var(--mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--brass);padding:8px 12px 6px;display:flex;align-items:center;gap:8px}.panel-title:before{content:"";width:8px;height:8px;transform:rotate(45deg);background:var(--brass);box-shadow:0 0 6px var(--gold-glow)}.btn{font-family:var(--mono);font-size:12px;letter-spacing:.08em;padding:9px 16px;border-radius:7px;border:1px solid var(--brass-dim);background:linear-gradient(180deg,#2a3650,#18223a);color:var(--paper);transition:.15s var(--ease);text-transform:uppercase}.btn:hover{border-color:var(--brass);box-shadow:0 0 0 1px var(--brass-dim),0 4px 14px #0006;color:var(--brass-hi)}.btn:disabled{opacity:.4;cursor:not-allowed;filter:grayscale(.5)}.btn-primary{background:linear-gradient(180deg,var(--vermil),#a8341a);border-color:var(--vermil-hi);color:#fff;font-weight:600}.btn-primary:hover{box-shadow:0 0 18px #d8542f70;color:#fff}.btn-gold{background:linear-gradient(180deg,var(--brass-hi),var(--brass-dim));border-color:var(--gold-glow);color:#2a1d08;font-weight:700}.btn-ghost{background:#ffffff05;border-color:var(--line)}.btn-danger{border-color:var(--vermil);color:var(--vermil-hi);background:#2a141040}.btn-danger:hover{background:var(--vermil);color:#fff}.btn-block{display:block;width:100%;text-align:center}.field-label{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--paper-dim);margin-bottom:5px;display:block}.input{width:100%;padding:11px 13px;border-radius:8px;background:var(--ink-0);border:1px solid var(--line);color:var(--paper);font-size:14px;font-family:var(--ui);transition:.15s var(--ease)}.input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px #2f7fe033}.input::placeholder{color:var(--paper-faint)}.overlay{position:fixed;inset:0;z-index:150;display:flex;align-items:center;justify-content:center;background:#04070ccc;backdrop-filter:blur(4px);animation:fade .2s var(--ease)}.modal{min-width:300px;max-width:90vw;background:linear-gradient(180deg,var(--ink-3),var(--ink-1));border:1px solid var(--brass-dim);border-radius:14px;box-shadow:var(--shadow-2),inset 0 1px #ffffff10;padding:26px 28px;text-align:center}.modal h2{font-family:var(--mono);font-size:20px;letter-spacing:.18em;color:var(--brass-hi);text-transform:uppercase;margin-bottom:8px}.modal p{color:var(--paper-dim);margin-bottom:6px}.modal-row{display:flex;gap:10px;margin-top:18px;justify-content:center}.win-rank{display:flex;align-items:baseline;justify-content:center;gap:8px;margin:4px 0 8px;font-size:14px}.win-rank .rk-label{color:var(--paper-dim);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.win-rank .rk-delta{font-family:var(--mono);font-weight:800;font-size:18px}.win-rank .rk-delta.rk-up{color:#58d68d}.win-rank .rk-delta.rk-down{color:var(--vermil-hi)}.win-rank .rk-delta.rk-flat{color:var(--paper-dim)}.win-rank .rk-mmr{color:var(--paper);font-family:var(--mono);font-size:13px}.win-rank .rk-tier{color:var(--gold-glow);font-weight:700}.dv-tabs{display:inline-flex;gap:6px;margin:4px auto 2px;padding:4px;border-radius:10px;background:#0003;border:1px solid var(--line)}.dv-tab{padding:6px 16px;border-radius:7px;border:none;background:transparent;color:var(--paper-dim);font-family:var(--mono);font-size:12px;letter-spacing:.06em;cursor:pointer;transition:.14s var(--ease)}.dv-tab b{color:var(--cyan);margin-left:4px}.dv-tab:hover{color:var(--paper)}.dv-tab.is-active{background:linear-gradient(180deg,#4fb4ff26,#ffffff08);color:var(--brass-hi)}.dv-note{font-size:11.5px;color:var(--paper-faint);margin-top:8px}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.modal{animation:pop .22s var(--ease)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--ink-4);border-radius:4px}::-webkit-scrollbar-track{background:transparent}.card{--cw: var(--card-w);--ch: var(--card-h);position:relative;width:var(--cw);height:var(--ch);flex:0 0 auto;border-radius:5%;background:#111b2a;border:1px solid #a88a5f;box-shadow:inset 0 0 0 2px #1b2638,0 3px 6px #02081380;background-size:100% 100%;background-repeat:no-repeat;font-size:calc(var(--cw) * .135);color:var(--paper);filter:drop-shadow(0 2px 4px #0009);transition:transform .14s var(--ease),filter .14s var(--ease);user-select:none}.card--mkt{--cw: var(--card-w-mkt);--ch: var(--card-h-mkt)}.card--hand{--cw: var(--card-w-hand);--ch: var(--card-h-hand)}.card--mon{--cc: #d1431f;--cc-lo: #f47a4a;--cost-img: url(/ui/cost-mon.webp?v=2)}.card--spell{--cc: #2c6bd0;--cc-lo: #5a9cf2;--cost-img: url(/ui/cost-spell.webp?v=2)}.card--quest{--cc: #633e86;--cc-lo: #be9ddb;--cost-img: url(/ui/cost-spell.webp?v=2)}.card--trap{--cc: #38984d;--cc-lo: #67c67c;--cost-img: url(/ui/cost-trap.webp?v=2)}.card--starter{--cc: #24a9bd;--cc-lo: #5ad6e6;--cost-img: url(/ui/cost-starter.webp?v=2)}.card-cost{position:absolute;top:-1.6%;left:-4%;right:auto;width:35%;height:auto;aspect-ratio:1;display:grid;place-items:center;font-family:var(--mono);font-weight:800;font-size:1.4em;line-height:1;color:#fff;pointer-events:none;background:radial-gradient(circle at 35% 22%,#4d6076,#172339 62%);border:1px solid #d4b680;border-radius:50%;box-shadow:inset 0 0 0 2px #101b2c,0 2px 4px #0009;filter:drop-shadow(0 .1em .22em #000b);text-shadow:0 .06em .12em #000a;z-index:6}.card-cost--2d{font-size:1.15em;letter-spacing:-.06em}.card-frame{position:absolute;inset:0;z-index:1;pointer-events:none;background-position:center;background-size:100% 100%;background-repeat:no-repeat;border:0;box-shadow:none;border-radius:0}.card-name{position:absolute;top:6%;left:34%;right:6.5%;height:7.8%;z-index:3;display:flex;align-items:center;justify-content:flex-start;font-weight:800;font-size:.52em;line-height:1;letter-spacing:-.02em;color:#f2e5c9;text-shadow:0 1px 2px #000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-name--long{font-size:.42em;white-space:normal;line-height:1.02}.card-art{position:absolute;top:13.8%;left:7%;right:6.4%;height:50.6%;z-index:0;background:radial-gradient(120% 90% at 50% 30%,#2c3a55,#0c1320 90%);overflow:hidden}.card-art img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 22%}.card-art:after{content:"◆";position:absolute;inset:0;display:grid;place-items:center;color:#ffffff14;font-size:1.8em}.card-art:has(img):after{content:none}.card-status{position:absolute;left:6%;right:6%;top:56%;z-index:6;display:flex;flex-wrap:wrap;justify-content:center;gap:.14em .2em;pointer-events:none}.card-status .ec,.card-status .kw{font-size:.34em;font-weight:800;line-height:1.35;padding:0 .35em;border-radius:.4em;background:#050a14e0;border:1px solid var(--brass-dim);color:var(--paper);white-space:nowrap;box-shadow:0 1px 3px #0008}.card-status .ec-h{color:#ffd98a}.card-status .ec-d{color:#9fd0ff}.card-eff{position:absolute;left:11%;right:11%;z-index:2;top:64%;height:22%;background:none;padding:2%;font-size:.44em;line-height:1.12;color:#1b1610;text-align:center;overflow:hidden;word-break:keep-all;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35em}.card-eff.is-clipped{justify-content:flex-start;overflow-wrap:anywhere;word-break:normal;-webkit-mask-image:linear-gradient(180deg,#000 72%,transparent 100%);mask-image:linear-gradient(180deg,#000 72%,transparent 100%)}.card-name.is-clipped{align-items:flex-start}.card-keys{flex:0 0 auto;display:flex;flex-wrap:wrap;justify-content:center;gap:.18em .3em;margin-bottom:.22em;max-width:100%}.card-keys .kw{display:inline-block;padding:.06em .38em;border-radius:999px;background:#2b245012;border:1px solid #2b245038;font-size:.86em;font-weight:800;letter-spacing:.01em;line-height:1.25;color:#3a3358;white-space:nowrap}.card-keys--only{margin-bottom:0}.card-dice-head{flex:0 0 auto;font-weight:800;opacity:.8;margin-bottom:.12em}.card-dice{flex:0 0 auto;display:flex;flex-direction:column;gap:.06em;width:100%;text-align:left}.card-dice .dr{display:flex;align-items:baseline;gap:.35em;line-height:1.14}.card-dice .dr-roll{flex:0 0 auto;min-width:2.1em;text-align:center;font-weight:800;color:#2b2450;background:#2b245014;border:1px solid #2b245030;border-radius:.4em;padding:0 .22em}.card-dice .dr-fx{flex:1 1 auto;min-width:0}.card-eff--small{font-size:.375em;line-height:1.1}.card-eff--tiny{font-size:.33em;line-height:1.08}.card--quest .card-eff,.card--spell .card-eff,.card--trap .card-eff,.card--starter .card-eff{height:31%}.card-cast{flex:0 0 auto;display:inline-flex;align-items:center;gap:.25em;font-weight:800;font-size:.94em;letter-spacing:.01em;line-height:1;color:#2b2450;background:#fffefaee;border:1px solid var(--cc, #b9a76e);border-radius:999px;padding:.18em .6em .2em;cursor:help;box-shadow:0 1px 2px #0003,inset 0 0 0 1px #fffc}.card-cast .cc-ico{color:#e0932a;font-size:.95em}.cast-tip{position:absolute;left:7%;right:7%;top:22%;z-index:40;pointer-events:none;text-align:left;background:#14100af7;color:#f4e8c8;border:1px solid var(--brass-dim);border-radius:7px;padding:.55em .6em;font-size:.4em;line-height:1.32;font-weight:500;box-shadow:0 .4em 1.1em #000c;opacity:0;visibility:hidden;transition:opacity .1s}.cast-tip.show{opacity:1;visibility:visible}.ad-atk,.ad-def{position:absolute;top:89.2%;height:6.7%;width:27%;z-index:3;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.86em;line-height:1;color:#fff0d7;text-shadow:0 1px 2px #000}.ad-atk{left:21%}.ad-def{left:66.5%}.card.is-playable,.card.is-buyable{cursor:pointer}.card.is-playable:hover,.card.is-buyable:hover{transform:translateY(-6px);filter:drop-shadow(0 8px 14px #000c)}.card.is-dim{filter:saturate(.8) brightness(.82)}.card.is-attacker{cursor:pointer;animation:attackerPulse 1.1s infinite}.card.is-targetable{cursor:crosshair;animation:attackerPulse .8s infinite}@keyframes attackerPulse{0%,to{filter:drop-shadow(0 2px 4px #0009) drop-shadow(0 0 4px #ff7a4d66)}50%{filter:drop-shadow(0 2px 4px #0009) drop-shadow(0 0 9px #ff7a4d)}}.card.is-exhausted{filter:grayscale(.7) brightness(.6)}.card .badge{position:absolute;bottom:2%;left:50%;transform:translate(-50%);font-family:var(--mono);font-size:.66em;letter-spacing:.1em;background:var(--vermil);color:#fff;padding:1px 6px;border-radius:3px;text-transform:uppercase;z-index:3}.card .fx-tag{display:inline-block;padding:0 4px;margin:0 3px 1px 0;border-radius:3px;font-weight:800;font-size:.92em;line-height:1.5;color:#ffd9a0;background:#6a4a1a66;border:1px solid #c79a4b66;white-space:nowrap}.card.ench-timed .badge{font-size:1em;font-weight:700;letter-spacing:.04em;padding:2px 9px;bottom:4%;border-radius:5px;background:#a8321e;border:1px solid #ffb37e;color:#fff;box-shadow:0 0 8px #ff5a3d66,0 1px 3px #000a}.card.ench-expiring .badge{animation:enchExpire 1.1s ease-in-out infinite}.card.ench-perm .badge{font-size:1.05em;font-weight:700;line-height:1;padding:2px 10px;bottom:4%;border-radius:5px;background:#1e3a5a;border:1px solid #7fb6e8aa;color:#d6eeff;box-shadow:0 0 8px #4fb4ff44,0 1px 3px #000a}@keyframes enchExpire{0%,to{box-shadow:0 0 8px #ff5a3d66,0 1px 3px #000a}50%{box-shadow:0 0 14px #ff7a4dd0,0 1px 3px #000a}}.card--back{background-size:100% 100%}.tribe-tag{position:absolute;top:15.5%;left:9%;transform:none;font-size:.48em;font-weight:700;letter-spacing:.02em;color:#f6e7b6;background:#1a1230e0;border:1px solid var(--brass-dim);border-radius:4px;padding:1px 5px;cursor:pointer;z-index:4;white-space:nowrap}.tribe-tag:hover{background:var(--brass);color:#2a1d08;border-color:var(--gold-glow)}.slot{width:var(--cw, var(--card-w));height:var(--ch, var(--card-h));flex:0 0 auto;border:1px solid #5c647324;border-radius:5%;background:#f6eee31a;position:relative;display:grid;place-items:center}.slot:after{content:"·";color:#35435a55;font-size:16px}.slot.is-bought:after{content:attr(data-label);font-size:.6rem;letter-spacing:.15em;color:var(--paper-faint)}.slot.is-active{border-color:var(--brass-dim);box-shadow:inset 0 0 12px #4fb4ff22}.card-art{background:linear-gradient(110deg,#1a1626 40%,#262038,#1a1626 60%);background-size:200% 100%}.card-art.has-thumb{background-size:cover;background-position:center 22%}.card-art.has-thumb:after{content:none}.card-art.has-thumb:not(.art-done){animation:none}.card-art:not(.art-done){animation:artShimmer 1.1s linear infinite}@keyframes artShimmer{0%{background-position:130% 0}to{background-position:-70% 0}}.card-art .card-art-img{opacity:0;transition:opacity .28s ease;background-size:cover;background-position:center}.card-art .card-art-img.art-loaded{opacity:1}.ad-def--hurt{color:#ff7a5e!important;text-shadow:0 0 6px #a3160bcc,0 1px 2px #000c}.ad-num--3d{font-size:.66em;letter-spacing:-.03em}.card--field .ad-num--3d{font-size:.72em;letter-spacing:-.03em}.card--field{--cw: var(--field-card-size);--ch: calc(var(--field-card-size) * 1.25);overflow:visible;border-radius:3%;font-size:calc(var(--cw) * .16)}.card--field .card-frame{background-size:100% 100%;background-position:center;border-radius:0}.card--field .card-art{top:5.5%;left:5.5%;right:5.5%;height:89%;border-radius:4%;overflow:hidden}.card--field .card-name,.card--field .card-eff,.card--field .cast-tip{display:none}.card--field .card-cost{top:-5%;left:-6%;width:35%;z-index:12}.card--field .ad-atk,.card--field .ad-def{top:auto;bottom:3%;width:31%;height:23%;border:1px solid #ffffff70;border-radius:999px;color:#fff;font-size:.92em;text-shadow:0 1px 3px #000;box-shadow:0 2px 6px #000b,inset 0 1px #ffffff38;backdrop-filter:blur(2px)}.card--field .ad-atk{left:4%;background:#173d68ed}.card--field .ad-def{left:auto;right:4%;background:#641d16ed}.card--field .ad-atk:before{content:"⚔";margin-right:.18em;font-size:.72em}.card--field .ad-def:before{content:"◆";margin-right:.18em;font-size:.62em}.card--field .tribe-tag{top:9%;left:8%;z-index:5}.card--field .card-status{position:absolute;left:3%;right:3%;bottom:27.5%;z-index:6;display:flex;flex-wrap:wrap-reverse;justify-content:center;align-items:center;gap:2px;pointer-events:none}.card--field .card-status .kw,.card--field .card-status .ec{font-size:max(6.5px,calc(var(--cw) * .095));line-height:1.3;padding:0 3px;border-radius:4px;white-space:nowrap;font-weight:800;background:#050a14e0;border:1px solid #ffffff30;color:var(--paper);box-shadow:0 1px 3px #000a;text-shadow:none}.card--field .card-status .kw{background:#1a1636e6;border-color:#b9a7ff5c;color:#d9d0ff}.card--field .card-status .kw--granted{background:#103028e6;border-color:#7fd6c26b;color:#b6ecdf}.card--field .card-status .ec-g{color:#ffd98a}.card--field .card-status .ec-x{color:#ff9a9a}.card--field .card-status .ec-h{color:#ffd98a}.card--field .card-status .ec-d{color:#9fd0ff}.card--field:has(.ec-h) .card-status{bottom:5%}.card--field .badge{bottom:4%;font-size:.62em}.card--field-back{background-size:cover;background-position:center;border:1px solid #5c6c88;box-shadow:inset 0 0 0 2px #050811,0 2px 7px #000b}.card--field-trap{background-size:cover;background-position:center;border-radius:5%;box-shadow:0 2px 7px #000b}.zone .slot{--cw: var(--field-card-size);--ch: calc(var(--field-card-size) * 1.25)}.card{background:none;border:0;box-shadow:none}.card-frame{z-index:0;border-radius:0;filter:url(#celestial-matte)}.card .card-art{z-index:1;inset:0;width:100%;height:100%;border-radius:0;clip-path:url(#celestial-base-spell)}.card--field .card-art{clip-path:url(#celestial-field-spell)}.card .card-name{top:9%;left:15%;right:11%;height:8.8%;justify-content:center;text-align:center;font-size:.72em;background:none;color:#f7f0e1;text-shadow:0 1px 2px #000;padding:0;white-space:nowrap}.card .card-name--long{font-size:.67em}.card .card-cost,.card .ad-atk,.card .ad-def{position:absolute;z-index:5;background:none;border:0;box-shadow:none;border-radius:0;backdrop-filter:none;height:auto;aspect-ratio:1;color:#fff5df;text-shadow:0 1px 3px #000;font-size:1.25em;display:block;padding:0}.card .card-cost{width:var(--card-cost-size,25%);left:-9%;top:-1%}.card .ad-atk{width:var(--card-attack-size,27%);left:-4%;top:auto;bottom:-2%}.card .ad-def{width:var(--card-health-size,27%);inset:auto -4% -2% auto}.card .ad-atk:before,.card .ad-def:before{content:none}.seal-face{position:absolute;inset:0;background:center/100% 100% no-repeat;filter:url(#celestial-matte)}.card-cost .seal-face{background-image:url(/art/biblion/modular/cost.png)}.ad-atk .seal-face{background-image:url(/art/biblion/modular/attack.png)}.ad-def .seal-face{background-image:url(/art/biblion/modular/health.png)}.seal-value{position:absolute;inset:15% 13% 19%;display:grid;place-items:center;line-height:1;font-variant-numeric:tabular-nums;font-family:Georgia,serif;letter-spacing:0;text-indent:0}.ad-def .seal-value{inset:18% 18% 27%}.card .ad-num--3d{font-size:.8em}.card .card-cost--2d{font-size:1em}.card--field .card-cost{width:var(--field-cost-size,26%);left:-7%;top:-3%;font-size:1.12em}.card--field .ad-atk,.card--field .ad-def{width:var(--field-combat-size,28%);bottom:-3%;font-size:1.15em}.card--field .card-status{bottom:22%;gap:1px}.card--field .ad-num--3d{font-size:.74em}.card .card-status .kw,.card .card-status .ec,.card .badge{position:relative;background:none;border:0;border-radius:0;box-shadow:none;isolation:isolate;color:#eae1ca;padding:2px 6px;line-height:1.35;text-shadow:0 1px 2px #000}.card .card-status .kw:before,.card .card-status .ec:before,.card .badge:before{content:"";position:absolute;inset:0;z-index:-1;background:url(/art/biblion/modular/plaque.png) center/100% 100%;filter:url(#celestial-matte)}.card .badge{position:absolute}.card .card-art img{position:absolute;left:7.5%;top:18%;width:85%;height:77%}.card .card-art.has-thumb{background-size:85% 77%;background-position:50% 78%;background-repeat:no-repeat}.card--field .card-art img{top:4.5%;height:91%}.card--field .card-art.has-thumb{background-size:85% 91%;background-position:50% 50%}.card--field .card-status .kw,.card--field .card-status .ec{font-size:max(8px,calc(var(--cw) * .11))}.card .card-status .kw:before,.card .card-status .ec:before,.card .badge:before{background-size:100% 180%;background-position:center 45%}.buff-icon.buff-icon--quest{color:#f0ddff;border:1px solid #9671bb;background:#20152e;cursor:pointer}.quest-progress{position:absolute;inset:35% 0 auto;text-align:center;font-weight:800;font-size:12px;text-shadow:0 1px 3px #000;z-index:3}.seal-value{transform:translateY(-.075em)}.cant-toast{position:fixed;top:26%;left:50%;transform:translate(-50%,-50%);z-index:200;pointer-events:none;display:inline-flex;align-items:center;gap:9px;padding:12px 22px;border-radius:12px;max-width:80vw;background:linear-gradient(180deg,#2a1210f2,#180c0bf2);border:1px solid var(--vermil);color:#ffdcd2;font-size:15px;font-weight:600;letter-spacing:.01em;text-align:left;box-shadow:0 10px 34px #000b,0 0 18px #d8542f44;animation:cantPop .2s var(--ease)}.cant-toast .ct-x{flex:0 0 auto;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--vermil);color:#fff;font-size:11px;font-weight:800}.cant-toast.out{animation:cantOut .3s var(--ease) forwards}@keyframes cantPop{0%{opacity:0;transform:translate(-50%,-50%) scale(.85)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes cantOut{to{opacity:0;transform:translate(-50%,-62%) scale(.96)}}.turn-toast{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:140;pointer-events:none;font-family:var(--mono);font-weight:800;letter-spacing:.06em;color:#fff;background:#12060699;border:1px solid var(--vermil);border-radius:14px;padding:14px 30px;box-shadow:0 8px 30px #000a,0 0 24px #d8542f44;animation:toastPop .25s var(--ease)}.turn-toast.big{font-size:42px;padding:10px 30px}.turn-toast.small{font-size:16px}@keyframes toastPop{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.turn-toast.out{animation:toastOut .3s var(--ease) forwards}@keyframes toastOut{to{opacity:0;transform:translate(-50%,-50%) scale(1.1)}}.cointoss-ov{position:fixed;inset:0;z-index:240;display:grid;place-items:center;background:radial-gradient(ellipse at center,#0a0f18cc,#05070bee);animation:ctFade .25s var(--ease)}.cointoss-ov.out{animation:ctFadeOut .35s var(--ease) forwards}@keyframes ctFade{0%{opacity:0}to{opacity:1}}@keyframes ctFadeOut{to{opacity:0}}.cointoss{display:flex;flex-direction:column;align-items:center;gap:22px}.ct-coin{width:156px;height:156px;position:relative;transform-style:preserve-3d}.ct-coin.to-heads{animation:ctSpinHeads 1s cubic-bezier(.2,.7,.2,1) forwards}.ct-coin.to-tails{animation:ctSpinTails 1s cubic-bezier(.2,.7,.2,1) forwards}.ct-face{position:absolute;inset:0;backface-visibility:hidden;filter:drop-shadow(0 10px 24px #000b)}.ct-tails{transform:rotateY(180deg)}.ct-avatar-mask{position:absolute;inset:18%;display:block;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 40% 32%,#1b2436,#0d1320 82%);box-shadow:inset 0 0 18px #0008}.ct-avatar-mask .avatar{width:100%!important;height:100%!important;--avs: 100px;border:none;border-radius:50%;box-shadow:none}.ct-avatar-mask .avatar img{width:100%;height:100%;object-fit:cover}.ct-avatar-mask .avatar-fb{font-size:42px}.ct-frame{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none;user-select:none;-webkit-user-drag:none}@keyframes ctSpinHeads{0%{transform:rotateY(0) scale(.7)}to{transform:rotateY(1440deg) scale(1)}}@keyframes ctSpinTails{0%{transform:rotateY(0) scale(.7)}to{transform:rotateY(1620deg) scale(1)}}.ct-caption{text-align:center;opacity:0;animation:ctCap .4s var(--ease) .9s forwards}.ct-head{font-family:var(--mono);letter-spacing:.28em;font-size:12px;color:var(--paper-faint);text-transform:uppercase;margin-bottom:7px}.ct-result{font-family:var(--mono);font-size:24px;font-weight:800;letter-spacing:.04em;color:var(--brass-hi)}@keyframes ctCap{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.tut-coach{position:fixed;top:74px;left:50%;transform:translate(-50%);width:min(600px,94vw);z-index:300;pointer-events:auto;background:linear-gradient(180deg,#0f1a2ef2,#0a1220f7);border:1px solid var(--brass-dim);border-radius:14px;box-shadow:0 14px 40px #000b,0 0 0 1px #4fb4ff22,inset 0 1px #ffffff12;animation:coachIn .3s var(--ease)}@keyframes coachIn{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.tut-coach-head{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--line)}.tut-coach-step{font-family:var(--mono);font-size:12px;font-weight:800;letter-spacing:.06em;color:#06101f;background:var(--brass);border-radius:999px;padding:3px 9px}.tut-coach-head b{font-family:var(--mono);font-size:14px;letter-spacing:.06em;color:var(--brass-hi)}.tut-coach-gem{margin-left:auto;font-family:var(--mono);font-size:13px;color:var(--cyan)}.tut-coach-exit{cursor:pointer;color:var(--paper-faint);font-size:15px;line-height:1;padding:2px 4px}.tut-coach-exit:hover{color:var(--vermil)}.tut-coach-body{padding:13px 16px;font-size:14px;line-height:1.65;color:var(--paper)}.tut-coach-body b{color:var(--brass-hi);font-weight:700}.tut-coach-btn{margin:0 16px 15px}.tut-glow{position:relative;border-radius:12px;animation:tutGlow 1.15s ease-in-out infinite;z-index:5}@keyframes tutGlow{0%,to{box-shadow:0 0 0 2px #4fb4ffaa,0 0 14px 2px #4fb4ff55}50%{box-shadow:0 0 0 3px #7fd0ffee,0 0 30px 7px #4fb4ff99}}.tut-toast{position:fixed;bottom:34px;left:50%;transform:translate(-50%);z-index:320;pointer-events:none;display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:12px;font-size:14.5px;color:var(--paper);background:linear-gradient(180deg,#14361ff2,#0c2415f7);border:1px solid #3f8f5a;box-shadow:0 10px 30px #000b,0 0 18px #4fd88a33;animation:tutToastIn .3s var(--ease)}.tut-toast b{color:var(--brass-hi)}.tut-toast .gem{color:var(--cyan);font-family:var(--mono);font-weight:800}.tut-toast.out{animation:tutToastOut .4s var(--ease) forwards}@keyframes tutToastIn{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}@keyframes tutToastOut{to{opacity:0;transform:translate(-50%,-8px)}}.trapchip-card{position:relative}.logpanel{position:fixed;left:0;top:54px;bottom:12px;width:min(320px,82vw);z-index:90;display:grid;grid-template-rows:auto 1fr auto;min-height:0;background:linear-gradient(180deg,#141d2ef2,#0a0f1af2);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);border:1px solid var(--line);border-left:none;border-radius:0 12px 12px 0;box-shadow:10px 0 34px #000b;transform:translate(-100%);transition:transform .22s var(--ease)}.game.log-open .logpanel{transform:none}.log-backdrop{position:fixed;inset:0;z-index:88;display:none;background:#04070c55}.game.log-open .log-backdrop{display:block}@media (min-width: 861px) and (pointer: fine){.game.log-open .log-backdrop{display:none}}.log-close{position:absolute;top:6px;right:8px;z-index:3;width:30px;height:30px;border-radius:8px;display:grid;place-items:center;cursor:pointer;border:1px solid var(--line);background:#0e1522cc;color:var(--paper-dim);font-size:13px;line-height:1;transition:.15s var(--ease)}.log-close:hover{color:var(--paper);border-color:var(--brass-dim);background:#16203ae0}.logpanel .panel-title{position:relative;padding-bottom:8px;padding-right:44px}.logpanel .panel-title:after{content:"";position:absolute;left:12px;right:12px;bottom:0;height:1px;background:linear-gradient(90deg,var(--brass-dim),transparent 85%);opacity:.6}.log{overflow-y:auto;padding:6px 12px 10px;font-size:11.5px}.log .turn-head{font-family:var(--mono);font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--paper);margin:10px 0 4px;padding:5px 8px;border-left:3px solid var(--brass);background:linear-gradient(90deg,#4fb4ff14,#ffffff03 70%);border-radius:0 4px 4px 0;box-shadow:inset 0 1px #ffffff06}.log .turn-head.bot{border-color:var(--vermil)}.log .turn-head.mine{border-color:var(--gold-glow);background:linear-gradient(90deg,#4fb4ff22,#ffffff03 70%)}.log .turn-head.opp{border-color:var(--vermil);background:linear-gradient(90deg,#ff5b4518,#ffffff03 70%)}.log .ln{padding:2px 6px;color:var(--paper-dim);line-height:1.35}.log .ln.mine{background:#4fb4ff0e;border-left:2px solid #4fb4ff2e;border-radius:0 3px 3px 0}.log .ln.opp{background:#ff5b450c;border-left:2px solid #ff5b452e;border-radius:0 3px 3px 0}.log .log-card{color:var(--brass-hi);font-weight:800;cursor:pointer;text-decoration:underline dotted}.log .log-card:hover{color:var(--gold-glow)}.log .log-card.lc-mon{color:#8fd48f}.log .log-card.lc-spell{color:#7fb7ff}.log .log-card.lc-trap{color:#ffb066}.log .log-card.lc-starter{color:#cdb6ff}.log-foot{padding:10px 12px;border-top:1px solid var(--line)}.target-hint{position:fixed;top:52px;left:50%;transform:translate(-50%);z-index:80;font-family:var(--mono);font-size:12px;letter-spacing:.08em;color:var(--vermil-hi);background:#1a0f0cdd;border:1px solid var(--vermil);padding:7px 16px;border-radius:8px;box-shadow:0 4px 18px #000a}.card.summon-in{animation:summonIn .42s var(--ease)}@keyframes summonIn{0%{transform:translateY(22px) scale(.85);opacity:0}to{transform:none;opacity:1}}.card.lunge-up{animation:lungeUp .45s var(--ease);z-index:60}.card.lunge-down{animation:lungeDown .45s var(--ease);z-index:60}@keyframes lungeUp{50%{transform:translateY(-46px) scale(1.06)}}@keyframes lungeDown{50%{transform:translateY(46px) scale(1.06)}}.card.mhit{animation:mhit .4s}@keyframes mhit{0%,to{filter:none}30%{filter:brightness(1.8) drop-shadow(0 0 10px var(--vermil-hi))}}.card.mdie{animation:mdie .42s forwards;transform-origin:center}@keyframes mdie{0%{filter:brightness(1)}30%{transform:scale(1.12) rotate(2deg);filter:brightness(2.2) drop-shadow(0 0 12px var(--vermil-hi))}to{transform:scale(.4) rotate(-16deg);opacity:0;filter:brightness(.4)}}.card.summon-pop{animation:summonPop .56s var(--ease);z-index:40}@keyframes summonPop{0%{transform:translateY(14px) scale(.7);opacity:0;filter:brightness(1.6)}45%{transform:translateY(-8px) scale(1.12);opacity:1;filter:brightness(1.5) drop-shadow(0 0 12px var(--brass-hi))}70%{transform:translateY(2px) scale(.97)}to{transform:none;filter:none}}.card--back.trap-land{animation:trapLand .25s var(--ease);box-shadow:0 0 16px var(--good)}@keyframes trapLand{0%{transform:scale(.7)}50%{transform:scale(.78) rotate(-3deg)}to{transform:scale(.7)}}.card.fx-dissolve{animation:fxDissolve .42s var(--ease) forwards}@keyframes fxDissolve{0%{transform:scale(1.25);filter:brightness(1)}40%{transform:scale(1.32);filter:brightness(1.9) drop-shadow(0 0 14px var(--brass-hi))}to{transform:scale(1.5);opacity:0;filter:brightness(2.4) blur(3px)}}.card.trap-flip{animation:trapFlip .5s var(--ease);box-shadow:0 0 22px var(--vermil-hi)}@keyframes trapFlip{0%{transform:rotateY(90deg) scale(1.05);filter:brightness(2)}55%{transform:rotateY(0) scale(1.12);filter:brightness(1.6)}to{transform:scale(1)}}.card.drawing{animation:drawIn .42s var(--ease)}@keyframes drawIn{0%{transform:translate(-60px) scale(.8);opacity:0}}.floater{position:fixed;z-index:120;font-family:var(--mono);font-weight:800;font-size:22px;pointer-events:none;animation:floatUp 1.1s var(--ease) forwards;text-shadow:0 2px 6px #000}.floater.dmg{color:var(--vermil-hi)}.floater.heal{color:var(--good)}@keyframes floatUp{0%{opacity:0;transform:translateY(6px)}20%{opacity:1}to{opacity:0;transform:translateY(-38px)}}.flycard{position:fixed;z-index:110;border-radius:6px;background-size:100% 100%;pointer-events:none;box-shadow:var(--shadow-2)}.zoom-overlay{position:fixed;inset:0;z-index:250;background:#04070cdd;backdrop-filter:blur(5px);display:grid;place-items:center;cursor:zoom-out}.zoom-wrap{display:flex;align-items:center;gap:28px}.zoom-overlay .card{--cw: 400px;--ch: 640px;box-shadow:var(--shadow-2)}.zoom-tribe{max-width:280px;text-align:left;color:var(--paper);background:linear-gradient(180deg,var(--ink-3),var(--ink-1));border:1px solid var(--brass-dim);border-radius:12px;padding:18px 20px;box-shadow:var(--shadow-2)}.zoom-tribe h3{font-family:var(--mono);color:var(--brass-hi);letter-spacing:.14em;margin-bottom:8px}.zoom-tribe .note{color:var(--vermil-hi);font-size:12px;margin-bottom:10px}.zoom-tribe .b{font-size:13px;line-height:1.7}.zoom-tribe{max-width:300px}.zoom-tribe-cards{margin-top:14px;border-top:1px solid var(--line);padding-top:12px}.ztc-head{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;color:var(--brass);margin-bottom:9px;text-transform:uppercase}.ztc-grid{display:flex;flex-wrap:wrap;gap:9px;max-height:46vh;overflow-y:auto}.zoom-overlay .ztc-grid .card{--cw: 82px;--ch: 131px;cursor:zoom-in;box-shadow:0 4px 12px #0008;transition:transform .12s var(--ease)}.zoom-overlay .ztc-grid .card:hover{transform:translateY(-3px) scale(1.05)}.psv{color:var(--gold-glow, #e8c66a);font-weight:700;text-decoration:underline dotted;text-underline-offset:2px;cursor:help}.zoom-psv .psv-item{border:1px solid transparent;border-radius:9px;padding:8px 10px;margin:4px -4px;transition:border-color .15s var(--ease),box-shadow .15s var(--ease),background .15s var(--ease)}.zoom-psv .psv-name{display:block;color:var(--gold-glow, #e8c66a);font-size:13.5px;letter-spacing:.04em;margin-bottom:2px}.zoom-psv .psv-desc{font-size:12.5px;line-height:1.65;opacity:.92}.zoom-psv .psv-item.hl{border-color:var(--gold-glow, #e8c66a);background:#e8c66a14;box-shadow:0 0 14px #e8c66a55,inset 0 0 10px #e8c66a22;animation:psvGlow 1.1s var(--ease) infinite alternate}@keyframes psvGlow{0%{box-shadow:0 0 10px #e8c66a44,inset 0 0 8px #e8c66a1c}to{box-shadow:0 0 20px #e8c66a88,inset 0 0 14px #e8c66a33}}.ec-g{color:#ffd76a}.ec-x{color:#b6ff7a}.ec-p{color:#d7b7ff}.chest-reward{font-size:40px;margin:10px 0;animation:pop .4s var(--ease)}.treasure-roll{font-family:var(--mono);font-size:16px;color:var(--gold-glow);letter-spacing:.1em;margin-bottom:4px}.fx-banner{position:fixed;left:50%;top:38%;transform:translate(-50%,-50%) scale(.85);z-index:150;pointer-events:none;text-align:center;padding:14px 42px;border-radius:12px;background:linear-gradient(180deg,#1a2233ee,#0a0f1aee);border:1px solid var(--brass-dim);box-shadow:0 10px 40px #000c,inset 0 1px #ffffff10;animation:fxBannerIn .3s var(--ease) forwards}.fx-banner.trap{border-color:var(--vermil);box-shadow:0 0 34px #d8542f44,0 10px 40px #000c}.fx-banner.danger{border-color:var(--vermil-hi)}.fx-banner.out{animation:fxBannerOut .26s var(--ease) forwards}.fx-banner-main{font-family:var(--mono);font-weight:800;font-size:26px;letter-spacing:.18em;color:var(--paper);text-shadow:0 2px 10px #000}.fx-banner.trap .fx-banner-main{color:var(--vermil-hi)}.fx-banner-sub{margin-top:4px;font-size:14px;color:var(--brass-hi);letter-spacing:.06em}@keyframes fxBannerIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.7)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes fxBannerOut{to{opacity:0;transform:translate(-50%,-54%) scale(.92)}}.fx-ghost-pop{animation:fxGhostPop .4s var(--ease)}@keyframes fxGhostPop{0%{filter:brightness(2) drop-shadow(0 0 14px var(--brass-hi))}to{filter:none}}.fx-result{position:fixed;left:50%;top:42%;transform:translate(-50%,-50%);z-index:150;cursor:pointer;text-align:center;min-width:260px;max-width:440px;padding:18px 30px;border-radius:14px;background:linear-gradient(180deg,#1d2333f2,#0b101cf2);border:1px solid var(--gold-glow);box-shadow:0 0 40px #4fb4ff33,0 14px 44px #000d,inset 0 1px #ffffff12;animation:fxResultIn .32s var(--ease) forwards}.fx-result.opp{top:24%;min-width:210px;padding:11px 22px;border-color:var(--brass-dim);box-shadow:0 8px 30px #000b}.fx-result.out{animation:fxBannerOut .26s var(--ease) forwards}.fx-result-title{font-family:var(--mono);font-weight:700;font-size:16px;letter-spacing:.1em;color:var(--gold-glow);margin-bottom:8px}.fx-result.opp .fx-result-title{font-size:13px;margin-bottom:5px;color:var(--brass-hi)}.fx-result-line{font-size:14px;color:var(--paper);line-height:1.65}.fx-result.opp .fx-result-line{font-size:12px}@keyframes fxResultIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.8) rotate(-1.5deg)}60%{transform:translate(-50%,-50%) scale(1.06)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.fx-mana-aura{position:fixed;z-index:149;pointer-events:none;width:30px;height:30px;transform:translate(-50%,-50%);border-radius:50%;animation:fxManaAura .9s var(--ease) 2}.fx-mana-aura.out{opacity:0;transition:opacity .3s}@keyframes fxManaAura{0%{box-shadow:0 0 #6fb9ffcc,0 0 #2f8cff77}to{box-shadow:0 0 26px 62px #6fb9ff00,0 0 60px 105px #2f8cff00}}.fx-mana-p{position:fixed;z-index:150;pointer-events:none;width:15px;height:15px;background:url(/ui/mana-full.webp?v=2) center / contain no-repeat;filter:drop-shadow(0 0 6px #3f9dff);animation:fxManaP 1.1s var(--ease) both}@keyframes fxManaP{0%{opacity:0;translate:var(--sx) var(--sy);scale:.35;rotate:-120deg}25%{opacity:1;scale:1.2}85%{opacity:1}to{opacity:0;translate:0 0;scale:.45;rotate:0deg}}.fx-mana-s{position:fixed;z-index:151;pointer-events:none;width:5px;height:5px;transform:rotate(45deg);border-radius:1px;background:#eaf6ff;box-shadow:0 0 8px #6fb9ff;animation:fxManaS .65s ease-out both}@keyframes fxManaS{0%{opacity:1;translate:0 0;scale:1}to{opacity:0;translate:var(--sx) var(--sy);scale:.2}}.fx-pip-wave .pip.full{animation:fxPipPulse .5s var(--ease) 3}@keyframes fxPipPulse{50%{filter:brightness(2) drop-shadow(0 0 10px #6fb9ff);transform:scale(1.35)}}.fx-pips-punch{animation:fxPipsPunch .5s var(--ease)}@keyframes fxPipsPunch{40%{transform:scale(1.14)}}.fx-hp-bloom{animation:fxHpBloom .7s var(--ease) 3}@keyframes fxHpBloom{50%{box-shadow:0 0 22px var(--good),inset 0 2px 4px #000c}}.fx-hp-p{position:fixed;z-index:150;pointer-events:none;color:var(--good);font-weight:800;font-size:15px;text-shadow:0 0 10px var(--good);animation:fxHpP 1.4s var(--ease) both}@keyframes fxHpP{0%{opacity:0;transform:translateY(6px) scale(.6)}25%{opacity:1;transform:translateY(-8px) scale(1.1)}to{opacity:0;transform:translateY(-46px) scale(.8)}}.fx-gain-label{position:fixed;z-index:151;pointer-events:none;transform:translate(-50%,-100%);font-family:var(--mono);font-weight:800;font-size:21px;letter-spacing:.08em;padding:6px 18px;border-radius:10px;white-space:nowrap;background:#0b101cee;border:1px solid;animation:fxGainIn .45s var(--ease) forwards}.fx-gain-label.mana{color:#d9ecff;border-color:#3f9dff;box-shadow:0 0 24px #2f8cff66}.fx-gain-label.hp{color:var(--good);border-color:var(--good);box-shadow:0 0 24px #4caf7a55}.fx-gain-label.out{transition:opacity .3s,transform .3s;opacity:0;transform:translate(-50%,-140%)}@keyframes fxGainIn{0%{opacity:0;transform:translate(-50%,-60%) scale(.6)}60%{transform:translate(-50%,-110%) scale(1.12)}to{opacity:1;transform:translate(-50%,-100%) scale(1)}}.fx-death-vignette{position:fixed;inset:0;z-index:148;pointer-events:none;background:radial-gradient(ellipse at center,transparent 40%,#2a0505cc 100%);animation:fxVignette .5s ease-out forwards}.fx-death-vignette.win{background:radial-gradient(ellipse at center,transparent 45%,#3a2a05b0 100%)}@keyframes fxVignette{0%{opacity:0}to{opacity:1}}.fx-shatter{animation:fxShatter .5s ease-in forwards}@keyframes fxShatter{0%{filter:brightness(1)}40%{filter:brightness(2.4) drop-shadow(0 0 14px var(--vermil-hi));transform:translate(-2px)}70%{transform:translate(3px)}to{filter:brightness(.35);transform:none}}.fx-shard{position:fixed;z-index:150;pointer-events:none;width:9px;height:9px;background:linear-gradient(135deg,#ff9a68,var(--vermil));clip-path:polygon(50% 0,100% 60%,20% 100%);box-shadow:0 0 8px #d8542f;animation:fxShard 1.15s ease-in both}@keyframes fxShard{0%{opacity:1;translate:0 0;rotate:0deg}to{opacity:0;translate:var(--dx) var(--dy);rotate:var(--rot)}}.fx-quake{animation:fxQuake .55s linear}@keyframes fxQuake{0%,to{transform:none}15%{transform:translate(-5px,3px)}30%{transform:translate(5px,-3px)}45%{transform:translate(-4px,-3px)}60%{transform:translate(4px,2px)}75%{transform:translate(-2px,2px)}90%{transform:translate(2px,-1px)}}.fx-verdict{position:fixed;left:50%;top:44%;transform:translate(-50%,-50%);z-index:152;pointer-events:none;text-align:center;animation:fxVerdictIn .5s var(--ease) forwards}.fx-verdict.out{transition:opacity .28s;opacity:0}.fx-verdict-main{font-family:var(--mono);font-weight:800;font-size:58px;letter-spacing:.3em;text-shadow:0 4px 30px #000}.fx-verdict.win .fx-verdict-main{color:var(--gold-glow);filter:drop-shadow(0 0 26px #4fb4ff66)}.fx-verdict.lose .fx-verdict-main{color:var(--vermil-hi);filter:drop-shadow(0 0 26px #d8542f66)}.fx-verdict-sub{margin-top:10px;font-size:17px;color:var(--paper);letter-spacing:.08em;text-shadow:0 2px 8px #000}@keyframes fxVerdictIn{0%{opacity:0;transform:translate(-50%,-50%) scale(1.7)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.fx-review-fab{position:fixed;right:18px;bottom:18px;z-index:140;box-shadow:0 8px 28px #000a,0 0 18px #4fb4ff33}.zone{position:relative}.card.is-dragging{opacity:.35;filter:grayscale(.5)}.drag-ghost{position:fixed;margin:0;z-index:2000;pointer-events:none;transform:translate(-50%,-58%) scale(1.07) rotate(2deg);box-shadow:0 14px 34px #0000008c}.drag-ghost.drag-attack{transform:translate(-50%,-58%) scale(1.12) rotate(-3deg);filter:drop-shadow(0 0 14px #ff5b4599);box-shadow:0 14px 34px #0000008c,0 0 0 2px #ff5b4588}.is-atk-target{outline:2px solid #ff5b45;outline-offset:1px;border-radius:6px;box-shadow:0 0 18px #ff5b4577;z-index:8;animation:atkTargetPulse .7s ease-in-out infinite alternate}@keyframes atkTargetPulse{to{box-shadow:0 0 26px #ff5b45aa}}.portrait.is-atk-target{border-radius:12px}.drop-marker{position:absolute;top:2px;bottom:2px;width:3px;border-radius:2px;background:#63a6ff;box-shadow:0 0 9px #ffd166d9;z-index:6;pointer-events:none}.card img{-webkit-user-drag:none;user-select:none}#hand .card.is-played{opacity:0!important;transition:opacity .18s ease-out;pointer-events:none}.card.striking{position:relative;z-index:60;will-change:transform;filter:drop-shadow(0 8px 20px rgba(0,0,0,.65))}.impact-burst{position:fixed;left:0;top:0;width:10px;height:10px;margin:-5px 0 0 -5px;pointer-events:none;z-index:70}.impact-burst:before{content:"";position:absolute;inset:-30px;border-radius:50%;background:radial-gradient(circle,rgba(255,240,200,.95) 0%,rgba(255,168,76,.6) 35%,transparent 70%);animation:burst-flash .34s ease-out forwards}.impact-burst.big:before{inset:-52px;animation-duration:.44s;background:radial-gradient(circle,rgba(255,244,214,1) 0%,rgba(255,140,60,.7) 38%,transparent 72%)}.impact-burst i{position:absolute;left:0;top:0;width:4px;height:4px;border-radius:1px;background:#63a6ff;box-shadow:0 0 6px #ffd166e6;animation:burst-shard .44s cubic-bezier(.2,.7,.3,1) forwards}.impact-burst.big i{width:6px;height:6px;background:#ffb15e;box-shadow:0 0 8px #ff9646f2}@keyframes burst-flash{0%{transform:scale(.3);opacity:1}to{transform:scale(1.5);opacity:0}}@keyframes burst-shard{0%{transform:translate(0);opacity:1}to{transform:translate(var(--tx),var(--ty));opacity:0}}.shake-soft{animation:bshake-soft .32s linear}.shake-hard{animation:bshake-hard .44s linear}.attack-aim{position:fixed;inset:0;width:100vw;height:100vh;z-index:140;pointer-events:none;overflow:visible}.attack-aim path{stroke-linecap:round;stroke-linejoin:round}.aim-halo{fill:none;stroke:#102d50;stroke-width:13;opacity:.62;filter:drop-shadow(0 2px 6px #0d243b)}.aim-ribbon{fill:none;stroke:url(#attack-ribbon);stroke-width:6}.aim-flow{fill:none;stroke:#fcf0c8;stroke-width:1.5;stroke-dasharray:3 13;animation:aimFlow .8s linear infinite}.aim-head{fill:#f4d594;stroke:#684f2c;stroke-width:1.2}.aim-source,.aim-lock{fill:#1e395855;stroke:#e8ca84;stroke-width:1.5}.aim-lock{opacity:0;stroke-dasharray:3 4}.is-locked .aim-lock{opacity:1}.is-locked .aim-ribbon{stroke:#ffe0a0;filter:drop-shadow(0 0 4px #ffe0a088)}.is-blocked .aim-ribbon,.is-blocked .aim-head{stroke:#cb7f79}.is-blocked .aim-head{fill:#cb7f79}.card.is-aiming{filter:drop-shadow(0 0 6px #eac777)}@keyframes aimFlow{to{stroke-dashoffset:-32}}@media (prefers-reduced-motion:reduce){.aim-flow{animation:none}}@keyframes bshake-soft{0%,to{transform:translate(0)}25%{transform:translate(2px,-2px)}50%{transform:translate(-3px,2px)}75%{transform:translate(2px,1px)}}@keyframes bshake-hard{0%,to{transform:translate(0)}12%{transform:translate(-7px,5px)}28%{transform:translate(7px,-6px)}44%{transform:translate(-6px,-4px)}60%{transform:translate(5px,5px)}76%{transform:translate(-4px,2px)}90%{transform:translate(2px,-1px)}}.vol-pop{position:fixed;left:52px;top:clamp(34px,5.2vh,52px);z-index:56;display:flex;align-items:center;gap:8px;padding:9px 13px;border-radius:999px;border:1px solid var(--line);background:#0e1522ee;box-shadow:0 4px 14px #000a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;pointer-events:none;transform:translateY(6px);transition:.15s var(--ease)}.vol-pop.open{opacity:1;pointer-events:auto;transform:none}.vol-pop input[type=range]{width:132px;accent-color:var(--gold-glow);cursor:pointer}.market-cards .card.is-armed{outline:2px solid var(--gold-glow);box-shadow:0 0 16px #4fb4ff66;z-index:6}.buy-confirm{position:fixed;transform:translate(-50%,-100%);background:#050a14f2;color:var(--gold-glow);border:1px solid #4fb4ff88;font-size:10.5px;font-weight:700;letter-spacing:.04em;white-space:nowrap;padding:4px 9px;border-radius:6px;pointer-events:none;z-index:245;box-shadow:0 6px 18px #000b,0 0 14px #4fb4ff33;animation:buyConfirmIn .14s var(--ease)}.buy-confirm.below{transform:translate(-50%)}@keyframes buyConfirmIn{0%{opacity:0;transform:translate(-50%,-100%) scale(.9)}}@keyframes buyConfirmInB{0%{opacity:0;transform:translate(-50%) scale(.9)}}.buy-confirm.below{animation-name:buyConfirmInB}.picker-grid .card.is-picked{outline:3px solid var(--gold-glow);box-shadow:0 0 18px #4fb4ff77;transform:translateY(-4px)}.picker-grid .card{transition:transform .12s var(--ease),box-shadow .12s var(--ease)}.fx-opp-cast{box-shadow:0 0 0 2px #ff5b4588,0 0 40px #ff5b4555;border-radius:10px}.egg-cnt{position:absolute;left:50%;top:52%;transform:translate(-50%);display:flex;gap:4px;z-index:5;pointer-events:none}.egg-cnt .ec{background:#050a14e0;border:1px solid var(--brass-dim);border-radius:6px;font-size:10px;font-weight:800;padding:1px 5px;color:var(--paper);white-space:nowrap;box-shadow:0 1px 4px #0008}.egg-cnt .ec-h{color:#ffd98a}.egg-cnt .ec-d{color:#9fd0ff}.deck-screen .deck-panel{max-width:980px;margin:0 auto;padding:18px 22px;text-align:left}.deck-head{display:flex;align-items:center;gap:12px}.deck-head h2{flex:1;text-align:center;margin:0}.deck-note{font-size:12.5px;color:var(--paper-dim);margin:10px 0 14px;line-height:1.5}.deck-cur-head,.deck-pool-head{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--paper-dim);margin:12px 0 8px}.deck-cur,.deck-pool{display:flex;flex-wrap:wrap;gap:9px}.deck-cur{padding:10px;border:1px solid var(--line);border-radius:10px;background:#ffffff06}.deck-cur .card{cursor:pointer}.deck-slot{width:86px;aspect-ratio:913/1426;border:1px dashed var(--line);border-radius:8px;display:grid;place-items:center;color:var(--paper-dim);font-size:20px;opacity:.5}.deck-fixed{position:relative;filter:saturate(.7)}.deck-fixed-tag{position:absolute;left:50%;top:6px;transform:translate(-50%);background:#050a14e0;border:1px solid var(--brass-dim);color:var(--brass-hi);font-size:9px;font-weight:700;padding:2px 6px;border-radius:5px;z-index:6;pointer-events:none}.deck-owned{position:absolute;right:5px;top:52%;background:#050a14e0;border:1px solid var(--line);color:var(--paper-dim);font-size:10px;font-weight:800;padding:1px 6px;border-radius:5px;z-index:6;pointer-events:none}.deck-owned.has{color:var(--gold-glow);border-color:#4fb4ff88}.deck-msg{text-align:center;margin-top:12px;font-size:13px;color:var(--gold-glow);min-height:18px}.tut-card--deck{border-color:var(--gold-glow);box-shadow:0 0 12px #4fb4ff22}.deck-tabs{display:flex;gap:6px;margin:12px 0 4px}.deck-tab{flex:1;padding:8px 10px;border-radius:8px;cursor:pointer;border:1px solid var(--line);background:#ffffff06;color:var(--paper-dim);font-weight:700;font-size:13px;transition:.12s var(--ease)}.deck-tab:hover{border-color:var(--brass-dim);color:var(--paper)}.deck-tab.is-on{border-color:var(--gold-glow);background:#4fb4ff14;color:var(--paper)}.deck-tab .deck-star{color:#ffd98a}.deck-cur-head{display:flex;align-items:center;justify-content:space-between}.deck-use{font-size:12px;padding:4px 12px}.deck-use:disabled{color:#ffd98a;opacity:1;cursor:default}.deck-watch-head{margin-top:22px}.deck-watch-search{width:240px;margin:8px 0 10px;padding:7px 11px;border-radius:8px;border:1px solid var(--line);background:#0e1522;color:var(--paper);font-size:13px}.deck-watchpool{max-height:380px;overflow-y:auto;padding:8px;border:1px solid var(--line);border-radius:10px;background:#ffffff04}.deck-watchpool .card{cursor:pointer}.deck-watchpool .card.is-watch-pick{outline:1.5px solid #ffd98a88;box-shadow:0 0 10px #ffd98a2e}.watch-bell{position:absolute;top:4px;right:5px;font-size:11px;z-index:6;pointer-events:none;text-shadow:0 0 4px #000}.market-cards .card.is-watch{animation:watch-breathe 3.2s ease-in-out infinite}.watch-dot{position:absolute;top:3px;right:4px;font-size:9px;z-index:6;pointer-events:none;opacity:.85;text-shadow:0 0 3px #000}.mkt-stock{position:absolute;left:3px;bottom:3px;z-index:6;pointer-events:none;font-size:9px;font-weight:700;line-height:1;padding:2px 4px;border-radius:6px;color:#f4e9c8;background:#0000009e;border:1px solid rgba(255,255,255,.18);text-shadow:0 0 2px #000}.mkt-stock--last{color:#ffd36b;border-color:#ffd36b8c}@keyframes watch-breathe{0%,to{box-shadow:0 0 0 1.5px #ffd98a44,0 0 8px #ffd98a1e}50%{box-shadow:0 0 0 1.5px #ffd98a77,0 0 14px #ffd98a30}}.zoom-note{max-width:240px;font-size:12.5px;line-height:1.5;color:var(--paper-dim);background:linear-gradient(180deg,var(--ink-3),var(--ink-1));border:1px solid var(--brass-dim);border-radius:12px;padding:14px 16px;box-shadow:var(--shadow-2)}.fx-turnbanner{position:fixed;left:0;right:0;top:42%;z-index:118;pointer-events:none;display:flex;justify-content:center;animation:tbIn .3s var(--ease)}.fx-turnbanner span{font-family:var(--mono);font-weight:800;letter-spacing:.3em;text-indent:.3em;font-size:25px;padding:8px 46px;color:#fff;background:linear-gradient(90deg,transparent,#000c 18%,#000c 82%,transparent);border-top:1px solid #ffffff2c;border-bottom:1px solid #ffffff2c}.fx-turnbanner.mine span{color:var(--gold-glow);text-shadow:0 0 18px #e8c25a66}.fx-turnbanner.opp span{color:var(--paper-dim);font-size:19px}.fx-turnbanner.out{animation:tbOut .3s var(--ease) forwards}@keyframes tbIn{0%{opacity:0;transform:scaleX(.6)}to{opacity:1;transform:none}}@keyframes tbOut{to{opacity:0;transform:scaleX(1.15)}}.fx-psv-flash{position:fixed;z-index:122;transform:translate(-50%);pointer-events:none;font-size:12px;font-weight:800;white-space:nowrap;padding:3px 10px;border-radius:999px;color:#fff;text-shadow:0 1px 2px #000;box-shadow:0 2px 8px #000b;animation:psvFlash 1.15s var(--ease) forwards}.fx-psv-flash.good{background:#2a5a8ae8;border:1px solid #7fb6e8aa}.fx-psv-flash.bad{background:#6a2a2ae8;border:1px solid #e87f7faa}@keyframes psvFlash{0%{opacity:0;transform:translate(-50%,8px) scale(.7)}18%{opacity:1;transform:translate(-50%,-6px) scale(1.06)}80%{opacity:1;transform:translate(-50%,-14px) scale(1)}to{opacity:0;transform:translate(-50%,-24px) scale(.94)}}.mp-clock{width:clamp(34px,5.4vh,46px);height:clamp(34px,5.4vh,46px);flex:0 0 auto;display:none;place-items:center;position:relative}.mp-clock.show{display:grid}.mp-clock .tc-num{position:relative;font-family:var(--mono);font-weight:800;font-size:15px;color:var(--paper)}.mp-clock.warn .tc-num{color:var(--vermil-hi)}.mp-clock.warn{animation:clockPulse .55s ease-in-out infinite}@keyframes clockPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.help-callout{position:fixed;left:12px;bottom:48px;z-index:56;max-width:250px;padding:9px 30px 9px 12px;border-radius:10px;background:#1a2436;border:1px solid var(--brass-dim);color:var(--paper);font-family:var(--ui);font-size:12.5px;font-weight:600;line-height:1.45;box-shadow:0 8px 24px #000a;cursor:pointer;animation:helpPop .25s var(--ease)}.help-callout:after{content:"";position:absolute;left:18px;bottom:-6px;width:10px;height:10px;background:#1a2436;border-right:1px solid var(--brass-dim);border-bottom:1px solid var(--brass-dim);transform:rotate(45deg)}.help-callout .hc-close{position:absolute;top:3px;right:3px;width:20px;height:20px;display:grid;place-items:center;padding:0;border:none;border-radius:50%;background:transparent;color:var(--paper-dim);font-size:11px;cursor:pointer}.help-callout .hc-close:hover{color:var(--paper);background:#ffffff14}@keyframes helpPop{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.help-modal{max-width:520px;text-align:left}.help-modal .help-body{display:flex;flex-direction:column;gap:12px;margin:6px 0 4px}.help-modal .help-body h3{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--brass);margin:0 0 4px}.help-modal .help-body p{color:var(--paper-dim);font-size:12.5px;line-height:1.65;margin:0 0 3px}.mute-fab.muted{color:var(--vermil-hi);border-color:var(--vermil)}.mute-fab svg{display:block}.zoom-overlay{background:#080e1ebd;backdrop-filter:blur(8px)}.zoom-wrap{--inspect-h:min(65vh,640px);width:min(1120px,82vw);height:calc(var(--inspect-h) + 78px);display:grid;grid-template-columns:calc(var(--inspect-h) * .64) minmax(0,1fr);grid-template-rows:58px minmax(0,1fr);gap:20px 42px;align-items:stretch;cursor:default}.inspect-heading{grid-column:1/-1;display:flex;align-items:center;gap:24px;border-bottom:1px solid #c8b99688;padding:0 6px 12px}.inspect-heading h1{font-family:var(--serif);font-weight:500;font-size:clamp(24px,2.4vw,38px);color:#f5eedf;margin:0;flex:1}.inspect-type{color:#d5cbb5;font-size:15px;letter-spacing:.12em}.inspect-close{width:40px;height:40px;background:transparent;border:1px solid #c8b99666;color:#eee6d5;font-size:26px;cursor:pointer}.inspect-close:hover,.inspect-close:focus-visible{background:#c8b99622;outline:1px solid #e3d7b8}.zoom-wrap>.card{--cw:calc(var(--inspect-h) * .64);--ch:var(--inspect-h);box-shadow:none;align-self:center}.zoom-details{overflow:auto;min-height:0;background:#17213294;border:1px solid #a4adbb75;outline:1px solid #a4adbb28;outline-offset:-6px;padding:28px 32px;color:#ede8dc;scrollbar-color:#aea38d #172032}.zoom-details>*+*{margin-top:24px;padding-top:20px;border-top:1px solid #b9c0cd36}.zoom-details .card-rules{font-size:clamp(16px,1.15vw,19px);line-height:1.9}.zoom-details .card-cast,.zoom-details .card-keys{position:static;display:flex;flex-wrap:wrap;gap:10px;color:#e2d3aa;background:none;border:0;border-radius:0;box-shadow:none;padding:0;margin:0 0 12px;font-size:inherit}.zoom-details .card-eff-txt{display:block;font-size:inherit}.zoom-details .fx-tag,.zoom-details .kw{background:none;border:0;padding:0;color:#e4d19c;font-size:inherit}.zoom-details .card-dice .dr{display:grid;grid-template-columns:56px 1fr;gap:14px;padding:8px 0;border-bottom:1px solid #ffffff16}.zoom-details .card-dice .dr-roll{color:#e4d19c;background:none}.zoom-details .zoom-tribe{max-width:none;background:none;border:0;border-top:1px solid #b9c0cd36;border-radius:0;padding:20px 0 0;box-shadow:none}.zoom-details .zoom-tribe h3{font-size:15px;font-weight:500;color:#dfd2b6}.zoom-details .zoom-tribe .b,.zoom-details .zoom-psv .psv-desc{font-size:14px;line-height:1.8}.zoom-details .zoom-note{position:static;font-size:14px;color:#d9c59b}.inspect-state{color:#d6e8f4;font-size:15px;line-height:1.8}.zoom-details .ztc-grid{padding:12px 9px 8px;max-height:none;overflow:visible}.cointoss-ov{background:radial-gradient(ellipse at center,#09132318,#07101c60);pointer-events:none}.cointoss{position:relative}.cointoss:before{content:"";position:absolute;width:160px;height:70px;top:103px;border-radius:50%;background:radial-gradient(ellipse,#02060c70,transparent 68%);animation:coinContactShadow 1.85s linear both}.ct-coin.to-heads{animation:coinGroundHeads 1.85s linear forwards}.ct-coin.to-tails{animation:coinGroundTails 1.85s linear forwards}.ct-face{filter:drop-shadow(0 2px 2px #0004)}.ct-caption{animation-delay:1.8s}@keyframes coinGroundHeads{0%{transform:translateY(-260px) rotateX(62deg) rotateY(0)}42%{transform:translateY(0) rotateX(78deg) rotateY(990deg)}58%{transform:translateY(-66px) rotateX(45deg) rotateY(1190deg)}72%{transform:translateY(0) rotateX(39deg) rotateY(1380deg)}82%{transform:translateY(-17px) rotateX(34deg) rotateY(1428deg)}90%{transform:translateY(0) rotateX(30deg) rotateY(1440deg)}95%{transform:translateY(-3px) rotateX(33deg) rotateY(1440deg)}to{transform:translateY(0) rotateX(32deg) rotateY(1440deg)}}@keyframes coinGroundTails{0%{transform:translateY(-260px) rotateX(62deg) rotateY(180deg)}42%{transform:translateY(0) rotateX(78deg) rotateY(1170deg)}58%{transform:translateY(-66px) rotateX(45deg) rotateY(1370deg)}72%{transform:translateY(0) rotateX(39deg) rotateY(1560deg)}82%{transform:translateY(-17px) rotateX(34deg) rotateY(1608deg)}90%{transform:translateY(0) rotateX(30deg) rotateY(1620deg)}95%{transform:translateY(-3px) rotateX(33deg) rotateY(1620deg)}to{transform:translateY(0) rotateX(32deg) rotateY(1620deg)}}@keyframes coinContactShadow{0%{opacity:.15;scale:1.6}42%,72%,90%,to{opacity:1;scale:1}58%{opacity:.4;scale:1.25}82%{opacity:.7;scale:1.1}}.opening-hands #hand,.opening-hands #oppHand{visibility:hidden}@media (prefers-reduced-motion:reduce){.ct-coin.to-heads{animation:none;transform:rotateX(32deg)}.ct-coin.to-tails{animation:none;transform:rotateX(32deg) rotateY(180deg)}.cointoss:before{animation:none}.ct-caption{animation-delay:0s}}.ct-coin.ct-model{width:min(520px,92vw);height:min(330px,58vw);animation:none!important;transform:none!important}.ct-model .ct-face{visibility:hidden}.coin-model-canvas{width:100%;height:100%;display:block}.cointoss:has(.ct-model):before{display:none}.cointoss:has(.ct-model){gap:0}.game{height:100dvh;position:relative;overflow:hidden;color:#f0e7d5;background:#152036 var(--battlefield-bg) center/100% 100% no-repeat;--metal:#b6a079}.game:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(#07132688,transparent 20%,transparent 82%,#07132699)}.game .topbar{position:absolute;top:10px;left:16px;right:16px;height:30px;display:flex;align-items:center;z-index:50;pointer-events:none}.game .topbar>*{pointer-events:auto}.game .brand{display:none}.game .turn-info{position:absolute;right:0;top:46px;font-size:12px;text-shadow:0 2px 3px #000}.turn-badge{display:flex;gap:7px;align-items:center;color:#efdfbd}.turn-badge .tb-num{font-size:18px}.game button:not(.card):not(.rift-button){border:1px solid #a98c5a;color:#f2e5c9;background:linear-gradient(150deg,#23334aee,#101b2ced);box-shadow:inset 0 0 0 2px #ffffff09,0 3px 8px #06102055;border-radius:5px;cursor:pointer}.game button:disabled{opacity:.5;cursor:default}.game button:focus-visible,.pile:focus-visible{outline:2px solid #80c8ff;outline-offset:3px}.giveup-btn{position:absolute;right:0;top:0;padding:7px 12px;display:flex;gap:5px;font-size:12px}.mute-fab,.help-fab,.log-tab{position:absolute;z-index:51;top:10px;height:30px;padding:5px 12px;font-size:12px}.log-tab{left:16px;writing-mode:horizontal-tb}.mute-fab{left:140px;width:38px;display:grid;place-items:center}.help-fab{left:190px;display:flex;gap:6px;align-items:center}.hf-ico{font-size:14px}.game.log-open .log-tab{left:16px}.vol-pop{top:48px;left:140px;bottom:auto;z-index:160}.help-callout{z-index:160;top:49px;bottom:auto;left:190px}.stage{position:absolute;inset:5.5% 3% 1%}.board-col{height:100%;display:grid;grid-template-rows:var(--pt) minmax(0,1fr) auto minmax(0,1fr) var(--pt);align-items:center;row-gap:9px}.pcluster{display:grid;grid-template-columns:1fr var(--pt) 1fr;align-items:center;position:relative;width:100%;height:var(--pt);z-index:6;grid-template-rows:var(--pt)}.portrait{position:relative;width:var(--pt);height:var(--pt);--side:#68b7ec}.portrait--opp{--side:#d17478}.pt-ring .avatar{width:100%;height:100%;border:0;display:block;overflow:hidden;border-radius:50%}.avatar-seeker{overflow:hidden;position:relative;display:inline-block}.seeker-sprite{position:absolute;inset:0;display:block;background-size:200% 100%;background-position:left center}.seeker-red{background-image:url(/art/biblion/seeker-red.png)}.seeker-blue{background-image:url(/art/biblion/seeker-blue.png)}.pt-vitals{position:absolute;right:calc(100% + 10px);bottom:24%;width:clamp(88px,11vw,168px);display:grid;gap:6px}.pt-hp{display:flex;gap:4px;align-items:baseline;justify-content:flex-end;text-shadow:0 2px 3px #071021;background:linear-gradient(90deg,transparent,#112035d9);border-radius:4px;padding:3px 7px}.pt-hp b{font-size:clamp(20px,2.5vw,32px);font-family:Georgia,serif;font-weight:500}.pt-hp-ico{font-size:10px;margin-right:auto}.pt-hp-max{font-size:13px}.pt-hpbar{height:8px;width:100%;background:#111b2ccc;border:1px solid #b8a478;border-radius:6px;overflow:hidden;display:block;box-shadow:0 2px 4px #0006}.pt-hpbar i{display:block;height:100%;background:linear-gradient(#b2d9e5,#497a9d);transition:width .35s ease;box-shadow:0 0 8px #8ecfff}.portrait--opp .pt-hpbar i{background:linear-gradient(#ecb1af,#9a3f55)}.pt-mana{position:absolute;left:calc(100% + 10px);bottom:28%;width:clamp(95px,12vw,170px);display:grid;gap:3px}.mana-readout{background:linear-gradient(90deg,#112035df,transparent);padding:3px 6px;font-size:10px;text-shadow:0 1px 3px #000}.mana-readout b{font-family:Georgia,serif;font-size:24px;margin-left:7px;font-weight:500}.pt-mana-max{font-size:13px}.mana-crystals{display:grid;grid-template-columns:repeat(10,1fr);gap:3px}.pt-name{position:absolute;top:100%;left:50%;transform:translate(-50%);font-size:9px;padding:2px 9px;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#0c1b30df;border-radius:0 0 6px 6px}.pt-brand{position:absolute;right:calc(100% + 15px);top:84%;font-size:10px;background:#522438;border:1px solid #b98873;padding:2px 5px;white-space:nowrap}.pc-side{min-width:0;display:flex;align-items:flex-end}.pc-side--r{padding-left:calc(clamp(95px,12vw,170px) + 24px);align-self:end;max-height:var(--pt)}.opp-hand{display:flex;align-items:center;gap:3px;position:relative}.opp-hand .card{width:calc(var(--pt) * .32);height:calc(var(--pt) * .48)}.opp-hand .oh-count{font-size:11px;padding-left:4px}.hand-area{align-self:end;height:var(--pt);z-index:40}.prow{display:flex;justify-content:center;align-items:center;position:relative;min-height:0}.field-block{display:flex;align-items:center;justify-content:center;gap:calc(var(--slot-gap) * 2);padding:4px;position:relative}.zones{display:flex;flex-direction:column;gap:19px}.zone-row{position:relative}.zone-row:before{content:attr(data-label);position:absolute;top:-14px;left:0;color:#26364e;font-size:9px;font-weight:600;text-shadow:0 1px #fff8;letter-spacing:.04em}.zone{display:flex;gap:var(--slot-gap);position:relative;transform:perspective(1100px) rotateX(9deg);transform-origin:center}.zone-st .card,.zone-st .slot{--ch:calc(var(--field-card-size) * .7)}.zone-st .card-art{height:89%}.zone-st .card-cost{width:25%}.zone-st .slot{border-bottom:2px solid #536f9640;background:#1d335012}.zone-mon .slot{border-bottom:2px solid #b5976a50}.field-block.is-turn .zone-mon{filter:drop-shadow(0 3px 4px #769dc422)}.pile-col{display:flex;gap:var(--slot-gap);align-items:center}.pile{width:calc(var(--field-card-size) * .78);height:calc(var(--field-card-size) * 1.2);position:relative;cursor:pointer}.pile.is-empty .pile-card{opacity:.25}.row-aside{position:absolute;right:1%;bottom:-16px}.mp-btn{font-size:9px;padding:3px 6px;display:flex;gap:4px}.mp-ico{display:none}.mid-row{position:relative;display:flex;align-items:center;justify-content:center}.mid-aside{position:fixed;right:16px;top:105px;z-index:45;display:flex;flex-direction:column;align-items:center;gap:8px}.game .end-turn-wrap .btn{padding:10px 15px;font-size:12px;background:linear-gradient(#eddbb7,#b99a69);color:#17253a;box-shadow:inset 0 0 0 3px #5b493230,0 4px 9px #08152966}.market.panel{background:none;border:0;box-shadow:none;overflow:visible;padding:0;position:relative}.market.panel:before,.market.panel:after{content:none}.market-heading{text-align:center;font-family:Georgia,serif;font-size:12px;letter-spacing:.16em;color:#28344c;margin-bottom:5px}.market-heading span{border-bottom:1px solid #9c845a;padding:2px 26px}.market-counter{display:flex;align-items:flex-end;gap:calc(var(--slot-gap) * 1.5);padding:28px 14px 22px;position:relative;background:linear-gradient(135deg,#30405a,#14243b 48%,#233752);border:2px solid #b6a079;border-radius:8px;box-shadow:inset 0 0 0 4px #6f789355,0 5px #576074,0 7px #bdac8a,0 14px 15px #06152b55}.market-sub{position:relative}.market-cards{display:grid;grid-auto-flow:column;grid-auto-columns:var(--card-w-mkt);gap:var(--slot-gap)}.market-sub--supply{border-bottom:2px solid #7dc8f2;padding-bottom:1px}.sub-head{position:absolute;top:-26px;left:0;width:100%;display:flex;justify-content:center}.game .refresh-btn{font-size:10px;white-space:nowrap;padding:3px 9px;border-color:#759fbb;color:#ccecff}.refresh-btn b{color:#90d4ff}.reroll-hint{position:absolute;bottom:-17px;width:100%;text-align:center;font-size:8px;color:#b3d0e7}.reroll-focus #supplyMarket .card{filter:drop-shadow(0 0 5px #7ad5ff);transform:translateY(-3px)}.mkt-stock{position:absolute;bottom:-8px;right:4px;z-index:15;min-width:24px;text-align:center;border:1px solid #ac9267;border-radius:3px;background:#15243a;color:#f7e7c4;font-size:11px;padding:1px 4px}.mkt-stock--single{border-color:#7ab9db;color:#b7e6ff}.mkt-stock--last{color:#ffcd98}.market .slot.is-bought:after{font-size:9px;letter-spacing:0}.hand{position:relative;height:var(--card-h-hand);width:var(--h-w-open);cursor:pointer;flex:0 0 auto}.hand .card{position:absolute;bottom:0;left:calc(var(--hi) * var(--h-step-open));transition:left .18s ease,transform .15s ease}.game:not(.hand-open) .hand{width:calc(var(--h-w-compact) * .42);height:calc(var(--card-h-hand) * .42)}.game:not(.hand-open) .hand .card{left:calc(var(--hi) * var(--h-step-compact) * .42);transform:scale(.42);transform-origin:bottom left}.game:not(.hand-open) .hand:after{content:"";position:absolute;inset:-10px -6px}.game.hand-open .hand{position:fixed;left:50%;bottom:8px;transform:translate(-50%);z-index:120;max-height:none;filter:drop-shadow(0 7px 25px #000a)}.game.hand-open .hand .card:hover{z-index:60!important;transform:translateY(-12px)}.game.drag-play #meRow .zones{filter:drop-shadow(0 0 8px #4bacff)}.portrait.is-hurt .seeker-sprite{background-position:right center}.portrait.is-hurt .pt-ring{animation:seekerRecoil .65s ease both}@keyframes seekerRecoil{15%{transform:translate(6px,4px) rotate(5deg);filter:brightness(1.3)}35%{transform:translate(-4px,2px) rotate(-3deg)}65%{transform:translate(2px) rotate(1deg)}}.cast-veil{position:fixed;inset:0;pointer-events:none;z-index:124;background:radial-gradient(ellipse,#0b173647,transparent 72%)}.seeker-picker{display:grid;grid-template-columns:1fr 1fr;gap:18px}.seeker-picker .ava-opt{width:auto;height:auto;display:flex;flex-direction:column;align-items:center;padding:15px;gap:12px}.seeker-picker .avatar{width:128px;height:128px}@media (max-width:700px) and (orientation:portrait){.stage{inset:7% 2% 2%}.board-col{row-gap:10px}.game .topbar{left:8px;right:8px;top:6px}.log-tab{left:8px;top:6px;padding:4px 7px;font-size:10px}.mute-fab{left:108px;top:6px;width:30px}.help-fab{left:144px;top:6px;padding:4px 8px}.hf-label{display:none}.giveup-btn{padding:6px 8px;font-size:10px}.game .turn-info{top:37px;font-size:9px}.pt-vitals{right:calc(100% + 6px);width:88px;bottom:29%}.pt-mana{left:calc(100% + 6px);bottom:30%;width:96px}.mana-readout b{font-size:18px}.mana-crystals{gap:2px}.mana-crystal{height:7px}.pt-hp b{font-size:20px}.pt-hp-max{font-size:10px}.pc-side--r{padding-left:8px;position:absolute;left:calc(50% + var(--pt) / 2);bottom:-10px}.opp-hand .card{width:14px;height:21px}.pcluster--me .pc-side--r{bottom:-8px}.game:not(.hand-open) .hand{height:26px}.game:not(.hand-open) .hand .card{transform:scale(.24);left:calc(var(--hi) * var(--h-step-compact) * .24)}.field-block{gap:6px;padding:0}.zones{gap:17px}.zone-row:before{font-size:7px;top:-12px}.pile-col{gap:5px}.pile-tag{font-size:7px;bottom:-16px}.pile-count{font-size:9px;padding:1px 3px}.row-aside{bottom:-20px;right:0}.market-counter{padding:29px 10px 21px;gap:7px}#supplyMarket{grid-template-columns:repeat(2,var(--card-w-mkt));grid-auto-flow:row}#fixedMarket{grid-template-columns:repeat(4,var(--card-w-mkt));grid-auto-flow:row}.market-cards{gap:12px var(--slot-gap)}.game .refresh-btn{font-size:8px;padding:3px}.reroll-hint{font-size:6px}.mkt-stock{font-size:9px;min-width:17px;bottom:-7px}.mid-aside{right:8px;top:calc(7vh + var(--pt) + 14px);bottom:auto;flex-direction:row;gap:5px}.game .end-turn-wrap .btn{font-size:9px;padding:6px 8px}.mp-clock{width:29px;height:29px}.mp-clock .tc-num{font-size:11px}.target-hint{top:42px;max-width:90vw;font-size:10px}.game .logpanel{top:42px;bottom:8px}.zoom-overlay .card{--cw:min(80vw,280px);--ch: calc(min(80vw,280px)/.64) }.zoom-wrap{flex-direction:column;max-height:93dvh;overflow:auto}}@media (max-height:550px){.stage{inset:10% 3% 2%}.board-col{row-gap:3px}.zones{gap:13px}.zone-row:before{font-size:7px;top:-10px}.market-counter{padding-top:20px;padding-bottom:16px}.sub-head{top:-21px}.game .refresh-btn{font-size:8px;padding:2px 5px}.market-heading{display:none}.reroll-hint{bottom:-13px;font-size:7px}.mid-aside{top:66px}.game .end-turn-wrap .btn{padding:5px 8px;font-size:9px}.pt-hp b{font-size:19px}.mana-readout b{font-size:18px}.mana-crystal{height:7px}.pt-name{font-size:7px}}@media (prefers-reduced-motion:reduce){.game *{animation-duration:.01ms!important;transition-duration:.01ms!important}}.card--mkt .mkt-stock{left:37%;right:auto;bottom:-7px}.pcluster--me .pc-side--r{position:absolute;left:calc(50% + var(--pt) / 2 + clamp(95px,12vw,170px) + 24px);bottom:4px;padding:0;max-height:none}@media (max-width:700px) and (orientation:portrait){.pcluster--me .pc-side--r{left:calc(50% + var(--pt) / 2 + 8px);bottom:-6px}}.opp-hand{height:calc(var(--pt) * .82)}.opp-hand .card--back{position:absolute;bottom:0;background-size:100% 100%;border-radius:3px;box-shadow:0 2px 4px #0008}.opp-hand-count{position:absolute;right:-14px;bottom:0;font-size:11px;color:#e8ddc7;text-shadow:0 1px 2px #000}.ava-grid.seeker-picker{grid-template-columns:1fr 1fr}.seeker-picker .ava-opt{border-radius:10px}@media (max-width:700px) and (orientation:portrait){.pcluster--opp .pc-side--r{left:12px;bottom:-20px;transform:scale(.6);transform-origin:left bottom;padding:0}}.is-mine .zone-row:before{top:auto;bottom:-13px}.cast-reveal{transform-style:preserve-3d}.cast-reveal{filter:none!important}.pile--shelf .pile-face{transform:none}.pile--shelf .pile-face .card-art{inset:4%;height:92%}.pile--shelf .pile-face .card-name,.pile--shelf .pile-face .card-eff,.pile--shelf .pile-face .ad-atk,.pile--shelf .pile-face .ad-def,.pile--shelf .pile-face .card-cost{display:none}.seeker-picker .ava-opt{color:#ecdfc3}.seeker-picker .avatar{width:min(128px,24vw);height:min(128px,24vw)}.pt-ring{display:block;position:relative;width:100%;height:100%;padding:0;background:none;border:0;box-shadow:none}.pt-ring:after{content:"";position:absolute;inset:-19%;background:url(/art/biblion/ui/portrait-frame.png) center/contain no-repeat;pointer-events:none;z-index:2}.pt-ring .avatar{position:absolute;inset:1%;width:98%;height:98%}.portrait.is-active .pt-ring:after{filter:drop-shadow(0 0 6px var(--side))}.portrait .seeker-sprite{animation:seekerBreathe 5.3s ease-in-out infinite;transform-origin:center bottom}.portrait .seeker-sprite:after{content:"";position:absolute;inset:0;background-size:200% 100%;background-position:right center;opacity:0;animation:seekerBlink 6.1s steps(1,end) infinite}.portrait--opp .seeker-sprite:after{animation-delay:-2.3s}.portrait--opp .seeker-sprite{animation-delay:-1.7s}.seeker-blue:after{background-image:url(/art/biblion/ui/blink-blue.png)}.seeker-red:after{background-image:url(/art/biblion/ui/blink-red.png)}.portrait.is-hurt .seeker-sprite:after{display:none}@keyframes seekerBlink{0%,42%,45%,to{opacity:0}43%,44%{opacity:1}}@keyframes seekerBreathe{0%,to{transform:translateY(1px) scale(1.025)}50%{transform:translateY(-1px) scale(1.025)}}.mana-crystals{grid-template-columns:repeat(10,minmax(0,1fr));gap:1px}.mana-crystal{display:block;height:18px;background:url(/art/biblion/ui/mana-empty.png) center/auto 100% no-repeat;clip-path:none}.mana-crystal.is-lit{background-image:url(/art/biblion/ui/mana-filled.png);filter:drop-shadow(0 0 2px #5ac5fb80)}.duel-objects-3d{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;z-index:5}.duel-table-ready .game{background:radial-gradient(ellipse at 50% 38%,#334054,#131e30 75%,#0a1220)}.duel-table-ready .game:before{background:none}.duel-table-ready .stage{z-index:6}.market-model-ready .market-counter{background:none!important;border-color:transparent!important;box-shadow:none!important}.duel-table-ready .zone,.duel-table-ready .market-counter{transform:perspective(300vh) rotateX(var(--duel-table-tilt)) scaleY(var(--duel-card-stretch));transform-origin:center}.pile-tag,.pile-count{z-index:6}.pile-col{gap:calc(var(--slot-gap) + 9px)}.pile{width:calc(var(--field-card-size) * .92)}.mp-clock.show{display:flex;flex-direction:column;width:74px;height:112px;justify-content:flex-end;position:relative}.hourglass-anchor{width:74px;height:92px;display:block}.mp-clock .tc-num{line-height:1;font-family:Georgia,serif;font-size:22px;color:#fff0d0;text-shadow:0 2px 4px #020913;min-width:40px;text-align:center;border-bottom:1px solid #b69a69;padding-bottom:3px}.mp-clock.warn{animation:none}.mp-clock.warn .tc-num{color:#ffb3a1}.mid-aside{top:92px;right:12px;gap:6px}.cast-reveal{box-shadow:0 26px 50px #0009,0 0 45px #7faedf44;will-change:transform,left,top}.cast-reveal:after{content:"";position:absolute;inset:0;z-index:12;pointer-events:none;background:linear-gradient(110deg,transparent 20%,#e8f7ff44 42%,transparent 60%);background-size:250% 100%;animation:castSheen .8s ease-out both}@keyframes castSheen{0%{background-position:100% 0}to{background-position:0 0}}@media (max-width:699px){.mana-crystal{height:12px}.mp-clock.show{width:45px;height:74px}.hourglass-anchor{width:45px;height:56px}.mp-clock .tc-num{font-size:16px}.mid-aside{right:6px;top:calc(7vh + var(--pt) + 8px)}.pile-col{gap:5px}}@media (max-height:550px){.mana-crystal{height:10px}.mp-clock.show{width:45px;height:66px}.hourglass-anchor{width:45px;height:50px}.mp-clock .tc-num{font-size:15px}.mid-aside{top:61px}}@media (prefers-reduced-motion:reduce){.portrait .seeker-sprite,.portrait .seeker-sprite:after,.cast-reveal:after{animation:none}}.pile-card{position:absolute;inset:15% 10%;background:#152039 center/contain no-repeat;border:1px solid #ae956a;border-radius:3px}.pile--shelf{width:calc(var(--field-card-size) * 1.15);height:calc(var(--field-card-size) * 1.2);background:none;border:0;box-shadow:none;transform:none}.pile-face{width:100%;height:100%;--cw:calc(var(--field-card-size) * .65);--ch:calc(var(--field-card-size) * 1.05)}.pile-tag{position:absolute;bottom:-4px;left:50%;transform:translate(-50%);font-size:9px;white-space:nowrap;color:#1a2b43;font-weight:700}.pile-count{position:absolute;bottom:10px;right:0;top:auto;border:1px solid #baa178;background:#162236;color:#f6e5bf;border-radius:4px;padding:1px 5px;font-size:12px;z-index:6}@media (max-width:699px){.pile-tag{font-size:7px}.pile-count{font-size:9px;bottom:6px;padding:1px 3px}.mid-aside{top:50px;flex-direction:column;gap:2px}.mp-clock.show{height:58px}.hourglass-anchor{height:42px}.game .end-turn-wrap .btn{font-size:9px;padding:5px}}@media (max-width:699px) and (orientation:portrait){.game .turn-info{top:126px;right:0;font-size:9px}}.game button:not(.card):not(.rift-button),.duel-dialog button{background:url(/art/biblion/refined/button-idle.png) center/100% 100% no-repeat;border:0;border-radius:0;box-shadow:none;color:#eee9db}.game button:not(.card):not(.rift-button):hover:not(:disabled),.duel-dialog button:hover{background-image:url(/art/biblion/refined/button-hover.png)}.game button:not(.card):not(.rift-button):active:not(:disabled),.duel-dialog button:active{background-image:url(/art/biblion/refined/button-pressed.png)}.stage{inset:0 3%}.board-col{row-gap:14px}.pcluster--opp{align-self:start}.pt-ring:after{inset:-8% -8% -5%;background-image:url(/art/biblion/refined/portrait-self.png);background-size:100% 100%}.portrait--opp .pt-ring:after{inset:-22% -3% -6%;background-image:url(/art/biblion/refined/portrait-opp.png)}.pt-ring .avatar{inset:5% 8%;width:84%;height:90%;border-radius:45% 45% 35% 35%}.portrait.is-active .pt-ring:after{filter:drop-shadow(0 0 2px var(--side))}.pt-name{top:auto;bottom:1%;font-size:8px}.pcluster--me .pt-name{bottom:4px}.mana-crystal{background-image:url(/art/biblion/refined/mana-empty.png)}.mana-crystal.is-lit{background-image:url(/art/biblion/refined/mana-filled.png);filter:none}.zone-st{display:grid;grid-template-columns:repeat(14,minmax(0,1fr));gap:3px;width:calc(7 * var(--field-card-size) + 6 * var(--slot-gap))}.zone-st .slot,.buff-icon{width:100%;height:auto;aspect-ratio:1;min-width:0;--ch:auto;--cw:auto}.buff-icon{position:relative;background-position:center;background-size:cover;border:1px solid #b7c4cf;border-radius:5px;box-shadow:0 2px 4px #0b162c66;cursor:pointer}.buff-icon--spell{border-color:#adced9}.buff-icon--trap{border-color:#bb96bf}.buff-duration{position:absolute;bottom:-3px;right:-3px;z-index:3;padding:0 3px;font-size:clamp(8px,.8vw,12px);color:#fff4db;background:#122238ed;border-radius:3px;white-space:nowrap}.buff-kind{position:absolute;top:-3px;left:-3px;color:#d1fbff;text-shadow:0 1px 3px #000;font-size:10px}.buff-icon .trap-cnt{top:auto;bottom:0;right:0}.buff-icon.ench-expiring{box-shadow:0 0 5px #f7b35e}.zone-st .slot{border:0;border-bottom:1px solid #62758a55;background:transparent}.pile-col{gap:3px}.pile,.pile--shelf{width:calc(var(--field-card-size) * .85);height:calc(var(--field-card-size) * 1.15)}.pile-body{position:absolute;inset:0;background-position:center;background-size:100% 100%;background-repeat:no-repeat}.duel-webgl .pile-card{visibility:visible}.pile-card{inset:7% 17% 16%;border:0;border-radius:5%;background-color:transparent;background-size:100% 100%;clip-path:polygon(4% 0,96% 0,100% 100%,0 100%)}.pile--deck[data-bucket="1"] .pile-card{inset:3% 18% 10%}.pile--deck[data-bucket="3"] .pile-card{inset:7% 17% 16%}.pile--deck[data-bucket="5"] .pile-card{inset:6% 14% 17%}.pile--deck[data-bucket="10"] .pile-card{inset:7% 12% 20%}.pile--deck[data-bucket="15"] .pile-card{inset:6% 18% 20%}.pile--shelf .pile-card{inset:30% 18%;clip-path:none;background-size:cover}.pile-count{background:url(/art/biblion/refined/stat-cost.png) center/100% 100%;border:0;width:24px;height:24px;display:grid;place-items:center;padding:0;bottom:0}.pile-tag{bottom:-12px}.row-aside{display:none}.game .rift-button{flex:none;position:relative;width:calc(var(--field-card-size) * .68);height:calc(var(--field-card-size) * .9);padding:0;background:none;border:0;box-shadow:none;align-self:center}.rift-sprite{position:absolute;top:0;left:0;width:100%;aspect-ratio:1;background-image:url(/art/biblion/release/rift-slit-16.png);background-size:400% 400%;animation:riftFrames 16s steps(1,end) infinite}.rift-button:hover .rift-sprite,.rift-button:focus-visible .rift-sprite{animation:none;background-position:0 0;transform:scaleX(1.035);filter:brightness(1.2) drop-shadow(0 0 2px #b7dbe6);transition:none}.rift-button.is-absorbing .rift-sprite{filter:brightness(1.15);background-position:0 0;animation:none}.rift-label{position:absolute;bottom:0;left:50%;transform:translate(-50%);white-space:nowrap;font-size:9px;color:#23354d;text-shadow:0 1px #d4e2ef}@keyframes riftFrames{0%{background-position:0 0}6.25%{background-position:33.333% 0}12.5%{background-position:66.667% 0}18.75%{background-position:100% 0}25%{background-position:0 33.333%}31.25%{background-position:33.333% 33.333%}37.5%{background-position:66.667% 33.333%}43.75%{background-position:100% 33.333%}50%{background-position:0 66.667%}56.25%{background-position:33.333% 66.667%}62.5%{background-position:66.667% 66.667%}68.75%{background-position:100% 66.667%}75%{background-position:0 100%}81.25%{background-position:33.333% 100%}87.5%{background-position:66.667% 100%}93.75%,to{background-position:100% 100%}}.mid-row{gap:12px}.mid-aside{position:relative;inset:auto;flex-direction:column;width:86px;flex:0 0 86px;z-index:8;gap:4px}.mp-clock.show{width:74px;height:110px}.hourglass-anchor{width:74px;height:82px}.mp-clock .tc-num{width:62px;padding:6px 8px;border:0;background:url(/art/biblion/refined/button-idle.png) center/100% 100%;font-size:20px}.game .end-turn-wrap .btn{width:86px;min-height:38px;padding:8px;font-size:10px}.market-counter{padding:10px;gap:12px;border:1px solid #c4c9ca;border-radius:5px;background:#1d3048ed;box-shadow:0 5px 8px #06152b55;align-items:center}.market-sub--supply{padding:32px 9px 23px;border:1px solid #a3d6e3;border-radius:4px;background:#46688555;box-shadow:inset 0 0 12px #8acfe922}.market-sub--fixed{padding:20px 0}.sub-head{top:3px}.reroll-hint{bottom:3px}.rf-ico{display:inline-block;width:17px;height:17px;font-size:0;vertical-align:middle;background:url(/art/biblion/refined/reroll.png) center/contain no-repeat}.game .refresh-btn{min-height:26px;padding:4px 10px}.reroll-focus .market-sub--supply{box-shadow:inset 0 0 20px #7aceff55,0 0 6px #a5e6ff}.duel-dialog{background:url(/art/biblion/refined/panel-frame.png) center/100% 100%;border:0;border-radius:0;padding:28px}.dialog-clock{position:sticky;top:0;z-index:20;margin:0 0 10px auto;width:100px;text-align:center;padding:10px 14px;background:url(/art/biblion/refined/button-idle.png) center/100% 100%;color:#fff3d8;font-size:17px;font-variant-numeric:tabular-nums}.dialog-clock:after{content:"";position:absolute;bottom:5px;left:12%;width:calc(76% * var(--remaining));height:2px;background:#addcf5}.dialog-clock.warn{color:#ffb9a1}.fx-turnbanner{inset:0;width:100%;height:100%;transform:none;display:flex;flex-direction:column;justify-content:center;align-items:center;background:radial-gradient(ellipse,#0a204780,transparent 70%);border:0;animation:turnBloom .55s cubic-bezier(.15,.8,.2,1) both}.fx-turnbanner:before{content:"";position:absolute;width:95%;height:40%;background:url(/art/biblion/refined/turn-flare.png) center/100% 100% no-repeat;z-index:-1}.fx-turnbanner span{font-family:Georgia,serif;letter-spacing:.15em;font-size:clamp(24px,5vw,68px);color:#e6f6ff;text-shadow:0 0 22px #65b9ff}.fx-turnbanner small{font-family:Georgia,serif;font-size:clamp(14px,2vw,28px);margin-top:18px;color:#d8eaff}.fx-turnbanner.opp:before{filter:hue-rotate(120deg) saturate(.5)}.fx-turnbanner.out{opacity:0;transform:scale(1.08);transition:opacity .32s,transform .32s}@keyframes turnBloom{0%{opacity:0;transform:scaleX(.12) scaleY(.65);filter:blur(8px)}to{opacity:1;transform:scale(1);filter:blur(0)}}@media (max-width:700px) and (orientation:portrait){.stage{inset:0 2%}.board-col{row-gap:16px}.mid-row{gap:4px}.mid-aside{inset:auto;flex:0 0 48px;width:48px}.mp-clock.show{width:46px;height:78px}.hourglass-anchor{width:46px;height:55px}.mp-clock .tc-num{width:42px;font-size:14px;padding:5px}.game .end-turn-wrap .btn{width:48px;font-size:8px;min-height:40px}.market-counter{gap:6px;padding:5px}.market-sub--supply{padding:27px 4px 22px}.market-sub--fixed{padding:18px 0}.game .refresh-btn{padding:2px 6px;min-height:22px;font-size:7px}.rf-ico{width:12px;height:12px}.zone-st{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.buff-icon,.zone-st .slot{width:74%;justify-self:center}.pile,.pile--shelf{width:calc(var(--field-card-size) * .8)}.pile-count{width:18px;height:18px}.rift-label{font-size:7px}.pile-tag{bottom:-8px}.game .turn-info{top:43px;font-size:8px}.duel-dialog{padding:18px}.buff-duration{font-size:7px}}@media (max-height:550px){.stage{inset:0 3%}.board-col{row-gap:7px}.mid-aside{inset:auto;width:66px;flex-basis:66px}.mp-clock.show{height:62px;width:44px}.hourglass-anchor{height:42px;width:44px}.mp-clock .tc-num{font-size:12px;width:40px;padding:4px}.game .end-turn-wrap .btn{width:66px;min-height:25px;padding:5px;font-size:8px}.market-sub--supply{padding-top:23px;padding-bottom:17px}.game .refresh-btn{min-height:18px;padding:2px 6px}.market-counter{padding:5px 8px}.market-sub--fixed{padding:12px 0}.sub-head{top:0}.reroll-hint{bottom:1px}}@media (prefers-reduced-motion:reduce){.rift-sprite,.fx-turnbanner{animation:none!important}}@media (max-width:700px) and (orientation:portrait){.game .log-tab,.game.log-open .log-tab{left:5px;top:8px;width:35px;padding:4px}.game .mute-fab{left:5px;top:41px;width:35px}.game .help-fab{left:5px;top:74px;width:35px;justify-content:center;padding:4px}.help-fab .hf-label{display:none}.pcluster--opp .pc-side--r{left:50%;bottom:-27px;transform:translate(-50%) scale(.6);transform-origin:center bottom}.vol-pop{left:43px;top:41px}.help-callout{left:43px;top:74px}.duel-dialog .picker-grid .card{--cw: min(110px,25vw);--ch: calc(min(110px,25vw)/.64) ;flex:0 0 var(--cw)}.duel-dialog .picker-grid{max-height:48dvh!important;gap:14px!important;padding:6px}}.duel-dialog{background-size:105% 125%}.duel-dialog .modal-row{position:sticky;bottom:0;padding-top:8px}.duel-dialog .is-picked:after{content:"✓";position:absolute;top:35%;left:30%;width:40%;aspect-ratio:1;display:grid;place-items:center;background:url(/art/biblion/refined/stat-cost.png) center/contain no-repeat;color:#e7faff;font-size:2em;z-index:20}.pt-mana{bottom:6%}.mana-readout b{font-size:20px}.mana-crystal{height:12px}.duel-dialog .is-picked:before{content:none}@media (max-width:700px) and (orientation:portrait){.mana-crystal{height:9px}.mana-readout b{font-size:18px}.pt-vitals{bottom:10%}}@media (max-height:550px){.pt-mana{bottom:2%}.pt-vitals{bottom:5%}.mana-crystal{height:7px}.mana-readout{padding:1px 3px}.mana-readout b{font-size:14px}.pt-mana-max{font-size:10px}}.fx-turnbanner.mine span,.fx-turnbanner.opp span{color:#e6f6ff;font-size:clamp(24px,4vw,58px)}.game .mid-aside .turn-info{position:static;font-size:9px;width:100%;text-align:center;line-height:1.5;color:#273a52;text-shadow:0 1px #ecf6ff}.mid-aside .turn-badge{flex-wrap:wrap;justify-content:center;gap:2px 5px}.mid-aside .turn-badge .tb-num{font-size:13px}.fx-turnbanner.out{animation:none}@media (max-width:700px) and (orientation:portrait){.portrait--opp .pt-mana{top:1px;bottom:auto}.game .giveup-btn{top:60px;right:-8px;padding:5px 8px;font-size:9px}.game .mid-aside .turn-info{font-size:7px}}@media (max-height:550px){.game .mid-aside .turn-info{font-size:7px;line-height:1.1}.mid-aside .turn-badge .tb-num{font-size:10px}}.mid-aside .turn-badge{color:#263a52}@media (max-width:350px) and (orientation:portrait){.game .log-tab,.game.log-open .log-tab,.game .mute-fab,.game .help-fab{left:3px;width:26px;padding:3px}}@media (max-width:700px) and (orientation:portrait){.pcluster--me .pt-mana{bottom:60%}.pcluster--me .mana-readout{font-size:9px;line-height:1.1;padding:2px 3px}.pcluster--me .mana-readout b{font-size:16px;line-height:1}.pcluster--me .mana-crystal{height:7px}}.market-counter{padding:5px 7px;gap:9px}.market-sub--supply{padding:27px 5px 19px}.market-sub--fixed{padding:12px 0}.market-heading{margin-bottom:2px}.game .refresh-btn{min-height:22px;padding:2px 8px}.reroll-hint{bottom:1px;font-size:7px}.fx-turnbanner{z-index:170}.fx-turnbanner span{background:none;border:0;padding:8px 12px}.paper-draw-canvas{position:fixed;inset:0;z-index:126;pointer-events:none;width:100vw;height:100vh}@media (max-width:700px) and (orientation:portrait){.market-counter{padding:4px;gap:4px}.market-sub--supply{padding:24px 3px 18px}.market-sub--fixed{padding:10px 0}.game .refresh-btn{min-height:20px;padding:2px 4px}.board-col{row-gap:12px}}@media (max-height:550px){.market-counter{padding:3px 5px}.market-sub--supply{padding:20px 4px 17px}.market-sub--fixed{padding:9px 0}.game .refresh-btn{min-height:18px;padding:1px 5px}}@media (max-width:700px) and (orientation:portrait){.pcluster--me .pc-side--r{bottom:2px}.pcluster--me .pt-mana{bottom:70%}}@media (max-width:700px) and (orientation:portrait){.game .help-fab{left:auto;right:56px;width:30px}.pcluster--opp .pc-side--r{bottom:-21px}}.zone-st .slot,.buff-icon{aspect-ratio:4/5}.buff-icon{background:none;border:0;border-radius:0;box-shadow:none}.buff-frame,.buff-art{position:absolute;inset:0;background-size:100% 100%;background-position:center;pointer-events:none}.buff-frame{filter:url(#celestial-matte)}.buff-art{background-size:cover;clip-path:url(#celestial-field-spell)}.buff-cost{position:absolute;left:3.4%;top:4.4%;width:15%;height:12%;display:grid;place-items:center;color:#fff6de;font:10px Georgia,serif;line-height:1;z-index:2}.buff-duration{z-index:3;right:2%;bottom:1%;border:1px solid #b9c7d76b}.buff-icon:focus-visible{outline:1px solid #e7dcbf;outline-offset:3px}@media (min-width:1000px){.board-col{row-gap:10px}}.buff-cost{width:26%;height:auto;aspect-ratio:1;top:-2%;left:-6%;font-size:10px}.buff-cost:before{content:"";position:absolute;inset:0;background:url(/art/biblion/modular/cost.png) center/100% 100%;filter:url(#celestial-matte)}.buff-cost>span{position:relative;z-index:1}.buff-infinity{position:absolute;z-index:4;width:55%;height:55%;object-fit:contain;bottom:-13%;right:-4%;filter:url(#celestial-matte) drop-shadow(0 1px 2px #000);pointer-events:none}.buff-duration,.buff-counter{position:absolute;bottom:-5%;right:-7%;min-width:72%;height:25%;padding:0 4px;z-index:4;border:0;border-radius:0;background:none;display:grid;place-items:center;color:#fff0cd;font-size:clamp(9px,.72vw,12px);font-variant-numeric:tabular-nums}.buff-duration:before,.buff-counter:before{content:"";position:absolute;inset:-15% 0;z-index:-1;background:url(/art/biblion/modular/plaque.png) center/100% 100%;filter:url(#celestial-matte)}.buff-counter{right:auto;left:-5%;bottom:15%;min-width:48%}.buff-duration:before,.buff-counter:before{background-size:100% 180%;background-position:center 45%}.game.hand-open .hand{transform:translate(-50%) scale(.65);transform-origin:bottom center}.game .zone .slot{border-color:transparent;background:transparent;box-shadow:none}.game .zone .slot:after{content:none}.card.drag-ghost--hand{transform:translate(-50%,-58%) rotate(2deg);box-shadow:none;filter:drop-shadow(0 8px 10px #0008)}.pile.pile--3d-ready .pile-body,.pile.pile--3d-ready .pile-card{visibility:hidden}.pile-draw-anchor{position:absolute;pointer-events:none;visibility:hidden}.pile.is-shuffling .pile-body{visibility:hidden}.game:not(.hand-open) .hand:after{pointer-events:none}.card.drag-ghost--hand{z-index:2000!important;visibility:visible!important;opacity:1!important;transition:none}.market-counter{padding:4px 6px;gap:10px;border-color:#b3a88b99;background:linear-gradient(115deg,#1b293bed,#263549ed);box-shadow:inset 0 1px #e2dab81a,0 3px 7px #07152444}.market-sub--supply{padding:22px 5px 13px;border-color:#a5beca88;background:#506c7d21;box-shadow:none}.market-sub--fixed{padding:4px 0}.game .refresh-btn{min-height:18px;padding:1px 7px;font-size:9px}.sub-head{top:1px}.reroll-hint{bottom:0;font-size:6px;line-height:1.2}.mkt-stock{bottom:-6px;font-size:10px}.pile--deck{width:calc(var(--field-card-size) * .98);height:calc(var(--field-card-size) * 1.24)}.pile--shelf{width:calc(var(--field-card-size) * 1.08);height:calc(var(--field-card-size) * 1.24)}.pile-tag{font-family:Georgia,serif;letter-spacing:.06em;font-size:9px;color:#26354a}.pile-count{filter:drop-shadow(0 2px 2px #0b162855)}.portrait .pt-vitals,.portrait .pt-mana{top:50%;bottom:auto;transform:translateY(-50%);height:51px;width:clamp(92px,11.5vw,156px);display:grid;grid-template-rows:32px 12px;gap:5px}.portrait .pt-hp,.portrait .mana-readout{height:32px;padding:0 7px;display:flex;align-items:baseline;gap:3px;line-height:32px;font-size:9px;border-radius:2px;border-bottom:1px solid #c9b89144;background:linear-gradient(90deg,#15253bd9,#101c2ccb)}.portrait .pt-hp b,.portrait .mana-readout b{font-family:Georgia,serif;font-size:26px;font-weight:500;line-height:32px;margin:0}.portrait .pt-hp b,.portrait .mana-readout b{margin-left:auto}.portrait .pt-hp-max,.portrait .pt-mana-max{font-size:12px;color:#ded8c9}.portrait .pt-hpbar{height:7px;align-self:center;border-color:#b9aa895e;background:#081321}.portrait .mana-crystals{height:12px;align-items:center}.portrait .mana-crystal{height:12px}.mid-aside{width:100px;flex-basis:100px;gap:5px}.mp-clock.show{width:94px;height:65px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:0}.hourglass-anchor{width:36px;height:62px;flex:0 0 36px}.tc-dial{width:53px;height:53px;position:relative;display:block;border-radius:50%;background:radial-gradient(circle at 40% 30%,#20384ee6,#0d1b2cf0 70%);box-shadow:inset 0 0 0 1px #a997724a,0 3px 7px #07122244}.tc-dial svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);fill:none;stroke-width:1.5}.tc-track{stroke:#cfbd8840}.tc-progress{stroke:#bcdbe2;stroke-width:2;stroke-linecap:round;stroke-dasharray:var(--remaining,1) 1;transition:stroke-dasharray .25s linear}.mp-clock .tc-num{position:absolute;inset:0;width:auto;min-width:0;display:grid;place-items:center;padding:0;border:0;background:none;font:25px/1 Georgia,serif;color:#f3ead6;font-variant-numeric:tabular-nums}.mp-clock.warn .tc-progress{stroke:#efa582}.mp-clock.warn .tc-num{color:#ffc7a5}.game #endBtn{position:relative;width:100px;min-height:42px;padding:10px 9px;border:1px solid #c2ae7c;border-radius:9px 3px;color:#fcf1d0;font-size:11px;font-weight:700;letter-spacing:.025em;background:linear-gradient(150deg,#34506a,#152a41 65%,#253a4b);box-shadow:inset 0 0 0 2px #152234,inset 0 0 0 3px #c3b07b66,0 3px #0b1728,0 5px 9px #07122255;text-shadow:0 1px 2px #000a;transition:filter .15s,transform .15s}.game #endBtn:before{content:"";position:absolute;left:calc(50% - 3px);top:-4px;width:6px;height:6px;transform:rotate(45deg);background:#d0ba80;border:1px solid #f5e5b4}.game #endBtn:hover:not(:disabled){background:linear-gradient(150deg,#48667a,#203d52 65%,#304d5c);filter:brightness(1.1)}.game #endBtn:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 0 0 2px #152234,inset 0 0 0 3px #c3b07b66,0 1px #0b1728}.game #endBtn:disabled{opacity:.65;color:#bac3c8;border-color:#7c8589;background:linear-gradient(145deg,#293a48,#172430)}.game #endBtn:disabled:before{background:#8195a3;border-color:#bec8cc}@media (max-width:700px) and (orientation:portrait){.market-counter{padding:3px;gap:4px}.market-sub--supply{padding:20px 3px 12px}.market-sub--fixed{padding:3px 0}.game .refresh-btn{min-height:17px;font-size:7px;padding:1px 3px}.market-heading{font-size:10px}.portrait .pt-vitals,.portrait .pt-mana{height:41px;grid-template-rows:26px 10px;gap:4px;width:clamp(80px,24vw,110px)}.portrait .pt-hp,.portrait .mana-readout{height:26px;line-height:26px;padding:0 4px;font-size:8px}.portrait .pt-hp b,.portrait .mana-readout b{font-size:21px;line-height:26px}.portrait .pt-hp-max,.portrait .pt-mana-max{font-size:10px}.portrait .mana-crystals,.portrait .mana-crystal{height:10px}.pcluster--me .pc-side--r{bottom:calc(var(--pt) + 8px)}.pcluster--opp .pc-side--r{bottom:-27px}.mid-aside{width:56px;flex-basis:56px}.mp-clock.show{width:54px;height:83px;flex-direction:column;gap:0}.hourglass-anchor{width:30px;height:39px;flex:0 0 39px}.tc-dial{width:43px;height:43px}.mp-clock .tc-num{font-size:21px}.game #endBtn{width:56px;min-height:40px;padding:8px 4px;font-size:9px}.game .mid-aside .turn-info{font-size:7px}}@media (max-height:550px){.market-counter{padding:3px 5px}.market-sub--supply{padding:19px 4px 11px}.market-sub--fixed{padding:3px 0}.portrait .pt-vitals,.portrait .pt-mana{height:35px;grid-template-rows:23px 8px;gap:3px}.portrait .pt-hp,.portrait .mana-readout{height:23px;line-height:23px}.portrait .pt-hp b,.portrait .mana-readout b{font-size:20px;line-height:23px}.portrait .mana-crystal,.portrait .mana-crystals{height:8px}.mp-clock.show{height:52px}.hourglass-anchor{height:50px}}.pile-print{position:fixed;left:-500px;top:-500px;visibility:hidden;pointer-events:none;width:128px;height:200px}.pile-print .card{--cw:128px;--ch:200px;width:128px;height:200px;transform:none}.portrait .pt-vitals,.portrait .pt-mana{height:55px;grid-template-rows:32px 18px}.portrait .mana-crystals{height:18px;grid-template-rows:repeat(var(--mana-rows,1),minmax(0,1fr));row-gap:0}.portrait .mana-crystal{height:min(12px,calc(18px / var(--mana-rows,1)))}@media (max-width:700px) and (orientation:portrait){.portrait .pt-vitals,.portrait .pt-mana{height:48px;grid-template-rows:26px 18px}}@media (max-height:550px){.portrait .pt-vitals,.portrait .pt-mana{height:38px;grid-template-rows:23px 12px}.portrait .mana-crystals{height:12px}.portrait .mana-crystal{height:min(8px,calc(12px / var(--mana-rows,1)))}}.play-drop-guide{position:fixed;z-index:140;pointer-events:none;display:flex;align-items:flex-end;justify-content:center;padding:8px;box-sizing:border-box;border:1px solid #b9c9d77a;border-radius:16px;box-shadow:inset 0 0 35px #91b8db15;color:#fff5dd;font-size:12px;font-weight:600;text-shadow:0 1px 4px #000,0 0 8px #071220;background:linear-gradient(transparent 85%,#0c172a9e)}.play-drop-guide.is-ready{border-color:#aadfff;box-shadow:inset 0 0 35px #91cfff25,0 0 12px #79c6ff45}.play-drop-guide.is-blocked{border-color:#b8897f;color:#f3c8bd}.zone.drop-destination{outline:1px dashed #99cae9;outline-offset:7px;border-radius:5px;background:#91cfff15}.zone.drop-ready{outline-style:solid;box-shadow:0 0 22px #95cfff70;background:#a7d8ff35}.drag-ghost--hand.drop-ready{filter:drop-shadow(0 0 5px #a4dbff)}.portrait .pt-ring{position:absolute;top:0;left:0;width:100%;height:100%}.portrait .pt-ring:after{inset:0;background-size:contain}.portrait .pt-ring .avatar{inset:8% 22% 14%;width:56%;height:78%;border-radius:48% 48% 30% 30%;background:#101e33}.portrait--opp .pt-ring:after{inset:0}.portrait--opp .pt-ring .avatar{inset:10% 12% 14%;width:76%;height:76%;border-radius:28% 28% 35% 35%}.portrait .pt-name,.pcluster--me .pt-name{top:auto;bottom:2%;width:78%;max-width:160px;height:11%;padding:0 5px;display:block;line-height:calc(var(--pt) * .11);font-size:clamp(8px,calc(var(--pt) * .095),12px);z-index:3;border-radius:0;background:linear-gradient(90deg,transparent,#0c1b30e8 18%,#0c1b30e8 82%,transparent);text-align:center}@media (max-height:500px){.play-drop-guide{font-size:10px;padding:3px}}.game .stage{inset:0 4%}.game .board-col{grid-template-rows:var(--pt-reserve) minmax(0,1fr) auto minmax(0,1fr) var(--pt-reserve);row-gap:8px}.game .pcluster--opp{align-self:start;transform:translateY(calc(var(--pt) * -.045))}.game .hand-area{height:var(--pt-reserve);position:relative}.game .pcluster--me{position:absolute;bottom:calc(var(--pt) * -.025)}.game .pcluster{z-index:12}.game .zone{transform:none!important}.game .field-block{gap:calc(var(--slot-gap) * 2);padding:4px}.game .zones{gap:16px}.game .zone-mon .card,.game .zone-mon .slot{--cw:var(--card-w);--ch:var(--card-h);width:var(--card-w);height:var(--card-h)}.game .zone-mon{width:calc(7 * var(--card-w) + 6 * var(--slot-gap))}.game .zone-st{display:grid;grid-template-columns:repeat(14,minmax(0,1fr));width:calc(7 * var(--card-w) + 6 * var(--slot-gap));gap:3px}.game .zone-st .slot,.game .zone-st .buff-icon{width:100%;height:auto;aspect-ratio:4/5;justify-self:stretch}.game .pile-col{gap:var(--slot-gap);align-items:center}.game .pile--deck{width:calc(var(--card-w) * 1.3);height:calc(var(--card-w) * 1.95)}.game .pile--shelf{width:calc(var(--card-w) * 1.52);height:calc(var(--card-w) * 2.08)}.game .pile--shelf:before{content:"";position:absolute;inset:0}.game .pile-tag{bottom:-17px;font-size:clamp(8px,.75vw,12px)}.game .pile-count{bottom:-4px}.game .rift-button{width:calc(var(--card-w) * .7);height:calc(var(--card-w) * .9)}.game .market-counter{transform:none;padding:8px 10px;gap:var(--slot-gap)}.game .market-sub--supply{padding:22px 5px 14px}.game .market-sub--fixed{padding:4px 0}.game .mid-row{gap:22px}.game .mid-aside{width:calc(var(--card-w) * 1.6);flex-basis:calc(var(--card-w) * 1.6);gap:7px}.game .mp-clock.show,.game .tc-dial{width:var(--card-w);height:var(--card-w)}.game #endBtn{width:calc(var(--card-w) * 1.6);min-height:calc(var(--card-w) * .64);padding:4px 6px;font-size:clamp(9px,.8vw,12px);white-space:nowrap}.game .hourglass-anchor{display:none}.board-projected .stage{z-index:6}.board-projected .zone-row{transform-origin:0 0}.board-projected .field-block.is-turn .zone-mon{filter:none}.game .zone-row:before{font-size:clamp(8px,.75vw,12px);letter-spacing:.08em}.game .zone-row:after{content:"";position:absolute;inset:-6px -7px;z-index:-1;border:1px solid #8e7f5b2b;background:linear-gradient(90deg,#9caec00a,#f8f4e40e);border-radius:7px;pointer-events:none}@media (max-width:700px) and (orientation:portrait){.game .stage{inset:0 4%}.game .board-col{row-gap:7px}.game .field-block{display:flex;flex-direction:column;gap:9px;padding:0}.game #oppRow .field-block{flex-direction:column-reverse}.game .pile-col{height:calc(var(--card-w) * 1.7);width:100%;justify-content:flex-end;gap:10px}.game .zone-st{grid-template-columns:repeat(14,minmax(0,1fr));gap:2px}.game .zone-row:before{font-size:7px;top:-11px}.game .zones{gap:13px}.game .mid-row{gap:12px}.game .market-counter{padding:4px 5px;gap:5px}.game .market-sub--supply{padding:22px 3px 13px}.game .market-sub--fixed{padding:4px 0}.game .mid-aside{width:46px;flex-basis:46px}.game #endBtn{width:50px;min-height:34px;padding:4px;font-size:8px}.game .mp-clock.show,.game .tc-dial{width:42px;height:42px}.game .pile-tag{bottom:-12px;font-size:7px}.game .portrait .pt-vitals,.game .portrait .pt-mana{width:clamp(75px,22vw,96px)}.game .portrait .pt-hp b,.game .portrait .mana-readout b{font-size:21px}.game .pcluster--me .pc-side--r{bottom:20px;left:calc(50% + var(--pt)/2 + 8px)}}.board-projected .market-counter{transform-style:preserve-3d}.supply-model-ready .market-sub--supply{border-color:transparent;background:transparent;box-shadow:none}.supply-model-ready.reroll-focus .market-sub--supply{box-shadow:none}@media (max-width:700px) and (orientation:portrait){.game .pile-col{height:calc(var(--card-w) * 2.08)}}.modal .btn,.duel-dialog .btn{min-height:42px;padding:10px 24px;border:1px solid #ad9470;border-radius:12px 3px;background:linear-gradient(165deg,#30485c,#16283c);background-image:linear-gradient(165deg,#30485c,#16283c);color:#f2ead9;font-family:var(--ui);letter-spacing:.035em;text-transform:none;box-shadow:inset 0 1px #eff2e033,0 3px 9px #07142538}.modal .btn:hover:not(:disabled),.duel-dialog .btn:hover:not(:disabled){background-image:linear-gradient(165deg,#45677c,#263e53);border-color:#ead3a5;color:#fff6e1}.modal .btn:active:not(:disabled),.duel-dialog .btn:active:not(:disabled){background-image:linear-gradient(165deg,#1d3245,#16283c);box-shadow:inset 0 2px 5px #06102066}.modal .btn-gold,.modal .btn-primary{background-image:linear-gradient(165deg,#e8d4a8,#bda077);color:#182638;border-color:#f0dfb9}.modal .btn-danger{border-color:#bc7c74;color:#ffccc3}.modal .btn:focus-visible{outline:2px solid #b6e5f4;outline-offset:4px}.treasure-notice{position:fixed;z-index:210;left:50%;top:27%;transform:translate(-50%);display:flex;align-items:center;gap:14px;max-width:min(420px,90vw);padding:15px 26px;border:1px solid #c4ab7899;border-radius:18px 4px;background:linear-gradient(120deg,#192d42f5,#293e50f5);box-shadow:0 12px 32px #04112545,inset 0 1px #f8e6b31c;color:#f9edce;pointer-events:none;animation:rewardNotice 2.2s ease both}.treasure-notice small{display:block;font-size:10px;color:#bfcbd0;letter-spacing:.13em;margin-bottom:4px}.treasure-notice strong{display:block;font-size:17px;line-height:1.5;font-weight:600}.treasure-notice-icon{font-size:30px;color:#dbbb78}@keyframes rewardNotice{0%{opacity:0;translate:0 6px}9%,84%{opacity:1;translate:0 0}to{opacity:0;translate:0 -5px}}@media (prefers-reduced-motion:reduce){.rift-sprite,.treasure-notice{animation:none!important}}.game .buff-icon--quest{border:0;background:none;box-shadow:none;padding:0}.game .buff-icon--quest .buff-frame{filter:url(#celestial-matte)}.game .buff-icon--quest .quest-progress{inset:auto 6% 3%;padding:1px 0;border-top:1px solid #c6a8df88;background:linear-gradient(90deg,#231330dd,#38214bef,#231330dd);color:#f7e7ff;font-size:clamp(7px,.72vw,11px);line-height:1.1}.game .portrait:not(.portrait--opp) .pt-ring{width:117%;height:117%;left:-8.5%;top:-4%}.game .rift-sprite{width:140%;left:-20%;top:-12%}.game .portrait .pt-ring .avatar{inset:10% 12% 14%;width:76%;height:76%;border-radius:35% 35% 30% 30%}.game .portrait:not(.portrait--opp) .pt-ring{width:100%;height:100%;left:0;top:0}.game .pcluster--opp{transform:translateY(calc(var(--pt) * -.085))}.game .opp-hand{height:70px}.duel-dialog .picker-grid,.modal .picker-grid{padding:18px 12px 14px!important;scroll-padding:18px;box-sizing:border-box}.game .portrait .pt-mana{width:clamp(110px,13vw,184px);height:64px;grid-template-rows:38px 22px}.game .portrait .mana-readout{height:38px;font-size:12px;line-height:38px}.game .portrait .mana-readout b{font-size:32px;line-height:38px}.game .portrait .pt-mana-max{font-size:15px}.game .portrait .mana-crystals{height:22px}.game .portrait .mana-crystal{height:min(18px,calc(22px / var(--mana-rows,1)))}.buy-confirm{pointer-events:auto!important;cursor:pointer;border:1px solid #d9bf84}.market-cards .card{touch-action:manipulation;cursor:pointer}.market-cards .card:after,.mkt-stock,.watch-dot{pointer-events:none}.market-cards .card:focus-visible{outline:2px solid #c9eaff;outline-offset:4px}@media (max-width:700px) and (orientation:portrait){.game .portrait .pt-mana{width:clamp(92px,26vw,116px);height:52px;grid-template-rows:30px 18px}.game .portrait .mana-readout{height:30px;line-height:30px;font-size:9px}.game .portrait .mana-readout b{font-size:25px;line-height:30px}.game .portrait .pt-mana-max{font-size:12px}.game .portrait .mana-crystals{height:18px}.game .portrait .mana-crystal{height:min(13px,calc(18px / var(--mana-rows,1)))}}.board-projected .market-sub--fixed,.board-projected .market-cards{transform-style:preserve-3d}.board-projected .market-cards{pointer-events:none}.board-projected .market-cards>.card{pointer-events:auto}.awaiting-board .market-counter,.awaiting-board .pile-body,.duel-opening .pile-tag,.duel-opening .pile-count{visibility:hidden}@media (max-width:700px) and (orientation:portrait){.game .portrait:not(.portrait--opp) .pt-mana{top:24%}}body:has(.game){cursor:url(/ui/cursors/normal.svg) 3 3,default}body:has(.game) :is(button,a,[role=button],.card,.pile,.hand){cursor:url(/ui/cursors/hover.svg) 3 3,pointer!important}body:has(.game) :is([data-block-reason],[data-block-reason] *,button:disabled,[aria-disabled=true]){cursor:url(/ui/cursors/blocked.svg) 3 3,not-allowed!important}body:has(.game.drag-play) *{cursor:url(/ui/cursors/drag.svg) 3 3,grabbing!important}body:has(.opening-hands) *,body:has(.game) [aria-busy=true]{cursor:url(/ui/cursors/loading.svg) 3 3,progress!important}.card-block-tip{position:fixed;z-index:250;pointer-events:none;max-width:min(320px,90vw);padding:9px 14px;color:#f2e3cd;background:#20283bf5;border:1px solid #bca27a;border-radius:8px 8px 8px 2px;box-shadow:0 5px 16px #070c2350;font-size:12px;line-height:1.5}.game .card.is-dim{filter:grayscale(1) brightness(.55) contrast(.9)!important}.game .card.is-dim:hover{filter:grayscale(.95) brightness(.65) contrast(.9)!important}.game .card-frame{filter:url(#celestial-matte) drop-shadow(0 1px 0 #d3c3a0) drop-shadow(0 1px 0 #655846)}.game .pcluster--opp{transform:translateY(calc(var(--pt) * -.15))}.game .pcluster--me{bottom:calc(var(--pt) * -.07)}.game .portrait .pt-ring:after{background-image:url(/art/biblion/refined/portrait-opp.png);background-size:contain;inset:0}.game .portrait .pt-ring .avatar{inset:16% 12% 8%;width:76%;height:76%}.game .pcluster--me .pt-name{bottom:8%}.game .pcluster--opp .pc-side--r{position:absolute;left:calc(50% + var(--pt)/2 + clamp(95px,12vw,170px) + 24px);top:calc(var(--pt) * .15 + 3px);bottom:auto;padding:0;align-self:start}.game .opp-hand .card--back{top:0;bottom:auto}.game .rift-button{width:calc(var(--card-w)*1.05);height:calc(var(--card-w)*1.15)}.game .rift-sprite{width:160%;left:-30%;top:-25%}@media (max-width:700px) and (orientation:portrait){.game .pcluster--opp .pc-side--r{left:auto;right:0;top:calc(var(--pt)*.15 + 3px)}.game .pcluster--opp .opp-hand{transform:scale(.8);transform-origin:top right}.game .pcluster--me .pc-side--r{transform:scale(.8);transform-origin:bottom left}.game .rift-button{width:calc(var(--card-w)*.9)}}.game .pcluster--me .pc-side--r{bottom:calc(var(--pt)*.07 + 4px)}@media (max-width:700px) and (orientation:portrait){.game .pcluster--opp .pc-side--r,.game .pcluster--opp .opp-hand,.game .pcluster--me .pc-side--r{transform:none}.game:not(.hand-open) .hand{width:calc(var(--h-w-compact)*.42);height:calc(var(--card-h-hand)*.42)}.game:not(.hand-open) .hand .card{left:calc(var(--hi)*var(--h-step-compact)*.42);transform:scale(.42)}}@media (max-width:700px) and (orientation:portrait){.game .portrait--opp .pt-mana{top:calc(var(--pt)*.86);bottom:auto;left:calc(100% + 4px)}.game .portrait:not(.portrait--opp) .pt-mana{top:0;bottom:auto}}.game .rift-sprite{background-image:url(/art/biblion/release/rift-purple07-idle16.png);background-position:0 0;background-size:400% 400%;animation:none}.game .rift-sprite:after{content:"";position:absolute;inset:0;background-image:inherit;background-size:400% 400%;animation:riftFrames 32s steps(1,end) infinite;opacity:.16;pointer-events:none}.game .rift-button:hover .rift-sprite,.game .rift-button:focus-visible .rift-sprite{filter:brightness(1.12) drop-shadow(0 0 2px #8d59b5);transform:scaleX(1.025)}.game .rift-button:hover .rift-sprite:after,.game .rift-button:focus-visible .rift-sprite:after,.game .rift-button.is-absorbing .rift-sprite:after{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.game .rift-sprite:after{animation:none}}.game .rift-button{margin-left:calc(var(--card-w)*.45)}.game .rift-label{bottom:-10px}.game.opening-hands .market-cards .card.is-dim{filter:none!important}body:has(.game .is-aiming) *{cursor:url(/ui/cursors/drag.svg) 3 3,grabbing!important}@media (min-width:900px) and (max-aspect-ratio:3/2){.game #oppRow{align-self:start}.game #meRow{align-self:end}}[data-table-state=loading] .game{background:#eeeae3}[data-table-state=loading] .game:before{content:"";position:fixed;inset:5% -3% 1%;border:3px double #bca37b;border-radius:26%/19%;background:#f2f0ec;pointer-events:none;z-index:0}.awaiting-board .pile-tag,.awaiting-board .pile-count,.cointoss-ov.coin-loading .ct-coin{visibility:hidden}.market-cards .card[data-purchase-source][aria-hidden=true]{visibility:hidden!important;pointer-events:none!important}.rift-fold-canvas{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;z-index:126}.board-flight-canvas{position:fixed;inset:0;width:100vw;height:100vh;z-index:126;pointer-events:none}.cast-reveal{transform-style:flat!important;isolation:isolate;box-shadow:none;filter:drop-shadow(0 18px 22px #0005)!important}.cast-reveal:after{content:none}.fx-card-flight{isolation:isolate;transform-style:flat!important}.pile--shelf{transform-style:preserve-3d}.pile--shelf.pile--3d-ready>.pile-print{position:absolute;left:50%;top:50%;width:var(--card-w);height:var(--card-h);transform:translate(-50%,-50%) translateZ(var(--shelf-elevation,12px));visibility:visible;z-index:1}.pile--shelf>.pile-print>.card{--cw:var(--card-w);--ch:var(--card-h);width:var(--cw);height:var(--ch);pointer-events:none}.pile--shelf>.pile-count{transform:translateZ(calc(var(--shelf-elevation,12px) + 1px));z-index:6}.awaiting-board .pile--shelf>.pile-print,.duel-opening .pile--shelf>.pile-print,.pile--shelf.is-shuffling>.pile-print{visibility:hidden}.game .market-sub--supply{display:flex;align-items:center;gap:7px;padding:7px 5px 10px}.game .market-sub--supply .sub-head{position:static;flex:0 0 auto;transform:none;width:auto}.game #refreshBtn{position:relative;display:grid;place-items:center;width:clamp(25px,calc(var(--card-w)*.5),42px);height:clamp(25px,calc(var(--card-w)*.5),42px);min-height:0;padding:0;border-radius:50%;border:1px solid #d7bc80;background:radial-gradient(circle at 40% 25%,#426077,#172b40 68%);box-shadow:inset 0 0 0 2px #102032,inset 0 -3px 3px #070c1c,0 2px 3px #080f2059;font-size:11px}.game .refresh-btn .rf-ico{font-size:clamp(17px,calc(var(--card-w)*.35),29px);line-height:1;transform:translateY(-2px)}.game .refresh-btn .rf-cost{position:absolute;bottom:-7px;font-size:8px;line-height:12px;padding:0 3px;border-radius:5px;color:#efe2bd;background:#182b3d;border:1px solid #a58d5f}.game .refresh-btn:disabled{filter:grayscale(.65);opacity:.55}.game .reroll-hint{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.game .market-counter{padding-top:4px;padding-bottom:4px}.game .rift-button{margin-left:calc(var(--card-w)*.65)}.game .portrait:not(.portrait--opp) .pt-ring:after{transform:scaleY(-1)}.game .portrait:not(.portrait--opp) .pt-ring .avatar{inset:8% 12% 16%;border-radius:30% 30% 35% 35%}.game .pcluster--me .pt-name--vitals{position:absolute;top:100%;margin-top:2px;bottom:auto;left:0;transform:none;width:100%;max-width:none;height:auto;line-height:1.35;text-align:left;padding:0;font-size:clamp(9px,.8vw,12px);color:#243449;background:none;text-shadow:0 1px #fff8}.game .mp-clock.opp .tc-dial{background:radial-gradient(circle at 40% 25%,#693b40,#311c29 75%);box-shadow:inset 0 0 0 1px #d89d89,0 3px 7px #24102055}.game .mp-clock.opp .tc-progress{stroke:#ecaca0}.game .mp-clock.opp .tc-track{stroke:#f8b5a12e}.game .mp-clock.opp .tc-num{color:#ffe2d7}.game .portrait .mana-crystals{height:38px;display:grid;grid-template-columns:repeat(10,minmax(0,1fr));grid-template-rows:repeat(var(--mana-rows,1),minmax(0,1fr));gap:1px;align-items:start;justify-items:center;overflow:visible}.game .portrait .mana-crystal{display:block;width:100%;max-width:24px;height:min(28px,calc(38px / var(--mana-rows,1)));aspect-ratio:auto;background:url(/ui/mana/empty.svg) center/contain no-repeat;border:0;border-radius:0;box-shadow:none;filter:none}.game .portrait .mana-crystal.is-lit{background-image:url(/ui/mana/filled.svg);filter:drop-shadow(0 1px 1px #10253a66)}.game .portrait .mana-crystal.is-gained{animation:manaStoneGain .45s cubic-bezier(.2,.7,.3,1) both}@keyframes manaStoneGain{0%{transform:translateY(-10px) scale(.7);filter:brightness(1.6)}65%{transform:translateY(1px) scale(1.1)}to{transform:none}}.cointoss-ov{background:radial-gradient(ellipse at center,#292c3240,#22252c80);backdrop-filter:grayscale(.5)}.opening-card-flight{isolation:isolate;transform-style:flat!important}.fx-card-flight,.fx-card-flight:hover{background:transparent!important;border:0!important;box-shadow:none!important}@media (max-width:700px) and (orientation:portrait){.game .market-sub--supply{gap:4px;padding:6px 3px 9px}.game .portrait .mana-crystals{gap:2px}.game .pcluster--me .pt-name--vitals{top:100%;font-size:8px}}@media (prefers-reduced-motion:reduce){.game .portrait .mana-crystal.is-gained{animation:none}}.duel-preparing>.game,.duel-preparing>canvas{visibility:hidden!important}.duel-loader{position:fixed;inset:0;z-index:300;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;background:radial-gradient(ellipse at 50% 42%,#f9f7f1,#e8e3d9);color:#766343;font-size:12px;letter-spacing:.18em}.duel-loader>img{width:min(52vw,320px);height:auto;object-fit:contain}.duel-load-track{width:min(42vw,230px);height:3px;background:#b49d6933;overflow:hidden;border-radius:2px}.duel-load-track>i{display:block;width:40%;height:100%;background:linear-gradient(90deg,transparent,#a78b52,#ddd0a4,transparent);animation:duelLoading 1.6s ease-in-out infinite}@keyframes duelLoading{0%{transform:translate(-100%)}to{transform:translate(350%)}}@media (prefers-reduced-motion:reduce){.duel-load-track>i{animation:none;width:100%;opacity:.7}}.game .mid-aside{height:0;min-height:0;overflow:visible;justify-content:center;align-self:center}.game .mid-aside>*{flex-shrink:0}.game .refresh-btn .rf-ico{background:none;width:auto;height:auto}.game #refreshBtn:hover:not(:disabled),.game #refreshBtn:focus-visible{filter:brightness(1.16);outline:1px solid #d8eafa;outline-offset:2px}.game #refreshBtn:active:not(:disabled){filter:brightness(.85)}@media (min-width:701px){.game #meRow,.game #oppRow{align-self:stretch}.game .prow>.field-block{height:100%}.game .prow .zones{height:100%}.game .zone-row:has(>.zone-mon){flex:1;min-height:var(--card-h);display:flex;align-items:center}}.game .pcluster--opp{transform:translateY(calc(var(--pt)*-.23))}.game .portrait--opp .pt-ring .avatar{top:24%;bottom:8%;height:68%}.game .portrait--opp .pt-ring .avatar img{height:111.764706%}.game .portrait--opp .pt-name{bottom:10%}.game .pcluster--me{bottom:calc(var(--pt)*-.2)}.game .pcluster--opp .pc-side--r{top:calc(var(--pt)*.23 + 3px)}.game .pcluster--me .pc-side--r{bottom:calc(var(--pt)*.2 + 4px)}.game .market-cards .card.is-armed{outline:0;box-shadow:none}.game .market-cards .card.is-armed .card-frame,.game .market-cards .card.is-armed .seal-face{filter:url(#celestial-matte) drop-shadow(0 0 1px #d4f3ff) drop-shadow(0 0 3px #68c3f6)}.draw-grip{isolation:isolate}.game .portrait .mana-readout{border:1px solid #baa77888;border-radius:3px;background:linear-gradient(145deg,#294155ed,#142537ed);box-shadow:inset 0 1px #e6dbbd26,inset 0 -2px #080f2070,0 2px 3px #13203126;color:#f4ead3}@media (max-width:700px) and (orientation:portrait){.game .pcluster--me .pt-vitals{transform:translateY(calc(-50% - 9px))}}.board-projected .market-cards>.card{transform:translateZ(1px)}.board-projected .market-cards>.card.is-buyable:hover{transform:translateY(-6px) translateZ(1px)}.reroll-focus #supplyMarket .card{transform:translateY(-3px) translateZ(1px)}.game .zone-mon{justify-content:center;min-height:var(--card-h)}.game .zone-mon>.slot:not([data-reserved-uid]){position:absolute;visibility:hidden;pointer-events:none;left:50%;top:0}.game .zone-mon>.slot[data-reserved-uid]{flex:none;visibility:hidden}.game .zone-mon>.card{flex:none}.game .rift-button{width:calc(var(--card-w)*.72);height:calc(var(--card-w)*.82);margin-left:0}.game .mid-aside{width:calc(var(--card-w)*1.25);flex-basis:calc(var(--card-w)*1.25);gap:4px}.game #endBtn{width:calc(var(--card-w)*1.25);min-height:calc(var(--card-w)*.53);font-size:clamp(8px,.73vw,11px)}.game .mp-clock.show,.game .tc-dial{width:calc(var(--card-w)*.86);height:calc(var(--card-w)*.86)}.game .tc-num{font-size:calc(var(--card-w)*.42)}@media (min-width:701px){.game .prow>.field-block{width:calc(7*var(--card-w) + 6*var(--slot-gap));padding:0}.game .prow .pile-col{position:absolute;left:calc(100% + var(--slot-gap)*2);top:0;bottom:0;height:calc(var(--card-w)*2.08);margin-block:auto;gap:var(--slot-gap)}.game .prow .rift-button{position:absolute;right:calc(var(--card-w)*.3);top:calc(100% + 8px)}}@media (max-width:700px) and (orientation:portrait){.game .mid-aside{width:42px;flex-basis:42px}.game #endBtn{width:42px;min-height:30px;font-size:7px}.game .mp-clock.show,.game .tc-dial{width:36px;height:36px}.game .tc-num{font-size:18px}.game .pile-col{gap:8px}}.game .rift-sprite{width:135%;left:-17.5%;top:-15%}.opp-hand .card--back{clip-path:inset(3% round 12%)}@media (min-width:701px){.game .prow .pile-col{display:contents;position:static;height:auto}.game .prow .pile{position:absolute;top:0;bottom:0;margin-block:auto}.game .prow .pile--shelf{right:calc(100% + var(--slot-gap)*2);left:auto}.game .prow .pile--deck{left:calc(100% + var(--slot-gap)*2);right:auto}.game .prow .rift-button{left:calc(100% + var(--card-w)*1.3 + var(--slot-gap)*4);right:auto;top:0;bottom:0;margin-block:auto}}@media (max-width:700px) and (orientation:portrait){.game .prow .pile--shelf{order:-1;margin-right:auto}.game .prow .rift-button{flex-shrink:0}}.d3-overlay{position:fixed;inset:0;z-index:340;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#0006,#0003 55%,#0000);animation:d3in .18s ease-out;cursor:pointer}.d3-overlay.out{opacity:0;transition:opacity .24s ease}@keyframes d3in{0%{opacity:0}to{opacity:1}}.d3-tray{display:flex;flex-direction:column;align-items:center;gap:18px;perspective:900px;padding:30px 44px 24px;border-radius:18px;background:linear-gradient(180deg,#14261bcc,#0d1a12cc);border:1px solid #3a5c46aa;box-shadow:0 12px 60px #000b,inset 0 0 40px #0006}.d3-overlay.opp .d3-tray{background:linear-gradient(180deg,#2a1616cc,#1a0d0dcc);border-color:#5c3a3aaa}.d3-who{font-size:12px;font-weight:800;letter-spacing:.14em;color:#ff9d8a;text-transform:uppercase}.d3-row{display:flex;gap:34px}.d3-wrap{width:68px;height:68px}.d3-cube{position:relative;width:100%;height:100%;transform-style:preserve-3d;will-change:transform}.d3-face{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);padding:9px;border-radius:12px;background:linear-gradient(145deg,#fdfbf4,#d9d4c4);border:1px solid #b9b2a0;box-shadow:inset 0 0 10px #0002;backface-visibility:hidden}.d3-pip{place-self:center;width:11px;height:11px;border-radius:50%;background:radial-gradient(circle at 34% 30%,#4a4a52,#17171c 70%);box-shadow:inset 0 -1px 2px #0008}.d3-face.front{transform:rotateY(0) translateZ(34px)}.d3-face.back{transform:rotateY(180deg) translateZ(34px)}.d3-face.right{transform:rotateY(90deg) translateZ(34px)}.d3-face.left{transform:rotateY(-90deg) translateZ(34px)}.d3-face.top{transform:rotateX(90deg) translateZ(34px)}.d3-face.bottom{transform:rotateX(-90deg) translateZ(34px)}.d3-cap{min-height:24px;font-size:17px;font-weight:800;color:#e8e2cf;text-shadow:0 1px 3px #000a;letter-spacing:.03em}.d3-cap b{color:#ffe9a8;margin-right:6px}.d3-overlay.win .d3-face{box-shadow:inset 0 0 10px #0002,0 0 22px #ffd76acc}.d3-overlay.fail .d3-face{box-shadow:inset 0 0 10px #0002,0 0 18px #ff5a3d99}.d3-overlay.win .d3-verdict{color:#ffd76a;animation:d3pop .32s cubic-bezier(.2,1.6,.4,1);display:inline-block}.d3-overlay.fail .d3-verdict{color:#ff8a76;animation:d3pop .32s cubic-bezier(.2,1.6,.4,1);display:inline-block}@keyframes d3pop{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}@media (max-width: 640px){.d3-wrap{width:54px;height:54px}.d3-face{padding:7px;border-radius:9px}.d3-face.front,.d3-face.back,.d3-face.right,.d3-face.left,.d3-face.top,.d3-face.bottom{transform:none}.d3-face.front{transform:rotateY(0) translateZ(27px)}.d3-face.back{transform:rotateY(180deg) translateZ(27px)}.d3-face.right{transform:rotateY(90deg) translateZ(27px)}.d3-face.left{transform:rotateY(-90deg) translateZ(27px)}.d3-face.top{transform:rotateX(90deg) translateZ(27px)}.d3-face.bottom{transform:rotateX(-90deg) translateZ(27px)}.d3-pip{width:9px;height:9px}.d3-tray{padding:22px 28px 18px}}.d3-overlay.casino .d3-tray{background:linear-gradient(180deg,#2a2010ee,#14100488);border:1px solid #d4a53a;box-shadow:0 0 46px #d4a53a55,0 12px 60px #000c,inset 0 0 40px #3a2a0888}.d3-overlay.casino .d3-cap{color:#ffd76a;font-weight:900;letter-spacing:.3em;text-shadow:0 0 12px #ffb02f88}.d3-overlay.casino .d3-face{background:linear-gradient(160deg,#3d2f10,#1d1604);border:1px solid #e9c76a;color:#ffd76a;box-shadow:inset 0 0 10px #ffb02f44}.d3-overlay.casino .d3-pip{background:#ffd76a;box-shadow:0 0 6px #ffb02fcc}.d3-overlay .d3-tray{padding:18px 12px;gap:4px;border:0;box-shadow:none;background:none;border-radius:0}.d3-overlay.opp .d3-tray,.d3-overlay.casino .d3-tray{background:none;border:0;box-shadow:none}.d3-overlay{background:radial-gradient(ellipse,#081523b3,#09152570 48%,transparent 80%)}.d3-row{position:relative;width:min(82vw,620px);height:220px;display:flex;align-items:center;justify-content:center;gap:22px}.d3-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.d3-fallback{width:74px;height:74px;display:grid;grid-template:repeat(3,1fr)/repeat(3,1fr);padding:14px;flex:0 0 auto;background:url(/art/biblion/arcana/dice-enamel.webp) center/cover;border:2px solid #c0ab7b;border-radius:9px;box-shadow:inset 0 0 0 2px #102037,0 6px 12px #0007}.d3-fallback .d3-pip{width:9px;height:9px;background:#edf5e5;box-shadow:0 0 0 1px #baa273}.d3-gpu .d3-fallback{visibility:hidden}.d3-who{color:#dfd1a5;font:11px Georgia,serif;letter-spacing:.22em}.d3-overlay.opp .d3-who{color:#ebc5bb}.d3-cap{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;min-width:130px;max-width:85vw;padding:10px 22px;border-top:1px solid #b9a67888;border-bottom:1px solid #b9a67844;background:linear-gradient(90deg,transparent,#13263ace,transparent);font:24px/1.2 Georgia,serif;color:#f7ecd0}.d3-verdict{font-size:16px}@media (max-width:640px){.d3-row{height:180px;gap:12px}.d3-fallback{width:58px;height:58px;padding:10px}.d3-cap{font-size:21px}}@media (prefers-reduced-motion:reduce){.d3-overlay,.d3-verdict{animation:none!important;transition:none!important}}.d3-row.is-loading .d3-fallback{visibility:hidden}.d3-overlay{gap:clamp(16px,4vw,64px);padding:24px}.d3-source{--card-w-hand:clamp(100px,17vw,190px);--card-h-hand:calc(var(--card-w-hand)/.64);flex:0 0 var(--card-w-hand);display:flex;flex-direction:column;align-items:center;gap:14px}.d3-owner{color:#dcf2ff;background:linear-gradient(90deg,transparent,#153951df,transparent);border-block:1px solid #8bbfce80;padding:7px 12px;font-size:clamp(10px,1.1vw,14px);letter-spacing:.08em;white-space:nowrap}.source-opp .d3-owner{color:#ffe5dc;border-color:#c9948280;background:linear-gradient(90deg,transparent,#572b38df,transparent)}.d3-source-card{pointer-events:none;flex-shrink:0;filter:drop-shadow(0 8px 18px #0008)}.d3-status{display:grid;place-items:center;min-height:140px;color:#f1e3c6;font:18px Georgia,serif;text-align:center}.d3-overlay .d3-row{width:min(54vw,620px);flex-wrap:wrap}.d3-overlay .d3-tray{min-width:0;padding-inline:0}@media (max-width:640px){.d3-overlay{gap:8px;padding:12px}.d3-source{--card-w-hand:100px}.d3-overlay .d3-row{width:calc(100vw - 140px);height:180px}.d3-cap{padding:8px;font-size:20px;max-width:calc(100vw - 140px)}.d3-verdict{font-size:12px}.d3-owner{padding:6px 8px}.d3-row .d3-fallback{width:40px;height:40px;padding:7px}.d3-row .d3-pip{width:5px;height:5px}}.screen{height:100vh;overflow-y:auto;-webkit-overflow-scrolling:touch;display:grid;justify-items:center;align-content:safe center;padding:24px;position:relative}.screen:has(>.screen-brand){padding-top:96px}.screen:has(.home){align-content:start;padding:30px 26px 26px}.screen:has(.home):before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:linear-gradient(#05070b1f,#05070b3d)}.screen:has(.home)>.home{position:relative;z-index:1}.topright-lang{position:absolute;top:22px;right:26px;z-index:5}.lang-select select{background:var(--ink-2);color:var(--paper);border:1px solid var(--line);border-radius:7px;padding:6px 11px;font-family:var(--ui);font-size:13px;cursor:pointer}.lang-select select:focus{outline:none;border-color:var(--brass)}.screen-brand{position:absolute;top:24px;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;gap:0;z-index:6}.screen-brand .mark{width:176px;height:60px;transform:none;border:none;position:relative;background:url(/art/brand/lore-wordmark.png) center/contain no-repeat;filter:drop-shadow(0 2px 7px #000a) drop-shadow(0 0 16px #4fb4ff55)}.screen-brand .mark:after{content:none}.screen-brand h1{display:none}.auth-card{width:360px;max-width:92vw;padding:32px 30px}.auth-card .sub{text-align:center;color:var(--paper-dim);margin-bottom:22px;font-size:12px;letter-spacing:.04em}.auth-card .form-row{margin-bottom:16px}.auth-card .btn-block{margin-top:6px;padding:12px}.auth-switch{text-align:center;margin-top:18px;font-size:12px;color:var(--paper-dim)}.auth-switch a{cursor:pointer;text-decoration:underline}.auth-error{color:var(--vermil-hi);font-size:12px;text-align:center;margin-top:12px;min-height:16px;line-height:1.5}.auth-error.ok{color:var(--good)}.auth-error a{color:inherit}.auth-links{text-align:center;margin-top:12px;font-size:12px}.auth-links a{color:var(--paper-dim);cursor:pointer;text-decoration:underline dotted}.auth-links a:hover{color:var(--brass)}.login-help{display:flex;flex-direction:column;gap:6px;margin-top:10px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#00000030}.login-help a{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:7px;font-size:12.5px;color:var(--paper-dim);cursor:pointer;text-decoration:none}.login-help a:hover{background:#ffffff08;color:var(--paper)}.login-help .help-sub{margin-left:auto;font-size:10.5px;color:var(--paper-faint)}.invite-box{text-align:left}.invite-box .inv-desc{color:var(--brass-hi);font-size:13px;margin-bottom:14px;text-align:center}.invite-link-row{display:flex;gap:8px;margin:8px 0 14px}.invite-link-row input{flex:1}.invite-list{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.invite-list .inv-row{display:flex;justify-content:space-between;align-items:center;padding:7px 10px;background:#ffffff05;border-radius:7px;font-size:12.5px}.invite-list .inv-st{font-family:var(--mono);font-size:11px;color:var(--brass)}.invite-list .inv-st.earned{color:var(--good)}.inv-note{font-size:11px;color:var(--paper-faint);text-align:center}.adm-screen{align-items:stretch}.adm{width:min(1100px,96vw);max-height:94vh;margin:0 auto;display:flex;flex-direction:column;padding:0}.adm-head{display:flex;align-items:baseline;gap:16px;padding:16px 20px;border-bottom:1px solid var(--line)}.adm-head h2{font-family:var(--mono);font-size:16px;letter-spacing:.14em;color:var(--brass-hi)}.adm-sub{font-size:12px;color:var(--paper-dim)}.adm-body{overflow-y:auto;padding:16px 20px 24px}.adm-search{width:220px;margin-left:12px;padding:5px 10px;font-size:12px;display:inline-block}.adm-sticky{position:sticky;top:-16px;z-index:5;background:var(--ink-2);padding:12px 0 10px;margin:-4px 0 4px;border-bottom:1px solid var(--line)}.adm-sort .th{cursor:pointer;user-select:none;position:sticky;top:-16px;background:var(--ink-2);z-index:4}.adm-sort .th:hover{color:var(--brass-hi)}.adm-ver{display:inline-block;width:auto;padding:3px 8px;font-size:12px;margin-left:10px;vertical-align:middle}.adm-live{display:flex;align-items:center;flex-wrap:wrap;gap:16px;padding:12px 16px;margin-bottom:16px;border:1px solid #3a6ea855;border-radius:10px;background:linear-gradient(90deg,#6fbf7314,transparent);font-size:13px}.adm-live>b{color:var(--paper);letter-spacing:.04em}.adm-live .live-dot{width:9px;height:9px;border-radius:50%;background:var(--good);box-shadow:0 0 8px var(--good);animation:livePulse 1.8s ease-in-out infinite}@keyframes livePulse{0%,to{opacity:.5}50%{opacity:1}}.adm-live .live-stat{color:var(--paper-dim)}.adm-live .live-stat b{font-family:var(--mono);color:var(--paper);font-weight:700;margin-left:3px}.adm-live .live-stat.hot b{color:var(--good)}.adm-body .form-row{max-width:340px;margin:40px auto 14px}.adm-body>button.btn-block{max-width:340px;margin:0 auto;display:block}.adm-loading,.adm-err{text-align:center;color:var(--paper-dim);padding:30px 0 10px}.adm-err{color:var(--vermil-hi)}.adm-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px}.adm-grid section{background:#ffffff04;border:1px solid var(--line-soft);border-radius:10px;padding:12px 14px}.adm-grid section.wide{grid-column:1 / -1}.adm-grid h3{font-family:var(--mono);font-size:12px;letter-spacing:.1em;color:var(--brass);margin-bottom:10px}.adm-grid table{width:100%;border-collapse:collapse;font-size:12px}.adm-grid td{padding:3px 6px;color:var(--paper-dim);border-bottom:1px solid #ffffff06}.adm-grid tr.hd td{color:var(--paper-faint);font-size:10.5px;text-transform:uppercase;letter-spacing:.08em}.adm-grid td.num{text-align:right;font-family:var(--mono);color:var(--paper)}.adm-grid td.barcell{width:45%}.adm-bar{display:block;height:8px;border-radius:4px;background:linear-gradient(90deg,var(--brass-dim),var(--brass))}.adm-grid tr.hot td{color:var(--vermil-hi)}.adm-grid tr.cold td{color:var(--def)}.adm-note{font-size:11.5px;color:var(--paper-faint);margin-top:8px}.adm-note b{color:var(--paper-dim)}.adm-gate{text-align:center;padding:60px 20px}.adm-gate p{color:var(--paper-dim);margin-bottom:18px}.adm-tabs{display:flex;gap:4px;padding:0 16px;border-bottom:1px solid var(--line);overflow-x:auto}.adm-tab{padding:10px 16px;background:none;border:none;border-bottom:2px solid transparent;color:var(--paper-faint);font-family:var(--mono);font-size:12px;letter-spacing:.06em;cursor:pointer;white-space:nowrap}.adm-tab:hover{color:var(--paper-dim)}.adm-tab.on{color:var(--brass-hi);border-bottom-color:var(--brass)}.adm-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:18px}.adm-kpi{background:linear-gradient(180deg,#ffffff06,#0002);border:1px solid var(--line-soft);border-radius:10px;padding:14px 16px}.adm-kpi .k-v{font-family:var(--mono);font-size:22px;font-weight:700;color:var(--brass-hi);line-height:1.1}.adm-kpi .k-l{font-size:11px;color:var(--paper-dim);margin-top:4px;letter-spacing:.04em}.adm-kpi .k-h{font-size:10px;color:var(--paper-faint);margin-top:3px}.adm-spark{display:block;width:100%;height:76px}.adm-spark .sp-dot:hover{fill:#fff2}.sp-range{font-size:10px;color:var(--paper-faint);font-family:var(--mono);margin-top:4px;letter-spacing:.04em}.adm-grid section.wide2{grid-column:span 2}@media (max-width: 700px){.adm-grid section.wide2{grid-column:auto}}.adm-grid td .win{color:var(--good);font-weight:700}.adm-grid td .vs{color:var(--paper-faint);font-size:10px}.adm-tag{display:inline-block;font-size:9.5px;padding:1px 5px;border:1px solid var(--line);border-radius:6px;color:var(--paper-faint);vertical-align:1px}.adm-grid td .conv{font-family:var(--mono);font-size:11px;color:var(--cyan);white-space:nowrap}.auth-or{display:flex;align-items:center;gap:12px;margin:14px 0;color:var(--paper-faint);font-size:11px;letter-spacing:.1em}.auth-or:before,.auth-or:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--line))}.auth-or:after{background:linear-gradient(90deg,var(--line),transparent)}.google-btn{display:flex;align-items:center;justify-content:center;gap:10px;text-transform:none;letter-spacing:.02em}.google-btn svg{width:18px;height:18px;flex:0 0 auto}.auth-tabs{display:flex;gap:4px;background:var(--ink-0);border:1px solid var(--line);border-radius:9px;padding:4px;margin-bottom:22px}.auth-tabs button{flex:1;padding:8px;border:none;background:transparent;color:var(--paper-dim);font-family:var(--mono);font-size:11px;letter-spacing:.12em;border-radius:6px;text-transform:uppercase}.auth-tabs button.on{background:linear-gradient(180deg,#2a3650,#18223a);color:var(--brass-hi)}.home{width:min(760px,94vw);text-align:center;margin:0 auto}.home-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.home-brand{position:static;transform:none;top:auto;left:auto}.home-brand .mark{width:148px;height:50px}.home-top-right{display:flex;align-items:center;gap:12px}.home-credits{display:inline-flex;align-items:center;gap:7px;padding:8px 15px;border-radius:999px;border:1px solid var(--line);background:linear-gradient(180deg,#4fb4ff12,#ffffff03);cursor:pointer;transition:.15s var(--ease);font-family:var(--mono)}.home-credits:hover{border-color:var(--blue);background:#4fb4ff1f;transform:translateY(-1px);box-shadow:0 6px 18px #0007}.home-credits .hc-gem{font-size:15px}.home-credits b{color:var(--cyan);font-size:16px;letter-spacing:.04em}.home .modes{display:grid;grid-template-columns:1fr 1fr;gap:16px}.mode-card{padding:30px 20px 26px;text-align:center;cursor:pointer;transition:.16s var(--ease);background:none;border-radius:0;box-shadow:none;border:2px solid transparent;border-image:url(/ui/panel-frame.webp?v=2) 288 fill / 34px / 0 stretch}.mode-card:after{content:"";position:absolute;inset:0;pointer-events:none;background:url(/ui/panel-gem.webp?v=2) top 1px center / 46px auto no-repeat,url(/ui/panel-gem.webp?v=2) bottom 1px center / 46px auto no-repeat,radial-gradient(120% 90% at 50% 0%,#4fb4ff08,transparent 55%);opacity:.92}.mode-card:hover,.mode-card:active{transform:translateY(-4px);border-image-source:url(/ui/panel-frame-lit.webp?v=2);box-shadow:0 12px 30px #000a,0 0 26px #2aa4ff30}.mode-card .icon{font-size:34px;margin-bottom:10px}.mode-card .mode-ico{width:62px;height:62px;object-fit:contain;margin:0 auto 8px;display:block;filter:drop-shadow(0 3px 8px #0008);transition:transform .16s var(--ease)}.mode-card:hover .mode-ico{transform:scale(1.06)}.mode-card h3{font-family:var(--mono);font-size:14px;letter-spacing:.14em;color:var(--brass-hi);text-transform:uppercase;margin-bottom:6px}.mode-card p{font-size:12px;color:var(--paper-dim);line-height:1.4}.home .acct{margin-top:18px;display:flex;align-items:center;justify-content:center;gap:14px;font-size:12px;color:var(--paper-faint)}.home .acct .stats{font-family:var(--mono);color:var(--brass)}.home-links{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:16px}.tut-card{padding:16px 20px;display:flex;align-items:center;gap:14px;cursor:pointer;text-align:left;transition:.16s var(--ease)}.tut-card:hover{transform:translateY(-3px);border-color:var(--brass);box-shadow:0 10px 26px #000a,inset 0 1px #ffffff10}.tut-card .tut-emoji{font-size:26px}.tut-card .tut-ico-img{width:34px;height:34px;object-fit:contain;flex:0 0 auto;filter:drop-shadow(0 2px 5px #0008)}.tut-card .tut-txt{display:flex;flex-direction:column;gap:2px}.tut-card .tut-txt b{font-family:var(--mono);font-size:13px;letter-spacing:.12em;color:var(--brass-hi);text-transform:uppercase}.tut-card .tut-txt span{font-size:12px;color:var(--paper-dim)}.tut-card .tut-arrow{margin-left:auto;color:var(--brass);font-size:18px}.home-links .tut-card{flex-direction:column;align-items:center;text-align:center;gap:8px;padding:15px 8px}.home-links .tut-card .tut-emoji{font-size:24px}.home-links .tut-card .tut-ico-img{width:40px;height:40px}.home-links .tut-card .tut-txt{align-items:center;gap:0}.home-links .tut-card .tut-txt b{font-size:11px;letter-spacing:.05em}.home-links .tut-card .tut-txt>span{display:none}.home-links .tut-card .tut-arrow{display:none}@media (max-width: 680px){.home-links{grid-template-columns:repeat(3,1fr)}}.tut-card--inquiry{position:relative;border-color:var(--gold-glow);box-shadow:0 0 14px #4fb4ff2e,inset 0 1px #ffffff10}.tut-card--inquiry .tut-txt b{color:#bfe4ff}.tut-card--inquiry:hover{border-color:#8fd0ff;box-shadow:0 10px 26px #000a,0 0 18px #4fb4ff44}.inq-bubble{position:absolute;left:calc(100% + 16px);top:50%;background:linear-gradient(180deg,#9fd8ff,#4fb4ff);color:#06121f;font-size:12px;font-weight:700;line-height:1.35;padding:8px 12px;border-radius:10px;white-space:nowrap;pointer-events:none;z-index:6;box-shadow:0 6px 18px #0009,0 0 14px #4fb4ff55;animation:inqBobX 2.2s ease-in-out infinite}.inq-bubble:before{content:"";position:absolute;right:100%;top:50%;margin-top:-6px;border:6px solid transparent;border-right-color:#4fb4ff}@keyframes inqBobX{0%,to{transform:translateY(-50%) translate(0)}50%{transform:translateY(-50%) translate(6px)}}@keyframes inqBobY{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(5px)}}@media (max-width: 680px){.inq-bubble{left:50%;top:calc(100% + 10px);white-space:normal;width:max-content;max-width:210px;text-align:center;animation:inqBobY 2.2s ease-in-out infinite}.inq-bubble:before{inset:auto auto 100% 50%;margin-top:0;margin-left:-6px;border:6px solid transparent;border-bottom-color:#9fd8ff}}.inq-textarea{resize:vertical;min-height:120px;font-family:inherit;line-height:1.5}.inq-msg{min-height:16px;font-size:12px;margin-top:6px}.inq-msg.err{color:var(--vermil-hi)}.inq-done{margin:14px 0 4px;font-size:14px;color:var(--paper);line-height:1.5}.screen:has(.home-field){align-items:stretch;height:100vh;padding:22px 28px 20px;overflow:hidden}.screen:has(.home-field):before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 50% 44%,#0000 0 36%,#02040766 72%,#000),linear-gradient(180deg,#00000038,#0000 28%,#00000045)}.screen:has(.home-field)>.home-field{position:relative;z-index:1}.home-field{width:100%;max-width:1440px;min-height:calc(100vh - 42px);margin:0 auto;display:grid;grid-template-rows:auto 1fr auto;gap:14px;text-align:left}.field-top{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:14px;min-height:64px}.field-brand{display:flex;align-items:center;gap:20px;min-width:0}.field-brand .home-brand .mark{width:170px;height:58px;filter:drop-shadow(0 3px 8px #000) drop-shadow(0 0 16px #4fb4ff55)}.field-eye{width:58px;height:38px;border:1px solid #6fd4ee77;border-radius:50%;display:grid;place-items:center;background:#04111bbb;box-shadow:inset 0 0 18px #6fd4ee1f,0 0 24px #6fd4ee20}.field-eye:before{content:"";width:40px;height:17px;border:2px solid #e8f7ff;border-top-width:1px;border-bottom-width:3px;border-radius:50%;opacity:.95}.field-eye span{position:absolute;width:13px;height:13px;border-radius:50%;background:radial-gradient(circle,#f9fdff 0 16%,#6fd4ee 18% 46%,#02050a 48% 100%);box-shadow:0 0 14px #6fd4ee}.field-profile,.field-credits{background:#060a12d9;border-color:#2f7fe077;box-shadow:0 10px 28px #0008,inset 0 1px #ffffff10}.field-layout{position:relative;display:grid;grid-template-columns:minmax(210px,280px) minmax(520px,1fr) minmax(230px,310px);align-items:center;gap:clamp(14px,2.5vw,34px);min-height:0}.field-loadout,.field-season{border:1px solid #2f7fe066;background:linear-gradient(180deg,#07111ede,#03060ce8),radial-gradient(circle at 50% 0,#4fb4ff14,transparent 55%);box-shadow:0 18px 44px #000b,inset 0 1px #ffffff10}.field-loadout{padding:18px;border-left-color:#4fb4ffaa}.field-season{padding:18px;border-right-color:#ff5b4588}.field-panel-kicker,.field-season h3{font-family:var(--mono);color:#9fbae4;font-size:12px;letter-spacing:.13em;text-transform:uppercase;margin-bottom:13px}.field-deck-card{display:grid;grid-template-columns:76px 1fr;align-items:center;gap:13px;padding:12px;border:1px solid #4fb4ff33;background:#02050acc}.field-deck-card img{width:68px;height:86px;object-fit:contain;filter:drop-shadow(0 8px 14px #000)}.field-deck-card b{display:block;color:var(--paper);font-size:17px;margin-bottom:6px}.field-deck-card span{color:var(--cyan);font-family:var(--mono);font-size:12px}.field-mini-btn{width:100%;min-height:42px;margin-top:14px;border:1px solid #4fb4ff66;background:linear-gradient(180deg,#101a2a,#050910);color:#d8ecff;font-family:var(--mono);letter-spacing:.08em;cursor:pointer}.field-board{position:relative;min-height:min(66vh,650px);display:grid;place-items:center}.field-board:before{content:"";position:absolute;width:min(690px,92%);aspect-ratio:1.34;border:1px solid #4fb4ff33;clip-path:polygon(8% 0,92% 0,100% 50%,92% 100%,8% 100%,0 50%);background:radial-gradient(ellipse at 50% 50%,#4fb4ff1b,transparent 38%),linear-gradient(90deg,#4fb4ff18,transparent 40%,transparent 60%,#ff5b4518),#03081199;box-shadow:inset 0 0 54px #000,0 0 44px #000b;opacity:.9}.field-board:after{content:"";position:absolute;width:min(520px,70%);aspect-ratio:1;border-radius:50%;border:1px solid #6fd4ee36;background:repeating-conic-gradient(from 20deg,#6fd4ee28 0 1deg,transparent 1deg 18deg),radial-gradient(circle,transparent 0 35%,#6fd4ee20 36% 36.8%,transparent 37.2% 55%,#ff5b4522 56% 56.8%,transparent 57.2%);opacity:.78}.field-ranked,.field-mode{position:relative;z-index:1;border:1px solid #4fb4ff66;background:#050910de;color:var(--paper);cursor:pointer;box-shadow:0 18px 42px #000b,inset 0 1px #ffffff12;transition:transform .16s var(--ease),filter .16s var(--ease),border-color .16s var(--ease)}.field-ranked:hover,.field-mode:hover{transform:translateY(-4px);filter:brightness(1.08)}.field-ranked{width:min(320px,72vw);min-height:250px;padding:26px 28px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border-color:#ff5b45a0;background:radial-gradient(circle at 50% 24%,#ff5b4535,transparent 36%),linear-gradient(180deg,#080a10ed,#080306ed)}.field-ranked-emblem{width:106px;height:106px;display:grid;place-items:center;border-radius:50%;border:1px solid #ff8d70aa;background:radial-gradient(circle,#63170f,#120304 72%);box-shadow:0 0 30px #ff5b4560,inset 0 0 20px #000}.field-ranked-emblem img{width:74px;height:74px;object-fit:contain}.field-ranked-title{font-family:var(--mono);font-size:clamp(28px,3vw,42px);font-weight:900;letter-spacing:.08em;color:#fff2d2;text-shadow:0 2px 12px #000,0 0 18px #ff5b4535}.field-ranked-desc{max-width:300px;text-align:center;color:#b8c7dd;font-size:13px;line-height:1.5}.field-start{min-width:210px;text-align:center;margin-top:7px;padding:13px 26px;border:1px solid #ff9a78;background:linear-gradient(180deg,#8c251b,#2e0806);color:#fff5db;font-family:var(--mono);font-size:17px;font-weight:900;letter-spacing:.1em;box-shadow:0 0 28px #ff5b4545}.field-mode{position:absolute;width:120px;min-height:116px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px}.field-mode img{width:56px;height:56px;object-fit:contain}.field-mode span{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-align:center}.field-mode-online{left:max(0px,calc(50% - 500px));bottom:clamp(34px,7vh,68px);border-color:#4fb4ffaa}.field-mode-bot{right:max(0px,calc(50% - 500px));bottom:clamp(34px,7vh,68px);border-color:#ff5b4588}.field-rank-emblem{display:flex;align-items:center;gap:14px}.field-rank-emblem img{width:72px;height:72px;object-fit:contain;filter:drop-shadow(0 6px 14px #000)}.field-rank-emblem b{display:block;color:#fff2d2;font-size:18px;margin-bottom:5px}.field-progress{height:8px;margin-top:14px;border:1px solid #4b1c16;background:#05070b}.field-progress i{display:block;height:100%;background:linear-gradient(90deg,#e0432c,#ff7b5e)}.field-season section{padding-bottom:16px;border-bottom:1px solid #4fb4ff22}.field-season section+section{padding-top:16px}.field-season section:last-child{border-bottom:0;padding-bottom:0}.field-season p{color:#b8c7dd;font-size:13px}.field-dock{position:relative;z-index:2;width:min(900px,76vw);margin:0 auto;display:grid;grid-template-columns:repeat(6,minmax(78px,1fr));gap:9px}.field-dock button{min-height:70px;border:1px solid #4fb4ff3f;background:#050910d9;color:#d8ecff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:transform .16s var(--ease),border-color .16s var(--ease),background .16s var(--ease)}.field-dock button:hover{transform:translateY(-3px);border-color:#6fd4ee;background:#071220}.field-dock img{width:32px;height:32px;object-fit:contain}.field-dock span{font-family:var(--mono);font-size:11px;letter-spacing:.06em}@media (max-width: 980px){.screen:has(.home-field){height:auto;min-height:100vh;overflow-y:auto;padding:14px}.home-field{min-height:0;display:flex;flex-direction:column}.field-top{display:flex;flex-direction:column;align-items:stretch}.field-profile,.field-credits{width:100%;justify-content:center}.field-layout{display:flex;flex-direction:column;align-items:stretch}.field-board{min-height:560px}.field-loadout{order:1}.field-board{order:2}.field-season{order:3}.field-dock{width:100%;grid-template-columns:repeat(3,1fr)}}@media (max-width: 620px){.field-brand{justify-content:space-between}.field-brand .home-brand .mark{width:132px;height:46px}.field-board{min-height:660px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:12px;padding-top:22px}.field-board:before{width:94vw;top:130px}.field-board:after{width:80vw;top:105px}.field-ranked{width:min(330px,92vw);min-height:270px}.field-mode{position:relative;left:auto;right:auto;bottom:auto;width:min(285px,84vw);min-height:92px;flex-direction:row}}@keyframes rankedStartPulse{0%,to{opacity:.22}50%{opacity:.9}}.tut-screen{align-items:stretch}.tut{width:min(840px,94vw);max-height:92vh;margin:0 auto;display:flex;flex-direction:column}.tut-head{display:flex;align-items:center;gap:16px;padding:4px 2px 14px;border-bottom:1px solid var(--line)}.tut-head h2{font-family:var(--mono);font-size:18px;letter-spacing:.22em;color:var(--brass-hi);text-transform:uppercase}.tut-body{overflow-y:auto;padding:18px 4px 10px;-webkit-overflow-scrolling:touch}.tut-sec{margin-bottom:20px}.tut-sec h3{font-family:var(--mono);font-size:14px;letter-spacing:.08em;color:var(--brass);margin-bottom:8px;display:flex;align-items:center;gap:9px}.tut-sec .tut-ico{font-size:17px}.tut-sec p{color:var(--paper-dim);line-height:1.65;margin-bottom:6px;font-size:13.5px}.tut-sec p b{color:var(--paper);font-weight:700}.tut-cta{display:flex;justify-content:center;padding:8px 0 20px}.home .acct .credits{font-family:var(--mono);color:var(--cyan);letter-spacing:.04em}.tut-inter{background:var(--ink-2);border:1px solid var(--brass-dim);border-radius:12px;padding:16px 18px 4px}.tut-inter>p{font-size:13px}.tut-steps{list-style:none;margin:12px 0 4px;display:flex;flex-direction:column;gap:6px}.tut-steps li{display:flex;align-items:center;gap:10px;background:var(--ink-1);border:1px solid var(--line);border-radius:8px;padding:8px 12px;font-size:13px;color:var(--paper-dim)}.tut-steps li.claimed{opacity:.75;border-color:var(--good)}.tut-step-n{font-family:var(--mono);font-size:11px;color:var(--brass);border:1px solid var(--brass-dim);border-radius:50%;width:20px;height:20px;display:grid;place-items:center;flex:none}.tut-step-t{color:var(--paper)}.tut-step-r{margin-left:auto;font-family:var(--mono);font-size:12px;color:var(--cyan);white-space:nowrap}.tut-steps li.claimed .tut-step-r{color:var(--good)}.tut-rules-h{font-family:var(--mono);font-size:13px;letter-spacing:.14em;color:var(--paper-faint);text-transform:uppercase;margin:22px 0 14px;border-bottom:1px solid var(--line);padding-bottom:8px}.lobby{text-align:center}.lobby .spinner{width:54px;height:54px;margin:0 auto 22px;border:3px solid var(--line);border-top-color:var(--brass);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.lobby h2{font-family:var(--mono);letter-spacing:.2em;color:var(--brass-hi);margin-bottom:8px}.lobby p{color:var(--paper-dim);margin-bottom:22px}.cards-screen{align-items:stretch;--cards-w: min(1040px, 96vw);--gcols: 9;--ggap: 8px}.cards{width:var(--cards-w);max-height:94vh;margin:0 auto;display:flex;flex-direction:column}.cards-head{display:flex;align-items:center;gap:10px 16px;padding:4px 2px 12px;border-bottom:1px solid var(--line);flex-wrap:wrap}.cards-head-r{margin-left:auto;display:flex;align-items:center;gap:8px;flex:1 1 220px;justify-content:flex-end;min-width:0}.cards-head-r .lang-select select{padding:6px 9px;font-size:12.5px}.cards-head h2{font-family:var(--mono);font-size:18px;letter-spacing:.2em;color:var(--brass-hi);text-transform:uppercase}.cards-count{font-size:12px;color:var(--paper-dim);letter-spacing:.05em;margin-left:4px}.cards-search{flex:1 1 150px;min-width:0;max-width:260px;background:var(--ink-2);color:var(--paper);border:1px solid var(--line);border-radius:7px;padding:7px 12px;font-family:var(--ui);font-size:13px}.cards-search:focus{outline:none;border-color:var(--brass)}.cards-filters{display:flex;flex-direction:column;gap:8px;padding:12px 2px 8px}.chip-row{display:flex;flex-wrap:wrap;gap:7px}.chip{background:var(--ink-2);color:var(--paper-dim);border:1px solid var(--line);border-radius:999px;padding:5px 13px;font-family:var(--mono);font-size:12px;letter-spacing:.04em;cursor:pointer;transition:.14s var(--ease)}.chip:hover{color:var(--paper);border-color:var(--brass-dim)}.chip.is-on{background:linear-gradient(180deg,#2a3650,#18223a);color:var(--brass-hi);border-color:var(--brass)}.cards-hint{font-size:11.5px;color:var(--paper-faint);padding:2px 2px 10px}.cards-grid{--gcw: calc((var(--cards-w) - 20px - var(--ggap) * (var(--gcols) - 1)) / var(--gcols));overflow-y:auto;-webkit-overflow-scrolling:touch;display:grid;grid-template-columns:repeat(var(--gcols),var(--gcw));justify-content:center;gap:16px var(--ggap);padding:6px 10px 24px}@media (max-width: 1000px){.cards-screen{--gcols: 7}}@media (max-width: 820px){.cards-screen{--gcols: 6}}@media (max-width: 700px){.cards-screen{--gcols: 4}}@media (max-width: 480px){.cards-screen{--gcols: 3}}@media (max-width: 340px){.cards-screen{--gcols: 2}}.cards-grid .card{cursor:pointer;--cw: var(--gcw);--ch: calc(var(--gcw) / .64)}.cards-grid .card:hover{transform:translateY(-5px);box-shadow:0 12px 26px #000b}.cards-empty{grid-column:1 / -1;text-align:center;color:var(--paper-faint);padding:40px 0;font-size:13px}@media (max-width: 700px){.cards-screen{--cards-w: calc(100vw - 16px) ;--ggap: 6px}.cards{max-height:100%}.cards-head{gap:8px 10px;padding:2px 2px 10px}.cards-head h2{font-size:15px;letter-spacing:.12em}.cards-head #back{padding:6px 10px;font-size:12px}.cards-head-r{flex:1 0 100%;margin-left:0;justify-content:stretch}.cards-search{flex:1 1 auto;max-width:none}.cards-filters{padding:10px 2px 6px;gap:6px}.chip{padding:4px 10px;font-size:11px}.cards-hint{font-size:10.5px;padding:0 2px 8px}.cards-grid{row-gap:12px}}@media (max-width: 700px){.screen:has(.cards){padding:14px 8px 8px}}.bot-diff-ov{background:#04070cee;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}.modal.bot-diff{min-width:340px;max-width:560px}.bot-diff .bot-diff-sub{color:var(--paper-dim);font-size:12.5px;margin-bottom:16px}.diff-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.diff-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:18px 14px;cursor:pointer;text-align:center;background:linear-gradient(180deg,var(--ink-2),var(--ink-1));border:1px solid var(--line);border-radius:12px;transition:transform .14s var(--ease),border-color .14s var(--ease),box-shadow .14s var(--ease)}.diff-card:hover{transform:translateY(-4px)}.diff-card .diff-ico{font-size:30px;line-height:1}.diff-card .diff-name{font-family:var(--mono);font-size:14px;letter-spacing:.16em;text-transform:uppercase;color:var(--brass-hi)}.diff-card .diff-desc{font-size:11.5px;color:var(--paper-dim);line-height:1.45}.diff-easy:hover{border-color:var(--good);box-shadow:0 12px 30px #000a,0 0 20px #63c47a33}.diff-normal:hover{border-color:var(--blue-hi);box-shadow:0 12px 30px #000a,0 0 20px #63a6ff33}.diff-hard:hover{border-color:#e0a13a;box-shadow:0 12px 30px #000a,0 0 20px #e0a13a33}.diff-hard .diff-name{color:#f2c26b}.diff-hell:hover{border-color:var(--vermil-hi);box-shadow:0 12px 30px #000a,0 0 24px #ff5b4544}.diff-hell .diff-name{color:var(--vermil-hi)}.bot-diff .modal-row{margin-top:16px}@media (max-width: 460px){.diff-grid{grid-template-columns:1fr}}.home:has(.modes-3){width:min(760px,94vw)}.home .modes-3{grid-template-columns:repeat(3,1fr)}.mode-ranked:hover{box-shadow:0 12px 30px #000a,0 0 30px #4fb4ff3a}.mode-card .my-tier{margin-top:10px;min-height:22px}.tier-chip{display:inline-flex;align-items:center;gap:5px;font-family:var(--mono);font-size:11px;letter-spacing:.06em;padding:2px 10px;border-radius:999px;color:var(--tc, var(--paper-dim));border:1px solid color-mix(in srgb,var(--tc, #888) 55%,transparent);background:color-mix(in srgb,var(--tc, #888) 12%,transparent);text-shadow:0 1px 2px #0008}.tier-chip b{font-weight:700}.tier-chip.tier-gm{border-color:var(--gold-glow);background:linear-gradient(90deg,#4fb4ff2e,#d8542f2e);box-shadow:0 0 10px #4fb4ff33}.lb-screen{align-items:stretch}.lb{width:min(680px,94vw);max-height:92vh;margin:0 auto;display:flex;flex-direction:column;padding:0 0 10px}.lb-head{display:flex;align-items:center;gap:14px;padding:14px 16px;border-bottom:1px solid var(--line)}.lb-head h2{font-family:var(--mono);font-size:16px;letter-spacing:.2em;color:var(--brass-hi);text-transform:uppercase}.lb-head .lb-season{margin-left:auto;font-family:var(--mono);font-size:11px;color:var(--paper-faint);letter-spacing:.1em}.lb-list{overflow-y:auto;padding:8px 12px;min-height:120px}.lb-list .spinner{width:40px;height:40px;margin:30px auto;border:3px solid var(--line);border-top-color:var(--brass);border-radius:50%;animation:spin 1s linear infinite}.lb-row{display:grid;grid-template-columns:44px 1fr auto 64px 84px;align-items:center;gap:10px;padding:7px 10px;border-radius:8px;font-size:13px}.lb-row:nth-child(odd){background:#ffffff04}.lb-row.is-gm{background:linear-gradient(90deg,#4fb4ff14,#d8542f0e);box-shadow:inset 0 0 0 1px #4fb4ff33}.lb-rank{font-family:var(--mono);font-weight:700;color:var(--paper-dim);text-align:center}.lb-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--paper)}.lb-mmr{font-family:var(--mono);font-weight:700;color:var(--brass-hi);text-align:right}.lb-wl{font-size:11.5px;color:var(--paper-faint);text-align:right}.lb-empty{text-align:center;color:var(--paper-faint);padding:40px 0}.lb-me{padding:12px 18px 8px;border-top:1px solid var(--line);font-size:12.5px;color:var(--paper-dim);text-align:center}.lb-me b{color:var(--brass-hi);font-family:var(--mono)}.avatar{position:relative;width:var(--avs, 40px);height:var(--avs, 40px);border-radius:50%;flex:0 0 auto;display:inline-grid;place-items:center;overflow:hidden;border:2px solid var(--brass-dim);background:linear-gradient(160deg,#1b2436,#0d1320);box-shadow:0 2px 8px #0008,inset 0 1px #ffffff14}.avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 18%}.avatar-fb{font-family:var(--mono);font-weight:700;color:var(--brass);font-size:calc(var(--avs, 40px) * .42)}.avatar:has(img) .avatar-fb{visibility:hidden}.badge-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:20px;font-size:11px;letter-spacing:.04em;color:var(--bc, var(--brass));border:1px solid color-mix(in srgb,var(--bc, #4fb4ff) 55%,transparent);background:color-mix(in srgb,var(--bc, #4fb4ff) 12%,transparent);white-space:nowrap}.badge-chip.badge-sm{font-size:9.5px;padding:1.5px 7px}.home-id{display:inline-flex;align-items:center;gap:11px;margin:0;padding:7px 12px 7px 8px;border-radius:14px;border:1px solid var(--line);background:linear-gradient(180deg,#ffffff0d,#ffffff03);cursor:pointer;transition:.15s var(--ease)}.home-id:hover{border-color:var(--blue);background:#ffffff12;transform:translateY(-1px);box-shadow:0 6px 18px #0007,0 0 0 1px #2f7fe033}.home-id-main{display:flex;flex-direction:column;align-items:flex-start;gap:2px;line-height:1.12}.home-id-name{font-family:var(--mono);font-size:15px;letter-spacing:.05em;color:var(--paper);font-weight:700;display:flex;align-items:center;gap:6px}.home-id-sub{font-size:10.5px;letter-spacing:.03em;color:var(--paper-faint)}.home-id-go{color:var(--paper-faint);font-size:20px;line-height:1;margin-left:3px;transition:color .15s var(--ease),transform .15s var(--ease)}.home-id:hover .home-id-go{color:var(--blue-hi);transform:translate(2px)}.fr-badge{display:inline-grid;place-items:center;min-width:17px;height:17px;padding:0 4px;border-radius:10px;background:var(--vermil);color:#fff;font-size:10px;font-weight:700;margin-left:5px;vertical-align:2px}.pf-loading{text-align:center;color:var(--paper-faint);padding:30px 0}.pf-head{display:flex;align-items:center;gap:16px}.pf-ava{position:relative;border:none;background:none;padding:0;cursor:pointer;border-radius:50%}.pf-ava:disabled{cursor:default}.pf-ava-edit{position:absolute;right:-2px;bottom:-2px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--brass);color:#14100a;font-size:12px;border:2px solid var(--ink-1)}.pf-id{min-width:0}.pf-name-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pf-name{font-family:var(--mono);font-size:20px;font-weight:700;color:var(--paper);letter-spacing:.06em}.pf-badge-row{margin-top:4px}.pf-nobadge{font-size:11px;color:var(--paper-faint)}.pf-joined{margin-top:5px;font-size:11px;color:var(--paper-faint)}.pf-rename{display:flex;gap:8px;margin-top:12px}.pf-rename .input{flex:1}.btn-mini{font-size:11px;padding:4px 10px}.pf-stats{display:flex;gap:10px;flex-wrap:wrap}.pf-stat{flex:1;min-width:74px;text-align:center;padding:10px 8px;border-radius:10px;border:1px solid var(--line);background:#ffffff05;display:grid;gap:2px}.pf-stat b{font-family:var(--mono);font-size:19px;color:var(--paper)}.pf-stat span{font-size:10px;letter-spacing:.12em;color:var(--paper-faint)}.pf-stat-tier{display:grid;place-items:center}.pf-badges{display:grid;gap:8px}.pf-badge{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;border:1px solid var(--line);background:#ffffff05;justify-content:space-between}.pf-badge.locked{opacity:.5}.pf-badge.equipped{border-color:var(--brass-dim);background:#4fb4ff12}.pf-badge-lock{font-size:10.5px;color:var(--paper-faint)}.pf-matches{display:grid;gap:6px}.pf-match{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:9px;border:1px solid var(--line);background:#ffffff04;font-size:12.5px}.pf-m-res{font-family:var(--mono);font-weight:700;min-width:44px}.pf-win .pf-m-res{color:var(--good)}.pf-loss .pf-m-res{color:var(--vermil-hi)}.pf-draw .pf-m-res{color:var(--paper-dim)}.pf-m-opp{color:var(--paper);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pf-m-meta{color:var(--paper-faint);font-size:11px;white-space:nowrap}.pf-mini-modal{min-width:320px}.pf-mini-modal .pf-name{font-size:17px}.ava-modal{max-width:560px}.ava-grid{display:flex;flex-wrap:wrap;gap:9px;justify-content:center;max-height:52vh;overflow:auto;margin:14px 0 4px;padding:4px}.ava-opt{border:none;background:none;padding:2px;cursor:pointer;border-radius:50%;transition:transform .12s}.ava-opt:hover{transform:scale(1.12)}.ava-opt.sel .avatar{border-color:var(--gold-glow);box-shadow:0 0 0 2px var(--gold-glow),0 2px 8px #0008}.fr-add{display:flex;gap:8px}.fr-add .input{flex:1;min-width:0}.fr-add-msg{margin-top:8px;font-size:12px;color:var(--brass);min-height:16px}.fr-row{display:flex;align-items:center;gap:12px;padding:9px 10px;border-radius:10px;border:1px solid var(--line);background:#ffffff04}.fr-row+.fr-row{margin-top:7px}.fr-info{flex:1;min-width:0;display:grid;gap:2px}.fr-name{color:var(--paper);font-size:13.5px;display:flex;align-items:center;gap:7px;overflow:hidden;white-space:nowrap}.fr-state{font-size:10.5px;color:var(--paper-faint);display:flex;align-items:center;gap:5px}.fr-state:before{content:"";width:7px;height:7px;border-radius:50%;background:#4a5568}.fr-state.on{color:var(--good)}.fr-state.on:before{background:var(--good);box-shadow:0 0 6px var(--good)}.fr-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.fr-x{padding:4px 8px}.fr-wait{display:flex;align-items:center;justify-content:center;gap:10px;color:var(--paper-dim)}.set-row{display:flex;align-items:center;gap:12px;padding:6px 0}.set-label{flex:1;color:var(--paper);font-size:13.5px}.set-val{font-family:var(--mono);color:var(--paper-dim);font-size:13px}.set-desc{font-size:11.5px;color:var(--paper-faint);margin-top:2px}.set-row input[type=range]{flex:2;accent-color:var(--brass)}.switch{position:relative;width:44px;height:24px;flex:0 0 auto}.switch input{opacity:0;width:0;height:0}.switch .slider{position:absolute;inset:0;border-radius:24px;background:#2a3346;border:1px solid var(--line);cursor:pointer;transition:background .2s,border-color .2s}.switch .slider:before{content:"";position:absolute;left:3px;top:50%;width:17px;height:17px;border-radius:50%;background:#8a93a5;transform:translateY(-50%);transition:left .2s,background .2s}.switch input:checked+.slider{background:#4fb4ff40;border-color:var(--brass-dim)}.switch input:checked+.slider:before{left:22px;background:var(--brass);box-shadow:0 0 8px #4fb4ff88}.bill-plan{margin-top:10px;padding:14px 16px;border-radius:12px;border:1px solid var(--brass-dim);background:linear-gradient(160deg,#4fb4ff14,#ffffff03)}.bill-plan-name{font-family:var(--mono);letter-spacing:.22em;color:var(--brass-hi);font-size:13px;margin-bottom:6px}.bill-plan-desc{font-size:12.5px;color:var(--paper-dim);margin-bottom:12px;line-height:1.6}.pf-tabs{display:flex;gap:6px;padding:10px 2px 0}.pf-tab{flex:1;padding:9px 6px;border-radius:10px 10px 0 0;border:1px solid transparent;border-bottom:none;background:transparent;color:var(--paper-faint);font-family:var(--mono);font-size:12.5px;letter-spacing:.06em;cursor:pointer;transition:.14s var(--ease)}.pf-tab:hover{color:var(--paper-dim);background:#ffffff08}.pf-tab.is-active{color:var(--brass-hi);background:linear-gradient(180deg,#4fb4ff14,#ffffff03);border-color:var(--line)}.sl-preview{width:84px;height:131px;border-radius:8px;background-size:cover;background-position:center;border:1px solid var(--line);box-shadow:0 4px 12px #0007;position:relative}.sl-preview-lg{width:116px;height:181px;border-color:var(--brass-dim);box-shadow:0 6px 18px #000a,0 0 0 1px #4fb4ff33}.sl-current-row{display:flex;align-items:center;gap:18px}.sl-current-name{font-family:var(--mono);font-size:16px;letter-spacing:.06em;color:var(--brass-hi);margin-bottom:6px}.sl-current-tag{font-size:12px;color:var(--cyan);letter-spacing:.04em}.sl-grid,.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:16px 12px;margin-top:6px}.sl-tile,.shop-item{display:flex;flex-direction:column;align-items:center;gap:8px}.sl-tile .sl-preview,.shop-item .sl-preview{transition:transform .14s var(--ease)}.sl-tile:hover .sl-preview,.shop-item:hover .sl-preview{transform:translateY(-3px)}.sl-tile.is-eq .sl-preview{border-color:var(--brass);box-shadow:0 4px 14px #000a,0 0 0 2px var(--cyan)}.sl-tile.is-locked .sl-preview{filter:grayscale(.5) brightness(.72)}.sl-lock{position:absolute;inset:0;display:grid;place-items:center;font-size:22px}.sl-name{font-size:12px;color:var(--paper-dim);text-align:center}.sl-price{font-family:var(--mono);font-size:12px;color:var(--cyan)}.sl-getmore{display:inline-block;margin-top:12px;color:var(--blue-hi);font-size:13px;cursor:pointer}.sl-getmore:hover{text-decoration:underline}.shop-credits{margin-left:auto;font-family:var(--mono);font-size:15px;color:var(--cyan)}.shop-item.is-owned .sl-preview{border-color:var(--brass-dim)}.pf-stats-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.pf-stats-head h3{margin-bottom:0}.pf-filter select{padding:5px 9px;font-size:12.5px}.pf-h2h{display:flex;flex-direction:column;gap:6px}.h2h-row{display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:14px;padding:9px 13px;border-radius:10px;border:1px solid var(--line);background:linear-gradient(180deg,#ffffff08,#ffffff02);cursor:pointer;transition:.14s var(--ease)}.h2h-row:hover{border-color:var(--blue);background:#ffffff10;transform:translate(2px)}.h2h-opp{font-weight:700;color:var(--paper);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.h2h-rec{font-family:var(--mono);font-size:15px;letter-spacing:.04em;color:var(--paper-dim)}.h2h-rec .h2h-w{color:#6fd39a}.h2h-rec .h2h-l{color:#e0776a}.h2h-rate{font-family:var(--mono);font-size:13px;color:var(--brass-hi);min-width:40px;text-align:right}.h2h-games{font-size:11.5px;color:var(--paper-faint);min-width:44px;text-align:right}*{-webkit-tap-highlight-color:transparent}@media (max-width: 700px){.screen:has(.home){padding:max(10px,env(safe-area-inset-top)) 13px calc(18px + env(safe-area-inset-bottom))}.home-top{flex-wrap:wrap;row-gap:9px;margin-bottom:13px}.home-brand{order:1}.home-brand .mark{width:106px;height:37px}.home-credits{order:2;margin-left:auto;padding:7px 14px}.home-credits b{font-size:15px}.home-top-right{order:3;width:100%}.home-id{width:100%;padding:7px 13px 7px 8px}.home-id-name{font-size:14px}.home-id-go{margin-left:auto}.home .modes,.home .modes-3{grid-template-columns:1fr;gap:10px}.mode-card{display:grid;grid-template-columns:52px 1fr auto;grid-template-areas:"ico h3 aux" "ico p aux";column-gap:13px;row-gap:1px;align-items:center;text-align:left;padding:13px 15px;min-height:76px;border-image-width:24px}.mode-card:after{background:url(/ui/panel-gem.webp?v=2) top 1px center / 32px auto no-repeat,url(/ui/panel-gem.webp?v=2) bottom 1px center / 32px auto no-repeat,radial-gradient(120% 90% at 50% 0%,#4fb4ff08,transparent 55%)}.mode-card .mode-ico{grid-area:ico;width:52px;height:52px;margin:0}.mode-card h3{grid-area:h3;align-self:end;margin:0;font-size:13px;letter-spacing:.1em}.mode-card p{grid-area:p;align-self:start;font-size:11.5px}.mode-card .my-tier{grid-area:aux;margin:0;min-height:0}.mode-card:hover{transform:none}.mode-card:active{transform:scale(.985)}.mode-card:hover .mode-ico,.mode-card:active .mode-ico{transform:none}.home-links{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.home-links .tut-card{padding:11px 3px 9px;gap:6px;min-height:72px;justify-content:center}.home-links .tut-card .tut-ico-img{width:33px;height:33px}.home-links .tut-card .tut-txt b{font-size:10px;letter-spacing:.01em}.tut-card:hover{transform:none}.tut-card:active{transform:scale(.97)}.inq-bubble{left:auto;right:0;max-width:min(210px,60vw);animation-name:inqBobYr}.inq-bubble:before{left:auto;right:24px;margin-left:0}@keyframes inqBobYr{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}.modal.bot-diff{min-width:0;width:min(92vw,560px);max-height:88dvh;overflow-y:auto}.diff-grid{grid-template-columns:1fr 1fr;gap:9px}.diff-card{padding:13px 8px;gap:4px}.diff-card .diff-ico{font-size:26px}.diff-card .diff-name{font-size:12.5px;letter-spacing:.1em}.diff-card .diff-desc{font-size:10.5px}.diff-card:hover{transform:none}.diff-card:active{transform:scale(.97)}}.lobby-home.screen{display:block;padding:0;height:100dvh;min-height:540px;overflow:hidden;color:#f2e8d2;background:#0d1624 url(/bg/home.jpg) center/cover no-repeat}.lobby-shell{position:relative;width:100%;height:100%;isolation:isolate}.lobby-shell:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 34% 42%,#233b5835,transparent 55%),linear-gradient(0deg,#030910eb,transparent 40%,#050e1b55)}.lobby-home button{color:inherit;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.lobby-home button:focus-visible{outline:2px solid #9bdaf5;outline-offset:5px}.lobby-home button:hover{color:#fff5dc}.lobby-home .lore-icon{width:40px;height:40px;flex-shrink:0;color:#d3bb88;filter:drop-shadow(0 2px 2px #0008)}.lobby-header{position:absolute;top:max(26px,env(safe-area-inset-top));left:max(3.5%,env(safe-area-inset-left));right:max(3.5%,env(safe-area-inset-right));display:flex;align-items:flex-start;justify-content:space-between;gap:24px;z-index:2}.lobby-profile{display:flex;align-items:center;gap:16px;min-width:0;max-width:48%;padding:0 14px 0 0;border:0;border-bottom:1px solid #a68a584a;background:linear-gradient(90deg,#12213aac,transparent);text-align:left}.lobby-avatar{padding:5px;border:1px solid #c7b382;border-radius:50%;box-shadow:inset 0 0 0 3px #152333,0 0 0 3px #b8a77820;flex-shrink:0}.lobby-avatar .avatar{display:block;width:60px;height:60px;border:0;border-radius:50%;overflow:hidden}.lobby-identity{display:grid;gap:5px;min-width:0;padding:8px 0}.lobby-identity>b{font-size:20px;font-weight:500;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.lobby-level{color:#c2b798;font-size:12px;display:flex;gap:10px;align-items:center}.lobby-level strong{font:22px Georgia,serif;color:#efe2c3}.lobby-xp{width:100%;min-width:175px;height:4px;background:#ffffff16;position:relative;display:block}.lobby-xp i{display:block;height:100%;background:linear-gradient(90deg,#608cb7,#c9efff);box-shadow:0 0 7px #95cafc60}.lobby-profile-arrow{font:28px Georgia,serif;color:#b6a481}.lobby-wallet{display:flex;gap:20px;align-items:center}.lobby-wallet>button{display:flex;align-items:center;gap:14px;padding:8px 16px;border:0;border-bottom:1px solid #bfa66b75;background:linear-gradient(90deg,transparent,#1b2c46ae,transparent)}.lobby-wallet>button>span:not(.lobby-plus){display:grid;gap:1px;text-align:right}.lobby-wallet small{font-size:10px;color:#b3c5d4}.lobby-wallet b{font:27px Georgia,serif;font-variant-numeric:tabular-nums}.lobby-wallet .lore-icon{color:#99d7fa;width:34px;height:40px}.lobby-plus{font:26px Georgia,serif;color:#cabc97;margin-left:16px}.lobby-wallet>.lobby-settings{padding:10px 0;background:none;border:0}.lobby-wallet>.lobby-settings .lore-icon{color:#d3bb88}.lobby-wordmark{position:absolute;left:9%;top:32%;width:34%;text-align:center;opacity:.85}.lobby-wordmark img{display:block;width:100%;height:170px;object-fit:contain;filter:drop-shadow(0 8px 24px #000)}.lobby-wordmark p{font-family:Georgia,serif;color:#bfb399;font-size:13px;letter-spacing:.24em;margin:12px 0 0}.lobby-utilities{position:absolute;right:3.5%;top:22%;display:flex;flex-direction:column;gap:30px;z-index:3}.lobby-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;gap:10px;padding:9px 5px;border:0;background:none;min-width:74px}.lobby-nav-item>span{font-size:12px;letter-spacing:.03em;color:#d3c7b0;white-space:nowrap}.lobby-nav-item:hover .lore-icon{color:#fff0c4;filter:drop-shadow(0 0 9px #d2bd8250);transform:translateY(-2px)}.lobby-nav-item .lore-icon{transition:transform .18s,color .18s}.lobby-utilities .lobby-nav-item>span{font-size:10px}.lobby-duel{position:absolute;right:14%;bottom:22%;width:320px;display:grid;gap:24px;text-align:center}.lobby-ranked{border:0;background:none;display:flex;flex-direction:column;align-items:center;padding:10px 0 0;gap:10px}.lobby-rank-emblem{position:relative;width:120px;height:120px;display:grid;place-items:center;margin:0 0 6px}.lobby-rank-emblem:before{content:"";position:absolute;inset:8px;border:1px solid #ac9466;transform:rotate(45deg);background:linear-gradient(135deg,#2f496988,#122136b5);box-shadow:inset 0 0 0 5px #0e1c2d,inset 0 0 0 6px #a38b574a,0 0 50px #7696c426}.lobby-rank-emblem:after{content:"";position:absolute;inset:0;border:1px solid #d8c79a47;transform:rotate(45deg)}.lobby-rank-emblem .lore-icon{width:75px;height:75px;z-index:1;color:#ead7a4}.lobby-ranked:hover .lobby-rank-emblem:before{box-shadow:inset 0 0 0 5px #0e1c2d,inset 0 0 0 6px #a38b576a,0 0 50px #99c2ff50}.lobby-ranked>strong{font-family:Georgia,"Noto Serif JP",serif;font-weight:500;font-size:30px;text-shadow:0 3px 12px #000}.lobby-mode-description{font-size:11px;color:#aaadb4}.lobby-ranked .my-tier:empty{display:none}.lobby-ranked .my-tier{margin:0}.lobby-enter{margin-top:8px;width:100%;padding:12px 15px;font-size:15px;letter-spacing:.15em;border-top:1px solid #c5ab74;border-bottom:1px solid #c5ab7455;background:linear-gradient(90deg,transparent,#ad8b4f24,transparent)}.lobby-enter>span{float:right}.lobby-other-modes{display:grid;grid-template-columns:1fr 1fr;gap:18px}.lobby-other-modes button{display:flex;align-items:center;justify-content:center;gap:8px;border:0;padding:8px 0;background:none;font-size:12px;color:#c2b69d}.lobby-other-modes .lore-icon{width:27px;height:27px}.lobby-navigation{position:absolute;bottom:max(22px,env(safe-area-inset-bottom));left:8%;right:8%;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-top:1px solid #c2aa7733;padding-top:14px}.lobby-navigation .lore-icon{width:42px;height:42px}.lobby-navigation .is-current:before{content:"";position:absolute;top:-15px;left:24%;right:24%;height:1px;background:#b1e5ff;box-shadow:0 0 12px #78ccff}.lobby-navigation .is-current .lore-icon{color:#ace4ff;filter:drop-shadow(0 0 8px #81c6ff66)}.lobby-navigation .is-current>span{color:#bde7fc}.lobby-navigation .fr-badge{position:absolute;top:2px;right:22%;min-width:16px;padding:1px 4px;background:#873546;border:1px solid #d5aa7c;border-radius:50%;font-size:10px;color:#fff}.modal h2 .lore-icon{width:26px;height:26px;vertical-align:middle;color:#d3bb88}@media (min-width:1600px){.lobby-duel{width:390px;bottom:23%}.lobby-rank-emblem{width:150px;height:150px}.lobby-rank-emblem .lore-icon{width:90px;height:90px}.lobby-wordmark img{height:240px}.lobby-navigation{left:15%;right:15%;bottom:30px;padding-top:20px}.lobby-navigation .lore-icon{width:50px;height:50px}.lobby-navigation .lobby-nav-item>span{font-size:14px}}@media (max-width:700px){.lobby-home.screen{min-height:640px;overflow:auto}.lobby-header{top:max(18px,env(safe-area-inset-top));left:16px;right:16px;gap:8px}.lobby-profile{gap:9px;max-width:62%;padding-right:0}.lobby-avatar{padding:3px}.lobby-avatar .avatar{width:42px;height:42px}.lobby-identity>b{font-size:14px}.lobby-identity{gap:2px}.lobby-level{font-size:9px;gap:6px}.lobby-level strong{font-size:18px}.lobby-xp{min-width:86px}.lobby-profile-arrow{display:none}.lobby-wallet{gap:5px}.lobby-wallet>button{gap:4px;padding:3px 0}.lobby-wallet .lore-icon{width:22px;height:30px}.lobby-wallet b{font-size:20px}.lobby-wallet small{font-size:8px}.lobby-plus{display:none}.lobby-wordmark{left:8%;top:17%;width:68%}.lobby-wordmark img{height:100px}.lobby-wordmark p{font-size:9px;margin:0}.lobby-utilities{right:12px;top:19%;gap:17px}.lobby-utilities .lobby-nav-item{min-width:52px;padding:3px;gap:5px}.lobby-utilities .lore-icon{width:30px;height:30px}.lobby-utilities .lobby-nav-item>span{font-size:9px}.lobby-duel{width:min(76%,320px);right:12%;bottom:25%;gap:12px}.lobby-rank-emblem{width:88px;height:88px;margin:0 0 4px}.lobby-rank-emblem .lore-icon{width:54px;height:54px}.lobby-ranked>strong{font-size:24px}.lobby-mode-description{font-size:10px}.lobby-enter{padding:9px;font-size:13px}.lobby-navigation{left:10px;right:10px;bottom:max(15px,env(safe-area-inset-bottom));padding-top:9px;gap:0}.lobby-navigation .lore-icon{width:29px;height:29px}.lobby-navigation .lobby-nav-item{min-width:0;gap:8px;padding:6px 1px}.lobby-navigation .lobby-nav-item>span{font-size:9px;letter-spacing:0;white-space:normal;text-align:center;min-height:25px}.lobby-navigation .is-current:before{top:-10px}}@media (max-height:550px) and (min-width:701px){.lobby-home.screen{min-height:360px}.lobby-header{top:12px}.lobby-avatar .avatar{width:40px;height:40px}.lobby-profile{gap:9px}.lobby-identity>b{font-size:14px}.lobby-level{font-size:9px}.lobby-level strong{font-size:16px}.lobby-identity{gap:2px}.lobby-wordmark{top:30%;left:8%;width:33%}.lobby-wordmark img{height:95px}.lobby-wordmark p{font-size:9px}.lobby-duel{bottom:25%;right:14%;width:270px;gap:4px}.lobby-rank-emblem{display:none}.lobby-ranked{gap:4px}.lobby-ranked>strong{font-size:22px}.lobby-enter{padding:7px;margin-top:4px}.lobby-mode-description{display:none}.lobby-utilities{top:28%;gap:12px}.lobby-utilities .lore-icon{width:26px;height:26px}.lobby-utilities .lobby-nav-item{gap:4px;padding:0}.lobby-utilities .lobby-nav-item>span{font-size:9px}.lobby-navigation{bottom:10px;padding-top:7px}.lobby-navigation .lore-icon{width:27px;height:27px}.lobby-navigation .lobby-nav-item{gap:4px;padding:3px}.lobby-navigation .lobby-nav-item>span{font-size:10px}.lobby-navigation .is-current:before{top:-8px}}@media (prefers-reduced-motion:reduce){.lobby-home *{transition:none!important}}.diff-ico .lore-icon{width:42px;height:42px;color:var(--brass-hi)}