:root{--cursor:image-set(url(/cursors/cursor.png) 1x, url(/cursors/cursor@2x.png) 2x) 0 0, default;--cursor-pointer:var(--cursor-finger-up);--cursor-finger-up:image-set(url(/cursors/pointer.png) 1x, url(/cursors/pointer@2x.png) 2x) 3 0, pointer;--cursor-click:image-set(url(/cursors/click.png) 1x, url(/cursors/click@2x.png) 2x) 3 3, pointer;--cursor-grab:image-set(url(/cursors/grab.png) 1x, url(/cursors/grab@2x.png) 2x) 3 9, grabbing;--cursor-text:image-set(url(/cursors/text-select.png) 1x, url(/cursors/text-select@2x.png) 2x) 15 24, text;--s:2;--t:2;--dpr:1;--font-game:"FFTA2 Menu", ui-monospace, Consolas, monospace;--font-px:calc(round(var(--t) * var(--dpr) * 1px, 1px) / var(--dpr));--text-size:calc(15 * var(--font-px));--text-line:calc(15 * var(--font-px));--text-size-large:calc(15 * round(1.5 * var(--t) * var(--dpr) * 1px, 1px) / var(--dpr));--bg:#0a1224;--vignette:radial-gradient(circle 75vmin at 50% 50%, transparent 10%, color-mix(in srgb, var(--ink) 2%, transparent) 17.5%, color-mix(in srgb, var(--ink) 6%, transparent) 25%, color-mix(in srgb, var(--ink) 13%, transparent) 32.5%, color-mix(in srgb, var(--ink) 22%, transparent) 40%, color-mix(in srgb, var(--ink) 32%, transparent) 47.5%, color-mix(in srgb, var(--ink) 42%, transparent) 55%, color-mix(in srgb, var(--ink) 53%, transparent) 62.5%, color-mix(in srgb, var(--ink) 63%, transparent) 70%, color-mix(in srgb, var(--ink) 72%, transparent) 77.5%, color-mix(in srgb, var(--ink) 79%, transparent) 85%, color-mix(in srgb, var(--ink) 83%, transparent) 92.5%, color-mix(in srgb, var(--ink) 85%, transparent) 100%);--win-top:#2a4a86;--win-bottom:#101c3e;--win-hi:#3a62a8;--rim:#a9dcff;--row-hover:#5a8fff61;--edge:#eaf6ff;--ink:#040914;--text:#eef4ff;--muted:#8fa6cc;--gold:#ffd23f;--orange:#ff8a1f;--teal-top:#4fe0d6;--teal-bottom:#1692a8;--parchment:#f1e5c3;--parchment-ink:#4a2a18;--hp-top:#9dff8a;--hp-bottom:#22b04a;--mp-top:#9fe3ff;--mp-bottom:#2a7fe0;--ally:#31e0f6;--enemy:#ff5a1f;--shadow:#00000070;--white:#fff;--black:#000;--well:#081026;--field:#050a18;--bg-glow:#16264a;--rim-dim:#6f91c2;--pale:#c8d6ff;--tip-top:#1e3566;--tip-bottom:#0c1630;--orange-top:#ffb347;--red:#c8322a;--red-top:#f06a52;--parchment-hi:#fff8e6;--ally-text:#b9f3ff;--red-text:#ff6352;--green-text:#9dff8a;--violet-text:#c896ff;--blue-text:#6aaeff;--mint-text:#86d39a;--enemy-top:#ff9a5a;--enemy-win-top:#8a2c2c;--enemy-win-bottom:#3a0f14;--enemy-rim:#ffb0a4;--radius-ui:8px;--radius-key:4px;--radius-bar:6px;--radius-pill:999px;animation:2s step-end infinite cursor-press}@keyframes cursor-press{0%{--cursor-pointer:var(--cursor-finger-up)}50%{--cursor-pointer:var(--cursor-click)}to{--cursor-pointer:var(--cursor-click)}}*{box-sizing:border-box}@media (pointer:coarse){html,body{height:100%;position:fixed;inset:0;overflow:hidden}}html,body{overscroll-behavior:none;background:var(--bg);color:var(--text);font-palette:--ink-plain;font:var(--text-size)/1 var(--font-game);font-palette:--ink-plain;font-synthesis:none;margin:0}button{font:inherit}*,:before,:after{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}img,canvas,svg{-webkit-user-drag:none}input,textarea{-webkit-user-select:text;user-select:text}h1,h2,h3{font-size:inherit;font-weight:inherit}.btn-primary,.btn-secondary,.btn-danger{color:var(--white);font-palette:--ink-plain;border:2px solid var(--ink);border-radius:var(--radius-ui);cursor:var(--cursor-pointer);padding:8px 18px}.btn-primary{background:linear-gradient(180deg, var(--orange-top), var(--orange));box-shadow:inset 0 1px 0 color-mix(in srgb, var(--white) 40%, transparent), 0 3px 0 var(--shadow)}.btn-danger{background:linear-gradient(180deg, var(--red-top), var(--red));box-shadow:inset 0 1px 0 color-mix(in srgb, var(--white) 40%, transparent), 0 3px 0 var(--shadow)}.btn-secondary{color:var(--text);font-palette:--ink-plain;background:linear-gradient(180deg, var(--win-hi), var(--win-bottom));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--rim) 33%, transparent), 0 3px 0 var(--shadow)}.btn-ghost{color:var(--text);font-palette:--ink-plain;border-radius:var(--radius-ui);cursor:var(--cursor-pointer);background:0 0;border:0;padding:6px}@media (hover:hover){.btn-primary:hover,.btn-secondary:hover,.btn-danger:hover{filter:brightness(1.1)}.btn-ghost:hover{background:color-mix(in srgb, var(--white) 8%, transparent)}}:is(.btn-primary,.btn-secondary,.btn-danger):disabled{filter:grayscale(.6)brightness(.8);cursor:var(--cursor)}:is(.btn-primary,.btn-secondary,.btn-danger):is(:active,[aria-pressed=true]):not(:disabled){box-shadow:inset 0 2px 0 var(--shadow);filter:brightness(.92);transform:translateY(3px)}button:not(.btn-primary,.btn-secondary,.btn-danger):is(:active,[aria-pressed=true]):not(:disabled){filter:brightness(.8)}canvas.portrait{image-rendering:pixelated;width:calc(var(--w) * var(--s) * 1px);height:calc(var(--h) * var(--s) * 1px);display:block}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}[data-team=enemy]{--win-top:var(--enemy-win-top);--win-bottom:var(--enemy-win-bottom);--rim:var(--enemy-rim)}.win{background:linear-gradient(180deg, var(--win-top), var(--win-bottom));border:2px solid var(--ink);border-radius:var(--radius-ui);box-shadow:inset 0 0 0 1px var(--rim), inset 0 2px 0 1px color-mix(in srgb, var(--white) 13%, transparent), 0 4px 0 var(--shadow)}html,body{height:100%;overflow:hidden}#app{position:absolute;inset:0}#side{display:contents}#head-box.win{z-index:5;background:var(--parchment);color:var(--parchment-ink);font-palette:--ink-parchment;box-shadow:inset 0 0 0 1px var(--parchment-hi), 0 4px 0 var(--shadow);border-left:10px solid var(--red);flex-wrap:wrap;align-items:center;gap:16px;padding:6px 44px 6px 10px;display:flex;position:fixed;top:10px;left:12px;right:12px}#head-box h1{color:var(--red);font-palette:--ink-enemy;margin:0}#objective{color:var(--parchment-ink);font-palette:--ink-parchment;flex-wrap:wrap;gap:14px;font-weight:700;display:flex}#head-box h1{order:0}#objective{order:1}.head-button{margin:auto 0;position:absolute;top:0;bottom:0}:is(.head-button,.clan-settings){place-items:center;width:30px;height:30px;padding:0;display:grid}:is(.head-button,.clan-settings) svg{width:18px;height:18px}a.clan-settings{box-sizing:border-box;text-decoration:none}.head-button.settings-open{right:6px}.forfeit-open{right:42px}#head-box.win:has(.forfeit-open){padding-right:80px}#order-box{z-index:5;background:0 0;border:0;align-items:center;gap:12px;padding:0;display:flex;position:fixed;top:74px;left:50%;transform:translate(-50%)}#order-box h2{display:none}#order{grid-template-columns:repeat(8,96px);gap:8px;width:max-content;padding:4px;display:grid}.chip{contain:layout size;background:linear-gradient(180deg, var(--win-top), var(--win-bottom));border:2px solid var(--ink);border-radius:var(--radius-ui);width:96px;height:102px;box-shadow:inset 0 0 0 1px var(--rim);flex-direction:column;align-items:center;padding:2px 0 0;display:flex;position:relative}.chip span{display:none}.chip.player{box-shadow:inset 0 0 0 1px var(--rim), inset 0 -4px 0 var(--ally)}.chip.enemy{box-shadow:inset 0 0 0 1px var(--rim), inset 0 -4px 0 var(--enemy)}.chip.now{outline:2px solid var(--gold);outline-offset:1px}.chip.leaving{z-index:5;pointer-events:none;margin:0;position:fixed}canvas.icon{image-rendering:pixelated;width:126px;height:144px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#stage{background:radial-gradient(ellipse at 50% 45%, var(--bg-glow) 0, var(--bg) 70%);place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}#stage:after{content:"";z-index:3;pointer-events:none;background:var(--vignette);position:absolute;inset:0}#view{image-rendering:pixelated;cursor:var(--cursor-pointer);display:block}body.no-turns #order-box,body.no-turns #menu{display:none}#banner{z-index:4;pointer-events:none;white-space:nowrap;width:max-content;font-size:var(--text-size-large);color:var(--white);font-palette:--ink-plain;align-items:center;gap:18px;margin:0 auto;padding:5px 18px;display:flex;position:absolute;top:214px;left:0;right:0}#banner:has(#banner-text:empty):not(:has(#turn-clock.on)){display:none}#banner-text{align-items:center;gap:calc(3 * var(--font-px));display:flex}#banner-text:empty{display:none}#turn-clock{align-items:center;gap:calc(3 * var(--font-px));display:none}body.duel #turn-clock.on{display:flex}#turn-seconds{text-align:right;min-width:2ch}#turn-clock.low{color:var(--red-text);font-palette:--ink-red}#overlay{z-index:4;background:color-mix(in srgb, var(--ink) 69%, transparent);place-items:center;display:grid;position:absolute;inset:0}#overlay[hidden]{display:none}.end{text-align:center;background:linear-gradient(180deg, var(--win-top), var(--win-bottom));border:2px solid var(--ink);border-radius:var(--radius-ui);box-shadow:inset 0 0 0 1px var(--rim);padding:24px 40px}.end h2{font-size:calc(2 * var(--text-size));margin:0 0 8px}.end.win h2{color:var(--gold);font-palette:--ink-gold}.end.lose h2{color:var(--enemy);font-palette:--ink-enemy}.end button{margin-top:12px}body.battle-over :is(#hud,#log,#order-box){display:none}body.battle-over #overlay{box-sizing:border-box;grid-template-rows:minmax(0,1fr);padding:72px 16px 16px;overflow:hidden}.end.summary{box-sizing:border-box;flex-direction:column;width:100%;max-width:100%;max-height:100%;padding:18px 24px;display:flex;overflow:hidden}.summary-head,.summary-foot{flex:none}.summary-body{flex:auto;min-height:0;position:relative;overflow:hidden auto}.summary-foot{padding-top:12px}.summary-foot button{margin-top:0}.summary-scroll{overflow:auto hidden}.spoils{text-align:left;margin-top:14px}.spoils .clan-stock{margin-top:4px}.summary-table{border-collapse:separate;border-spacing:0 4px;white-space:nowrap;text-align:left;min-width:100%;margin-top:10px}.summary-table .summary-side{color:var(--text);font-size:inherit;padding:12px 8px 2px}.summary-table th{color:var(--muted);font-palette:--ink-soft;text-align:left;padding:0 16px;font-weight:400}.summary-table tr.unit td{box-sizing:border-box;height:calc(2 * var(--text-size) + 12px);vertical-align:middle;background:color-mix(in srgb, var(--well) 67%, transparent);padding:2px 16px}.summary-table tr.unit td:first-child{border-radius:var(--radius-ui) 0 0 var(--radius-ui);padding:0 2px}.summary-table tr.unit td:last-child{border-radius:0 var(--radius-ui) var(--radius-ui) 0}.summary-table td:nth-child(n+9),.summary-table th:nth-child(n+9){text-align:right}.summary-table canvas.icon{width:calc(36px * var(--s));height:calc(36px * var(--s));image-rendering:pixelated;display:block;position:static;transform:none}.summary-table .bar{gap:6px;width:280px}.summary-table .bar .track{min-width:0}.summary-table .bar>:first-child{display:none}.end.summary{animation:.3s cubic-bezier(.2,1.4,.4,1) summary-open}.end.summary.win h2{text-shadow:0 0 18px color-mix(in srgb, var(--gold) 55%, transparent);animation:1.6s cubic-bezier(.2,1.6,.4,1) summary-title}.summary-table tr.unit td{animation:.4s cubic-bezier(.2,.8,.2,1) backwards summary-row-in;animation-delay:calc(var(--row) * 70ms)}.summary-table .best{text-shadow:1px 0 var(--gold), -1px 0 var(--gold), 0 1px var(--gold), 0 -1px var(--gold)}.summary-table .exp-gain{text-align:left;flex:none;width:6ch}.bar.exp.filling .track{box-shadow:0 2px 0 var(--shadow), 0 0 12px color-mix(in srgb, var(--exp-top) 70%, transparent)}.bar.exp.filling .track i{background-image:linear-gradient(100deg, transparent 35%, color-mix(in srgb, var(--white) 65%, transparent) 50%, transparent 65%), linear-gradient(180deg, var(--orange-top), var(--orange));background-size:250% 100%,auto;animation:.7s linear infinite exp-shine}.bar.exp.level-up .track{animation:.6s ease-out exp-flash}.summary-table td.lv.level-up>*{animation:.6s cubic-bezier(.2,1.8,.4,1) level-pop;display:inline-block}.summary-table tr.unit.level-up td{animation:1.4s ease-out row-glow}@keyframes summary-open{0%{opacity:0;transform:scale(.9)}}@keyframes summary-title{0%{opacity:0;transform:scale(2.2)}30%{opacity:1;transform:scale(.92)}45%{transform:scale(1.06)}60%,to{transform:scale(1)}}@keyframes summary-row-in{0%{opacity:0;transform:translate(-28px)}}@keyframes exp-shine{0%{background-position:175% 0,0 0}to{background-position:-75% 0,0 0}}@keyframes exp-flash{0%{filter:brightness(2.4);box-shadow:0 0 22px var(--exp-top)}to{filter:none}}@keyframes level-pop{0%{transform:scale(1)}35%{transform:scale(1.8)}to{transform:scale(1)}}@keyframes row-glow{0%{background-color:color-mix(in srgb, var(--hp-top) 50%, transparent)}to{background-color:color-mix(in srgb, var(--well) 67%, transparent)}}@media (prefers-reduced-motion:reduce){.end.summary,.end.summary.win h2,.summary-table tr.unit td,.summary-table td.lv.level-up>*,.bar.exp.level-up .track,.bar.exp.filling .track i{animation:none}}#hud{z-index:5;pointer-events:none;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:18px;display:grid;position:fixed;bottom:12px;left:12px;right:12px}#hud>*{pointer-events:auto}#unit-win{grid-column:1}#menu{grid-column:2}#targets{flex-direction:column-reverse;grid-column:3;justify-self:end;gap:10px;display:flex}#unit-win,#targets,.target-entry,.target-entry .unit-win{width:100%;max-width:520px}.target-entry{animation:target-in .22s cubic-bezier(.2, .8, .2, 1) calc(var(--i,0) * .11s) backwards;flex-direction:column;align-items:flex-start;gap:6px;display:flex}@keyframes target-in{0%{opacity:0;transform:translateY(48px)}}.action-bar{flex-direction:column;align-self:end;align-items:center;gap:8px;display:flex}#menu{transition:transform .2s cubic-bezier(.2,.8,.2,1),opacity .2s ease-out}#targets{transition:none}#menu.out,#targets.out{opacity:0;pointer-events:none;transition:transform .14s cubic-bezier(.6,0,.9,.4),opacity .14s ease-in;transform:translateY(calc(100% + 48px))}.action-bar .prompts{order:-1;gap:8px;display:flex}.action-bar .prompt{cursor:var(--cursor-pointer);background:linear-gradient(180deg, var(--win-top), var(--win-bottom));border:2px solid var(--ink);border-radius:var(--radius-ui);box-shadow:inset 0 0 0 1px var(--rim), 0 3px 0 var(--shadow);padding:3px 14px}.action-bar .prompt.active{background:linear-gradient(180deg, var(--orange-top), var(--orange));box-shadow:inset 0 1px 0 color-mix(in srgb, var(--white) 40%, transparent), 0 3px 0 var(--shadow)}.action-bar .slots{border:2px solid var(--ink);border-radius:var(--radius-ui);background:linear-gradient(180deg, color-mix(in srgb, var(--tip-top) 90%, transparent), color-mix(in srgb, var(--tip-bottom) 90%, transparent));box-shadow:inset 0 0 0 1px var(--rim), 0 4px 0 var(--shadow);gap:14px;padding:12px 14px;display:flex}.action-bar .slot-list,.action-bar .slot-commands{gap:inherit;display:flex}.action-bar .slot-separator{background:color-mix(in srgb, var(--pale) 22%, transparent);flex:none;width:1px;margin:4px 0}.slot{background:var(--well);border:2px solid var(--win-top);border-radius:var(--radius-ui);cursor:var(--cursor-pointer);padding:3px;transition:transform 80ms;position:relative}.slot .icon-px{width:64px;height:64px;image-rendering:pixelated;display:block}.slot:focus-visible{border-color:var(--gold);outline:none;transform:translateY(-2px)}@media (hover:hover){.slot:hover:not(:disabled){border-color:var(--gold);outline:none;transform:translateY(-2px)}}.slot:active:not(:disabled){transform:none}.slot.active{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold), 0 0 14px color-mix(in srgb, var(--gold) 53%, transparent)}.slot:disabled{cursor:var(--cursor)}.slot:disabled .icon-px{filter:grayscale()brightness(.55)}.keycap,.slot .cost{vertical-align:middle;background:color-mix(in srgb, var(--ink) 90%, transparent);border:1px solid var(--win-top);border-radius:var(--radius-key);padding:1px 3px;line-height:1;display:inline-block}.slot .key,.slot .cost{pointer-events:none;position:absolute}.action-bar .prompt{align-items:center;gap:8px;display:inline-flex}.slot .key{top:-8px;left:-6px}.slot .cost{bottom:-8px;right:-6px}.tip{z-index:20;white-space:normal;text-align:left;background:color-mix(in srgb, var(--ink) 96%, transparent);border:1px solid var(--rim);border-radius:var(--radius-ui);width:max-content;max-width:calc(100vw - 24px);box-shadow:0 4px 12px color-mix(in srgb, var(--black) 60%, transparent);visibility:hidden;pointer-events:none;flex-direction:column;gap:6px;padding:10px 12px;display:flex;position:absolute}.tip.detailed{width:min(360px,100vw - 24px)}.slot .tip{bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}.slot:focus-visible,.slot.active{z-index:7}@media (hover:hover){.slot:hover{z-index:7}}.slot:focus-visible .tip{visibility:visible}@media (hover:hover){.slot:hover .tip{visibility:visible}}.slot.tip-dismissed .tip{visibility:hidden}.detail-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.detail-name{align-items:center;display:inline-flex}.element-icon{vertical-align:middle;width:16px;height:16px;image-rendering:pixelated;flex:none;margin-left:5px;display:inline-block}.with-element{align-items:center;display:inline-flex}#banner .banner-icon{width:calc(16 * var(--font-px));height:calc(16 * var(--font-px));margin:calc(-8 * var(--font-px)) 0;image-rendering:pixelated}.detail-description,.detail-effects{line-height:calc(18px * var(--t));overflow-wrap:anywhere}.detail-description{color:var(--text);font-palette:--ink-plain}.detail-effects{color:var(--muted);font-palette:--ink-soft;flex-direction:column;gap:2px;display:flex}.action-bar .chosen{display:none}.unit-win{height:calc(74px * var(--s));padding:0 calc(10px * var(--s)) 0 calc(78px * var(--s));align-items:center;display:flex;position:relative}.unit-win .portrait{position:absolute;bottom:0;left:0}.unit-win .body{align-content:center;gap:calc(2px * var(--s)) 10px;flex:1;grid-template-columns:minmax(0,1fr) auto;min-width:0;display:grid}.unit-win .head{display:contents}.unit-win .name{white-space:nowrap;grid-column:1;align-items:center;gap:10px;min-width:0;display:flex;overflow:hidden}.unit-win .statuses{align-items:center;gap:calc(3 * var(--font-px));white-space:nowrap;grid-area:1/2;display:flex}.unit-win .sub{white-space:nowrap;text-overflow:ellipsis;grid-column:1/-1;min-width:0;overflow:hidden}.unit-win .bar{grid-column:1/-1}.unit-win .status-icon{width:calc(16 * var(--font-px));height:calc(16 * var(--font-px));margin:calc(-2 * var(--font-px)) 0}.status-icon{image-rendering:pixelated}.chip-bubble{z-index:1;display:grid;position:absolute;top:-8px;right:-8px}.chip-bubble .status-icon{width:32px;height:32px}.unit-win.target{padding:0 calc(78px * var(--s)) 0 calc(10px * var(--s))}.unit-win.target .portrait{left:auto;right:0;transform:scaleX(-1)}.bar{align-items:center;gap:8px;display:flex}.bar .track{height:calc(12px * var(--t) + 2px);background:var(--field);border:2px solid var(--ink);border-radius:var(--radius-bar);min-width:60px;box-shadow:0 2px 0 var(--shadow);flex:1;position:relative}.bar .track:after{content:"";border-radius:calc(var(--radius-bar) - 2px);box-shadow:inset 0 0 0 1px var(--rim);pointer-events:none;position:absolute;inset:0}.bar .track i{border-radius:calc(var(--radius-bar) - 2px);height:100%;box-shadow:inset 0 2px 0 color-mix(in srgb, var(--white) 44%, transparent);display:block}.bar .value{z-index:1;white-space:nowrap;justify-content:center;align-items:center;display:flex;position:absolute;inset:-3px -2px -1px}.bar.hp .track i{background:linear-gradient(180deg, var(--hp-top), var(--hp-bottom))}.bar.mp .track i{background:linear-gradient(180deg, var(--mp-top), var(--mp-bottom))}.unit-win .lines{position:absolute;bottom:calc(100% + 8px);left:0}.unit-win.open{flex-wrap:wrap;align-items:flex-start;height:auto}@media (min-width:1181px){#hud{grid-template-columns:minmax(360px,1fr) auto minmax(0,1fr)}body:has(#unit-win.open) #log{visibility:hidden}}.unit-win.open .portrait,.unit-win:not(.open) :is(.unit-card,.unit-card-sprite){display:none}.unit-win.open{padding-left:calc(10px * var(--s))}.unit-win.open>.body{min-height:calc(74px * var(--s));flex:1 0 100%;grid-template-columns:auto minmax(0,1fr) auto}.unit-win.open .name{grid-column:1/3}.unit-win.open .statuses{grid-column:3}.unit-win.open :is(.sub,.bar){grid-column:2/-1}.unit-win canvas.unit-card-sprite{aspect-ratio:84/96;background:var(--well);border-radius:var(--radius-ui);width:auto;height:100%;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--rim) 33%, transparent);grid-area:2/1/5;position:static;transform:none}.unit-card{box-sizing:border-box;padding:4px 0 calc(8px * var(--s));flex-direction:column;flex:0 0 100%;gap:8px;display:flex;overflow:hidden}.unit-card-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:2px 14px;display:grid}.unit-card-stats>*{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.unit-card-stats .clan-gear{width:auto}.unit-card .clan-slot{grid-template-columns:9ch auto minmax(0,1fr);grid-template-areas:"label item bonus"}.unit-card-page{flex-direction:column;gap:6px;display:flex}.unit-card-pages{position:relative}.unit-card-pages>.unit-card-page:not(.clan-slots){overscroll-behavior:contain;scrollbar-width:none;position:absolute;inset:0;overflow-y:auto}.unit-card-pages>.unit-card-page::-webkit-scrollbar{display:none}.unit-card-pages>.hidden-page{visibility:hidden}.more-below{pointer-events:none;visibility:hidden;line-height:1;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.more-below.on{visibility:visible}.unit-card .clan-set-list{columns:1}.unit-card :is(.clan-ability,.clan-skill-name,.clan-skill-text){white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.unit-card .clan-ability .with-element{min-width:0}.unit-card .clan-ability .ability-name{text-overflow:ellipsis;min-width:0;overflow:hidden}.unit-card .clan-ability .clan-mp{flex:none}.unit-card .clan-skill{background:0 0;padding:0}.lines{background:linear-gradient(180deg, var(--win-top), var(--win-bottom));border:2px solid var(--ink);border-radius:var(--radius-ui);box-shadow:inset 0 0 0 1px var(--rim), 0 3px 0 var(--shadow);white-space:nowrap;gap:16px;padding:4px 12px;display:flex}.line{align-items:center;gap:6px;display:flex}#soundboard{z-index:50;background:var(--bg);color:var(--text);font-palette:--ink-plain;padding:16px;position:fixed;inset:0;overflow-y:auto}#soundboard h1{color:var(--gold);font-palette:--ink-gold;margin:0 0 12px}.soundboard-bank{margin:0 0 12px}.soundboard-bank summary{cursor:var(--cursor-pointer);margin-bottom:8px}.soundboard-sounds{flex-wrap:wrap;gap:8px;display:flex}#log{--log-gap:calc(round(4px * var(--dpr), 1px) / var(--dpr));--log-shadow:calc(round(1px * var(--dpr), 1px) / var(--dpr));z-index:5;bottom:calc(round((12px + var(--portrait-height) * var(--s) * 1px + 16px) * var(--dpr), 1px) / var(--dpr));box-sizing:border-box;width:min(360px,100vw - 24px);height:180px;text-shadow:0 var(--log-shadow) 0 var(--black), 0 0 4px var(--black);will-change:transform;contain:layout paint;flex-direction:column;margin:0;padding:0 6px 0 0;list-style:none;display:flex;position:fixed;left:12px;overflow:hidden auto}#log li{color:var(--text);font-palette:--ink-plain;line-height:calc(16 * var(--font-px));flex:none}@media (pointer:coarse){#log{pointer-events:none;justify-content:flex-end;overflow:hidden}}#log li:not(.result){margin-top:var(--log-gap)}#log li:first-child{margin-top:auto}#log .result{padding-left:calc(10px * var(--t))}#log .entity.player{color:var(--ally-text);font-palette:--ink-ally}#log .entity.enemy{color:var(--red-text);font-palette:--ink-red}#log .ability,#log .law-object{color:var(--gold);font-palette:--ink-gold}.muted{color:var(--muted);font-palette:--ink-soft;margin:0}.up{color:var(--green-text);font-palette:--ink-green}.down{color:var(--red-text);font-palette:--ink-red}#settings{width:min(540px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--text);font-palette:--ink-plain;background:linear-gradient(180deg, var(--win-top), var(--win-bottom));border:2px solid var(--ink);border-radius:var(--radius-ui);box-shadow:inset 0 0 0 1px var(--rim);padding:0;overflow:hidden}.welcome{width:min(420px,100vw - 32px);color:var(--text);font-palette:--ink-plain;padding:16px 20px}.welcome h2{color:var(--gold);font-palette:--ink-gold;margin:0 0 8px}.welcome p{margin:0;line-height:1.4}.welcome-actions{justify-content:center;margin-top:16px;display:flex}#settings::backdrop{background:color-mix(in srgb, var(--ink) 69%, transparent)}.forfeit::backdrop{background:color-mix(in srgb, var(--ink) 69%, transparent)}.welcome::backdrop{background:color-mix(in srgb, var(--ink) 69%, transparent)}.forfeit{width:min(420px,100vw - 32px);color:var(--text);font-palette:--ink-plain;padding:16px 20px}.forfeit h2{color:var(--gold);font-palette:--ink-gold;margin:0 0 8px}.forfeit p{margin:0}.forfeit-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:16px;display:flex}.save-clan{width:min(460px,100vw - 32px);color:var(--text);font-palette:--ink-plain;padding:16px 20px}.save-clan::backdrop{background:color-mix(in srgb, var(--ink) 69%, transparent)}.save-clan h2{color:var(--gold);font-palette:--ink-gold;margin:0 0 8px}.save-clan p{margin:0 0 4px}.save-clan .save-clan-left{color:var(--muted);font-palette:--ink-soft}.save-clan-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:16px;display:flex}.settings-body{max-height:calc(100dvh - 36px);padding:14px 16px;overflow-y:auto}#settings h2{color:var(--gold);font-palette:--ink-gold;margin:0 0 12px}.setting{cursor:var(--cursor-pointer);align-items:center;gap:12px;display:flex}.setting-text{flex-direction:column;flex:1;gap:2px;display:flex}.setting input[role=switch]{opacity:0;width:1px;height:1px;position:absolute}.switch{background:var(--ink);border:1px solid var(--rim);border-radius:var(--radius-pill);flex:none;width:40px;height:20px;position:relative}.switch:after{content:"";background:var(--muted);border-radius:50%;width:12px;height:12px;position:absolute;top:3px;left:3px}.setting input:checked+.switch:after{background:var(--gold);transform:translate(20px)}.setting input:focus-visible+.switch{outline:2px solid var(--gold);outline-offset:2px}.setting.volume{margin-top:12px}.setting input[type=range]{width:min(220px,50%);accent-color:var(--gold);cursor:var(--cursor-pointer);flex:none;margin:0}.settings-section{border-top:2px solid var(--win-hi);margin-top:20px;padding-top:16px}.settings-heading{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.settings-heading h3{margin:0 0 8px}#controls-reset{padding:2px 6px}.controls-head,.control-row{grid-template-columns:minmax(120px,1fr) minmax(90px,1fr) minmax(90px,1fr);align-items:center;gap:8px;display:grid}.controls-head{color:var(--muted);font-palette:--ink-soft;margin-top:14px;padding:0 4px 5px}.control-row{border-top:2px solid var(--win-hi);padding:6px 4px}.control-bind{min-width:0;color:var(--text);font-palette:--ink-plain;background:var(--ink);border:1px solid var(--rim);border-radius:var(--radius-ui);cursor:var(--cursor-pointer);padding:6px}.control-bind:focus-visible{border-color:var(--gold)}@media (hover:hover){.control-bind:hover{border-color:var(--gold)}}#controls-status{min-height:1.4em;margin-top:10px}.settings-actions{justify-content:flex-end;margin-top:14px;display:flex}#view,#stage{touch-action:none}html,body,#hud,#side,#settings{touch-action:pan-x pan-y}@media (max-width:1180px){:root{--s:1;--t:1.5}}@media (max-width:1180px) and (min-resolution:2.5x){:root{--t:1.6667}}@media (max-width:1180px){#stage:after,#import>.vignette{display:none}#head-box.win{white-space:nowrap;flex-wrap:nowrap;gap:8px;padding:4px 40px 4px 8px;top:6px;left:6px;right:6px;overflow:hidden}#objective{flex-wrap:nowrap;overflow:hidden}#order-box{top:48px;left:6px;transform:none}#order{gap:3px;width:auto;display:flex}.chip{contain:none;width:54px;height:auto;position:static}canvas.icon{width:45px;height:50px;position:static;transform:none}.chip:has(.chip-bubble){position:relative}.chip-bubble{top:0;right:0}.chip-bubble .status-icon{width:20px;height:20px}#order-box{right:6px}#order{scrollbar-width:none;overflow:auto hidden}#order::-webkit-scrollbar{display:none}#banner{font-size:var(--text-size);gap:12px;max-width:calc(100vw - 120px);padding:4px 12px;top:116px;overflow:hidden}#log{--t:1;--font-px:calc(round(var(--t) * var(--dpr) * 1px, 1px) / var(--dpr));--text-size:calc(15 * var(--font-px));--text-line:calc(15 * var(--font-px));bottom:calc(round((var(--hud-height,0px) + 8px) * var(--dpr), 1px) / var(--dpr));width:min(360px,100vw - 12px);height:auto;font-size:var(--text-size);max-height:calc(5 * var(--text-line) + 4 * var(--log-gap));line-height:var(--text-line);left:6px}#hud{left:6px;right:6px;bottom:calc(6px + env(safe-area-inset-bottom));grid-template-columns:1fr 1fr;gap:8px}#unit-win{grid-area:1/1}#targets{grid-area:1/2}#menu{grid-area:2/1/auto/3;min-width:0;max-width:100%}#menu.out{opacity:1;transform:none}#menu.out .prompts{visibility:hidden}.action-bar .slots{gap:6px;max-width:100%;padding:10px}.action-bar .slot-list{overscroll-behavior-x:contain;scrollbar-width:none;touch-action:pan-x;flex:0 auto;min-width:0;margin:-10px 0;padding:10px 8px;overflow:auto hidden}.action-bar .slot-list::-webkit-scrollbar{display:none}.action-bar .slot-commands,.slot{flex:none}.action-bar .prompts{flex-wrap:wrap;justify-content:center;align-items:center}.action-bar .chosen{background:color-mix(in srgb, var(--ink) 90%, transparent);border:1px solid var(--rim);border-radius:var(--radius-ui);flex-direction:column;flex:100%;gap:4px;min-width:0;max-width:440px;padding:7px 10px;display:flex}.slot .icon-px{width:40px;height:40px}.slot .tip,.slot .key,.prompt .keycap{display:none}.end{padding:18px 22px}.end h2{font-size:calc(2 * var(--text-size))}}@media (max-width:1180px) and (orientation:portrait){#hud{grid-template-columns:minmax(0,1fr);gap:6px}#targets{grid-area:1/1}#unit-win{grid-area:2/1}#menu{grid-area:3/1}#unit-win,#targets,.target-entry,.target-entry .unit-win{max-width:none}.unit-win{height:auto;padding-top:8px;padding-bottom:8px}.unit-win .body{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4px 10px}.unit-win .head{grid-column:1/-1;align-items:center;gap:10px;min-width:0;display:flex}.unit-win.open canvas.unit-card-sprite{grid-row:2/4}.unit-win .name{flex:1}.unit-win .sub{flex:none}.unit-win .bar{grid-column:auto}#hud:has(#targets:not(.out)) #unit-win{display:none}.action-bar .prompts{flex-wrap:nowrap;align-items:stretch}.action-bar .chosen{flex:auto;justify-content:center;max-width:none;padding:3px 10px}.action-bar .chosen:not(.open) .detail-description,.action-bar .chosen:not(.open) .detail-effects{display:none}}@media (max-width:1180px) and (orientation:landscape){#unit-win,#targets,.target-entry,.target-entry .unit-win{max-width:250px}.action-bar .slots{padding:6px 8px}.slot .icon-px{width:32px;height:32px}}@font-face{font-family:Import Sans;src:local(Segoe UI),local(SF Pro Text),local(Roboto),local(Helvetica Neue),local(Arial);size-adjust:83%}#import{z-index:50;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font:var(--text-size)/calc(1.4 * var(--text-size)) "Import Sans", sans-serif;font-synthesis:none;background-color:var(--black);color:var(--white);font-palette:--ink-plain;--dress-ms:0s;transition:color var(--dress-ms) ease-in-out;place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow:auto}#import.lettered,#import .glyph.game{font-family:FFTA2 Menu,Import Sans,sans-serif}#import.has-scene{background-color:var(--black)}#import[hidden]{display:none}#import-camera{transform-origin:50%;will-change:transform, filter;pointer-events:none;position:fixed;inset:0}#import-camera .breathe{animation:11s ease-in-out infinite alternate import-breathe;position:absolute;inset:0}@keyframes import-breathe{0%{transform:translate(-5px,3px)scale(1)}to{transform:translate(5px,-4px)scale(1.02)}}#import-scene{opacity:0;image-rendering:pixelated;transition:opacity 2s ease-in;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#import-scene.shown,#import.has-scene>.vignette{opacity:1}#import-dust{opacity:0;width:100%;height:100%;transition:opacity 2.5s ease-in;position:absolute;inset:0}#import.glowing #import-dust{opacity:1}#import>.vignette{pointer-events:none;background:var(--vignette);opacity:0;transition:opacity 2s ease-in;position:fixed;inset:0}#import.payoff>.vignette{opacity:.55;transition:opacity 2.4s ease-out}#import>.letterbox:before,#import>.letterbox:after{content:"";background:var(--black);pointer-events:none;height:0;transition:height 3.2s cubic-bezier(.7,0,.8,.45);position:fixed;left:0;right:0}#import>.letterbox{pointer-events:none;position:fixed;inset:0}#import>.letterbox:before{top:0}#import>.letterbox:after{bottom:0}#import.cinema>.letterbox:before,#import.cinema>.letterbox:after{height:11vh}@media (prefers-reduced-motion:reduce){#import-camera .breathe{animation:none}#import-dust{display:none}}.import-card{box-sizing:border-box;border-radius:var(--radius-ui);width:100%;max-width:640px;transition:background-color var(--dress-ms) ease-in-out, border-color var(--dress-ms) ease-in-out, box-shadow var(--dress-ms) ease-in-out;background-color:#0000;border:2px solid #0000;padding:20px;position:relative}.import-card:before{content:"";border-radius:calc(var(--radius-ui) - 2px);background:linear-gradient(180deg, var(--win-top), var(--win-bottom));box-shadow:inset 0 0 0 1px var(--rim);opacity:0;transition:opacity var(--dress-ms) ease-in-out;position:absolute;inset:0}.import-card>*{position:relative}.import-card h1{font-size:var(--text-size-large);font-weight:400;line-height:calc(1.4 * var(--text-size-large));margin:0 0 8px}.import-card b{font-weight:400}.import-card p{min-height:calc(3 * 1.4 * var(--text-size));margin:0 0 8px}.drop{box-sizing:border-box;border-radius:var(--radius-ui);text-align:center;height:200px;transition:color var(--dress-ms) ease-in-out;align-content:center;place-items:center;gap:10px;margin:14px 0;padding:12px;display:grid}#import:not(.inked),#import:not(.inked) *{cursor:auto}.drop input{display:none}#import:not(.inked) :is(.btn-primary,.btn-secondary){color:buttontext;box-shadow:none;font-palette:--ink-plain;background:buttonface;border-color:buttonborder;border-radius:0}#import-bar{width:100%}#import-bar .track{transition:background-color var(--dress-ms) ease-in-out, border-color var(--dress-ms) ease-in-out}#import-bar .track i{width:0;transition:width .2s linear}#import:not(.dressed) #import-bar .track{box-shadow:none;background-color:#0000;border-color:canvastext;border-radius:0}#import:not(.inked) #import-bar .track:after{display:none}#import:not(.inked) #import-bar .track i{box-shadow:none;background:canvastext;border-radius:0;animation:none}#import-status{min-height:calc(1.4 * var(--text-size))}#import:not(.busy) #import-bar,#import.busy :is(.drop-title,.drop .btn-primary){display:none}#import.busy .drop{pointer-events:none}#import .import-card :is(h1,p,.dev-rom){transition:opacity .35s ease-out}#import.folding .import-card :is(h1,p,.dev-rom){opacity:0}#import.folded .import-card :is(h1,p,.dev-rom){display:none}#import.folded .drop{height:auto;margin:0;padding:0}#import.rolling{place-items:end center;overflow:hidden}#import.ready #import-bar{display:none}#import.ready{cursor:var(--cursor-pointer)}#import-replay{z-index:3;display:none;position:fixed;top:16px;right:16px}#import.ready #import-replay{animation:1s ease-out 4.6s backwards import-prompt;display:block}#import.dressed.ready .import-card{box-shadow:none;background-color:#0000;border-color:#0000;transition:none}#import.dressed.ready .import-card:before{opacity:0;transition:none}#import.ready .press-start-prompt{filter:drop-shadow(0 0 10px color-mix(in srgb, var(--gold) 70%, transparent)) drop-shadow(0 2px 0 var(--black));animation:1s ease-out 4.6s backwards import-prompt,1.2s step-end 5.6s infinite press-start-blink}.import-title{z-index:1;pointer-events:none;line-height:1.1;font-size:var(--text-size-large);color:var(--white);font-palette:--ink-plain;opacity:0;filter:drop-shadow(0 0 14px color-mix(in srgb, var(--ink) 80%, transparent)) drop-shadow(0 2px 0 var(--black));justify-items:center;gap:0;display:grid;position:fixed;top:16vh;left:0;right:0}.import-title-name{font-size:calc(2 * var(--text-size-large))}.import-title-tag{font-size:var(--text-size);vertical-align:super;margin-left:.4em}#import.ready .import-title{animation:1.4s ease-out 2.8s forwards import-title}@keyframes import-title{to{opacity:1}}@keyframes import-prompt{0%{opacity:0}}#import.dressed{color:var(--text)}#import.dressed .import-card{border-color:var(--ink);background-color:#0000}#import.dressed .import-card:before{opacity:1}#import.dressed .import-note,#import.dressed .drop{color:var(--muted)}#import.dressed .drop-title{color:var(--text)}#import.dressed #import-status.error{color:var(--enemy)}#import.inked{font-palette:--ink-plain}#import.inked :is(.import-note,.drop){font-palette:--ink-soft}#import.inked .drop{cursor:var(--cursor-pointer)}#import.inked .drop-title{font-palette:--ink-plain}#import.inked #import-status.error{font-palette:--ink-enemy}@media (prefers-reduced-motion:reduce){#import.dressed{animation:none}}html,label{cursor:var(--cursor)}:is(input[type=text],input[type=email],input[type=password],input[type=search],input[type=url],input[type=number],textarea){cursor:var(--cursor-text);color:var(--text);font-palette:--ink-plain;background:var(--field);border:2px solid var(--ink);border-radius:var(--radius-ui);box-shadow:0 0 0 1px color-mix(in srgb, var(--white) 19%, transparent);font:inherit;outline:none;padding:6px 10px}:is(input[type=text],input[type=email],input[type=password],input[type=search],input[type=url],input[type=number],textarea):focus-visible{border-color:var(--gold)}:-webkit-any(input[type=text],input[type=email],input[type=password],input[type=search],input[type=url],input[type=number],textarea):-webkit-autofill{-webkit-text-fill-color:var(--text);box-shadow:0 0 0 1px color-mix(in srgb, var(--white) 19%, transparent), inset 0 0 0 40px var(--field)}:is(input[type=text],input[type=email],input[type=password],input[type=search],input[type=url],input[type=number],textarea):autofill{-webkit-text-fill-color:var(--text);box-shadow:0 0 0 1px color-mix(in srgb, var(--white) 19%, transparent), inset 0 0 0 40px var(--field)}:is(input[type=text],input[type=email],input[type=password],input[type=search],input[type=url],input[type=number],textarea)::selection{color:var(--text);background:var(--win-hi)}@media not all and (pointer:coarse){:is(input[type=text],input[type=email],input[type=password],input[type=search],input[type=url],input[type=number]){caret-color:#0000}}.caret{z-index:100;width:calc(1px * var(--t));height:calc(12px * var(--t));background:var(--text);box-shadow:0 0 0 calc(1px * var(--t)) var(--ink);pointer-events:none;position:fixed;transform:translateY(-50%)}.caret[hidden]{display:none}.caret.blink{animation:1s step-end infinite caret-blink}@keyframes caret-blink{50%{opacity:0}}.caret-measure{visibility:hidden;white-space:pre;position:fixed;top:0;left:-9999px}button:active:not(:disabled),summary:active,#view:active{cursor:var(--cursor-click)}#view.panning{cursor:var(--cursor-grab)}.thin-scroll{scrollbar-width:none}.thin-scroll::-webkit-scrollbar{display:none}.scroll-thumb{z-index:8;background:color-mix(in srgb, var(--pale) 35%, transparent);opacity:0;border-radius:3px;transition:opacity .25s,background .15s;position:absolute}.scroll-thumb.y{width:6px}.scroll-thumb.x{height:6px}.scroll-thumb.shown,.scroll-thumb.dragging{opacity:1}@media (hover:hover){.scroll-thumb:hover{opacity:1}}.scroll-thumb.dragging{background:color-mix(in srgb, var(--pale) 65%, transparent)}@media (hover:hover){.scroll-thumb:hover{background:color-mix(in srgb, var(--pale) 65%, transparent)}}.scroll-thumb[hidden]{display:none}#clan{background:radial-gradient(ellipse at top, var(--bg-glow), var(--bg) 70%);flex-direction:column;align-items:center;gap:16px;padding:16px;display:flex;position:absolute;inset:0;overflow:auto}#clan,#clan *{touch-action:pan-y}#clan{overscroll-behavior:none}.clan-roster,.clan-sheet,.clan-picker{overscroll-behavior:contain}.clan-top{align-items:center;gap:12px;padding:8px 14px;display:flex}@media (min-width:701px){.clan-top{z-index:5;position:fixed;bottom:16px;right:16px}#clan{overflow:hidden}.clan-banner{flex:none}.clan-body{overscroll-behavior:contain;scrollbar-width:none;flex:auto;min-height:0;padding-bottom:72px;overflow:hidden auto}.clan-body::-webkit-scrollbar{display:none}}.clan-choice{color:var(--text);font-palette:--ink-plain;background:linear-gradient(180deg, var(--win-hi), var(--win-bottom));border:2px solid var(--ink);border-radius:var(--radius-ui);box-shadow:inset 0 0 0 1px var(--rim);cursor:var(--cursor-pointer)}@media (hover:hover){.clan-choice:hover:not(:disabled){filter:brightness(1.15)}}.clan-choice:disabled{opacity:.4;cursor:var(--cursor)}.clan-choice{text-align:left;white-space:nowrap;text-overflow:ellipsis;width:100%;padding:4px 10px;overflow:hidden}.clan-banner{isolation:isolate;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px;width:min(1100px,100%);padding:8px 20px 0;display:grid;position:relative;overflow:hidden}.clan-banner-text{flex-wrap:wrap;align-items:baseline;gap:4px 28px;min-width:0;padding-bottom:10px;display:flex}.clan-banner-name{font-size:var(--text-size-large);color:var(--gold);font-palette:--ink-gold;text-overflow:ellipsis;white-space:nowrap;margin:0;font-weight:400;line-height:1;overflow:hidden}.aura-across{z-index:0;image-rendering:pixelated;pointer-events:none;clip-path:inset(3px 1px 1px round calc(var(--radius-ui) - 3px));position:absolute;top:0;left:0}:has(>.aura-across){isolation:isolate;overflow:hidden}:has(>.aura-across)>:not(.aura-across){z-index:1;position:relative}.clan-banner-stats{flex-wrap:wrap;gap:4px 22px;display:flex}.clan-banner-stat{align-items:baseline;gap:8px;display:flex}.clan-banner-value{color:var(--text);font-palette:--ink-plain}.clan-banner-stat.gil .clan-banner-value{color:var(--gold);font-palette:--ink-gold}.clan-banner-label{color:var(--muted);font-palette:--ink-soft}.clan-banner-lineup{height:calc(36px * var(--s));align-items:flex-end;padding:0 6px;display:flex;position:relative}.clan-banner-member{width:calc(48px * var(--s));height:calc(48px * var(--s));image-rendering:pixelated;margin-left:calc(-14px * var(--s));cursor:var(--cursor-pointer)}.clan-banner-member:first-child{margin-left:0}.clan-body{grid-template-columns:290px minmax(0,1fr);align-items:start;gap:16px;width:min(1100px,100%);display:grid}.clan-roster{flex-direction:column;gap:6px;padding:8px;display:flex;position:sticky;top:0}.clan-card{text-align:left;color:var(--text);font-palette:--ink-plain;background:color-mix(in srgb, var(--well) 67%, transparent);border-radius:var(--radius-ui);cursor:var(--cursor-pointer);border:2px solid #0000;align-items:center;gap:8px;padding:2px 8px 2px 2px;display:flex}@media (hover:hover){.clan-card:hover{background:linear-gradient(var(--row-hover) 0 0), color-mix(in srgb, var(--well) 67%, transparent)}}.clan-card.selected{border-color:var(--gold)}.clan-card-text{white-space:nowrap;text-overflow:ellipsis;flex-direction:column;min-width:0;display:flex;overflow:hidden}.clan-sprite{width:63px;height:72px;image-rendering:pixelated;flex:none;display:block}.clan-sheet{flex-direction:column;gap:12px;min-width:0;padding:12px;display:flex}.clan-sheet-body{display:contents}.clan-head{grid-template-columns:auto minmax(0,1fr) minmax(0,1.4fr);align-items:center;gap:14px;display:grid}.clan-sheet.stock .clan-head{flex-direction:column;align-items:stretch;gap:10px;display:flex}.clan-who{flex-direction:column;gap:2px;min-width:0;display:flex}.clan-who>.bar.exp{width:100%;margin-top:4px}.clan-portrait{width:calc(56px * var(--s));background:color-mix(in srgb, var(--well) 67%, transparent);border-radius:var(--radius-ui);flex:none;height:144px;position:relative;overflow:hidden}.clan-portrait canvas{margin-left:calc(var(--w) * var(--s) * -.5px);left:50%;bottom:calc((32 - var(--eyes)) * var(--s) * 1px);position:absolute}.clan-tabs{border-bottom:2px solid var(--rim);gap:6px;display:flex}.clan-tab{color:var(--muted);font-palette:--ink-soft;cursor:var(--cursor-pointer);background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-2px;padding:4px 14px}@media (hover:hover){.clan-tab:hover{color:var(--text);font-palette:--ink-plain}}.clan-tab.selected{color:var(--text);font-palette:--ink-plain;border-bottom-color:var(--gold)}.clan-page{flex-direction:column;gap:10px;min-height:0;display:flex}.clan-fields{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px 12px;display:grid}.clan-field{flex-direction:column;gap:2px;min-width:0;display:flex}.clan-equipment{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:12px;display:grid}.clan-slots{flex-direction:column;gap:4px;display:flex}.clan-slot{text-align:left;color:var(--text);font-palette:--ink-plain;background:color-mix(in srgb, var(--well) 67%, transparent);border-radius:var(--radius-ui);cursor:var(--cursor-pointer);border:2px solid #0000;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"label bonus""item item";align-items:center;gap:2px 8px;padding:4px 8px;display:grid}.clan-slot>:first-child{grid-area:label}.clan-slot>:nth-child(2){grid-area:item}.clan-slot>:nth-child(3){text-align:right;grid-area:bonus}.clan-slot>*{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}@media (hover:hover){.clan-slot:hover{background:linear-gradient(var(--row-hover) 0 0), color-mix(in srgb, var(--well) 67%, transparent)}}.clan-slot.selected{border-color:var(--gold)}.clan-slot-item{height:calc(16px * var(--t));align-items:center;display:flex}.clan-slot-item .icon-px{flex:none}.clan-items{flex-direction:column;gap:2px;display:flex}.clan-stock-card{padding:8px 10px}.clan-sort{text-align:left;white-space:nowrap;flex:none;min-width:12ch;margin-left:auto}.clan-stock{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:14px;display:grid}.clan-stock-side{flex-direction:column;gap:10px;display:flex}.clan-tiles-groups{flex-direction:column;gap:12px;display:flex}.clan-tiles{grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:6px;margin-top:4px;display:grid}.clan-tile{aspect-ratio:1;color:var(--text);font-palette:--ink-plain;background:color-mix(in srgb, var(--well) 67%, transparent);border-radius:var(--radius-ui);cursor:var(--cursor-pointer);border:2px solid #0000;place-items:center;padding:0;display:grid;position:relative}@media (hover:hover){.clan-tile:hover{background:linear-gradient(var(--row-hover) 0 0), color-mix(in srgb, var(--well) 67%, transparent)}}.clan-tile.selected{border-color:var(--gold)}.clan-tile .icon-px{width:32px;height:32px;image-rendering:pixelated;margin:0}.clan-tile-count{color:var(--muted);font-palette:--ink-soft;line-height:1;position:absolute;bottom:0;right:3px}.clan-tile-worn{color:var(--text);font-palette:--ink-plain;line-height:1;position:absolute;top:2px;left:3px}.clan-showcase{box-sizing:border-box;text-align:left;background:radial-gradient(ellipse 70% 30% at 50% 0%, color-mix(in srgb, var(--q) calc(var(--q-light) * .4), transparent), transparent), color-mix(in srgb, var(--well) 80%, transparent);border:2px solid color-mix(in srgb, var(--q) var(--q-frame), var(--rim));border-radius:var(--radius-ui);flex-direction:column;flex:none;align-items:stretch;padding:10px 12px;display:flex;overflow:hidden}[data-quality]{--q:transparent;--q-light:0%;--q-frame:0%}[data-quality=uncommon]{--q:var(--mint-text)}[data-quality=rare]{--q:var(--blue-text);--q-light:30%;--q-frame:35%}[data-quality=epic]{--q:var(--violet-text);--q-light:30%;--q-frame:55%}[data-quality=legendary]{--q:var(--gold);--q-light:34%;--q-frame:75%}[data-quality=uncommon] .item-name,.item-name[data-quality=uncommon]{color:var(--mint-text);font-palette:--ink-mint}[data-quality=rare] .item-name,.item-name[data-quality=rare]{color:var(--blue-text);font-palette:--ink-blue}[data-quality=epic] .item-name,.item-name[data-quality=epic]{color:var(--violet-text);font-palette:--ink-violet}[data-quality=legendary] .item-name,.item-name[data-quality=legendary]{color:var(--gold);font-palette:--ink-gold}.clan-showcase-head{align-items:center;gap:10px;display:flex}.clan-showcase-title{flex-direction:column;flex:1;min-width:0;display:flex}.clan-showcase-type{justify-content:space-between;gap:10px;display:flex}.clan-showcase-art{isolation:isolate;flex:none;place-items:center;width:160px;height:136px;margin:-45.3333px -53.3333px;display:grid;position:relative;transform:scale(.333333)}.clan-showcase-art .icon-px{z-index:2;width:96px;height:96px;image-rendering:pixelated;margin:0;position:relative}.clan-aura{z-index:1;image-rendering:pixelated;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.clan-star{z-index:3;opacity:0;pointer-events:none;background:var(--white);width:3px;height:3px;box-shadow:3px 0 0 var(--gold), -3px 0 0 var(--gold), 0 3px 0 var(--gold), 0 -3px 0 var(--gold);margin:-1px 0 0 -1px;animation:8s ease-in-out infinite q-twinkle;position:absolute}@keyframes q-twinkle{0%,62%,to{opacity:0}74%{opacity:1}80%{opacity:.85}}.clan-tile:not([data-quality=common]):after{content:"";background:var(--q);clip-path:polygon(0 0,100% 0,100% 100%);border-top-right-radius:var(--radius-ui);width:14px;height:14px;position:absolute;top:-2px;right:-2px}.clan-showcase-text{color:var(--muted);font-palette:--ink-soft;white-space:pre-line}.clan-showcase-section{border-top:1px solid var(--rim);flex-direction:column;gap:2px;margin:8px 0 0;padding-top:8px;display:flex}.clan-grant>.with-element{flex:none}.clan-grant-jobs{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}@media (hover:hover){.clan-grant:not(.clan-effect):hover{background:var(--row-hover)}}.clan-grant{background:color-mix(in srgb, var(--black) 25%, transparent);border-radius:var(--radius-key);justify-content:space-between;align-items:center;gap:12px;padding:2px 8px;display:flex}.clan-equip-list{flex-direction:column;gap:4px;display:flex}.clan-equip-members{gap:6px;display:flex}.clan-equip-member{background:color-mix(in srgb, var(--well) 67%, transparent);border-radius:var(--radius-ui);cursor:var(--cursor-pointer);border:2px solid #0000;flex:1;place-items:center;padding:2px;display:grid}@media (hover:hover){.clan-equip-member:hover:not(:disabled){background:linear-gradient(var(--row-hover) 0 0), color-mix(in srgb, var(--well) 67%, transparent)}}.clan-equip-member:disabled{cursor:var(--cursor)}.clan-equip-member:disabled:not(.wearing) .clan-mini{opacity:.35}.clan-equip-member.wearing{border-color:var(--gold)}.clan-mini{width:42px;height:48px;image-rendering:pixelated}@media (max-width:900px){.clan-stock{grid-template-columns:1fr}}@media (min-width:901px){.clan-body:has(>.clan-sheet.stock){grid-template-rows:minmax(0,1fr)}.clan-sheet.stock{height:100%;overflow:hidden}.clan-sheet.stock .clan-page{flex:auto;min-height:0}.clan-sheet.stock .clan-stock{height:100%}.clan-sheet.stock .clan-tiles-groups,.clan-sheet.stock .clan-stock-side{overscroll-behavior:contain;scrollbar-width:none;height:100%;min-height:0;overflow:hidden auto}.clan-sheet.stock .clan-stock-side::-webkit-scrollbar{display:none}.clan-sheet.stock .clan-stock-side>*{flex:none}.clan-sheet.stock .clan-equip-list{margin-top:auto}.clan-sheet.stock .clan-tiles-groups::-webkit-scrollbar{display:none}}.clan-note{margin-left:calc(8px * var(--t));color:var(--muted);font-palette:--ink-soft}:is(.clan-choice,.clan-picker button,.clan-slot) .icon-px{width:calc(16px * var(--t));height:calc(16px * var(--t));margin-right:calc(4px * var(--t));vertical-align:middle;image-rendering:pixelated}.clan-name{color:var(--text);font-palette:--ink-plain}.clan-stats{grid-template-columns:1fr auto 1fr auto;gap:2px 10px;margin:0;display:grid}.clan-stats dt{color:var(--muted);font-palette:--ink-soft}.clan-stats dd{text-align:right;white-space:nowrap;margin:0}.clan-gear{text-align:left;width:4ch;color:var(--muted);font-palette:--ink-soft;margin-left:4px;display:inline-block}.clan-stats .short{display:none}.clan-label{color:var(--muted);font-palette:--ink-soft}.clan-skill{background:color-mix(in srgb, var(--well) 67%, transparent);border-radius:var(--radius-ui);padding:6px 8px}.clan-skill-name{color:var(--muted);font-palette:--ink-soft}.clan-skill-text{color:var(--muted);font-palette:--ink-soft;white-space:normal}.clan-ability{color:var(--text);font-palette:--ink-plain;border-radius:var(--radius-ui);justify-content:space-between;gap:12px;padding:2px 4px;display:flex;position:relative}@media (hover:hover){.clan-ability:hover{background:var(--row-hover)}}.clan-ability .icon-px{width:calc(16px * var(--t));height:calc(16px * var(--t));margin:calc(-8px * var(--t)) 0 calc(-8px * var(--t)) 5px;image-rendering:pixelated;flex:none}.clan-ability .clan-mp{color:var(--muted);font-palette:--ink-soft;white-space:nowrap}.clan-ability.missing>*{opacity:.4}:is(#clan,.spoils) .tip{position:fixed}@media (hover:hover){:is(.clan-ability,.clan-grant,.clan-equip-member,.clan-tile):hover .tip{visibility:visible}}.clan-explain{display:none}.clan-set-list{columns:2 220px;column-gap:16px;margin:0 -4px;position:relative}.clan-picker{z-index:31;flex-direction:column;min-width:200px;max-height:50vh;padding:4px;display:flex;position:absolute;overflow-y:auto}.clan-picker button{text-align:left;color:var(--text);font-palette:--ink-plain;border-radius:var(--radius-key);cursor:var(--cursor-pointer);white-space:nowrap;background:0 0;border:0;padding:4px 10px}@media (hover:hover){.clan-picker button:hover:not(:disabled){background:var(--row-hover)}}.clan-picker button.chosen{color:var(--gold);font-palette:--ink-gold}.clan-picker button:disabled{opacity:.4;cursor:var(--cursor)}@media (max-width:900px){.clan-head{grid-template-columns:auto minmax(0,1fr)}.clan-head>.clan-stats{grid-column:1/-1}.clan-equipment{grid-template-columns:1fr}}.clan-crumbs,.clan-dock:empty{display:none}@media (max-width:700px){#clan{align-items:stretch;gap:0;height:100dvh;padding:0;overflow:hidden}#clan :is(.clan-roster,.clan-sheet,.clan-top){box-shadow:none;border:0;border-radius:0}.clan-player{padding:calc(6px + env(safe-area-inset-top)) 10px 4px}#clan:not(.sheet-open) .clan-roster{padding-top:4px}.clan-top{padding:10px 10px calc(10px + env(safe-area-inset-bottom));flex-wrap:wrap;gap:8px;border-top:2px solid var(--rim)!important}.clan-play{flex:1}.clan-body{flex-direction:column;flex:1;align-items:stretch;gap:0;width:100%;min-height:0;display:flex}.clan-roster{flex:1;gap:0;min-height:0;padding:0;position:static;overflow-y:auto}.clan-card{border:0;border-bottom:1px solid color-mix(in srgb, var(--rim) 30%, transparent);background:0 0;border-radius:0;padding:6px 14px 6px 8px}.clan-card.selected{border-color:color-mix(in srgb, var(--rim) 30%, transparent)}.clan-stock-card{padding:16px 14px}.clan-skill{background:0 0;border-radius:0;padding:0}.clan-showcase{padding:12px 10px 14px}#clan.sheet-open .clan-roster,#clan:not(.sheet-open) .clan-sheet{display:none}.clan-top{order:1}#clan.sheet-open :is(.clan-top,.clan-player,.clan-banner){display:none}.clan-banner{border-radius:0;flex:none;grid-template-columns:minmax(0,1fr);gap:4px;padding:12px 14px 0}.clan-banner-text{padding-bottom:4px}.clan-banner-name{font-size:var(--text-size-large)}.clan-banner-stats{gap:4px 18px;margin-top:4px}.clan-banner-value{font-size:var(--text-size)}.clan-banner-lineup{justify-content:center}.clan-crumbs{white-space:nowrap;z-index:2;min-width:0;padding:calc(6px + env(safe-area-inset-top)) 10px 6px;background:var(--win-top);border-bottom:2px solid var(--rim);align-items:center;gap:6px;margin:-8px -10px 0;display:flex;position:sticky;top:-8px}.clan-crumb{color:var(--text);font-palette:--ink-plain;padding:2px 4px}.clan-crumb-here{text-overflow:ellipsis;color:var(--gold);font-palette:--ink-gold;overflow:hidden}.clan-crumbs-clip{--back:calc(7 * var(--font-px));--shift:calc(var(--back) + 2px);flex:1;min-width:0;overflow:hidden}.clan-crumbs-track{width:calc(100% + var(--shift));transform:translateX(calc(-1 * var(--shift)));align-items:center;gap:6px;animation:13s ease-in-out infinite clan-crumbs-hint;display:flex}.clan-crumbs-track>*{flex:none}.clan-crumbs-track>.clan-crumb-here{flex:0 auto;min-width:0}.clan-crumb-back{width:var(--back);text-align:left;margin-right:-4px;padding:2px 0}@keyframes clan-crumbs-hint{0%,76.9%{transform:translateX(calc(-1 * var(--shift)))}78.8%,97.7%{transform:none}to{transform:translateX(calc(-1 * var(--shift)))}}@media (prefers-reduced-motion:reduce){.clan-crumbs-track{animation:none;transform:none}}.clan-sheet{flex:1;gap:8px;min-height:0;padding:8px 10px 10px;position:relative;overflow:hidden}.clan-sheet-body{overscroll-behavior:contain;flex-direction:column;flex:auto;gap:8px;min-height:0;margin:0 -10px;padding:0 10px 10px;display:flex;overflow-y:auto}.clan-sheet>:not(.clan-sheet-body),.clan-sheet-body>*{flex:none}.clan-head{grid-template-columns:100px minmax(0,1fr);align-items:start;gap:6px 10px}.clan-portrait{--s:2;grid-row:1/span 2;align-self:stretch;width:100px;height:auto;min-height:120px}.clan-portrait canvas{bottom:0}.clan-who{grid-template-columns:auto auto minmax(0,1fr);align-items:baseline;gap:2px 8px;display:grid}.clan-who>div{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.clan-who>.bar.exp{grid-column:1/-1;margin-top:2px}.clan-head>.clan-stats{grid-column:2;grid-template-columns:repeat(2,auto minmax(0,1fr));gap:0 8px}.clan-stats .long{display:none}.clan-gear{width:3.5ch;margin-left:3px}.clan-showcase{height:auto}.clan-stats .short{display:inline}.clan-stats dd{text-align:left}.clan-tabs:empty,.clan-sheet.stock .clan-head{display:none}.clan-tab{flex:1;padding:6px 0}.clan-dock{z-index:2;padding-bottom:env(safe-area-inset-bottom);background:var(--win-bottom);border-top:2px solid var(--rim);box-shadow:0 -6px 12px color-mix(in srgb, var(--black) 35%, transparent);flex-direction:column;margin:0 -10px -10px;display:flex;position:relative}.clan-dock:empty{display:none}.clan-dock .clan-tabs{scrollbar-width:none;border-bottom:0;margin:0;padding:0;overflow-x:auto}#clan .clan-dock .clan-tabs,#clan .clan-dock .clan-tabs *{touch-action:pan-x}.clan-dock .clan-tab{border-top:2px solid #0000;border-bottom:0;flex:1 0 auto;min-height:52px;margin:-2px 0 0;padding:6px 10px}.clan-dock .clan-tab.selected{border-top-color:var(--gold)}.clan-dock .clan-equip-list{padding:8px 10px 12px}.clan-dock .clan-equip-member{min-height:56px}.clan-ability{cursor:var(--cursor-pointer)}.clan-ability.selected{background:var(--row-hover)}.clan-explain{box-sizing:content-box;height:calc(3 * 18px * var(--t) + 8px);border-bottom:2px solid var(--rim);flex:none;padding:6px 10px 8px;display:block;overflow:hidden}.clan-explain .detail-effects{white-space:nowrap;flex-direction:row;order:1;gap:12px;overflow:hidden}.clan-explain .detail-description{white-space:nowrap;text-overflow:ellipsis;color:var(--muted);font-palette:--ink-soft;order:2;overflow:hidden}.clan-equipment .clan-items{display:none}.clan-shade{z-index:30;background:color-mix(in srgb, var(--ink) 60%, transparent);position:fixed;inset:0}.clan-drawer{z-index:31;border-radius:var(--radius-ui) var(--radius-ui) 0 0;flex-direction:column;gap:8px;max-height:62dvh;padding:10px 12px 16px;display:flex;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}.clan-drawer .clan-items{display:flex}.clan-drawer .clan-items>.clan-skill-name{display:none}.clan-drawer-head{justify-content:space-between;align-items:center;display:flex}.clan-picker.bottom{border-radius:var(--radius-ui) var(--radius-ui) 0 0;min-width:0;max-width:none;max-height:62dvh;padding:8px 8px 16px;position:fixed;inset:auto 0 0}.clan-picker.bottom button{min-height:48px;padding:8px 14px}.clan-explain .details{flex-direction:column;gap:2px;display:flex}.clan-tiles{grid-template-columns:repeat(auto-fill,minmax(48px,1fr))}.clan-fields{grid-template-columns:1fr}.clan-field .clan-choice{min-height:40px}.clan-set-list{columns:1}.clan-picker{max-width:calc(100vw - 16px)}}.bar.exp .track i{background:linear-gradient(180deg, var(--orange-top), var(--orange))}body.loading #hud,body.loading #head-box,body.loading #order-box,body.loading #log,body.loading #banner{visibility:hidden}body.loading #stage:after{content:"Loading";color:var(--text);font-palette:--ink-plain;opacity:.6;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}body.loading #stage:has(>#overlay:not([hidden])):after{content:none}:root:not(.game-font) body.loading #stage:after{content:none}.press-start-prompt{font-size:var(--text-size-large);color:var(--gold);font-palette:--ink-gold;animation:1.2s step-end infinite press-start-blink}@keyframes press-start-blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.press-start-prompt{animation:none}}#login{z-index:40;background:radial-gradient(ellipse at top, var(--bg-glow), var(--bg) 70%);align-content:center;place-items:center;gap:12px;padding:16px;display:grid;position:fixed;inset:0}.login-box{flex-direction:column;gap:10px;width:min(360px,100%);padding:18px 20px;display:flex}.login-box h2{text-align:center;margin:0 0 4px}.login-box label{flex-direction:column;gap:4px;display:flex}.login-box label[hidden]{display:none}.login-problem{min-height:1em;color:var(--enemy);font-palette:--ink-enemy;margin:0}.login-problem.waiting{color:var(--text);font-palette:--ink-plain}.clan-player{align-self:flex-end;align-items:center;gap:10px;display:flex}#chat{z-index:4;--chat-panel:color-mix(in srgb, var(--well) 60%, var(--win-bottom));flex-direction:column;width:max(33vw,320px);padding:0;display:flex;position:fixed;bottom:10px;left:50%;overflow:hidden;transform:translate(-50%)}.chat-head{align-items:flex-end;gap:2px;margin:0 8px;padding:6px 0 0;display:flex}.chat-tab{z-index:1;color:var(--muted);font-palette:--ink-soft;border-radius:var(--radius-ui) var(--radius-ui) 0 0;font:inherit;cursor:var(--cursor-pointer);background:0 0;border:2px solid #0000;border-bottom:0;margin-bottom:-2px;padding:3px 12px;position:relative}.chat-tab.selected{color:var(--text);font-palette:--ink-plain;background:var(--chat-panel);border-color:var(--win-hi);padding-bottom:5px}.chat-tab.unread{color:var(--gold);font-palette:--ink-gold}.chat-tab[hidden]{display:none}.chat-minimize{width:calc(13px * var(--t));height:calc(13px * var(--t));padding:0 0 calc(2px * var(--t));background:var(--chat-panel);border:2px solid var(--win-hi);border-radius:var(--radius-key);font:inherit;font-palette:--ink-plain;line-height:calc(7px * var(--t));cursor:var(--cursor-pointer);flex:none;align-self:center;place-items:center;margin-left:auto;display:grid}.chat-latest{display:none}.chat-latest.empty{color:var(--muted);font-palette:--ink-soft}body:not(.loading) .chat-minimize{display:none}.chat-find-duel{color:var(--text);font-palette:--ink-plain;background:var(--chat-panel);border:2px solid var(--win-hi);border-radius:var(--radius-key);font:inherit;line-height:calc(13px * var(--t));cursor:var(--cursor-pointer);flex:none;align-self:center;margin-left:auto;padding:0 8px}.chat-find-duel+.chat-minimize{margin-left:6px}body:not(.loading) .chat-find-duel{display:none}@media (hover:hover){.chat-find-duel:hover,.chat-duel:hover:not([aria-disabled=true]){filter:brightness(1.2)}}.chat-duel{color:var(--text);font-palette:--ink-plain;background:linear-gradient(180deg, var(--win-hi), var(--win-bottom));border:2px solid var(--ink);box-shadow:inset 0 0 0 1px var(--rim);border-radius:var(--radius-key);font:inherit;line-height:calc(13px * var(--t));vertical-align:middle;cursor:var(--cursor-pointer);padding:0 8px}#chat .chat-duel[aria-disabled=true]{cursor:var(--cursor)}#chat .chat-duel[aria-disabled=true]:active{filter:none}#chat .chat-duel.expired,#chat .chat-duel.expired:active{color:var(--muted);font-palette:--ink-soft;filter:grayscale()brightness(.7)}.duel-tip{z-index:30;pointer-events:none;white-space:nowrap;flex-direction:column;gap:0;padding:4px 8px 0;display:flex;position:fixed}.duel-tip-name{color:var(--gold);font-palette:--ink-gold}.duel-tip-head{gap:10px;display:flex}.duel-tip-stat{gap:4px;display:flex}.duel-tip-value{color:var(--text);font-palette:--ink-plain}.duel-tip-label{color:var(--muted);font-palette:--ink-soft}.duel-tip-lineup{display:flex}.duel-tip-sprite{width:calc(48px * var(--s));height:calc(48px * var(--s));image-rendering:pixelated;margin-left:calc(-20px * var(--s));flex:none}.duel-tip-sprite:first-child{margin-left:0}body.loading #chat.minimized .chat-head{line-height:var(--text-line);background:var(--chat-panel);border:2px solid var(--win-hi);border-radius:var(--radius-ui);align-items:center;margin:8px;padding:4px 4px 4px 10px}body.loading #chat.minimized :is(.chat-tab,.chat-lines,.chat-say,.scroll-thumb){display:none}body.loading #chat.minimized .chat-latest{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;display:block;overflow:hidden}.chat-lines{--chat-line:var(--text-line);height:calc(6 * var(--chat-line) + 8px + 6px + 4px);touch-action:pan-y;line-height:var(--chat-line);overflow-wrap:anywhere;background:var(--chat-panel);border:2px solid var(--win-hi);border-radius:0 var(--radius-ui) var(--radius-ui) var(--radius-ui);flex-direction:column;margin:0 8px;padding:0 10px 6px;display:flex;overflow:hidden auto}.chat-lines[hidden]{display:none}.chat-lines>:first-child{margin-top:auto}.chat-lines:before{content:"";z-index:1;background:var(--chat-panel);flex:none;height:8px;margin:0 -10px;position:sticky;top:0}.chat-from{color:var(--pale);font-palette:--ink-plain}.chat-from.admin{color:var(--gold);font-palette:--ink-gold}.chat-time{color:var(--muted);font-palette:--ink-soft}.chat-problem{color:var(--enemy);font-palette:--ink-enemy}.chat-say{align-items:center;gap:6px;margin:0 8px;padding:6px 0 8px;display:flex}.chat-say input{flex:1;min-width:0;padding:2px 6px}.chat-say input:focus-visible{border-color:var(--ink)}body:not(.loading) #chat{bottom:calc(var(--hud-height,0px) + 22px)}.chat-lines>*{transition:opacity .4s}body:not(.loading) #chat:not(.open){box-shadow:none;pointer-events:none;background:0 0;border-color:#0000}body:not(.loading) #chat:not(.open) :is(.chat-head,.chat-say){visibility:hidden}body:not(.loading) #chat:not(.open) .chat-lines{text-shadow:0 1px 0 var(--black), 0 0 4px var(--black);background:0 0;border-color:#0000}body:not(.loading) #chat:not(.open) .chat-lines:before{background:0 0}body:not(.loading) #chat:not(.open) .chat-lines{clip-path:inset(10px 0 0)}body:not(.loading) #chat:not(.open) .chat-lines>:not(.fresh){opacity:0}body:not(.loading) #chat:not(.open) .scroll-thumb,.clan-chat{display:none}@media (max-width:700px){.clan-chat{flex:none;display:block}body.loading #chat:not(.phone-open){display:none}body.loading #chat{top:env(safe-area-inset-top);bottom:var(--clan-bar-height,0px);box-sizing:border-box;border-radius:0;width:100%;left:0;transform:none}body.loading #chat .chat-minimize{display:none}body.loading #chat .chat-lines{overscroll-behavior:contain;flex:1;height:auto;min-height:0}body.loading #chat .chat-head{min-width:0;overflow:hidden}}@media (pointer:coarse){body:not(.loading) #chat{display:none}}