@font-face{font-family:Veyra Display;src:url(../fonts/veyra-display.woff2)format("woff2");font-weight:400 900;font-style:normal;font-display:swap}@font-face{font-family:Veyra Text;src:url(../fonts/veyra-text.woff2)format("woff2");font-weight:400 800;font-style:normal;font-display:swap}:root{--paper:#f6eedb;--paper2:#eadfc6;--paper3:#d9cba9;--ink:#2a1a3c;--ink2:#5d4b70;--verdigris:#1b7f84;--verdigris-ink:#0d4f55;--ember:#d9482f;--brass:#b08a3c;--good:#2f8f52;--night:#1d1430;--white:#fff;--violet:#7a45c9;--ink-28:color-mix(in srgb, var(--ink) 28%, transparent);--ink-14:color-mix(in srgb, var(--ink) 14%, transparent);--scrim:color-mix(in srgb, var(--night) 62%, transparent);--ink2-text:color-mix(in srgb, var(--ink2) 100%, var(--ink));--shadow-soft:0 10px 26px color-mix(in srgb, var(--night) 42%, transparent);--shadow-hard:3px 3px 0 var(--ink);--plate-ring:0 0 0 3px var(--paper), 0 0 0 4.5px var(--ink);--bad-ink:color-mix(in srgb, var(--ember) 78%, var(--ink));--good-ink:color-mix(in srgb, var(--good) 74%, var(--ink));--rar-plain:var(--ink2);--rar-lustrous:var(--verdigris-ink);--rar-radiant:color-mix(in srgb, var(--violet) 72%, var(--ink));--rar-celestial:color-mix(in srgb, var(--brass) 56%, var(--ink));--r-plate:4px 18px 4px 18px;--r-btn:3px 14px 3px 14px;--r-chip:2px 8px 2px 8px;--display:"Veyra Display", "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--text:"Veyra Text", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--t-label:.8em;--t-small:.875em;--t-lead:1.125em;--t-h3:1.25em;--t-h2:1.5em;--fs:16px;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px);--bv-bg:var(--paper);--bv-text:var(--ink);--bv-muted:var(--ink2);--bv-accent:var(--verdigris);--bv-accent2:var(--verdigris-ink);--bv-on-accent:var(--white);--bv-border:var(--ink);--bv-font:var(--text);--hand-w:clamp(98px, calc((100vw - 2 * 150px - 64px) / 5.42), 150px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--night);height:100%;color:var(--ink);font-family:var(--text);font-size:var(--fs);touch-action:none;-webkit-user-select:none;user-select:none;overscroll-behavior:none;font-synthesis:none;-webkit-text-size-adjust:100%;margin:0;line-height:1.35;overflow:hidden}body[data-text="0"]{--fs:14px}body[data-text="2"]{--fs:19px}canvas#gl{touch-action:none;outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}.hidden{display:none!important}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}button{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--verdigris);outline-offset:3px}#ui,#hud,#duel,#dlg,#touch{pointer-events:none;position:fixed;inset:0}#ui>*,#hud .hit,#duel .hit,#dlg>*{pointer-events:auto}#touch .stick{border:2px solid color-mix(in srgb, var(--paper) 55%, transparent);background:color-mix(in srgb, var(--paper) 14%, transparent);pointer-events:none;z-index:5;border-radius:50%;width:120px;height:120px;margin:-60px 0 0 -60px;display:none;position:fixed}#touch .stick.on{display:block}#touch .knob{background:color-mix(in srgb, var(--paper) 70%, transparent);border:2px solid var(--ink);border-radius:50%;width:48px;height:48px;position:absolute;top:36px;left:36px}svg.em{flex:none;width:1em;height:1em;display:block}svg.em.inl{vertical-align:-.18em;margin:0 .15em;display:inline-block}.panel{background:var(--paper);color:var(--ink);border:1.5px solid var(--ink);border-radius:var(--r-plate);box-shadow:var(--plate-ring), var(--shadow-soft);outline:1px dashed var(--ink-28);outline-offset:-5px;position:relative}.btn{appearance:none;font:700 1em/1.15 var(--text);color:var(--ink);background:var(--paper);border:1.5px solid var(--ink);border-radius:var(--r-btn);cursor:pointer;min-height:44px;box-shadow:var(--shadow-hard);justify-content:center;align-items:center;gap:8px;padding:.5em 1.1em;transition:transform 80ms,box-shadow 80ms;display:inline-flex}.btn:active{box-shadow:0 0 0 var(--ink);transform:translate(3px,3px)}.btn.primary{background:var(--verdigris);color:var(--white)}.btn.ghost{background:var(--paper)}.btn.small{min-height:36px;font-size:var(--t-small);padding:.3em .85em}.btn[disabled]{background:var(--paper3);color:var(--ink2);box-shadow:none;cursor:not-allowed;border-style:dashed}.btn[aria-pressed=true]{background:var(--verdigris);color:var(--white)}@media (hover:hover){.btn:hover:not([disabled]){background:var(--paper2)}.btn.primary:hover:not([disabled]),.btn[aria-pressed=true]:hover{background:var(--verdigris-ink)}}.icon-btn{border-radius:var(--r-btn);border:1.5px solid var(--ink);background:var(--paper);width:46px;height:46px;color:var(--ink);cursor:pointer;box-shadow:var(--shadow-hard);place-items:center;padding:0;display:grid;position:relative}.icon-btn:active{box-shadow:0 0 0 var(--ink);transform:translate(3px,3px)}.icon-btn.on{background:var(--verdigris);color:var(--white)}@media (hover:hover){.icon-btn:hover{background:var(--paper2)}}.icon-btn .badge{background:var(--ink);min-width:20px;height:20px;color:var(--paper);border:2px solid var(--paper);font:800 11px/1 var(--text);border-radius:10px;place-items:center;padding:0 4px;display:grid;position:absolute;top:-7px;right:-7px}.row{align-items:center;gap:10px;display:flex}.row.wrap{flex-wrap:wrap}.col{flex-direction:column;gap:8px;display:flex}.muted{color:var(--ink2)}.gold{color:var(--ink);font-weight:700}.small{font-size:var(--t-small)}.mono{font-variant-numeric:tabular-nums}.bad-text{color:var(--bad-ink);font-weight:700}.good-text{color:var(--good-ink);font-weight:700}.err{min-height:1.3em;color:var(--bad-ink);font-weight:700}.rar{color:var(--rar-plain);font-weight:700}.rar[data-r=lustrous]{color:var(--rar-lustrous)}.rar[data-r=radiant]{color:var(--rar-radiant)}.rar[data-r=celestial]{color:var(--rar-celestial)}h2,h3{font-family:var(--display);letter-spacing:-.01em;font-weight:700}input[type=text],select.field{font:inherit;color:var(--ink);background:var(--paper);border:1.5px solid var(--ink);-webkit-user-select:text;user-select:text;width:100%;min-height:44px;box-shadow:inset 2px 2px 0 var(--ink-14);border-radius:3px 10px;padding:9px 12px;font-size:max(16px,1em)}select.field{width:auto}input::placeholder{color:var(--ink2);opacity:1}input[type=range]{accent-color:var(--verdigris)}.tabs{flex-wrap:wrap;gap:6px;padding:8px 16px 0;display:flex}.tab{border-radius:var(--r-btn);min-height:40px;color:var(--ink2);font:700 .95em/1.1 var(--text);cursor:pointer;background:0 0;border:1.5px solid #0000;padding:8px 14px}.tab[aria-selected=true]{color:var(--white);background:var(--verdigris);border-color:var(--ink);box-shadow:2px 2px 0 var(--ink)}@media (hover:hover){.tab[aria-selected=false]:hover{background:var(--paper2);color:var(--ink)}}.screen{padding:calc(var(--safe-t) + 10px) calc(var(--safe-r) + 10px) calc(var(--safe-b) + 10px) calc(var(--safe-l) + 10px);background:var(--scrim);place-items:center;display:grid;position:fixed;inset:0}.screen.clear{background:0 0}.sheet{width:min(980px,100%);max-height:calc(100vh - var(--safe-t) - var(--safe-b) - 20px);max-height:calc(100dvh - var(--safe-t) - var(--safe-b) - 20px);flex-direction:column;display:flex;overflow:hidden}.sheet-head{background:var(--paper2);border-bottom:1.5px solid var(--ink);align-items:center;gap:12px;padding:10px 16px;display:flex}.sheet-head h2{font-size:var(--t-h2);flex:1;align-items:center;gap:10px;margin:0;line-height:1.1;display:flex}.sheet-head h2:before{content:"";background:var(--ink);width:24px;height:12px;box-shadow:inset 0 -4px 0 var(--verdigris);border-radius:12px 12px 0 0;flex:none}.sheet-body{touch-action:pan-y;-webkit-overflow-scrolling:touch;padding:14px 16px;overflow:auto}.tabs+.sheet-body,.sheet-body>.tabs:first-child{padding-top:0}.list-row{background:var(--paper2);border:1px solid var(--ink-28);border-radius:3px 10px;flex-wrap:wrap;align-items:center;gap:8px 10px;padding:8px 10px;display:flex}.list-row+.list-row{margin-top:6px}.list-row .grow{flex:11em;min-width:0}.list-row b{display:block}.list-row small{color:var(--ink2);font-size:var(--t-small);display:block}.list-row.pick{text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;border:1.5px solid var(--ink-28)}.list-row.pick[aria-pressed=true]{background:var(--paper);border-color:var(--ink);box-shadow:inset 5px 0 0 var(--verdigris);padding-left:16px}.list-row.me{border-color:var(--ink);box-shadow:inset 5px 0 0 var(--brass)}.list-row.rar{width:auto;display:inline-flex}.wheel-row{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.chip{border:1.5px solid var(--ink);background:var(--paper);font:700 var(--t-small)/1 var(--text);border-radius:2px 10px;align-items:center;gap:6px;padding:3px 10px 3px 4px;display:inline-flex}.chip .gl{background:var(--sc);width:22px;height:22px;color:var(--on-sc);border-radius:50%;place-items:center;font-size:14px;display:grid}.list-row.shop{flex-wrap:nowrap}.list-row.shop .grow{flex:1 1 0}.list-row.later{background:0 0;border-style:dashed}.sticky-actions{background:var(--paper);border-top:1.5px solid var(--ink-28);z-index:4;margin:12px -16px -14px;padding:10px 16px;position:sticky;bottom:-14px}.creator .opts .sticky-actions{margin:14px -14px -14px;padding:10px 14px;bottom:-14px}.grid-items{grid-template-columns:repeat(auto-fill,minmax(62px,1fr));gap:6px;display:grid}.stat-list{font-size:var(--t-small);grid-template-columns:1fr auto;gap:3px 14px;display:grid}.stat-list dt{color:var(--ink2)}.stat-list dd{text-align:right;font-variant-numeric:tabular-nums;margin:0;font-weight:700}.split{grid-template-columns:1fr 1fr;gap:14px;display:grid}.sheet-body h3{font-size:var(--t-h3);margin:0}.sheet-body b{font-weight:700}.sheet-body section b.gold,.sheet-body .col>b.gold{font:700 var(--t-lead)/1.2 var(--display);color:var(--verdigris-ink)}.list-row .slot{flex:none;width:48px}.list-row .slot .lbl{display:none}.slot{--rc:var(--rar-plain);aspect-ratio:1;border-radius:var(--r-btn);border:1.5px solid var(--ink);background:var(--paper);cursor:pointer;color:var(--ink);text-align:center;box-shadow:2px 2px 0 var(--ink-28);place-items:center;padding:0;font-size:.78em;display:grid;position:relative;overflow:hidden}.slot:not([data-r]){border-style:dashed;border-color:var(--ink-28);box-shadow:none;background:var(--paper2)}.slot[data-r]{background:var(--paper)}.slot[data-r=lustrous]{--rc:var(--verdigris);border-color:var(--verdigris-ink);box-shadow:inset 0 0 0 2px var(--paper), inset 0 0 0 3px var(--verdigris), 2px 2px 0 var(--ink-28)}.slot[data-r=radiant]{--rc:var(--violet);border-color:var(--rar-radiant);box-shadow:inset 0 0 0 2px var(--paper), inset 0 0 0 4px var(--violet), 2px 2px 0 var(--ink-28)}.slot[data-r=celestial]{--rc:var(--brass);border-color:var(--ink);background:color-mix(in srgb, var(--brass) 14%, var(--paper));box-shadow:inset 0 0 0 2px var(--paper), inset 0 0 0 4px var(--brass), inset 0 0 0 5px var(--ink), 2px 2px 0 var(--ink-28)}.slot[data-r]:before{content:"";background:var(--rc);width:5px;height:5px;position:absolute;top:6px;left:6px;transform:rotate(45deg)}.slot[data-r=lustrous]:before{box-shadow:none}.slot[data-r=plain]:before{display:none}.slot[data-r=radiant]:before{box-shadow:8px 0 0 var(--rc)}.slot[data-r=celestial]:before{box-shadow:8px 0 0 var(--rc), 16px 0 0 var(--rc)}.slot .n{background:var(--ink);min-width:1.6em;color:var(--paper);border-radius:99px;padding:1px 4px;font-size:1.05em;font-weight:800;line-height:1.2;position:absolute;top:3px;right:4px}.slot .gl{color:var(--ink);font-size:1.9em;line-height:1}.slot .lbl{color:var(--ink);font-size:.9em;font-weight:600;line-height:1.05;position:absolute;bottom:2px;left:3px;right:3px}.slot:not([data-r]) .lbl{color:var(--ink2)}.slot .ic{object-fit:contain;opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:76%;height:76%;filter:drop-shadow(0 1.5px 0 var(--ink-28));transition:opacity .2s;position:absolute;top:4%;left:12%}.slot .ic.ok{opacity:1}.slot.has-ic .gl{visibility:hidden}.equip{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.title-wrap{text-align:center;flex-direction:column;align-items:center;gap:18px;max-width:100%;display:flex}.title-scrim{pointer-events:none;background:linear-gradient(90deg, color-mix(in srgb, var(--night) 70%, transparent) 0%, color-mix(in srgb, var(--night) 40%, transparent) 38%, transparent 62%);position:fixed;inset:0}.title-head{background:var(--paper);width:min(430px,100%);color:var(--ink);border:1.5px solid var(--ink);box-shadow:var(--plate-ring), var(--shadow-soft);outline:1px dashed var(--ink-28);outline-offset:-6px;border-radius:50% 50% 4px 4px/34% 34% 4px 4px;flex-direction:column;align-items:center;gap:4px;padding:22px 24px 18px;display:flex;position:relative}.dome-mark{width:88px;height:auto;color:var(--ink);overflow:visible}.dome-mark .mote{fill:var(--brass);stroke:var(--paper);stroke-width:2px}.logo{font:800 clamp(34px, 4.4vw, 58px)/.98 var(--display);letter-spacing:-.02em;text-align:center;color:var(--ink);text-wrap:balance;margin:0}.logo .w,.logo .v{display:block}.logo .of{letter-spacing:.34em;text-transform:uppercase;color:var(--verdigris-ink);margin:.2em 0 .15em;font-size:.34em;font-weight:600;line-height:1;display:block}.tagline{font:700 var(--t-label)/1.3 var(--text);letter-spacing:.12em;text-transform:uppercase;color:var(--ink2);border-top:1px solid var(--ink-28);margin-top:6px;padding-top:8px}.menu-col{flex-direction:column;gap:12px;width:min(320px,82vw);display:flex}.menu-col .btn{font-size:1.05em}.corner{color:var(--paper);background:var(--scrim);border-radius:2px 8px;padding:3px 9px;font-size:.75em;position:fixed}.corner .wide-only{display:inline}@media (width>=900px) and (height>=560px){.title-wrap{text-align:left;align-items:flex-start;margin-right:34vw}}@media (orientation:portrait) and (width<=899px){.title-screen{place-items:stretch stretch}.title-screen .title-wrap{height:100%;padding:calc(var(--safe-t) + 30px) 0 calc(var(--safe-b) + 34px);justify-content:space-between}.title-scrim{background:linear-gradient(0deg, color-mix(in srgb, var(--night) 82%, transparent) 0%, color-mix(in srgb, var(--night) 50%, transparent) 40%, transparent 62%), linear-gradient(180deg, color-mix(in srgb, var(--night) 55%, transparent) 0%, transparent 26%)}.corner .wide-only{display:none}.title-head{width:min(360px,92%)}.logo{font-size:clamp(36px,11vw,52px)}}@media (height<=520px) and (orientation:landscape){.title-screen .title-wrap{margin-left:max(5vw, var(--safe-l));justify-self:start}.title-wrap{text-align:left;align-items:flex-start;gap:12px}.title-head{border-radius:30px 30px 4px 4px/22px 22px 4px 4px;gap:2px;width:auto;max-width:100%;padding:8px 22px}.dome-mark{display:none}.logo{font-size:30px}.logo .w,.logo .v,.logo .of{display:inline}.logo .of{letter-spacing:.2em;vertical-align:.25em;margin:0 .3em;font-size:.4em}.tagline{margin-top:2px;padding-top:3px}.menu-col{grid-template-columns:1fr 1fr;gap:10px;width:min(330px,46vw);display:grid}.menu-col .btn:first-child{grid-column:1/-1}.menu-col .btn{padding:.4em .6em;font-size:.95em}.corner .wide-only{display:none}}.creator{grid-template-columns:minmax(260px,1fr) minmax(300px,420px);gap:14px;width:min(1000px,100%);max-height:100%;display:grid}.creator .preview-hole{min-height:200px}.creator .opts{touch-action:pan-y;max-height:calc(100vh - 20px);padding:14px;overflow:auto}.creator .opts h2{font-size:var(--t-h2)}.swatches{flex-wrap:wrap;gap:8px;display:flex}.sw{border:1.5px solid var(--ink);cursor:pointer;border-radius:50%;width:32px;height:32px;padding:0}.sw[aria-pressed=true]{box-shadow:0 0 0 2px var(--paper), 0 0 0 4px var(--verdigris), 0 0 0 5.5px var(--ink)}.opt-label{font:700 var(--t-label)/1.2 var(--text);color:var(--ink2);text-transform:uppercase;letter-spacing:.1em;margin:12px 0 5px}.seg{flex-wrap:wrap;gap:8px;display:flex}.school-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.school-card{border:1.5px solid var(--ink);border-radius:var(--r-btn);background:var(--paper);cursor:pointer;text-align:left;color:var(--ink);box-shadow:2px 2px 0 var(--ink-28);padding:10px;display:block;position:relative}.school-card[aria-pressed=true]{background:color-mix(in srgb, var(--sc) 16%, var(--paper));box-shadow:0 0 0 2px var(--paper), 0 0 0 4px var(--sc), 0 0 0 5.5px var(--ink)}.school-card[disabled]{background:var(--paper2);cursor:default;box-shadow:none;border-style:dashed}.school-card[disabled]>b,.school-card[disabled]>small{opacity:.85}.school-card .gl{background:var(--sc);width:38px;height:38px;color:var(--on-sc,var(--white));border:2px solid var(--paper);box-shadow:0 0 0 1.5px var(--ink);border-radius:50%;place-items:center;font-size:22px;display:grid}.school-card[disabled] .gl{filter:grayscale(.7)}.school-card b{font:700 var(--t-lead)/1.1 var(--display);margin-top:8px;display:block}.school-card small{color:var(--ink2);margin-top:3px;line-height:1.3;display:block}.soon{font:700 .65em/1 var(--text);letter-spacing:.1em;text-transform:uppercase;background:var(--ink);color:var(--paper);border-radius:2px 6px;padding:3px 6px;position:absolute;top:8px;right:8px}@media (width<=700px){.split{grid-template-columns:1fr}.creator{grid-template-rows:215px minmax(0,1fr);grid-template-columns:1fr;height:100%}.creator .opts{max-height:none}}.hud-tl{padding:8px 12px 10px}.hud-tl .nm{font:600 1.2em/1.1 var(--display);justify-content:space-between;align-items:baseline;gap:6px;display:flex}.hud-tl .nm span:last-child{font:700 var(--t-label)/1 var(--text);letter-spacing:.1em;text-transform:uppercase;color:var(--verdigris-ink)}.bar{background:var(--paper2);border:1.5px solid var(--ink);border-radius:2px 7px;height:12px;margin-top:6px;position:relative;overflow:hidden}.bar>i{background:var(--ember);border-right:1.5px solid var(--ink);width:50%;transition:width .25s;position:absolute;inset:0 auto 0 0}.bar:after{content:"";background:repeating-linear-gradient(90deg, transparent 0 9px, var(--ink-28) 9px 10px);pointer-events:none;position:absolute;inset:0}.bar.vig>i{background:var(--verdigris)}.bar.xp>i{background:var(--violet)}.bar.thin{height:8px}.hud-tl .mono.small{color:var(--ink2);font-size:var(--t-small)}.hud-tl .gold{font-size:var(--t-small);color:var(--ink2)}.hud-tr{top:calc(var(--safe-t) + 8px);right:calc(var(--safe-r) + 8px);flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:fixed}.minimap{background:var(--night);border:1.5px solid var(--ink);width:132px;height:132px;box-shadow:var(--plate-ring), var(--shadow-soft);border-radius:50%;position:relative;overflow:hidden}.minimap canvas{width:100%;height:100%;display:block}.minimap:after{content:"";pointer-events:none;background:repeating-conic-gradient(var(--ink) 0 1.2deg, var(--paper) 1.2deg 10deg);-webkit-mask:radial-gradient(circle closest-side, transparent 0 86%, var(--ink) 87%);-webkit-mask:radial-gradient(circle closest-side, transparent 0 86%, var(--ink) 87%);mask:radial-gradient(circle closest-side, transparent 0 86%, var(--ink) 87%);border-radius:50%;position:absolute;inset:0}.zone-chip{background:var(--paper);color:var(--ink);border:1.5px solid var(--ink);font:700 var(--t-label)/1.2 var(--text);letter-spacing:.08em;text-transform:uppercase;text-align:right;max-width:180px;box-shadow:2px 2px 0 var(--ink);border-radius:3px 10px;padding:4px 10px}.hud-btns{right:calc(var(--safe-r) + 8px);bottom:calc(var(--safe-b) + 8px);flex-wrap:wrap;justify-content:flex-end;align-items:flex-end;gap:10px;max-width:60vw;display:flex;position:fixed}.tracker{padding:8px 12px 10px;font-size:.85em}.tracker .qt{font:600 1.15em/1.2 var(--display);color:var(--verdigris-ink)}.tracker .qs{color:var(--ink);margin-top:3px;font-size:1.04em;line-height:1.35}.party{flex-direction:column;gap:4px;padding:6px 12px;font-size:.8em;display:flex}.prompt{left:50%;bottom:calc(var(--safe-b) + 90px);position:fixed;transform:translate(-50%)}.prompt .btn{min-height:52px;box-shadow:4px 4px 0 var(--ink);padding:.7em 1.4em;font-size:1.1em}.chat-emotes{left:calc(var(--safe-l) + 8px);bottom:calc(var(--safe-b) + 66px);flex-wrap:wrap;gap:8px;max-width:70vw;display:flex;position:fixed}#toast{left:50%;top:calc(var(--safe-t) + 64px);pointer-events:none;z-index:90;flex-direction:column;align-items:center;gap:8px;width:min(560px,92vw);display:flex;position:fixed;transform:translate(-50%)}.toast{background:var(--paper);color:var(--ink);border:1.5px solid var(--ink);border-left:7px solid var(--verdigris);text-align:center;box-shadow:var(--shadow-hard);border-radius:3px 12px;padding:8px 14px;font-weight:700;animation:.25s ease-out toast-in}.toast.good{border-left-color:var(--good)}.toast.bad{border-left-color:var(--ember)}@keyframes toast-in{0%{opacity:0;transform:translateY(-10px)}}#banner{text-align:center;pointer-events:none;z-index:55;flex-direction:column;align-items:center;gap:8px;width:max-content;max-width:92vw;display:flex;position:fixed;top:7%;left:50%;transform:translate(-50%)}#banner .big{background:var(--paper);color:var(--ink);border:1.5px solid var(--ink);box-shadow:var(--plate-ring), var(--shadow-soft);font:800 clamp(24px, 6vw, 42px)/1.05 var(--display);letter-spacing:-.01em;border-radius:50% 50% 4px 4px/40% 40% 4px 4px;padding:12px 38px 10px;animation:3s ease-out forwards banner}#banner .sub{background:var(--ink);color:var(--paper);font:700 var(--t-label)/1.3 var(--text);letter-spacing:.12em;text-transform:uppercase;border-radius:2px 10px;padding:4px 14px;animation:3s ease-out forwards banner}@keyframes banner{0%{opacity:0;transform:scale(.9)}12%{opacity:1;transform:none}80%{opacity:1}to{opacity:0}}body.modal-open #banner{display:none}body:not([data-screen=duel]):has(#banner:not(.hidden)) #toast{top:calc(var(--safe-t) + 150px)}body.duel-banner .nameplate{visibility:hidden}body.modal-open #bv-debug-note,body[data-screen=duel] #bv-debug-note{display:none!important}#bv-debug-note{transform:translate(50%);opacity:.55!important;font-size:9px!important;line-height:1.4!important;bottom:2px!important;left:auto!important;right:50%!important}.hud-left{top:calc(var(--safe-t) + 8px);left:calc(var(--safe-l) + 8px);pointer-events:none;flex-direction:column;gap:10px;width:min(250px,52vw);display:flex;position:fixed}.hud-left .hud-tl,.hud-left .tracker,.hud-left .party{width:auto;position:relative}.hud-tl .nm span{white-space:nowrap}.hud-btns .icon-btn{position:relative}body.lefty .hud-btns{right:auto;left:calc(var(--safe-l) + 8px);justify-content:flex-start}body.lefty .hud-left{left:auto;right:calc(var(--safe-r) + 110px)}.dlg{left:50%;bottom:calc(var(--safe-b) + 14px);width:min(720px,100vw - 28px);padding:12px 18px 14px;position:fixed;transform:translate(-50%)}.dlg .who{font:700 1.3em/1.1 var(--display);flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.dlg .who small{font:700 var(--t-label)/1 var(--text);letter-spacing:.1em;text-transform:uppercase;color:var(--verdigris-ink)}.dlg .say{min-height:3.6em;margin:8px 0 12px;font-size:1.04em;line-height:1.5}.dlg .acts{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.dlg .acts .muted{color:var(--ink2)}#tip{z-index:95;background:var(--paper);max-width:min(320px,90vw);color:var(--ink);border:1.5px solid var(--ink);pointer-events:none;box-shadow:var(--shadow-hard), var(--shadow-soft);border-radius:3px 12px;padding:8px 12px;font-size:.85em;line-height:1.4;position:fixed}#tip b{font:700 1.1em/1.2 var(--display);color:var(--verdigris-ink);margin-bottom:2px;display:block}#fatal{background:var(--night);color:var(--paper);z-index:99;text-align:center;font-family:var(--display);place-items:center;padding:2rem;display:grid;position:fixed;inset:0}.result{text-align:center;flex-direction:column;align-items:center;gap:10px;width:min(520px,100%);padding:20px;display:flex}.result h2{font:800 2.2em/1 var(--display);letter-spacing:0;margin:0}.result.win h2{color:var(--verdigris-ink)}.result.lose h2{color:var(--bad-ink)}.sheet-body .result{margin:0 auto}.loot-row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.coach{left:50%;top:calc(var(--safe-t) + 120px);z-index:50;width:min(460px,100vw - 28px);padding:10px 16px 12px;position:fixed;transform:translate(-50%)}.coach b{font:700 1.15em/1.2 var(--display);color:var(--verdigris-ink)}.coach .row{justify-content:flex-end;margin-top:8px}.card{--sc:var(--verdigris);--on-sc:var(--white);--w:var(--card-w,150px);--ar:1.42;--dial:calc(var(--w) * .215);--dial-y:54%;--ring1:calc(var(--w) * .026);--ring2:calc(var(--w) * .042);appearance:none;width:var(--w);height:calc(var(--w) * var(--ar));font:inherit;text-align:center;color:var(--ink);cursor:pointer;background:var(--paper);border:calc(var(--w) * .016) solid var(--ink);border-radius:calc(var(--w) * .5) calc(var(--w) * .5) calc(var(--w) * .05) calc(var(--w) * .05) / calc(var(--w) * .25) calc(var(--w) * .25) calc(var(--w) * .05) calc(var(--w) * .05);box-shadow:0 0 0 var(--ring1) var(--sc), 0 0 0 var(--ring2) var(--ink), var(--card-shadow,0 8px 14px -4px color-mix(in srgb, var(--night) 55%, transparent));flex:none;margin:0;padding:0;display:block;position:relative;overflow:hidden}.card .art{background:var(--sc);position:absolute;inset:0 0 42%;overflow:hidden}.card .fb{color:color-mix(in srgb, var(--on-sc) 86%, var(--sc));background:radial-gradient(ellipse 70% 60% at 50% 100%, color-mix(in srgb, var(--paper) 30%, transparent), transparent), linear-gradient(180deg, color-mix(in srgb, var(--sc) 70%, var(--ink)), var(--sc) 78%);place-items:center;display:grid;position:absolute;inset:0}.card .fb .em{aspect-ratio:1;width:42%;height:auto;transform:translateY(-8%)}.card .fb:before,.card .fb:after{content:"";aspect-ratio:1;pointer-events:none;border-radius:50%;position:absolute;top:46%;left:50%;translate:-50% -50%}.card .fb:before{background:repeating-conic-gradient(color-mix(in srgb, var(--on-sc) 55%, transparent) 0 .8deg, transparent .8deg 6deg);width:94%;-webkit-mask:radial-gradient(circle closest-side, transparent 0 82%, var(--ink) 83% 95%, transparent 96%);-webkit-mask:radial-gradient(circle closest-side, transparent 0 82%, var(--ink) 83% 95%, transparent 96%);mask:radial-gradient(circle closest-side, transparent 0 82%, var(--ink) 83% 95%, transparent 96%)}.card .fb:after{border:1px solid color-mix(in srgb, var(--on-sc) 38%, transparent);width:66%}.card .art img{object-fit:cover;object-position:50% 38%;opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;transition:opacity .3s;position:absolute;inset:0}.card .art img.ok{opacity:1}.card .limb{background:var(--paper);border-top:calc(var(--w) * .014) solid var(--ink);border-radius:50% 50% 0 0 / calc(var(--w) * .12) calc(var(--w) * .12) 0 0;box-shadow:0 calc(var(--w) * -.02) 0 var(--sc), 0 calc(var(--w) * -.032) 0 var(--ink);position:absolute;inset:50% -12% 0}.card .cost,.card .seal{top:calc(var(--dial-y) - var(--dial) / 2);width:var(--dial);height:var(--dial);border:calc(var(--w) * .012) solid var(--paper);box-shadow:0 0 0 calc(var(--w) * .012) var(--ink);z-index:2;border-radius:50%;place-items:center;display:grid;position:absolute}.card .cost{background:var(--ink);color:var(--paper);font:700 calc(var(--dial) * .63)/1 var(--display);font-variant-numeric:lining-nums;left:5%}.card .cost.off{background:var(--verdigris);color:var(--white)}.card .seal{background:var(--sc);color:var(--on-sc);font-size:calc(var(--dial) * .58);right:5%}.card .copies{z-index:3;background:var(--ink);color:var(--paper);font:800 max(calc(var(--w) * .07), 11px)/1 var(--text);border:1.5px solid var(--paper);border-radius:99px;padding:.22em .6em;position:absolute;top:5%;left:50%;transform:translate(-50%)}.card .trial{z-index:3;background:var(--ink);color:var(--paper);font:700 max(calc(var(--w) * .05), 9px)/1 var(--text);letter-spacing:.1em;text-transform:uppercase;border-radius:2px 6px;padding:.3em .55em;position:absolute;top:31%;left:7%}.card .tag{z-index:3;background:color-mix(in srgb, var(--ink) 90%, transparent);color:var(--paper);font:700 max(calc(var(--w) * .056), 9px)/1.2 var(--text);letter-spacing:.06em;text-transform:uppercase;padding:.4em .6em;position:absolute;top:24%;left:0;right:0}.card .body{flex-direction:column;align-items:center;min-height:0;display:flex;position:absolute;inset:62% 7% 2.5%}.card .name{font-family:var(--display);font-weight:650;font-size:max(calc(var(--w) * .098), var(--name-min,0px));letter-spacing:-.01em;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;text-wrap:balance;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;max-width:100%;line-height:1.05;display:-webkit-box;overflow:hidden}.card .kind{font:700 max(calc(var(--w) * .056), 9px)/1 var(--text);letter-spacing:.1em;text-transform:uppercase;color:color-mix(in srgb, var(--sc) 62%, var(--ink));margin-top:calc(var(--w) * .022);white-space:nowrap}.card .fx{min-height:0;margin-top:calc(var(--w) * .03);font:500 max(calc(var(--w) * .068), 10px)/1.17 var(--text);color:var(--ink);flex:1;overflow:hidden}.card .fx .ln{display:inline}.card .fx .ln:after{content:" "}.card .fx b{font-weight:800}.card .nums{font:800 max(calc(var(--w) * .12), 10px)/1.1 var(--text);margin-top:calc(var(--w) * .03);font-variant-numeric:tabular-nums;display:none}.card .foot{justify-content:center;align-items:center;gap:calc(var(--w) * .03);font:700 max(calc(var(--w) * .058), 9px)/1 var(--text);color:var(--ink2);padding-top:calc(var(--w) * .012);margin-top:auto;display:flex}.card .gauge{width:calc(var(--w) * .2);height:max(calc(var(--w) * .03), 4px);border:1px solid var(--ink);background:linear-gradient(90deg, var(--ink) var(--acc), transparent 0);border-radius:9px;display:inline-block}.card.sel{box-shadow:0 0 0 var(--ring1) var(--sc), 0 0 0 var(--ring2) var(--ink), 0 0 0 calc(var(--w) * .075) var(--paper), 0 0 0 calc(var(--w) * .087) var(--ink), 0 14px 20px -6px color-mix(in srgb, var(--night) 60%, transparent);z-index:3;transform:translateY(-16px)}.card[aria-disabled=true] .art{filter:grayscale(.85)brightness(.92)}.card[aria-disabled=true] .cost{background:var(--paper);color:var(--ink);border-color:var(--ink);box-shadow:none}.card[aria-disabled=true] .name{color:var(--ink2)}.card.locked .art{filter:grayscale()}.card.locked .body{opacity:.72}.card.asc:after{content:"";background:linear-gradient(100deg, transparent 30%, color-mix(in srgb, var(--paper) 78%, transparent) 50%, transparent 70%);pointer-events:none;z-index:1;height:14%;animation:3.6s ease-in-out infinite shimmer;position:absolute;top:43%;left:0;right:0;transform:translate(-120%)}@keyframes shimmer{0%,55%{transform:translate(-120%)}to{transform:translate(120%)}}@media (hover:hover){.card:hover{filter:brightness(1.03)}}.card.mini{--w:150px;--dial:28px;--dial-y:50%;text-align:left;border:1.5px solid var(--ink);border-left:6px solid var(--sc);width:100%;height:auto;min-height:44px;box-shadow:2px 2px 0 var(--ink);border-radius:3px 12px;align-items:center;gap:8px;padding:4px 8px 4px 6px;display:flex;overflow:visible}.card.mini .art,.card.mini .limb,.card.mini .kind,.card.mini .fx,.card.mini .nums,.card.mini .foot,.card.mini .trial,.card.mini .tag,.card.mini:after{display:none}.card.mini .cost,.card.mini .seal{width:28px;height:28px;box-shadow:0 0 0 1px var(--ink);border-width:1.5px;flex:none;font-size:16px;position:static}.card.mini .seal{order:2;font-size:16px}.card.mini .cost{order:0;font-size:16px}.card.mini .body{flex:1;order:1;min-width:0;display:block;position:static}.card.mini .name{-webkit-line-clamp:unset;white-space:nowrap;text-overflow:ellipsis;text-wrap:nowrap;font-size:15px;display:block;overflow:hidden}.card.mini .copies{flex:none;order:3;font-size:12px;position:static;transform:none}.card.mini[aria-disabled=true]{opacity:.6}.card-grid{grid-template-columns:repeat(auto-fill, minmax(calc(var(--card-w,150px) + 14px), 1fr));justify-items:center;gap:20px 6px;padding:6px 4px;display:grid}.deck-list{min-width:200px}.deck-list .card.mini+.card.mini{margin-top:6px}.curve{align-items:flex-end;gap:6px;height:56px;display:flex}.curve-col{text-align:center;color:var(--ink2);font-size:11px}.curve-col i{background:var(--verdigris);border:1.5px solid var(--ink);border-radius:2px 6px 0 0;width:20px;margin:0 auto 2px;display:block}.glyph{color:var(--sc);font-weight:800}.cast-layer{pointer-events:none;z-index:35;position:fixed;inset:0;overflow:hidden}.cast-stage{place-items:center;display:grid;position:absolute}.cast-stage.me{--pw:min(300px, 60vw, 34vh);top:44%;left:50%;translate:-50% -50%}.cast-stage.ally{--pw:min(220px, 48vw, 26vh);top:44%;left:50%;translate:-50% -50%}.cast-stage.foe{--pw:min(150px, 34vw, 18vh);top:22%;left:50%;translate:-50% -50%}.cast-stage .card{--w:var(--pw);--name-min:0px;cursor:default}.card.played .sweep{z-index:4;background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--paper) 85%, transparent), transparent);opacity:0;pointer-events:none;width:55%;position:absolute;top:-5%;bottom:30%;left:0}.mote-fx{background:var(--sc);border:2px solid var(--paper);opacity:0;will-change:transform, opacity;border-radius:50%;width:10px;height:10px;margin:-5px;position:absolute}.duel-top{top:calc(var(--safe-t) + 8px);border-radius:40px 40px 4px 4px;align-items:center;gap:12px;padding:6px 16px 6px 12px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.skyring{background:repeating-conic-gradient(var(--ink-28) 0 1deg, transparent 1deg 51.43deg);border-radius:50%;flex:none;width:74px;height:74px;position:relative}.skyring i{background:var(--sc);width:22px;height:22px;color:var(--on-sc);opacity:.8;border:1.5px solid var(--ink);border-radius:50%;place-items:center;margin:-11px 0 0 -11px;font-size:13px;display:grid;position:absolute}.skyring i.on{opacity:1;box-shadow:0 0 0 2px var(--paper), 0 0 0 3.5px var(--ink);z-index:2;transform:scale(1.35)}.skyring i.next{opacity:1;border-style:dashed;border-width:2px}.duel-info{font-size:.85em;line-height:1.35}.duel-info b{font:700 1.25em/1.1 var(--display);color:var(--ink)}.duel-info .muted{color:var(--ink2)}.nameplate{pointer-events:auto;text-align:center;cursor:pointer;min-width:96px;position:fixed;transform:translate(-50%,-100%)}.nameplate .np{background:var(--paper);color:var(--ink);border:1.5px solid var(--ink);font:700 12px/1.25 var(--text);box-shadow:2px 2px 0 var(--ink);border-bottom-width:4px;border-radius:3px 10px;padding:3px 8px 4px}.nameplate.foe .np{border-bottom-color:var(--ember)}.nameplate.me .np{border-bottom-color:var(--verdigris)}.nameplate .np.me{box-shadow:0 0 0 2px var(--paper), 0 0 0 3.5px var(--ink), 2px 2px 0 3.5px var(--ink)}.nameplate.dead{opacity:.45;filter:grayscale()}.nameplate.targetable .np{outline:3px solid var(--verdigris);outline-offset:2px;animation:1s infinite pulse}@keyframes pulse{50%{outline-offset:5px}}.nameplate .nm{white-space:nowrap;text-overflow:ellipsis;max-width:150px;display:block;overflow:hidden}.nameplate .nm .em{vertical-align:-.22em;width:1.15em;height:1.15em;color:color-mix(in srgb, var(--sc) 82%, var(--ink));margin-right:.3em;display:inline-block}.nameplate .hpt{color:var(--ink2);font-size:11px;font-weight:700}.nameplate .st{flex-wrap:wrap;justify-content:center;gap:3px;min-height:16px;margin-top:3px;display:flex}.nameplate .st span{font:700 11px/1.3 var(--text);background:var(--paper);border:1px solid var(--ink);color:var(--ink);border-radius:2px 6px;padding:0 5px}.nameplate .st span.bad{background:color-mix(in srgb, var(--ember) 24%, var(--paper))}.nameplate .st span.good{background:color-mix(in srgb, var(--good) 22%, var(--paper))}.floater{font:800 26px/1 var(--display);color:var(--paper);-webkit-text-stroke:5px var(--ink);paint-order:stroke fill;text-shadow:0 2px 0 var(--ink);pointer-events:none;z-index:40;white-space:nowrap;animation:1.1s ease-out forwards floatup;position:fixed;transform:translate(-50%,-50%)}.floater.crit{color:color-mix(in srgb, var(--brass) 55%, var(--paper));font-size:36px}.floater.heal{color:color-mix(in srgb, var(--good) 45%, var(--paper))}.floater.miss{color:var(--paper3);font-size:20px}.floater.hurt{color:color-mix(in srgb, var(--ember) 55%, var(--paper))}.floater.small{font:700 16px/1 var(--text);-webkit-text-stroke:4px var(--ink)}@keyframes floatup{0%{opacity:0;margin-top:10px}12%{opacity:1}to{opacity:0;margin-top:-70px}}.hand{left:0;right:0;bottom:calc(var(--safe-b) + 8px);pointer-events:none;justify-content:center;align-items:flex-end;gap:clamp(6px,1.2vw,16px);padding:0 8px;display:flex;position:fixed}.hand .card{--w:var(--hand-w);pointer-events:auto;will-change:transform;transition:transform .15s}@media (hover:hover){.hand .card:hover{transform:translateY(-10px)}.hand .card.sel:hover{transform:translateY(-16px)}}.duel-acts{left:calc(var(--safe-l) + 12px);bottom:calc(var(--safe-b) + 10px);flex-direction:column;gap:10px;display:flex;position:fixed}.duel-acts .btn{text-align:left;justify-content:flex-start;min-width:112px}.motes{right:calc(var(--safe-r) + 12px);bottom:calc(var(--safe-b) + 10px);flex-direction:column;align-items:flex-end;gap:6px;padding:8px 12px;display:flex;position:fixed}.mt-label{font:700 var(--t-label)/1 var(--text);letter-spacing:.12em;text-transform:uppercase;color:var(--ink2)}.mt-label b{font:700 2.1em/.8 var(--display);letter-spacing:0;color:var(--ink);vertical-align:-.08em;margin:0 .1em}.orbs{flex-wrap:wrap;justify-content:flex-end;gap:4px;max-width:150px;display:flex}.orb{background:var(--paper2);border:1.5px solid var(--ink);border-radius:50%;width:14px;height:14px}.orb.on{background:var(--brass);box-shadow:inset 0 0 0 2px var(--paper)}.orb.spark{background:var(--verdigris);box-shadow:inset 0 0 0 2px var(--paper);width:16px;height:16px}.orb.pending{outline:2px dashed var(--ink);outline-offset:1px}.turn-strip{top:calc(var(--safe-t) + 106px);gap:5px;padding:4px 8px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.turn-strip span{background:var(--sc);width:26px;height:26px;color:var(--on-sc);border:1.5px solid var(--ink);border-radius:50%;place-items:center;font-size:15px;display:grid}.turn-strip span.foe{background:var(--sc);box-shadow:0 0 0 2px var(--paper), 0 0 0 3.5px var(--ember);border-radius:3px 9px}.turn-strip span.me{box-shadow:0 0 0 2px var(--paper), 0 0 0 3.5px var(--ink)}.ff-btn{right:calc(var(--safe-r) + 8px);top:calc(var(--safe-t) + 158px);pointer-events:auto;min-height:44px;position:fixed}.wait-msg{text-align:center;padding:8px 16px;font-weight:700;position:fixed;bottom:40%;left:50%;transform:translate(-50%)}.callout{background:var(--paper);color:var(--ink);border:1.5px solid var(--ink);font:700 13px/1.3 var(--text);pointer-events:none;z-index:41;box-shadow:2px 2px 0 var(--ink);border-radius:3px 12px;padding:3px 10px;animation:2.4s ease-out forwards floatup;position:fixed;transform:translate(-50%,-100%)}.card-detail{left:50%;bottom:calc(var(--safe-b) + var(--hand-w) * 1.42 + 38px);pointer-events:none;max-width:min(440px,92vw);padding:8px 14px;font-size:.85em;line-height:1.4;position:fixed;transform:translate(-50%)}.card-detail b{font:700 1.2em/1.2 var(--display);color:var(--verdigris-ink);display:block}.card-detail div+div{margin-top:2px}body[data-screen=duel] #toast{top:calc(var(--safe-t) + 140px)}body[data-screen=duel] #banner{max-width:92vw;top:40%}body[data-screen=duel] #banner .big{padding:8px 30px 7px;font-size:clamp(16px,4.4vw,26px);animation-duration:1.9s}body[data-screen=duel] #banner .sub{font-size:var(--t-label);animation-duration:1.9s}@media (width<=760px),(height<=520px){:root{--hand-w:108px}.hand{gap:4px;padding:0 3px}.minimap{width:96px;height:96px}.tracker{font-size:.78em}.duel-acts .btn{min-width:0;min-height:38px;padding:.3em .7em}.hud-btns .icon-btn{width:42px;height:42px}.card{--name-min:10px}.hand .card{--dial:max(calc(var(--w) * .215), 24px)}.hand .card .fx{font-size:10px}}@media (height<=520px) and (orientation:landscape){.sheet-head{padding:4px 14px}.sheet-head h2{font-size:1.2em}.sticky-actions{padding:6px 16px}.hud-left{width:190px}.hud-left .tracker{display:none}.hud-tl{padding:5px 10px 7px}.minimap{width:84px;height:84px}.dlg{bottom:calc(var(--safe-b) + 6px);padding:8px 14px}.dlg .say{min-height:2.4em;margin:2px 0 6px}.motes{padding:4px 8px}.prompt{bottom:calc(var(--safe-b) + 60px)}}@media (width<=600px){.hud-btns{gap:8px}.hud-tl .rank{display:none}.hud-left{width:min(230px,56vw)}.hud-left .tracker{font-size:.78em}.hand{gap:3px;padding:0 4px}:root{--hand-w:calc((100vw - 28px) / 5.42)}.hand .card{--ar:1.64;--dial:22px;--dial-y:50%;--name-min:10px;--ring1:2px;--ring2:3.2px;--card-shadow:0 2px 0 var(--ink-28)}.hand .card .fx,.hand .card .kind,.hand .card .foot,.hand .card .copies,.hand .card .trial{display:none}.hand .card .nums{display:block}.hand .card .body{top:61%;left:5%;right:5%}.hand .card .name{line-height:1.02}.hand .card .limb{top:48%}.hand .card .art{bottom:52%}.duel-acts{left:calc(var(--safe-l) + 6px);right:calc(var(--safe-r) + 6px);bottom:calc(var(--safe-b) + 126px);flex-flow:wrap;justify-content:center;gap:8px}.duel-acts .btn{min-width:0;min-height:36px;padding:.25em .6em;font-size:.8em}.motes{top:calc(var(--safe-t) + 128px);bottom:auto;right:calc(var(--safe-r) + 6px);padding:5px 8px}.card-detail{bottom:calc(var(--safe-b) + 232px)}.duel-top{border-radius:28px 28px 4px 4px;gap:6px;padding:4px 6px 4px 4px}.duel-info{font-size:.8em}.skyring{transform-origin:0;width:60px;height:60px;transform:scale(.8)}.turn-strip{top:calc(var(--safe-t) + 74px)}.nameplate .nm{max-width:90px;font-size:11px}.nameplate{min-width:70px}}@media (width<=600px) and (orientation:portrait){.duel-top{top:calc(var(--safe-t) + 6px)}.turn-strip{top:calc(var(--safe-t) + 102px);flex-wrap:wrap;justify-content:center;gap:3px;max-width:calc(100vw - 214px);padding:3px 5px}.turn-strip span{width:22px;height:22px;font-size:13px}.ff-btn{left:calc(var(--safe-l) + 6px);right:auto;top:calc(var(--safe-t) + 102px);width:96px;padding:0 6px;font-size:.8em}.motes{top:calc(var(--safe-t) + 102px);right:calc(var(--safe-r) + 6px);align-items:flex-start;gap:3px;width:100px;padding:5px 6px;bottom:auto}.motes .orbs{justify-content:flex-start;gap:2px;max-width:84px}.orb{width:12px;height:12px}.orb.spark{width:13px;height:13px}.duel-acts .btn{min-height:44px;font-size:.82em}.nameplate{min-width:64px}.nameplate .np{padding:2px 6px 3px}.skyring{transform-origin:0 0;width:74px;height:74px;margin:0 -21px -21px 0;transform:scale(.72)}body[data-screen=duel] #toast{top:calc(var(--safe-t) + 138px);width:min(300px,92vw)}}@media (width<=380px) and (orientation:portrait){.ff-btn{width:88px}.motes{width:96px}.turn-strip{max-width:calc(100vw - 200px)}.duel-acts{gap:6px}.duel-acts .btn{gap:5px;padding:.2em .45em;font-size:.74em}}@media (width<=600px){#banner{top:27%}body[data-screen=duel] #banner{top:38%}}@media (width<=600px) and (orientation:portrait){.prompt{bottom:calc(var(--safe-b) + 122px)}body:not([data-screen=duel]):has(#banner:not(.hidden)) #toast{top:calc(var(--safe-t) + 64px)}}@media (height<=520px) and (orientation:landscape){.duel-top{top:calc(var(--safe-t) + 4px);border-radius:30px 30px 4px 4px;gap:4px;padding:3px 12px 3px 6px}.skyring{transform-origin:0 0;width:74px;height:74px;margin:0 -22px -22px 0;transform:scale(.7)}.duel-info{font-size:.78em;line-height:1.25}.turn-strip{top:calc(var(--safe-t) + 6px);left:calc(var(--safe-l) + 8px);flex-wrap:wrap;gap:3px;max-width:150px;padding:3px 5px;transform:none}.turn-strip span{width:22px;height:22px;font-size:13px}.ff-btn{top:calc(var(--safe-t) + 6px);right:calc(var(--safe-r) + 8px)}.motes{bottom:calc(var(--safe-b) + 6px);right:calc(var(--safe-r) + 6px);align-items:flex-start;gap:2px;width:118px;padding:4px 6px;top:auto}.motes .orbs{justify-content:flex-start;gap:2px;max-width:104px}.orb{width:12px;height:12px}.orb.spark{width:13px;height:13px}.duel-acts{left:calc(var(--safe-l) + 6px);right:auto;bottom:calc(var(--safe-b) + 6px);flex-flow:column;justify-content:flex-end;gap:4px}.duel-acts .btn{justify-content:center;gap:0;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;font-size:0}.duel-acts .btn svg{width:22px;height:22px}.duel-acts .btn.keep-label{width:auto;padding:0 12px;font-size:12px}.hand{left:calc(var(--safe-l) + 58px);right:calc(var(--safe-r) + 130px);bottom:calc(var(--safe-b) + 8px);gap:6px;padding:0}.hand .card{--w:92px;--ar:1;--dial:24px;--dial-y:44%;--name-min:11px;--ring1:2px;--ring2:3.2px;--card-shadow:0 2px 0 var(--ink-28);width:calc((100vw - var(--safe-l) - var(--safe-r) - 58px - 130px - 36px) / 5);border-radius:36px 36px 5px 5px/26px 26px 5px 5px;min-width:0;height:74px}.hand .card .art{bottom:56%}.hand .card .limb{border-radius:50% 50% 0 0/8px 8px 0 0;top:40%}.hand .card .fx,.hand .card .kind,.hand .card .foot,.hand .card .copies,.hand .card .trial,.hand .card .nums{display:none}.hand .card .body{justify-content:center;inset:58% 4px 2px}.hand .card .name{-webkit-line-clamp:2;line-clamp:2;font-size:11px}.hand .card .cost{left:4%}.hand .card .seal{right:4%}.hand .card:hover{transform:none}.hand .card.sel{transform:translateY(-8px)}.card-detail{left:auto;right:calc(var(--safe-r) + 8px);bottom:calc(var(--safe-b) + 100px);width:min(300px,38vw);max-width:none;font-size:11px;transform:none}.nameplate{min-width:64px}.nameplate .nm{max-width:110px;font-size:11px}.nameplate .np{padding:2px 6px 3px}body[data-screen=duel] #banner{top:36%}body[data-screen=duel] #toast{top:auto;bottom:calc(var(--safe-b) + 98px);width:290px;left:calc(50% - 60px)}.card-detail{width:min(250px,32vw)}}.icon-btn.close-btn{width:38px;height:38px}@media (pointer:coarse),(width<=600px){.btn.small,.tab{min-height:44px}.sw{width:40px;height:40px}.icon-btn.close-btn,.hud-btns .icon-btn{width:44px;height:44px}input[type=range]{min-height:44px}}.deck-split{grid-template-columns:2fr 1fr;align-items:start}@media (width<=700px){.deck-split{grid-template-columns:1fr}.sheet-body{--card-w:136px}}@media (height<=520px) and (orientation:landscape){.deck-split{grid-template-columns:2fr 1fr}.sheet-body{--card-w:130px}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body.reduce *{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}body .bv-overlay{background:var(--scrim);-webkit-backdrop-filter:none;backdrop-filter:none;font-family:var(--text)}body .bv-card{border-radius:var(--r-plate);border:1.5px solid var(--ink);background:var(--paper);color:var(--ink);box-shadow:var(--plate-ring), var(--shadow-soft)}body .bv-card h2{font-family:var(--display);font-weight:700}body .bv-btn{border-radius:var(--r-btn);box-shadow:var(--shadow-hard);font-weight:700}body .bv-primary{background:var(--verdigris);color:var(--white)}body .bv-ghost{border:1.5px solid var(--ink);background:var(--paper);color:var(--ink)}body .bv-field input{background:var(--paper);border:1.5px solid var(--ink);color:var(--ink);border-radius:3px 10px}body .bv-err{background:color-mix(in srgb, var(--ember) 16%, var(--paper));border:1.5px solid var(--ember);color:var(--ink)}body .bv-errlink{color:var(--ink)}body .bv-chip,body .bv-tabs{border-radius:var(--r-chip)}body .bv-tab.bv-on{background:var(--verdigris);color:var(--white)}@media (width<=700px){.creator{height:calc(100vh - var(--safe-t) - var(--safe-b) - 20px);height:calc(100dvh - var(--safe-t) - var(--safe-b) - 20px);max-height:none}.creator .opts{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;min-height:0;max-height:100%}}.coach{pointer-events:auto;touch-action:manipulation}