:root{--ground: #14110d;--panel: #221c14;--line: #4b3a22;--line-2: #8a6a3a;--gold: #d9a441;--gold-2: #f0c96a;--ink: #e9dcc2;--muted: #9a8a70;--display: "Silkscreen", "Courier New", monospace;--body: "Source Sans 3", "Helvetica Neue", Arial, sans-serif;--frame: #5a4426;--deep: #0c0a07;--danger: #d0402a;--danger-ink: #ffb2a6;--ok: #5cb648}html,body{margin:0;height:100%;background:var(--ground);color:var(--ink);font-family:var(--body)}#app{height:100%}*,*:before,*:after{box-sizing:border-box}button{font:inherit;color:inherit}[hidden]{display:none!important}.icon{image-rendering:pixelated;image-rendering:crisp-edges;display:block}.panel{background:linear-gradient(#2a2217,var(--panel));border:2px solid var(--frame);box-shadow:inset 0 0 0 1px var(--line-2),0 8px 24px #0000008c}.btn{font-family:var(--display);font-size:12px;letter-spacing:.04em;text-transform:uppercase;padding:10px 18px;cursor:pointer;background:linear-gradient(#2e2519,#1e1810);color:var(--ink);border:1px solid var(--line-2);box-shadow:inset 0 0 0 1px var(--deep),0 2px 0 var(--deep)}.btn:hover{border-color:var(--gold);color:var(--gold-2)}.btn:active{transform:translateY(1px);box-shadow:inset 0 0 0 1px var(--deep)}.btn:focus-visible{outline:2px solid var(--gold-2);outline-offset:2px}.btn.primary{background:linear-gradient(var(--gold-2),var(--gold));color:#1a1208;border-color:var(--gold-2)}.btn.primary:hover{background:var(--gold-2);color:#1a1208}.btn.danger:hover{border-color:var(--danger);color:var(--danger-ink)}.btn.small{padding:5px 12px;font-size:10px}.btn:disabled{opacity:.5;cursor:default}.start{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;padding:40px 20px 48px;background:radial-gradient(ellipse at 50% 0%,#2c2318 0%,var(--ground) 62%)}.start-head{text-align:center}.start-title{font-family:var(--display);font-size:clamp(36px,6vw,64px);letter-spacing:.04em;margin:0;color:var(--gold-2);text-shadow:0 3px 0 #3a2a10,0 8px 22px rgba(0,0,0,.6)}.start-sub{font-family:var(--display);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:10px 0 0}.saves{width:100%;max-width:640px;display:flex;flex-direction:column;gap:8px}.saves-title{font-family:var(--display);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin:0 0 2px;text-align:center}.save-list{display:flex;flex-direction:column;gap:6px}.save{display:flex;align-items:stretch;gap:8px;padding:2px 8px 2px 0;background:linear-gradient(#2a2217,var(--panel));border:1px solid var(--line);border-left:4px solid var(--team)}.save:hover{border-color:var(--line-2);border-left-color:var(--team)}.save-latest{border-color:var(--line-2);box-shadow:inset 0 0 0 1px #d9a44140}.save-main{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;background:none;border:0;cursor:pointer;text-align:left}.save-main:hover .save-name{color:var(--gold-2)}.save-main:focus-visible{outline:2px solid var(--gold-2);outline-offset:-2px}.save-name{font-family:var(--display);font-size:13px;color:var(--gold)}.save-meta{font-size:12px;color:var(--muted)}.save-tag{position:absolute;right:0;top:0;font-family:var(--display);font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:#1a1208;background:var(--gold);padding:2px 6px}.save-latest .save-main{position:relative;padding-right:78px}.save-rename{font-family:var(--display);font-size:13px;color:var(--gold-2);background:var(--deep);border:1px solid var(--line-2);padding:2px 4px;width:15em;max-width:100%}.save-rename:focus{outline:none;border-color:var(--gold)}.save-acts{display:flex;align-items:center;gap:6px}.save-acts .btn{opacity:.55}.save:hover .save-acts .btn,.save-acts .btn:focus-visible{opacity:1}.start-note{color:var(--gold-2);font-size:13px;text-align:center;margin:0}.clans{display:grid;grid-template-columns:repeat(3,minmax(230px,290px));gap:20px;width:100%;max-width:960px;justify-content:center}@media(max-width:820px){.clans{grid-template-columns:minmax(230px,340px)}}.clan{padding:18px 18px 16px;display:flex;flex-direction:column;gap:12px;position:relative;transition:transform .12s ease,box-shadow .12s ease}.clan:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--team)}.clan:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px var(--gold),0 12px 28px #0009}.clan-head{display:flex;align-items:baseline;justify-content:space-between}.clan-name{font-family:var(--display);font-size:17px;color:var(--gold-2);margin:4px 0 0}.swatches{display:flex;gap:4px}.swatch{flex:1;height:14px;border:1px solid var(--deep);box-shadow:inset 0 0 0 1px #ffffff1a}.clan-flavor{margin:0;font-size:15px;line-height:1.45;min-height:2.9em}.clan-stats{margin:0;display:grid;grid-template-columns:auto 1fr;gap:3px 10px;font-size:13px;color:var(--muted);border-top:1px solid var(--line);padding-top:10px}.clan-stats dt{font-family:var(--display);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);align-self:center}.clan-stats dd{margin:0}.clan .btn{margin-top:6px}.start-foot{color:var(--muted);font-size:13px;text-align:center;max-width:62ch;margin:0;line-height:1.5}.game{position:fixed;inset:0;overflow:hidden;background:var(--deep);user-select:none;-webkit-user-select:none}.game-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;image-rendering:pixelated;image-rendering:crisp-edges;cursor:default}.game-canvas[data-mode=attackMove]{cursor:crosshair}.game-canvas[data-mode=place]{cursor:cell}.game-canvas[data-mode=road]{cursor:crosshair}.game-canvas[data-mode=post]{cursor:cell}.res{display:flex;align-items:center;gap:8px;min-width:76px;font-variant-numeric:tabular-nums}.res.low .val{color:var(--danger-ink)}.res-fallback{display:inline-block;line-height:1;padding:2px 4px;font-family:var(--display);font-size:9px;color:var(--gold-2);background:var(--deep);border:1px solid var(--line-2)}.hud-net{color:var(--muted);font-size:11px;letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:0 1 auto;min-width:0}@media(max-width:1100px){.hud-net{display:none}}.log{position:absolute;top:50px;left:50%;transform:translate(-50%);z-index:4;display:flex;flex-direction:column;align-items:center;gap:4px;width:min(90vw,680px);pointer-events:none}.msg{background:#14110ddb;border:1px solid var(--line);padding:4px 12px;font-size:14px;color:var(--ink);text-align:center;transition:opacity 1.1s ease;box-shadow:0 2px 8px #0006}.msg.warn{color:var(--danger-ink);border-color:#7a3a2a}.msg.fade{opacity:0}.alarmbar{position:absolute;top:46px;left:50%;transform:translate(-50%);z-index:6;display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:none}.game.alarmed .log{top:100px}.alarm{pointer-events:auto;cursor:pointer;display:flex;align-items:center;gap:10px;padding:5px 12px;font-family:var(--display);font-size:12px;letter-spacing:.03em;color:var(--danger-ink);background:#3a0e08eb;border:1px solid var(--danger);box-shadow:0 0 0 1px #0009,0 3px 14px #00000080;animation:alarmpulse 1.1s ease-in-out infinite}.alarm:hover{color:#fff;border-color:#ff7a63}@keyframes alarmpulse{0%,to{box-shadow:0 0 0 1px #0009,0 3px 14px #00000080}50%{box-shadow:0 0 0 1px #0009,0 0 18px #d0402ad9}}.alarm-mark{width:9px;height:9px;flex:none;background:var(--danger);box-shadow:0 0 6px var(--danger);animation:alarmlamp .55s steps(1,end) infinite}@keyframes alarmlamp{0%,49%{opacity:1}50%,to{opacity:.25}}.alarm-where{color:var(--gold-2);font-variant-numeric:tabular-nums}.alarm-key{font-size:9px;color:#1a1208;background:var(--danger-ink);padding:1px 5px;line-height:1.4}.alarm-edges{position:absolute;inset:0;z-index:7;pointer-events:none}.alarm-edge{position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:center;gap:2px;pointer-events:auto;cursor:pointer;animation:alarmfade 1.1s ease-in-out infinite}@keyframes alarmfade{0%,to{opacity:.55}50%{opacity:1}}.alarm-dir{display:block;width:22px;height:22px;filter:drop-shadow(0 0 4px rgba(0,0,0,.8))}.alarm-arrow{display:block;width:14px;height:22px;margin:0 auto;background:var(--danger);clip-path:polygon(50% 0,100% 100%,50% 74%,0 100%)}.alarm-dist{font-family:var(--display);font-size:10px;color:var(--danger-ink);background:#140a08cc;padding:0 4px;font-variant-numeric:tabular-nums}.minimap{position:absolute;left:12px;bottom:12px;z-index:5;padding:4px}.minimap-canvas{display:block;width:160px;height:160px;image-rendering:pixelated;cursor:pointer;background:var(--deep)}.minimap.flash{animation:mmflash 1s ease-out}.minimap.flash.calm{animation-name:mmcalm}@keyframes mmcalm{0%,55%{border-color:var(--ok);box-shadow:inset 0 0 0 1px var(--ok),0 0 18px var(--ok)}to{border-color:var(--frame);box-shadow:inset 0 0 0 1px var(--line-2),0 8px 24px #0000008c}}@keyframes mmflash{0%,55%{border-color:var(--danger);box-shadow:inset 0 0 0 1px var(--danger),0 0 22px var(--danger)}to{border-color:var(--frame);box-shadow:inset 0 0 0 1px var(--line-2),0 8px 24px #0000008c}}.selpanel{position:absolute;left:50%;bottom:12px;transform:translate(-50%);z-index:5;padding:10px 14px;max-width:min(820px,calc(100vw - 24px))}.sel{display:flex;gap:16px;align-items:stretch}.portrait{width:64px;height:64px;flex:none;display:grid;place-items:center;background:var(--deep);border:1px solid var(--line-2)}.info{display:flex;flex-direction:column;gap:4px;min-width:150px;max-width:220px;font-size:13px}.name{font-family:var(--display);font-size:12px;color:var(--gold-2);display:flex;align-items:center;gap:8px}.hpbar{height:8px;background:var(--deep);border:1px solid var(--line);position:relative;overflow:hidden}.hpbar .fill{height:100%;width:0;background:var(--ok);transition:width .15s linear}.hpbar.mid .fill{background:var(--gold)}.hpbar.low .fill{background:var(--danger)}.hpbar.progress .fill{background:var(--gold-2)}.hpnum,.order,.stat{color:var(--muted);font-size:12px;line-height:1.3}.order{color:var(--ink)}.cmds{display:flex;flex-direction:column;gap:6px}.cmd-row{display:flex;gap:6px;flex-wrap:wrap;align-items:stretch}.cmd{position:relative;width:78px;min-height:74px;padding:5px 2px 4px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:2px;background:linear-gradient(#2e2519,#1e1810);color:var(--ink);border:1px solid var(--line-2);box-shadow:inset 0 0 0 1px var(--deep);font-family:var(--body)}.cmd:hover{border-color:var(--gold)}.cmd:active{transform:translateY(1px)}.cmd[aria-pressed=true]{background:#3a2f1c;border-color:var(--gold-2);box-shadow:inset 0 0 0 1px var(--gold)}.cmd:disabled{opacity:.45;filter:grayscale(.6);cursor:not-allowed}.cmd.locked{opacity:.45;filter:grayscale(.6);cursor:not-allowed}.cmd.locked:active{transform:none}.cmd-key{position:absolute;top:2px;right:2px;line-height:12px;padding:0 3px;font-family:var(--display);font-size:9px;color:#1a1208;background:var(--gold)}.cmd-label{font-size:10.5px;line-height:1.1;margin-top:2px;white-space:nowrap;max-width:74px;overflow:hidden;text-overflow:ellipsis}.cost{display:flex;gap:5px;align-items:center;font-family:var(--display);font-size:9px;color:var(--muted)}.cmd .cost{flex-wrap:wrap;justify-content:center;max-width:74px;row-gap:1px}.cost.refund{color:var(--ok)}.cmd.research .cmd-note{white-space:normal;max-width:74px;line-height:1.2}.cmd.forged{border-color:var(--gold-2);opacity:.8;filter:none}.cmd.forged .cmd-label{color:var(--gold)}.cmd.demolish:hover:not(:disabled):not(.locked){border-color:var(--danger)}.cmd.demolish.confirm{border-color:var(--danger);color:var(--danger-ink);background:#3a1a14}.rank{display:inline-flex;align-items:center;gap:5px}.rank[hidden]{display:none}.pips{display:inline-flex;align-items:center;gap:2px}.pip{width:5px;height:5px;background:var(--line);box-shadow:inset 0 0 0 1px var(--deep)}.pip.on{background:var(--rank)}.rank-name{font-family:var(--display);font-size:9px;letter-spacing:.06em;color:var(--rank)}.cmd-rank{position:absolute;top:3px;left:3px;pointer-events:none}.cmd-rank .pip{width:4px;height:4px}.cmd-rank .pips{gap:2px}.cmd-note{font-family:var(--display);font-size:8px;color:var(--gold-2);opacity:.8;white-space:nowrap}.cmd:disabled .cmd-note,.cmd.locked .cmd-note{color:var(--danger-ink);opacity:1}.cost>span{display:inline-flex;align-items:center;gap:2px}.queue{display:flex;gap:4px;align-items:center;min-height:36px}.qitem{position:relative;width:36px;height:36px;padding:0;background:var(--deep);border:1px solid var(--line-2);display:grid;place-items:center;cursor:pointer;overflow:hidden}.qitem:hover{border-color:var(--danger)}.qitem .prog{position:absolute;left:0;bottom:0;height:3px;width:0;background:var(--gold-2)}.qcount{font-family:var(--display);font-size:9px;color:var(--muted);margin-left:4px}.gleft{display:flex;flex-direction:column;gap:6px}.gicons{display:flex;flex-wrap:wrap;gap:4px;max-width:336px;align-content:flex-start}.gicon{width:38px;height:42px;padding:3px 3px 2px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:space-between;background:var(--deep);border:1px solid var(--line-2)}.gicon:hover{border-color:var(--gold)}.gicon .hpbar{width:100%;height:4px}.gmore{font-family:var(--display);font-size:10px;color:var(--muted);align-self:center;padding:0 4px}.hints{position:absolute;right:12px;bottom:12px;z-index:4;max-width:340px;pointer-events:none;padding:6px 10px;background:#14110dd6;border:1px solid var(--line);text-align:right;color:var(--ink);font-size:12px;line-height:1.8}.hints:empty{display:none}.hoverinfo{position:absolute;left:12px;bottom:186px;z-index:5;pointer-events:none;padding:4px 10px 5px;background:#14110dd6;border:1px solid var(--line);color:var(--gold-2);font-family:var(--display);font-size:10px;letter-spacing:.04em;white-space:nowrap;display:flex;flex-direction:column;align-items:flex-start;gap:2px;max-width:360px}.hovermain{display:flex;align-items:center;gap:8px}.hoversub{font-family:var(--body);font-size:11.5px;letter-spacing:0;color:var(--muted);white-space:normal;line-height:1.35}.hints b{font-family:var(--display);font-size:9px;font-weight:400;color:#1a1208;background:var(--gold);padding:0 4px;margin:0 1px}.overlay{position:absolute;inset:0;z-index:20;background:#0806049e;display:grid;place-items:center}.dialog{padding:26px 30px 22px;min-width:320px;max-width:420px;display:flex;flex-direction:column;gap:10px;text-align:center}.dialog-title{font-family:var(--display);font-size:20px;color:var(--gold-2);margin:0 0 2px;text-shadow:0 2px 0 #3a2a10}.dialog-sub{color:var(--muted);font-size:14px;margin:0 0 8px}.dialog-hint{color:var(--muted);font-size:12px;margin:6px 0 0}.dialog .btn{width:100%}.overlay.gameover .dialog-title{color:var(--danger-ink)}.hud-actions{display:flex;gap:6px;align-items:center}.btn.sound[aria-pressed=true]{color:var(--muted);border-color:var(--line)}.msg.error{color:#ffd0c8;background:#5c160ee0;border-color:var(--danger)}.floaters{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden}.floater{position:absolute;left:0;top:0;will-change:transform,opacity;font-family:var(--display);font-size:12px;color:var(--gold-2);text-shadow:0 1px 0 #1a1208,0 0 6px rgba(0,0,0,.8);white-space:nowrap}.start-tools{display:flex;gap:8px;justify-content:center}.difficulty{width:100%;max-width:640px;display:flex;flex-direction:column;gap:8px}.diff-choices{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}@media(max-width:560px){.diff-choices{grid-template-columns:repeat(2,1fr)}}.diff-blurb{margin:0;text-align:center;color:var(--muted);font-size:13px;min-height:1.4em}.btn.choice[aria-pressed=true]{background:linear-gradient(var(--gold-2),var(--gold));color:#1a1208;border-color:var(--gold-2)}.btn.choice[aria-pressed=true]:hover{background:var(--gold-2);color:#1a1208}.save-tag-fallen{background:var(--danger);color:#fff0ec}.save-fallen .save-main{position:relative;padding-right:78px}.save-fallen .save-name{color:var(--muted)}.dialog{max-height:calc(100% - 40px);overflow-y:auto}.menu-head{font-family:var(--display);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin:12px 0 0;text-align:left}.menu-choices{display:grid;grid-template-columns:repeat(2,1fr);gap:4px}.menu-blurb{margin:0;color:var(--muted);font-size:12px;text-align:left;line-height:1.4}.menu-list{display:flex;flex-direction:column;gap:4px}.menu-row{display:flex;align-items:center;gap:6px}.menu-row .btn{width:auto;flex:none}.menu-row-label{flex:1;text-align:left;font-size:12px;color:var(--ink)}.chronicle-btn{position:absolute;left:180px;bottom:12px;z-index:5;display:flex;align-items:center;gap:6px}.chronicle-btn[aria-pressed=true]{border-color:var(--gold);color:var(--gold-2)}.chronicle-btn.unread:after{content:"";width:6px;height:6px;background:var(--gold-2);box-shadow:0 0 6px var(--gold);border:1px solid var(--deep)}.chronicle{position:absolute;left:12px;bottom:186px;z-index:6;width:380px;max-width:calc(100vw - 24px);max-height:min(55vh,520px);display:flex;flex-direction:column;gap:6px;padding:10px 12px 8px}.chronicle-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.chronicle-title{font-family:var(--display);font-size:13px;color:var(--gold-2);margin:0;text-shadow:0 2px 0 #3a2a10;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chronicle-close{padding:2px 8px;line-height:1}.chronicle-list{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:3px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:6px 2px}.chronicle-line{font-size:13px;line-height:1.45;color:var(--ink);padding:2px 4px}.chronicle-line:nth-child(odd){background:#0c0a0759}.chronicle-day{font-family:var(--display);font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--gold);margin-right:8px}.chronicle-empty{font-size:13px;color:var(--muted);font-style:italic;padding:4px}.chronicle-hint{margin:0;text-align:left}.save-line{font-size:12px;color:var(--ink);opacity:.85;font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.name .tag{font-family:var(--display);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-2);border:1px solid var(--line-2);border-radius:2px;padding:1px 4px;margin-left:8px;vertical-align:middle}.arcane{display:flex;flex-direction:column;gap:4px;margin-top:4px}.arcane .stat{color:var(--muted);font-size:12px;line-height:1.3}.arcane .gifted{margin-top:2px}.garrison{display:flex;flex-direction:column;gap:4px;margin-top:4px}.garrison .stat{color:var(--muted);font-size:12px;line-height:1.3}.garrison-list{display:flex;flex-direction:column;gap:2px;margin-top:2px}.send{display:flex;flex-direction:column;gap:6px;margin-top:4px}.send-amt{display:flex;align-items:center;gap:8px}.btn.step{width:26px;height:26px;padding:0;display:grid;place-items:center;line-height:1}.send-val{font-family:var(--display);font-size:11px;color:var(--gold-2);min-width:64px;text-align:center}.send .stat{color:var(--muted);font-size:12px;line-height:1.3;margin-top:2px}.multi{width:100%;max-width:640px;display:flex;flex-direction:column;gap:8px}.multi-fields{display:grid;grid-template-columns:1fr 160px;gap:8px}@media(max-width:560px){.multi-fields{grid-template-columns:1fr}}.multi-field{display:flex;flex-direction:column;gap:4px}.multi-label{font-family:var(--display);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}.multi-input{font:inherit;font-size:14px;color:var(--ink);padding:8px 10px;background:#171209;border:1px solid var(--line)}.multi-input:focus{outline:none;border-color:var(--gold)}.multi-input::placeholder{color:var(--muted)}.multi-code{font-family:var(--display);letter-spacing:.22em;text-transform:uppercase}.multi-clans{grid-template-columns:repeat(3,1fr)}.multi-acts{display:grid;grid-template-columns:1fr 1fr;gap:8px}.multi-note{color:var(--muted);text-align:left;min-height:1.4em}.multi-settings{display:flex;flex-direction:column;gap:6px}.multi-diffs{grid-template-columns:repeat(4,1fr)}.multi-teams{grid-template-columns:1fr 1fr}.multi-toggle{width:100%;text-align:left}.multi-upload{display:flex}.multi-upload .btn{width:100%}.world-code{width:100%;max-width:640px;padding:14px 18px 12px;text-align:center}.world-code-val{font-family:var(--display);font-size:clamp(28px,5vw,44px);letter-spacing:.3em;color:var(--gold-2);text-shadow:0 3px 0 #3a2a10;margin:6px 0 8px;padding-left:.3em}.world-status{min-height:1.4em}.world-hint{color:var(--muted)}.world-error{color:var(--danger-ink)}.world .start-tools{flex-wrap:wrap}.netwait{position:absolute;left:50%;top:64px;transform:translate(-50%);z-index:8;font-family:var(--display);font-size:12px;letter-spacing:.06em;color:var(--gold-2);padding:8px 16px;pointer-events:none;white-space:nowrap}.guide{position:absolute;left:12px;top:50px;z-index:5;width:300px;max-width:calc(100vw - 24px);padding:8px 10px 9px;display:flex;flex-direction:column;gap:4px}.guide.done{animation:guideflash .9s ease-out}@keyframes guideflash{0%{box-shadow:inset 0 0 0 1px var(--line-2),0 0 0 3px var(--gold-2)}to{box-shadow:inset 0 0 0 1px var(--line-2),0 8px 24px #0000008c}}.guide-head{display:flex;align-items:center;gap:8px}.guide-label{font-family:var(--display);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-2)}.guide-count{font-family:var(--display);font-size:10px;color:var(--muted);flex:1}.guide-hide{padding:1px 7px;line-height:1.3}.guide-step{font-family:var(--display);font-size:13px;color:var(--ink)}.guide-hint{font-size:12px;line-height:1.5;color:var(--muted)}.guide-hint b{font-family:var(--display);font-size:9px;font-weight:400;color:#1a1208;background:var(--gold);padding:0 4px;margin:0 1px}.guide-show{position:absolute;left:12px;top:50px;z-index:5;padding:2px 9px}.hud-group{display:flex;align-items:center;gap:13px;flex:0 0 auto}.menu-keys{display:grid;grid-template-columns:auto 1fr;gap:5px 10px;align-items:baseline;text-align:left;font-size:12px;margin-top:2px}.menu-key{display:flex;flex-wrap:wrap;gap:3px}.menu-key b{font-family:var(--display);font-size:9px;font-weight:400;color:#1a1208;background:var(--gold);padding:0 4px;line-height:1.5;white-space:nowrap}.menu-key-what{color:var(--muted);line-height:1.35}:root{--fx-ink: #f3e6c8;--fx-gold-hi: #fff0b0;--fx-gold-lo: #8a6420;--fx-shadow: 0 6px 18px rgba(0, 0, 0, .55), 0 2px 0 rgba(0, 0, 0, .5);--fx-wood-bg: linear-gradient(rgba(255, 214, 150, .06), rgba(0, 0, 0, .22) 70%, rgba(0, 0, 0, .35)), var(--fx-wood, none) 0 0 / 128px 64px, #261c12;--fx-ease: cubic-bezier(.2, .9, .3, 1.2)}.fx-skin .panel{image-rendering:pixelated}.fx-skin .panel :is(p,span,div,b,h1,h2,h3,dd,dt){image-rendering:auto}.btn{transition:transform .09s ease,box-shadow .09s ease,filter .09s ease,color .09s ease}.btn:hover{border-color:#0b0704}.btn:active{filter:brightness(.95)}.btn.primary,.btn.choice[aria-pressed=true]{background:linear-gradient(#f8dc86,#e0a943 55%,#c98d2f);color:#2a1806;text-shadow:0 1px 0 rgba(255,244,200,.55);border-color:#3a2306;box-shadow:inset 0 2px #fff3c0,inset 0 -2px #9a6a22,0 2px #0b0704}.btn.primary:hover,.btn.choice[aria-pressed=true]:hover{background:linear-gradient(#ffe7a0,#ebb653 55%,#d3973a);color:#2a1806;box-shadow:inset 0 2px #fff8d8,inset 0 -2px #9a6a22,0 3px #0b0704,0 0 16px #f0c96a8c}.btn.danger:hover{color:var(--danger-ink);box-shadow:inset 0 2px #9a5444,inset 0 -2px #160f08,0 3px #0b0704,0 0 12px #d0402a73}.btn:disabled{opacity:1;filter:grayscale(.8) brightness(.62);transform:none;box-shadow:inset 0 2px #3a2c1c,0 2px #0b0704}.btn.sound[aria-pressed=true]{color:var(--muted)}.res{background:linear-gradient(#00000080,#0000004d);box-shadow:inset 0 2px #0000008c,inset 0 -1px #ffd6961f,0 1px #ffd6960f}.res .val{transition:color .5s ease,text-shadow .5s ease}.res.gain .val,.res.spend .val{transition:none}.res-float{pointer-events:none;animation:fx-res-up .9s ease-out forwards}.res-float.neg{animation-name:fx-res-down}.res.deny{animation:fx-deny .38s ease-out}.res.deny .val{color:#ff8a74;text-shadow:0 0 8px rgba(208,64,42,.9);transition:none}.portrait:after{content:"";border-radius:50%;background:#00000059}.hpbar .fill{transition:width .25s cubic-bezier(.2,.8,.3,1)}.gicon .hpbar{box-shadow:0 0 0 1px #0b0704}.gicon,.qitem{background:radial-gradient(circle at 35% 30%,rgba(255,214,150,.12),transparent 70%),#120c07;border:2px solid #0b0704;box-shadow:inset 0 0 0 1px #5e4428,0 1px #ffd69614;transition:transform .09s ease,box-shadow .09s ease}.gicon:hover,.qitem:hover{border-color:#0b0704}.cmd:hover:not(.locked){border-color:#0b0704}.cmd[aria-pressed=true]{border-color:#0b0704}.cmd-label{color:var(--fx-ink);text-shadow:0 1px 0 #000}.cmd.locked,.cmd:disabled{opacity:1;filter:none;background:linear-gradient(#262019,#18130d);box-shadow:inset 0 2px #3a3026,inset 0 -2px #0b0704,0 2px #0b0704}.cmd.locked>.icon,.cmd:disabled>.icon{filter:grayscale(1) brightness(.85) drop-shadow(0 1px 0 #000);opacity:.7}.cmd.locked .cmd-label,.cmd:disabled .cmd-label{color:#8a8070}.cmd.locked .cost,.cmd:disabled .cost,.cmd.locked .cmd-key,.cmd.locked .cmd-rank{filter:grayscale(1) brightness(.7)}.cmd.forged{opacity:1}.cmd.demolish:hover:not(:disabled):not(.locked){box-shadow:inset 0 2px #9a5444,inset 0 -2px #120c06,0 4px #0b0704,0 0 14px #d0402a73}.minimap-vignette{pointer-events:none}.minimap-compass{transform:translate(-50%);pointer-events:none;font-family:var(--display)}.minimap-pt{pointer-events:none}.minimap-pt.s{transform:translate(-50%)}.minimap-pt.e,.minimap-pt.w{transform:translateY(-50%)}.hints b,.guide-hint b,.menu-key b,.tip-key,.tip-line b{background:linear-gradient(#ffe9a0,#d9a441);color:#2a1806;box-shadow:0 0 0 1px #0b0704,inset 0 -1px #9a6a22}.msg{animation:fx-drop .18s ease-out;transition:opacity 1.1s ease,transform 1.1s ease}.msg.fade{transform:translateY(-6px)}.msg.warn,.msg.error{border-color:#0b0704}.alarm{animation:fx-drop .18s ease-out,alarmpulse 1.1s ease-in-out .18s infinite}.floater{text-shadow:0 1px 0 #1a1208,0 0 8px rgba(240,201,106,.7),0 0 2px #000}.guide{transition:transform .12s ease}.guide:hover{transform:translateY(-1px)}.fx-skin .guide.done{animation:fx-guide-done 1.1s ease-out}.guide-stamp{pointer-events:none;font-family:var(--display);text-transform:uppercase;color:#2a1806;background:linear-gradient(#fff0b0,#e0a943);border:2px solid #0b0704;box-shadow:inset 0 -2px #9a6a22,0 0 18px #f0c96acc,0 3px #0009;animation:fx-stamp 1.9s var(--fx-ease) forwards}.guide-stamp:before{content:"";border-right:3px solid #1f6a1a;border-bottom:3px solid #1f6a1a;transform:rotate(40deg)}.guide-spark{background:var(--fx-gold-hi);box-shadow:0 0 6px var(--gold-2);pointer-events:none;animation:fx-spark .7s ease-out forwards}.chronicle:not([hidden]){animation:fx-rise .18s ease-out;transform-origin:bottom left}.overlay{animation:fx-fade .16s ease-out}.overlay .dialog{animation:fx-pop .2s var(--fx-ease)}.menu-head{text-shadow:0 1px 0 #000}.menu-head:after{content:""}.chronicle-list{border-top:2px solid #0b0704;border-bottom:2px solid #0b0704;background:#0000002e}.chronicle-btn.unread:after{animation:fx-soon 1.4s ease-in-out infinite}.multi-input,.save-rename{background:#0f0a06;border:2px solid #0b0704;box-shadow:inset 0 2px #0009,0 1px #9a74444d}.multi-input:focus{border-color:#0b0704;box-shadow:inset 0 2px #0009,0 0 0 2px var(--gold)}.start{isolation:isolate;background:transparent}.start-bg{image-rendering:pixelated;background:#0d0b14}.start-shade{pointer-events:none;background:radial-gradient(ellipse at 50% 18%,rgba(255,190,100,.12),transparent 55%),linear-gradient(#08060a26,#0806048c 55%,#080604e0)}.start-title{color:#ffd873;text-shadow:0 -2px 0 #fff3c4,0 3px 0 #b8741f,0 6px 0 #5a3410,0 9px 0 #1c0f04,0 0 26px rgba(255,176,70,.55),0 0 60px rgba(255,150,60,.3);animation:fx-title-glow 4s ease-in-out infinite}.start-title:after{content:attr(data-text);pointer-events:none;color:#fffbe8;text-shadow:none;-webkit-mask-image:linear-gradient(105deg,transparent 42%,#000 50%,transparent 58%);mask-image:linear-gradient(105deg,transparent 42%,#000 50%,transparent 58%);-webkit-mask-size:300% 100%;mask-size:300% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:120% 0;mask-position:120% 0;opacity:.85;animation:fx-sweep 6s ease-in-out 1.2s infinite}.start-sub{color:#cdb894;text-shadow:0 1px 0 #000,0 0 12px rgba(0,0,0,.9)}.start-head{animation:fx-settle .6s var(--fx-ease)}.saves-title{text-shadow:0 1px 0 #000}.diff-blurb,.start-foot,.multi-note{text-shadow:0 1px 0 #000,0 0 10px rgba(0,0,0,.8)}.save{border:2px solid #0b0704;border-left:6px solid var(--team);background:var(--fx-wood-bg);image-rendering:pixelated;box-shadow:inset 0 0 0 1px #9a744466,0 4px 12px #00000073;transition:transform .12s ease,box-shadow .12s ease}.save:hover{border-color:#0b0704;border-left-color:var(--team);transform:translate(3px);box-shadow:inset 0 0 0 1px var(--gold),0 0 16px #f0c96a40,0 4px 12px #00000073}.save-latest{box-shadow:inset 0 0 0 1px var(--gold),0 4px 12px #00000073}.save-tag{box-shadow:0 0 0 1px #0b0704;background:linear-gradient(#ffe9a0,#d9a441)}.clan{transition:transform .16s var(--fx-ease),box-shadow .16s ease;animation:fx-lift-in .45s var(--fx-ease) backwards}.fx-skin .clan,.fx-skin .multi,.fx-skin .saves{border-image:var(--fx-frame) 5 / 10px stretch;background:var(--fx-wood-bg);background-clip:padding-box;image-rendering:pixelated;box-shadow:var(--fx-shadow)}.clan:nth-child(2){animation-delay:.07s}.clan:nth-child(3){animation-delay:.14s}.fx-skin .clan:hover{transform:translateY(-6px);box-shadow:0 0 0 2px var(--team),0 0 32px color-mix(in srgb,var(--team) 55%,transparent),0 18px 30px #000000a6}.clan-stage{background:radial-gradient(ellipse at 50% 110%,color-mix(in srgb,var(--team) 45%,transparent),transparent 60%),linear-gradient(#141826,#1f2a1e 70%,#2c3a20 70%,#26321b);border:2px solid #0b0704;box-shadow:inset 0 0 0 1px #9a744473,inset 0 -16px 24px #00000059}.clan-stage .stage-hall{transform:translate(-50%);opacity:.85;filter:brightness(.6) saturate(.85)}.clan-stage .stage-unit{transition:transform .2s var(--fx-ease);filter:drop-shadow(2px 2px 0 rgba(0,0,0,.45))}.clan:hover .stage-unit{animation:fx-hop .5s var(--fx-ease)}.clan:hover .stage-unit:nth-child(3){animation-delay:.06s}.clan:hover .stage-unit:nth-child(4){animation-delay:.12s}.clan-name{text-shadow:0 2px 0 #000,0 0 14px color-mix(in srgb,var(--team) 60%,transparent)}.swatch{border:2px solid #0b0704;box-shadow:inset 0 2px #fff3}.clan-stats{border-top:2px solid #0b0704;box-shadow:0 -1px #9a74444d}@media(prefers-reduced-motion:reduce){.msg,.alarm,.chronicle,.overlay,.overlay .dialog,.clan,.start-head,.start-title,.start-title:after,.res.deny,.cmd.deny,.res-float,.guide.done,.guide-stamp,.guide-spark,.clan .stage-unit,.chronicle-btn.unread:after,.goals:not([hidden]),.goal-card.just{animation:none!important}}@media(prefers-reduced-motion:reduce){.btn,.cmd,.gicon,.save,.clan,.guide{transition:none}}@media(prefers-reduced-motion:reduce){.btn:hover,.cmd:hover:not(.locked),.clan:hover,.save:hover,.guide:hover{transform:none}}.fx-skin .rn-tracker{border-image:var(--fx-frame) 5 / 10px stretch;background:radial-gradient(120% 60% at 50% 0%,rgba(240,201,106,.1),transparent 70%),var(--fx-wood-bg);background-clip:padding-box;image-rendering:pixelated;box-shadow:var(--fx-shadow)}.fx-skin .rn-tracker :is(div,span,p,b){image-rendering:auto}.fx-skin .rn-xp{border:0;background:#0b0704;box-shadow:0 0 0 2px #0b0704,inset 0 0 0 1px #2a1e12}.fx-skin .rn-crest{border:2px solid #0b0704;box-shadow:inset 0 0 0 1px #fff0b0,0 0 12px #f0c96a73;background:linear-gradient(135deg,#fff0b0,#e0a943 50%,#9a6a22)}.fx-skin .rn-fold,.fx-skin .rn-later{border:2px solid #0b0704;color:var(--fx-ink);background:linear-gradient(#4a3722,#2c2015 60%,#241a10);box-shadow:inset 0 2px #7d5e36,inset 0 -2px #160f08,0 2px #0b0704;transition:transform .09s ease,filter .09s ease}.fx-skin .rn-fold:hover,.fx-skin .rn-later:hover{border-color:#0b0704;color:var(--gold-2);transform:translateY(-1px);filter:brightness(1.12)}.fx-skin .rn-offer{border:2px solid #3a2306;box-shadow:inset 0 2px #fff3c0,inset 0 -2px #9a6a22,0 2px #0b0704,0 0 14px #f0c96a8c;background:linear-gradient(#f8dc86,#e0a943 55%,#c98d2f)}.fx-skin .rn-task{border:2px solid #0b0704;background:#00000047;box-shadow:inset 0 1px #9a744440}.fx-skin .rn-task:hover{border-color:#0b0704;box-shadow:inset 0 0 0 1px var(--line-2)}.fx-skin .rn-task.done{border-color:#0b0704;box-shadow:inset 0 0 0 1px #7fc46acc}.fx-skin .rn-badge{border:2px solid #0b0704;box-shadow:inset 0 2px #ffffff59,inset 0 -2px #00000040}.fx-skin .rn-body{border-top:2px solid #0b0704;box-shadow:0 -1px #9a74444d}.fx-skin .rn-toast{border-image:var(--fx-frame-sm) 3 / 6px stretch;background:linear-gradient(90deg,color-mix(in srgb,var(--rn-accent) 14%,transparent),transparent 60%),var(--fx-wood-bg);background-clip:padding-box;image-rendering:pixelated;box-shadow:inset 3px 0 0 var(--rn-accent),0 6px 16px #00000080}.fx-skin .rn-toast.t-rare{border-image-source:var(--fx-frame-sm);box-shadow:inset 3px 0 0 var(--rn-accent),0 0 16px #6faaff59,0 6px 16px #00000080;background:linear-gradient(90deg,rgba(60,100,170,.3),transparent 70%),var(--fx-wood-bg);background-clip:padding-box}.fx-skin .rn-toast.t-epic{border-image-source:var(--fx-frame-sm-gold);background:linear-gradient(100deg,rgba(110,50,150,.55),transparent 75%),var(--fx-wood-bg);background-clip:padding-box;box-shadow:inset 3px 0 0 var(--rn-accent),0 0 22px #c88cff73,0 6px 18px #0000008c}.fx-skin .rn-toast :is(div,span){image-rendering:auto}.rn-toast-title{text-shadow:0 1px 0 #000}.fx-skin .rn-banner{border-image:var(--fx-frame-gold) 5 / 10px stretch;background:radial-gradient(80% 120% at 50% 50%,rgba(240,201,106,.2),transparent 70%),var(--fx-wood-bg);background-clip:padding-box;image-rendering:pixelated;box-shadow:0 0 40px #f0c96a66,0 12px 30px #0009}.fx-skin .rn-banner :is(div,span){image-rendering:auto}.fx-skin .rn-card{border-image:var(--fx-frame) 5 / 10px stretch;background:radial-gradient(90% 50% at 50% 0%,color-mix(in srgb,var(--rn-school) 24%,transparent),transparent 75%),var(--fx-wood-bg);background-clip:padding-box;image-rendering:pixelated}.fx-skin .rn-card:hover,.fx-skin .rn-card:focus-visible{border-image-source:var(--fx-frame-gold);box-shadow:inset 0 0 0 1px var(--rn-school),0 0 30px color-mix(in srgb,var(--rn-school) 60%,transparent),0 16px 30px #0009}.fx-skin .rn-card :is(div,span){image-rendering:auto}.fx-skin .rn-card-school{box-shadow:inset 0 -2px #00000059,inset 0 2px #ffffff40;text-shadow:0 1px 0 rgba(255,255,255,.3)}.fx-skin .rn-card-sigil{border:2px solid #0b0704;box-shadow:inset 0 0 0 1px #ffffff73,0 0 18px color-mix(in srgb,var(--rn-school) 50%,transparent)}.fx-skin .rn-card-name{text-shadow:0 1px 0 #000}.rn-boonrow-head{background:linear-gradient(90deg,transparent,rgba(12,8,4,.92) 18%,rgba(12,8,4,.92) 82%,transparent)}@media(prefers-reduced-motion:reduce){.fx-skin .rn-fold:hover,.fx-skin .rn-later:hover{transform:none}}.fx-skin .coach.panel{border-image-source:var(--fx-frame-gold);box-shadow:0 0 18px #f0c96a40,var(--fx-shadow)}.fx-skin .coach.ticked{box-shadow:0 0 0 2px var(--ok),0 0 22px #5cb648a6,var(--fx-shadow)}.coach-tag,.coach-body b,.idle-btn .idle-k{background:linear-gradient(#ffe9a0,#d9a441);color:#2a1806;box-shadow:0 0 0 1px #0b0704,inset 0 -1px #9a6a22}.coach.ticked .coach-tag{background:linear-gradient(#b8f0a0,#5cb648)}.coach-body{text-shadow:0 1px 0 #000}.coach-ring{box-shadow:0 0 0 2px #0b07048c,0 0 12px #f0c96abf,inset 0 0 0 1px #0b070473}.coach-arrow{filter:drop-shadow(0 2px 0 #0b0704) drop-shadow(0 -1px 0 #0b0704) drop-shadow(1px 0 0 #0b0704) drop-shadow(-1px 0 0 #0b0704) drop-shadow(0 0 8px rgba(240,201,106,.8))}.fx-skin .coach-edge{border-image:var(--fx-frame-sm-gold) 3 / 6px stretch;background:var(--fx-wood-bg);background-clip:padding-box;image-rendering:pixelated;box-shadow:0 0 14px #f0c96a66,0 4px 10px #00000080;text-shadow:0 1px 0 #000;transition:transform .09s ease,filter .09s ease}.fx-skin .coach-edge:hover{background:var(--fx-wood-bg);background-clip:padding-box;filter:brightness(1.15);transform:scale(1.04)}.fx-skin .idle-btn.panel{border-image:var(--fx-frame-sm) 3 / 6px stretch;transition:transform .09s ease,filter .09s ease;font-family:var(--display);text-transform:uppercase;color:var(--fx-ink)}.fx-skin .idle-btn.panel:hover{transform:translateY(-1px);filter:brightness(1.15)}.fx-skin .idle-btn.panel:active{transform:translateY(1px)}.fx-skin .idle-btn.pulse{border-image-source:var(--fx-frame-sm-gold);animation:fx-idle-pulse 1.6s ease-in-out infinite}.idle-btn .idle-n{text-shadow:0 1px 0 #000,0 0 8px rgba(240,201,106,.45)}@media(prefers-reduced-motion:reduce){.coach.fresh,.coach-ring,.coach-arrow,.idle-btn.pulse{animation:none!important}}@media(prefers-reduced-motion:reduce){.fx-skin .coach-edge:hover,.fx-skin .idle-btn.panel:hover{transform:none}}@keyframes fx-res-up{0%{opacity:0;transform:translateY(6px) scale(.8)}15%{opacity:1;transform:translateY(0) scale(1.15)}to{opacity:0;transform:translateY(-14px) scale(1)}}@keyframes fx-res-down{0%{opacity:0;transform:translateY(-2px)}15%{opacity:1}to{opacity:0;transform:translateY(22px)}}@keyframes fx-deny{0%,to{transform:translate(0);box-shadow:inset 0 2px #0000008c,inset 0 0 0 1px #d0402a00}15%{transform:translate(-4px);box-shadow:inset 0 2px #0000008c,inset 0 0 0 2px #d0402ae6}35%{transform:translate(4px)}55%{transform:translate(-3px)}75%{transform:translate(2px)}}@keyframes fx-soon{50%{opacity:.65}}@keyframes fx-drop{0%{opacity:0;transform:translateY(-8px) scale(.97)}to{opacity:1;transform:none}}@keyframes alarmpulse{0%,to{box-shadow:inset 0 0 0 1px var(--danger),0 3px 14px #00000080}50%{box-shadow:inset 0 0 0 1px #ff7a63,0 0 20px #d0402ad9}}@keyframes fx-guide-done{0%{border-image-source:var(--fx-frame-gold);box-shadow:0 0 #f0c96ae6,var(--fx-shadow)}20%{box-shadow:0 0 28px 6px #f0c96abf,var(--fx-shadow)}70%{border-image-source:var(--fx-frame-gold)}to{box-shadow:var(--fx-shadow)}}@keyframes fx-stamp{0%{opacity:0;transform:translateY(-50%) scale(2.2) rotate(-14deg)}14%{opacity:1;transform:translateY(-50%) scale(.92) rotate(-6deg)}22%{transform:translateY(-50%) scale(1.04) rotate(-6deg)}30%,78%{opacity:1;transform:translateY(-50%) scale(1) rotate(-6deg)}to{opacity:0;transform:translateY(-50%) scale(1) rotate(-6deg)}}@keyframes fx-spark{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(var(--sx),var(--sy))}}@keyframes fx-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes fx-fade{0%{opacity:0}to{opacity:1}}@keyframes fx-pop{0%{opacity:0;transform:scale(.94) translateY(6px)}to{opacity:1;transform:none}}@keyframes fx-title-glow{50%{color:#ffe39a}}@keyframes fx-sweep{0%{-webkit-mask-position:120% 0;mask-position:120% 0}30%,to{-webkit-mask-position:-20% 0;mask-position:-20% 0}}@keyframes fx-settle{0%{transform:translateY(-10px) scale(.97)}to{transform:none}}@keyframes fx-lift-in{0%{transform:translateY(16px)}to{transform:none}}@keyframes fx-hop{0%,to{transform:translateY(0)}40%{transform:translateY(-8px)}}@keyframes fx-idle-pulse{50%{box-shadow:0 0 14px #f0c96ab3,var(--fx-shadow)}}.fx-skin .panel{border-width:8px;border-style:solid;border-color:transparent}.res{position:relative;height:26px;padding:0 9px 0 4px;gap:6px}.res-float{position:absolute;right:2px;top:2px;z-index:1;font-size:11px}.portrait{position:relative;overflow:hidden}.fx-skin .portrait{width:72px;height:72px}.portrait .icon{position:relative;z-index:1}.portrait:after{position:absolute;left:14%;right:14%;bottom:7px;height:6px;z-index:0}.portrait.portrait-sprite{place-items:end center;padding-bottom:6px}.cmd{padding:4px 1px 3px;gap:1px}.cmd-key{top:3px;right:3px}.fx-skin .minimap{padding:0}.minimap-vignette{position:absolute;inset:0}.minimap-compass{position:absolute;left:50%;top:-12px;display:grid;place-items:center;font-size:10px;line-height:1}.minimap-pt{position:absolute;width:6px;height:6px}.minimap-pt.s{left:50%;bottom:-5px}.minimap-pt.e{right:-5px;top:50%}.minimap-pt.w{left:-5px;top:50%}.floater{font-size:13px}.guide-stamp{position:absolute;right:10px;top:50%;z-index:2;display:flex;align-items:center;gap:6px;padding:4px 8px 4px 6px;font-size:11px;letter-spacing:.06em}.guide-stamp:before{width:5px;height:9px;margin:-3px 1px 0 2px}.guide-spark{position:absolute;right:60px;top:50%;width:4px;height:4px;z-index:2}.menu-head{display:flex;align-items:center;gap:8px}.menu-head:after{flex:1}.start{position:relative}.start-bg{position:fixed;inset:0;width:100%;height:100%;z-index:-1;display:block}.start-shade{position:fixed;inset:0;z-index:-1}.start-title{position:relative;font-size:clamp(44px,7.5vw,84px)}.start-title:after{position:absolute;inset:0}.fx-skin .clan,.fx-skin .multi,.fx-skin .saves{border-width:8px;border-style:solid;border-color:transparent}.fx-skin .multi,.fx-skin .saves{padding:12px 16px}.clan:before{height:0}.clan-stage{position:relative;height:120px;margin:-4px -4px 2px;overflow:hidden;display:flex;align-items:flex-end;justify-content:center;gap:6px;padding-bottom:14px}.clan-stage .stage-hall{position:absolute;left:50%;bottom:20px}.clan-stage .stage-unit{position:relative;z-index:1}.clan-name{font-size:20px}.swatch{height:12px}@media(prefers-reduced-motion:reduce){.res-float,.guide-spark{display:none}}.fx-skin .rn-tracker{padding:3px 4px 4px;border-width:8px;border-style:solid;border-color:transparent}.fx-skin .rn-tracker:before,.fx-skin .rn-tracker:after{display:none}.fx-skin .rn-xp{height:12px;margin-top:9px}.fx-skin .rn-task-bar{height:4px}.fx-skin .rn-toast{padding:2px 5px 3px 10px;border-width:6px;border-style:solid;border-color:transparent}.fx-skin .rn-toast.t-epic{padding:4px 6px 4px 10px}.fx-skin .rn-banner{padding:8px 34px 9px;border-width:8px;border-style:solid;border-color:transparent}.fx-skin .rn-card{padding:0 8px 8px;border-width:8px;border-style:solid;border-color:transparent}.fx-skin .rn-card-school{margin:0 -8px}.fx-skin .coach.panel{padding:2px 4px 1px}.coach-ring{border-width:3px}.fx-skin .coach-edge{padding:0 6px 0 2px;border-width:6px;border-style:solid;border-color:transparent}.fx-skin .idle-btn.panel{padding:0 5px;border-width:6px;font-size:10px;letter-spacing:.06em}.game{--hud-m: 10px;--slot: 54px;--slot-gap: 4px;--cmd-cols: 5;--mm: 176px;--rail: 46px;--card-w: 430px;--top-h: 44px}@media(min-width:1700px){.game{--cmd-cols: 6;--slot: 56px}}.hud-tray{position:absolute;left:var(--hud-m);top:var(--hud-m);z-index:5;display:flex;align-items:center;gap:6px;padding:3px 8px 3px 4px;height:var(--top-h);font-family:var(--display);font-size:12px}.fx-skin .hud-tray,.fx-skin .hud-sky{border-width:6px;border-image-width:6px}.hud-tray .hud-group{gap:4px}.hud-tray .res{min-width:0;height:26px;padding:0 8px 0 3px;gap:5px}.hud-tray .res .val{min-width:3ch}.tray-sep{width:2px;align-self:stretch;margin:2px 3px;background:#0000008c;box-shadow:1px 0 #ffd6961f}.hud-ident{display:flex;align-items:center;gap:6px;padding:0 4px 0 2px;cursor:default}.hud-ident-name{display:none;color:var(--gold-2);white-space:nowrap;font-size:11px}@media(min-width:1800px){.hud-ident-name{display:inline}}.hud-sky{position:absolute;left:50%;top:var(--hud-m);transform:translate(-50%);z-index:5;display:grid;grid-template-columns:auto auto;align-items:center;column-gap:10px;row-gap:0;padding:2px 12px 3px;font-family:var(--display);min-width:176px;justify-content:center}.sky-head{display:flex;align-items:center;gap:6px;grid-row:1 / 3}.sky-head .sky-disc{width:26px!important;height:26px!important}.sky-day{font-size:13px;color:var(--ink);white-space:nowrap}.sky-raid{display:flex;align-items:baseline;gap:6px;font-size:11px;white-space:nowrap;font-variant-numeric:tabular-nums}.sky-raid[hidden]{display:none}.sky-raid-label{color:var(--muted);font-size:9px;letter-spacing:.08em;text-transform:uppercase}.sky-raid-time{color:var(--ink);font-size:13px}.sky-raid.soon .sky-raid-label,.sky-raid.soon .sky-raid-time{color:#ff7a5a}.sky-clock{font-size:9px;color:var(--muted);font-variant-numeric:tabular-nums}.hud-sky.night .sky-day{color:var(--gold-2)}.hud-sky.bloodmoon .sky-day{color:var(--danger-ink)}.hud-sys{position:absolute;right:var(--hud-m);top:var(--hud-m);z-index:5;display:flex;flex-direction:column;align-items:flex-end;gap:4px;max-width:50vw}.sys-row{display:flex;align-items:stretch;gap:4px;height:var(--top-h)}.sys-books{display:flex;gap:4px}.sys-btn,.sys-books>button{position:static;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-width:52px;padding:2px 8px;font-family:var(--display);font-size:10px;line-height:1.1}.sys-key{font-size:8px;opacity:.7;letter-spacing:.04em}.hud-sys .hud-net{max-width:360px;font-size:11px;text-align:right}.guide,.guide-show{left:var(--hud-m);top:calc(var(--hud-m) + var(--top-h) + 8px);width:320px}.guide-show{width:auto}.game .coach{left:var(--hud-m);width:320px}.game .rn-col{top:calc(var(--hud-m) + var(--top-h) + 8px);right:var(--hud-m);width:248px}.alarmbar{top:calc(var(--hud-m) + var(--top-h) + 10px)}.game .rn-banner{top:calc(var(--hud-m) + var(--top-h) + 18px)}.game .rn-boonrow{top:57%}.minimap{left:var(--hud-m);bottom:var(--hud-m)}.mm-rail{position:absolute;left:calc(var(--hud-m) + var(--mm) + 4px);bottom:var(--hud-m);z-index:5;display:flex;flex-direction:column-reverse;gap:4px;width:var(--rail)}.mm-rail>.idle-btn,.mm-rail>.army-btn{position:static;display:none;width:var(--rail);height:var(--rail);padding:0;flex-direction:column;align-items:center;justify-content:center;gap:0;cursor:pointer}.mm-rail>.idle-btn.on,.mm-rail>.army-btn.on{display:flex}.army-btn .army-n,.idle-btn .idle-n{font-family:var(--display);font-size:13px;color:var(--gold-2);line-height:1.1}.army-btn .army-l,.idle-btn .idle-l{font-family:var(--display);font-size:7px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.army-btn .army-k,.idle-btn .idle-k{display:none}.fx-skin .mm-rail>.panel{border-width:5px;border-image-width:5px}.log{top:auto;left:var(--hud-m);bottom:calc(var(--hud-m) + var(--mm) + 10px);transform:none;width:min(400px,40vw);align-items:flex-start}.log .msg{text-align:left;font-size:13px;padding:3px 10px}.chronicle{left:var(--hud-m);bottom:calc(var(--hud-m) + var(--mm) + 10px)}.selpanel{position:absolute;left:var(--hud-m);right:var(--hud-m);bottom:var(--hud-m);top:auto;z-index:5;transform:none;max-width:none;padding:0;background:none;border:0;box-shadow:none;display:grid;grid-template-columns:minmax(calc(var(--mm) + var(--rail) + 8px),1fr) auto minmax(0,1fr);align-items:end;column-gap:10px;pointer-events:none}.fx-skin .selpanel{padding:0}.console-mid{grid-column:2;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}.console-mid>*{pointer-events:auto}.console-mid>.hints,.console-mid>.hoverinfo{pointer-events:none}.cmd-card{grid-column:3;justify-self:end;pointer-events:auto;padding:4px}.cmd-card[hidden],.sel-card[hidden]{display:none}.sel-card{width:max-content;max-width:var(--card-w);padding:6px 8px}.sel-card .sel{display:flex;align-items:flex-start;gap:10px}.sel-card .info{min-width:170px;max-width:220px;gap:3px}.sel-card .stat{font-size:11.5px}.card-extra{display:flex;flex-direction:column;gap:6px;min-width:0;max-width:240px;align-self:center}.card-extra:empty{display:none}.card-extra .queue{flex-wrap:nowrap;min-height:0;align-items:flex-end;gap:3px}.card-extra .queue:empty{display:none}.card-extra .qitem{width:30px;height:30px}.card-extra .qitem:first-child{width:46px;height:46px;margin-right:3px}.card-extra .qcount{align-self:flex-end;margin-left:2px}.card-extra .cmd-row{gap:4px}.sel-group .gicons{max-width:400px}.cmd-grid{display:grid;grid-template-columns:repeat(var(--cmd-cols),var(--slot));grid-auto-rows:var(--slot);gap:var(--slot-gap)}.cmd-grid .cmd,.card-extra .cmd{width:var(--slot);height:var(--slot);min-height:0;padding:0;gap:0;justify-content:center}.cmd-grid .cmd>.icon{margin-top:-8px}.cmd-grid .cmd-label,.card-extra .cmd .cmd-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.cmd.cooling .cmd-label{position:absolute;inset:0;width:auto;height:auto;clip-path:none;z-index:2;display:grid;place-items:center;max-width:none;font-family:var(--display);font-size:13px;margin:0}.cmd-grid .cost,.card-extra .cmd .cost{position:absolute;left:2px;right:2px;bottom:2px;max-width:none;justify-content:center;gap:3px;row-gap:0;font-size:8px;line-height:9px}.cmd-grid .cost .icon{width:8px!important;height:8px!important}.cmd-grid .cmd-note{position:absolute;left:1px;right:1px;bottom:2px;max-width:none;text-align:center;font-size:7px;line-height:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:none}.cmd-grid .cmd.locked:not(.poor) .cmd-note:not(:empty){display:block}.cmd-grid .cmd.locked:not(.poor):has(.cmd-note:not(:empty)) .cost{visibility:hidden}.cmd-grid .cmd.research .cmd-note{white-space:nowrap;max-width:none}.cmd-grid .cmd.demolish{grid-column:-2 / -1}.cmd-grid .cmd .cost.refund{bottom:1px}.hoverinfo,.hints{position:static;transform:none;max-width:min(560px,60vw)}.hints{text-align:center;line-height:1.7;font-size:11.5px;padding:3px 10px}.hoverinfo{align-items:center}.selpanel:not(.has-sel) .hints{background:#0e0b088c;border-color:transparent;color:var(--muted)}.dialog.menu-dlg{max-width:min(760px,calc(100vw - 40px));width:720px;text-align:left}.menu-dlg>.dialog-title,.menu-dlg>.dialog-sub{text-align:center}.menu-book{display:grid;grid-template-columns:200px 1fr;gap:18px;align-items:start}.menu-main{display:flex;flex-direction:column;gap:8px}.menu-pages{display:flex;flex-direction:column;gap:8px;min-width:0}.menu-tabs{display:flex;gap:4px;flex-wrap:wrap}.menu-tab{flex:1 1 0;padding:5px 8px;font-family:var(--display);font-size:10px}.menu-tab[aria-selected=true]{color:var(--gold-2)}.menu-page{display:flex;flex-direction:column;gap:8px;max-height:min(56vh,480px);overflow-y:auto;padding-right:4px}.menu-page[hidden]{display:none}.menu-page .btn{width:auto}.menu-page .menu-choices .btn,.menu-main .btn{width:100%}@media(max-width:1180px){.game{--slot: 48px;--card-w: 360px}.selpanel{grid-template-columns:calc(var(--mm) + var(--rail) + 8px) auto 1fr}.rn-col{width:220px}}.sky-raid{align-items:center}.sky-raid>.icon{width:20px;height:20px;margin:-2px 0}.game .alarmbar .alarm-mark.has-icon{width:20px;height:20px;background:none;box-shadow:none;display:grid;place-items:center}.alarm-mark.has-icon>.icon{display:block}.game .rn-toast{display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center}.game .rn-toast>:not(.rn-toast-icon){grid-column:2}.game .rn-toast>.rn-toast-icon{grid-column:1;grid-row:1 / span 3;align-self:center}.menu-tab{display:flex;align-items:center;justify-content:center;gap:6px}.menu-tab>.icon{flex:none}.game .menu-tabs{flex-wrap:nowrap}.game .menu-tabs .menu-tab{flex:1 1 0;min-width:0;padding-left:4px;padding-right:4px;gap:5px;white-space:nowrap}.game .dialog.menu-dlg{width:780px;max-width:calc(100vw - 40px)}.game .menu-book{grid-template-columns:190px 1fr}.game .cmd-grid .cmd.cost-many>.icon{margin-top:-15px}.game .cmd-grid .cmd.cost-many .cost{flex-wrap:wrap;row-gap:0;column-gap:0;padding-top:4px;justify-content:center}.game .cmd-grid .cmd.cost-many .cost>span{flex:0 0 44%;justify-content:center;text-align:center;white-space:nowrap}.sel-card .sel-unit .name{flex-wrap:wrap;row-gap:2px}.sel-card .sel-unit .nametext{flex:1 1 0;min-width:60%}.sel-card .sel-unit .name>.rank,.sel-card .sel-unit .name>.tag:not(.tag-chief){flex:none}.sel-card .sel-unit .name>.rank{flex-basis:100%}.sel-card .sel-unit.chief .info{max-width:260px}.tag-chief{flex:none;order:-1;padding:0 4px;font-size:13px;line-height:16px}.army-bar{position:absolute;left:var(--hud-m);top:calc(var(--hud-m) + var(--top-h) + 8px);z-index:5;width:188px;pointer-events:none}.army-bar[hidden]{display:none}.army-list{display:flex;flex-direction:column;gap:3px;overflow:hidden;pointer-events:auto}.army-card{position:relative;display:flex;align-items:stretch;width:100%;height:43px;padding:0;margin:0;cursor:pointer;text-align:left;color:var(--t-text, var(--ink));font:inherit;border:1px solid var(--line-2);background:linear-gradient(#c9d1e00f,#0000004d),var(--iron-0, #1b1f2c);box-shadow:var(--drop-sm, 0 2px 6px rgba(0, 0, 0, .5));transition:transform var(--m-fast, 90ms) ease,filter var(--m-fast, 90ms) ease}.fx-skin .army-card{border:var(--frame-sm-w) solid transparent;border-image:var(--fx-frame-sm) 3 / var(--frame-sm-w) stretch;background:linear-gradient(#c9d1e012,#0000004d),var(--fx-iron) 0 0 / 64px 64px,var(--iron-0);background-clip:padding-box;image-rendering:pixelated}.army-card:hover{transform:translate(1px);filter:brightness(1.12)}.army-card:active{transform:translate(1px) translateY(1px)}.army-key{flex:none;width:17px;display:grid;place-items:center;background:linear-gradient(rgba(255,255,255,.25),transparent 45%,rgba(0,0,0,.25)),var(--army);color:#1a1208;font-family:var(--display);font-size:12px;line-height:1;box-shadow:inset -1px 0 #0a060cb3,inset 0 1px #ffffff59}.army-body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:2px;padding:0 5px 0 6px;image-rendering:auto}.army-top{display:flex;align-items:baseline;gap:6px;min-width:0}.army-name{flex:1 1 auto;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-family:var(--display);font-size:9px;letter-spacing:.04em;text-transform:uppercase;color:var(--t-head-hi, var(--gold-2));text-shadow:0 1px 0 #0b0704}.army-count{flex:none;font-family:var(--display);font-size:11px;color:var(--t-text, var(--ink));text-shadow:0 1px 0 #0b0704;font-variant-numeric:tabular-nums}.army-str{position:relative;display:block;height:4px;background:var(--t-track, #1c1612);box-shadow:0 0 0 1px #0b0704;overflow:hidden}.army-str-fill{display:block;height:100%;width:0;background:linear-gradient(var(--t-good-hi, #b4ffb0),var(--t-good, #5df06a) 60%);transition:width .2s linear}.army-card.low .army-str-fill{background:linear-gradient(var(--t-bad-hi, #ff9a80),var(--t-bad, #e0442c) 60%)}.army-line{display:flex;align-items:baseline;gap:6px;min-width:0;white-space:nowrap;overflow:hidden}.army-act{font-family:var(--display);font-size:8px;letter-spacing:.06em;text-transform:uppercase;color:var(--t-text-dim, var(--muted))}.army-warn{font-family:var(--display);font-size:8px;letter-spacing:.04em;text-transform:uppercase;color:var(--t-bad-ink, var(--danger-ink));overflow:hidden;text-overflow:ellipsis}.army-card.fighting .army-act{color:var(--t-warn-hi, #ffe890)}.army-card.army-sel{filter:none;box-shadow:0 0 0 1px var(--army),0 0 10px color-mix(in srgb,var(--army) 55%,transparent),var(--drop-sm, 0 2px 6px rgba(0, 0, 0, .5))}.fx-skin .army-card.army-sel{border-image-source:var(--fx-frame-sm-gold)}.army-card.hurt:after{content:"";position:absolute;inset:-3px;pointer-events:none;box-shadow:var(--glow-bad, 0 0 12px 2px rgba(224, 68, 44, .55)),inset 3px 0 0 var(--t-bad, #e0442c);animation:army-hurt .7s ease-in-out infinite alternate}@keyframes army-hurt{0%{opacity:.35}to{opacity:1}}.army-card.fallen{filter:saturate(.25) brightness(.7)}.army-card.fallen .army-name{color:var(--t-text-dim, var(--muted))}.army-card.fallen .army-act{color:var(--t-bad-ink, var(--danger-ink))}.army-del{position:absolute;top:1px;right:1px;width:13px;height:13px;display:grid;place-items:center;font-size:12px;line-height:1;color:var(--t-text-dim, var(--muted));opacity:.4;cursor:pointer;transition:opacity var(--m-fast, 90ms) ease}.army-card:hover .army-del,.army-card.fallen .army-del{opacity:.75}.army-del:hover{opacity:1;color:var(--t-bad-ink, var(--danger-ink))}.army-card.asking .army-del{opacity:1;color:#fff;background:var(--danger, #b3261e)}.army-card.asking{box-shadow:0 0 0 1px var(--danger, #b3261e)}.army-card .army-count{margin-right:8px}.army-bar.compact .army-card .army-count{margin-right:0}.army-bar.compact{width:calc(var(--cols, 1) * 58px)}.army-bar.compact .army-list{display:grid;grid-template-columns:repeat(var(--cols, 1),55px);gap:3px}.army-bar.compact .army-card{height:25px}.army-bar.compact :is(.army-name,.army-str,.army-line){display:none}.army-bar.compact .army-top{justify-content:center}.army-bar.compact .army-body{padding:0 2px}.army-ctl{position:absolute;left:calc(100% + 6px);top:0;width:236px;z-index:1;display:flex;flex-direction:column;gap:5px;padding:5px 7px 6px;pointer-events:auto;box-shadow:inset 3px 0 0 var(--army),var(--drop, 0 6px 16px rgba(0, 0, 0, .5))}.army-ctl[hidden]{display:none}.army-ctl-head{display:flex;align-items:center;gap:6px;min-width:0}.army-swatch{flex:none;width:10px;height:10px;background:var(--army);box-shadow:0 0 0 1px #0b0704,inset 0 1px #fff6}.army-ctl-name{flex:1 1 auto;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-family:var(--display);font-size:11px;color:var(--t-head-hi, var(--gold-2));text-shadow:0 1px 0 #0b0704}.army-name-input{flex:1 1 auto;min-width:0;font-family:var(--display);font-size:11px;color:var(--gold-2);background:var(--deep);border:1px solid var(--gold);padding:2px 4px;outline:none}.army-name-input[hidden],.army-ctl-name[hidden]{display:none}.army-ctl-row{display:flex;gap:3px}.army-ctl-row>.btn{flex:1 1 0;min-width:0;padding:3px 2px;font-size:8px;letter-spacing:.02em;white-space:nowrap}.army-ctl-head>.btn{flex:none;padding:2px 6px;font-size:8px}.army-ctl-foot{align-items:center}.army-ctl-state{flex:1 1 auto;font-family:var(--display);font-size:8px;color:var(--t-text-dim, var(--muted));text-transform:uppercase;letter-spacing:.04em}.army-ctl-foot>.btn{flex:0 0 auto;padding:3px 8px}.army-ctl .btn.locked{opacity:.5;cursor:not-allowed}.army-disband.confirm{color:var(--danger-ink);border-color:var(--danger)}.reinforce{display:flex;align-items:center;gap:3px;flex-wrap:wrap;max-width:200px}.reinforce-l{flex:0 0 100%;font-family:var(--display);font-size:8px;letter-spacing:.06em;text-transform:uppercase;color:var(--t-text-dim, var(--muted))}.rf-chip{flex:none;min-width:20px;height:18px;padding:0 4px;cursor:pointer;font-family:var(--display);font-size:10px;line-height:1;color:#1a1208;background:linear-gradient(rgba(255,255,255,.2),transparent 50%,rgba(0,0,0,.25)),var(--army, #4a3a28);border:1px solid #0b0704;box-shadow:inset 0 1px #ffffff4d;opacity:.55}.rf-chip.rf-none{--army: #3a2f22;color:var(--t-text-dim, var(--muted));font-size:8px;text-transform:uppercase}.rf-chip:hover{opacity:.85}.rf-chip[aria-pressed=true]{opacity:1;box-shadow:0 0 0 1px var(--gold-2),0 0 8px #f0c96a80,inset 0 1px #ffffff4d}.army-of{display:flex;align-items:center;gap:6px}.army-of[hidden]{display:none}.army-of-name{font-family:var(--display);font-size:9px;letter-spacing:.04em;color:var(--army);text-shadow:0 1px 0 #0b0704}@media(prefers-reduced-motion:reduce){.army-card.hurt:after{animation:none}.army-card:hover,.army-card:active{transform:none}}.multi-mine{display:flex;flex-direction:column;gap:6px;margin-top:4px}.world-row{--team: var(--line-2)}.world-row .save-line{white-space:normal;font-style:normal;color:var(--gold-2)}.portrait>.lvl{position:absolute;top:3px;left:3px;z-index:2}.ui-badge.lvl{min-width:14px;height:14px;padding:0 3px;font-size:8px}.ui-badge.lvl.high{box-shadow:0 0 0 2px var(--ink-0),0 0 6px #fff09acc}.ui-badge.lvl.bad.high{box-shadow:0 0 0 2px var(--ink-0),0 0 6px #ff5a46cc}.gicon{position:relative}.gicon.gfig{justify-content:flex-end;gap:1px;overflow:visible}.gicon.gfig>*{flex:none}.gicon.gfig>.hpbar{align-self:stretch;width:auto}.gicon.gfig>canvas{image-rendering:pixelated;filter:drop-shadow(0 1px 0 rgba(10,6,12,.75))}.gicon>.lvl{position:absolute;top:-3px;right:-3px;z-index:2;pointer-events:auto}.gicon.chief{box-shadow:0 0 8px #f6c43e73}.hoverinfo{flex-direction:row;gap:8px}.hovercol{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0}.hoverface.ui-portrait{width:68px;height:60px;flex:none;border-width:3px}.fx-skin .hoverface.ui-portrait{border-image-width:3px}.hoverface.ui-portrait>canvas{margin-bottom:3px}.hoverface.ui-portrait:before{display:none}.hoverface>.lvl{position:absolute;top:1px;left:1px;z-index:2}.realm-map{position:absolute;inset:0;z-index:15;background:#0c0a07}.realm-canvas{position:absolute;left:0;top:0;display:block;cursor:crosshair;image-rendering:pixelated}.realm-title{position:absolute;left:50%;top:14px;transform:translate(-50%);pointer-events:none;font-family:var(--font-display, monospace);font-size:13px;letter-spacing:.3em;text-transform:uppercase;color:#f6c43e;text-shadow:0 1px 0 #0a0608,0 0 8px rgba(10,6,8,.9)}.realm-hint{position:absolute;left:50%;bottom:14px;transform:translate(-50%);pointer-events:none;white-space:nowrap;padding:5px 12px;background:#0a0608c7;border:1px solid rgba(246,196,62,.25);font-size:11px;color:#cfc3a6}.realm-hint b{color:#f3e7c9;font-weight:400;font-family:var(--font-display, monospace);font-size:10px}.realm-hint i{font-style:normal;margin:0 8px;color:#f6c43e80}.realm-glyph{font-family:sans-serif}.profile-overlay{position:fixed;z-index:60}.dialog.profile-dlg{max-width:min(860px,calc(100vw - 32px));width:840px;text-align:left;max-height:calc(100vh - 32px)}.profile-dlg>.dialog-title,.profile-dlg>.dialog-sub{text-align:center}.profile-body{display:grid;grid-template-columns:260px 1fr;gap:20px;align-items:start}@media(max-width:720px){.profile-body{grid-template-columns:1fr}}.profile-preview{position:sticky;top:0;display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 10px 12px;background:radial-gradient(ellipse at 50% 30%,#2c2318,var(--deep) 75%);border:2px solid #0b0704;box-shadow:inset 0 0 0 1px var(--line),inset 0 -3px 0 var(--team, var(--gold))}.profile-banner-big{filter:drop-shadow(0 4px 0 rgba(0,0,0,.55))}.profile-pv-clan{font-family:var(--display);font-size:15px;color:var(--gold-2);text-shadow:0 2px 0 #3a2a10;text-align:center;overflow-wrap:anywhere}.profile-pv-name{font-size:13px;color:var(--muted);text-align:center;overflow-wrap:anywhere}.profile-scene{display:flex;justify-content:center;margin-top:4px}.profile-scene canvas{max-width:100%;height:auto!important}.profile-mapsize{display:flex;align-items:flex-end;gap:10px}.profile-mapsize canvas{image-rendering:pixelated;display:block}.profile-mapsize .multi-label{align-self:center}.profile-form{display:flex;flex-direction:column;gap:6px;min-width:0;max-height:min(64vh,620px);overflow-y:auto;padding-right:6px}.profile-form .multi-label{margin-top:4px}.profile-swatches{display:flex;flex-wrap:wrap;gap:5px;align-items:center}.profile-swatch{width:26px;height:26px;padding:0;cursor:pointer;background:var(--sw);border:2px solid #0b0704;box-shadow:inset 0 2px #ffffff40,inset 0 -2px #00000059}.profile-swatch:hover{border-color:var(--gold)}.profile-swatch[aria-pressed=true]{border-color:var(--gold-2);box-shadow:0 0 0 2px #0b0704,0 0 10px #f0c96a99,inset 0 2px #ffffff40}.profile-swatch-default{position:relative}.profile-swatch-default:after{content:"C";position:absolute;inset:0;display:grid;place-items:center;font-family:var(--display);font-size:10px;color:#f2ead8;text-shadow:0 1px 0 #000}.profile-custom{width:34px;height:26px;padding:0 2px;cursor:pointer;background:#0f0a06;border:2px dashed var(--line-2)}.profile-custom.on{border:2px solid var(--gold-2);box-shadow:0 0 10px #f0c96a99}.profile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(38px,1fr));gap:5px}.btn.profile-cell{padding:4px 0 3px;display:grid;place-items:center}.btn.profile-cell canvas,.btn.profile-preset canvas{image-rendering:pixelated;display:block}.profile-presets{display:grid;grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:6px}.btn.profile-preset{padding:6px 0 4px;display:grid;place-items:center}.btn.profile-preset[aria-pressed=true]{border-color:var(--gold-2);box-shadow:0 0 0 2px var(--gold),0 0 12px #f0c96a8c}.btn.profile-random{font-family:var(--display)}.profile-acts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:6px}.profile-chip{display:flex;align-items:center;gap:12px;padding:8px 12px;width:100%;max-width:640px;background:linear-gradient(#2a2217,var(--panel));border:1px solid var(--line);border-left:4px solid var(--team, var(--gold))}.profile-chip-flag canvas{image-rendering:pixelated;display:block;filter:drop-shadow(0 2px 0 rgba(0,0,0,.6))}.profile-chip-names{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.profile-chip-clan{font-family:var(--display);font-size:14px;color:var(--gold-2);overflow-wrap:anywhere}.profile-chip-name{font-size:13px;color:var(--muted);overflow-wrap:anywhere}.hud-ident-banner{image-rendering:pixelated;display:block}.hud-ident-crest{display:flex;align-items:center}.hud-ident-crest .hud-ident-banner{margin:-4px 0;filter:drop-shadow(0 1px 0 rgba(0,0,0,.7))}.clan-players{display:flex;flex-direction:column;gap:4px}.clan-player{display:flex;align-items:center;gap:10px;padding:4px 8px;background:#00000038;border-left:3px solid var(--team, var(--gold))}.clan-player canvas{image-rendering:pixelated;display:block}.clan-player-names{flex:1;display:flex;flex-direction:column;min-width:0}.clan-player-clan{font-family:var(--display);font-size:12px;color:var(--gold-2);overflow-wrap:anywhere}.clan-player-name{font-size:12px;color:var(--muted);overflow-wrap:anywhere}.clan-player-status{font-size:12px;color:var(--muted);white-space:nowrap}.goals{--board: #1b160f;--card-w: 150px;--lane-w: 118px}.lane-hearth{--lane-c: #cf8f4a}.lane-guard{--lane-c: #b6553f}.lane-frontier{--lane-c: #6f9a55}.lane-earned{--lane-c: #8f7cc4}.lane-realm{--lane-c: #4f90a8}.goals-btn{position:absolute;left:296px;bottom:12px;z-index:5;display:flex;align-items:center;gap:6px}.goals-btn[aria-pressed=true]{border-color:var(--gold);color:var(--gold-2)}.goals{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:6;width:min(1180px,100vw - 32px);max-height:88vh;display:flex;flex-direction:column;gap:6px;padding:10px 12px 8px}.goals-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.goals-title{flex:0 0 auto}.goals-count{font-family:var(--display);font-size:10px;letter-spacing:.06em;color:var(--gold)}.goals-legend{flex:1;display:flex;justify-content:flex-end;flex-wrap:wrap;gap:4px 14px}.goals-chip,.goals-lane{display:flex;align-items:center;gap:6px;font-family:var(--display);font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.goals-dot{width:8px;height:8px;flex:0 0 auto;background:var(--lane-c, var(--line-2));box-shadow:0 0 0 1px var(--deep)}.goals-bar{height:3px;background:#0c0a07b3;box-shadow:inset 0 0 0 1px var(--deep)}.goals-bar-fill{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--gold-2))}.goals-scroll{flex:1;min-height:0;overflow:auto;background:var(--board);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px 12px 12px 0}.goals-canvas{position:relative;width:max-content;min-width:100%}.goals-edges{position:absolute;left:0;top:0;z-index:0;pointer-events:none;overflow:visible}.goals-grid{position:relative;z-index:1;width:max-content;display:grid;grid-template-columns:var(--lane-w) repeat(var(--cols, 1),var(--card-w));gap:10px 28px;align-items:start}.goals-lane{position:sticky;left:0;z-index:3;align-items:flex-start;align-self:stretch;padding:8px 10px 8px 12px;background:var(--board);color:var(--gold)}.goals-lane .goals-dot{margin-top:1px}.goals-lane-name{line-height:1.5}.goals-cell{display:flex;flex-direction:column;gap:7px}.goal-card{position:relative;width:var(--card-w);min-height:52px;display:flex;align-items:flex-start;gap:7px;padding:6px 8px;text-align:left;cursor:pointer;background:linear-gradient(#282015,#1b160f);border:1px solid var(--line);border-left:3px solid var(--lane-c, var(--line));box-shadow:0 2px #0c0a0799}.goal-card>.icon{margin-top:1px;flex:0 0 auto}.goal-body{min-width:0;display:flex;flex-direction:column;gap:3px}.goal-title{font-family:var(--display);font-size:10px;line-height:1.35;color:var(--ink);overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.goal-status{font-size:11px;line-height:1.25;color:var(--muted);overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.goal-card.open{background:linear-gradient(#33291a,#211a11);border-color:var(--line-2)}.goal-card.open .goal-status{color:var(--ink)}.goal-card.blocked .goal-status{color:var(--danger-ink)}.goal-card.done{border-color:var(--gold)}.goal-card.done .goal-title{color:var(--gold-2)}.goal-card.done .goal-status{color:var(--gold)}.goal-card.locked{opacity:.55}.goal-card.current{border-color:var(--gold-2);box-shadow:0 0 0 2px #f0c96a8c,0 2px #0c0a0799}.goal-card:hover{border-color:var(--gold)}.goal-card:focus-visible{outline:2px solid var(--gold-2);outline-offset:1px}.goal-card.pinned:after{content:"";position:absolute;right:-1px;top:-1px;border-left:11px solid transparent;border-top:11px solid var(--gold-2)}.goal-edge{fill:none;stroke-linecap:round}.goal-edge.done{stroke:var(--gold);stroke-width:1.6;opacity:.8}.goal-edge.open{stroke:var(--ink);stroke-width:1.4;opacity:.45}.goal-edge.locked{stroke:var(--line);stroke-width:1.2;opacity:.8}.goals-hint{margin:0;text-align:left;font-size:11px}.guide-lock{font-size:12px;line-height:1.4;color:var(--danger-ink)}.guide-label{padding:0;border:0;background:none;cursor:pointer;font-family:var(--display);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-2)}.guide-label:hover{text-decoration:underline}.guide-map{padding:0;border:0;background:none;cursor:pointer;font-family:var(--display);font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.guide-map:hover{color:var(--gold-2);text-decoration:underline}.guide-pin{font-family:var(--display);font-size:8px;letter-spacing:.08em;color:#1a1208;background:var(--gold);padding:0 4px;margin-right:6px;vertical-align:1px}.guide{cursor:pointer}.goals:not([hidden]){animation:fx-goals-in .2s var(--fx-ease, ease-out)}@keyframes fx-goals-in{0%{opacity:0;transform:translate(-50%,-48%) scale(.97)}to{opacity:1;transform:translate(-50%,-50%)}}.goals{--board: #17110b}.goals-title{text-shadow:0 2px 0 #000,0 0 14px rgba(240,201,106,.35)}.goals-bar{height:6px;background:#0b0704;box-shadow:0 0 0 1px #0b0704,inset 0 0 0 1px #2a1e12}.goals-bar-fill{background:linear-gradient(#fff0b0,#f0c96a 45%,#c08a30);box-shadow:0 0 8px #f0c96a99}.goals-scroll{border-top:2px solid #0b0704;border-bottom:2px solid #0b0704;background:radial-gradient(ellipse at 30% 0%,rgba(255,214,150,.05),transparent 60%),var(--board);box-shadow:inset 0 6px 14px #00000080}.goals-dot{box-shadow:0 0 0 1px #0b0704,0 0 6px var(--lane-c, transparent)}.goal-card{border:2px solid #0b0704;border-left:4px solid var(--lane-c, var(--line));background:linear-gradient(#2c2216,#1c150d);box-shadow:inset 0 1px #9a744459,0 2px #0009;transition:transform .1s ease,box-shadow .1s ease}.goal-card.open{background:radial-gradient(circle at 20% 0%,rgba(255,214,150,.12),transparent 60%),linear-gradient(#3a2d1c,#241b11);border-color:#0b0704;border-left-color:var(--lane-c, var(--line));box-shadow:inset 0 1px #c8a06473,0 2px #0009}.goal-card.done{border-color:#0b0704;border-left-color:var(--lane-c, var(--line));background:linear-gradient(#3a2e16,#2a200f);box-shadow:inset 0 0 0 1px #f0c96a8c,0 2px #0009}.goal-card.done:before{content:"";position:absolute;right:7px;top:5px;width:4px;height:8px;border-right:2px solid var(--gold-2);border-bottom:2px solid var(--gold-2);transform:rotate(40deg);filter:drop-shadow(0 1px 0 #000)}.goal-card.locked{opacity:.5;filter:grayscale(.4)}.goal-card.current{border-color:#0b0704;border-left-color:var(--lane-c, var(--line));box-shadow:0 0 0 2px var(--gold-2),0 0 16px #f0c96a73,0 2px #0009}.goal-card:hover{border-color:#0b0704;border-left-color:var(--lane-c, var(--line));transform:translateY(-1px);box-shadow:inset 0 0 0 1px var(--gold),0 0 12px #f0c96a4d,0 3px #0009}.goal-edge.done{stroke:var(--gold-2);filter:drop-shadow(0 0 2px rgba(240,201,106,.6))}.guide-pin{box-shadow:0 0 0 1px #0b0704;background:linear-gradient(#ffe9a0,#d9a441)}@media(prefers-reduced-motion:reduce){.goal-card{transition:none}.goal-card:hover{transform:none}}.rn{--rn-gold: var(--gold, #d9a441);--rn-gold-2: var(--gold-2, #f0c96a);--rn-ink: var(--ink, #e9dcc2);--rn-muted: var(--muted, #9a8a70);--rn-line: var(--line, #4b3a22);--rn-line-2: var(--line-2, #8a6a3a);--rn-frame: var(--frame, #5a4426);--rn-deep: var(--deep, #0c0a07);--rn-display: var(--display, "Silkscreen", "Courier New", monospace);--rn-body: var(--body, "Source Sans 3", "Helvetica Neue", Arial, sans-serif);--rn-hearth: #e3a243;--rn-steel: #8db3d9;--rn-road: #7fc46a;--rn-rare: #6faaff;--rn-epic: #c88cff;font-family:var(--rn-body);color:var(--rn-ink)}.rn-still .rn,.rn-still .rn *{animation:none!important;transition:none!important}.rn.rn-away .rn-col,.rn.rn-away .rn-boonrow{visibility:hidden}.rn kbd{font-family:var(--rn-display);font-size:9px;line-height:1;color:#1a1208;background:var(--rn-gold);padding:2px 4px 1px;border-radius:1px}.rn-col{position:absolute;top:50px;right:12px;z-index:5;width:264px;display:flex;flex-direction:column;gap:8px;pointer-events:none}.rn-col>*{pointer-events:auto}.rn-tracker{position:relative;padding:9px 10px 10px;background:radial-gradient(120% 60% at 50% 0%,rgba(240,201,106,.08),transparent 70%),linear-gradient(#2b2217,#1d170f);border:2px solid var(--rn-frame);box-shadow:inset 0 0 0 1px var(--rn-line-2),inset 0 1px 0 2px #ffdc960d,0 8px 24px #0000008c}.rn-tracker:before,.rn-tracker:after{content:"";position:absolute;top:-3px;width:6px;height:6px;background:var(--rn-gold);box-shadow:0 0 0 1px var(--rn-deep)}.rn-tracker:before{left:-3px}.rn-tracker:after{right:-3px}.rn-head{display:flex;align-items:center;gap:9px}.rn-crest{flex:0 0 auto;width:30px;height:30px;display:grid;place-items:center;cursor:default;transform:rotate(45deg);background:linear-gradient(135deg,var(--rn-gold-2),#b07a26);border:1px solid #fbe3a3;box-shadow:0 0 0 2px var(--rn-deep),0 0 10px #f0c96a59}.rn-crest-num{transform:rotate(-45deg);font-family:var(--rn-display);font-size:13px;color:#24180a;text-shadow:0 1px 0 rgba(255,240,200,.5)}.rn-crest.flash{animation:rn-crestflash 1.6s ease-out}@keyframes rn-crestflash{0%{box-shadow:0 0 0 2px var(--rn-deep),0 0 #ffdc8c}30%{box-shadow:0 0 0 2px var(--rn-deep),0 0 26px 8px #ffdc8ce6}to{box-shadow:0 0 0 2px var(--rn-deep),0 0 10px #f0c96a59}}.rn-ident{flex:1;min-width:0;cursor:default}.rn-title{font-family:var(--rn-display);font-size:13px;letter-spacing:.04em;color:var(--rn-gold-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 0 #000}.rn-sub{font-size:11.5px;color:var(--rn-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rn-fold{flex:0 0 auto;width:20px;height:20px;padding:0;cursor:pointer;line-height:1;font-family:var(--rn-display);font-size:12px;color:var(--rn-muted);background:linear-gradient(#2e2519,#1e1810);border:1px solid var(--rn-line)}.rn-fold:hover{color:var(--rn-gold-2);border-color:var(--rn-gold)}.rn-xp{position:relative;margin-top:8px;height:12px;cursor:default;background:#120e09;border:1px solid var(--rn-line);box-shadow:inset 0 1px 2px #000000b3}.rn-xp-fill{position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(#f6d684,#d9a441 55%,#a8731f);box-shadow:0 0 6px #f0c96a73;transition:width .6s cubic-bezier(.2,.8,.2,1)}.rn-xp-text{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--rn-display);font-size:9px;letter-spacing:.04em;color:#fff7e0;text-shadow:0 1px 0 #000,0 0 3px #000;font-variant-numeric:tabular-nums}.rn-xp.pulse .rn-xp-fill{animation:rn-xppulse .9s ease-out}@keyframes rn-xppulse{0%{filter:brightness(1.8)}to{filter:none}}.rn-gain{position:absolute;right:2px;top:-4px;pointer-events:none;font-family:var(--rn-display);font-size:11px;color:var(--rn-gold-2);text-shadow:0 1px 0 #000,0 0 6px rgba(240,201,106,.8);animation:rn-gain 1.5s ease-out forwards}@keyframes rn-gain{0%{transform:translateY(4px);opacity:0}15%{transform:translateY(-4px);opacity:1}to{transform:translateY(-20px);opacity:0}}.rn-offer{margin-top:8px;width:100%;display:flex;align-items:center;gap:8px;padding:6px 9px;cursor:pointer;font-family:var(--rn-display);font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:#24180a;background:linear-gradient(#f6d684,#d9a441);border:1px solid #fbe3a3;box-shadow:0 0 0 1px var(--rn-deep),0 0 14px #f0c96a8c;animation:rn-offerglow 1.8s ease-in-out infinite}.rn-offer:hover{filter:brightness(1.08)}.rn-offer.open{animation:none;filter:brightness(.92)}.rn-offer.arrive{animation:rn-arrive .6s ease-out,rn-offerglow 1.8s ease-in-out .6s infinite}.rn-offer-star{font-size:13px;line-height:1}.rn-offer-label{flex:1;text-align:left}.rn-offer kbd{background:#24180a;color:var(--rn-gold-2)}@keyframes rn-offerglow{0%,to{box-shadow:0 0 0 1px var(--rn-deep),0 0 8px #f0c96a59}50%{box-shadow:0 0 0 1px var(--rn-deep),0 0 18px 2px #f0c96abf}}@keyframes rn-arrive{0%{transform:scale(.9);opacity:0}60%{transform:scale(1.04);opacity:1}to{transform:none}}.rn-body{margin-top:9px;padding-top:8px;border-top:1px solid var(--rn-line);display:flex;flex-direction:column;gap:5px}.rn-label,.rn-sublabel{font-family:var(--rn-display);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--rn-gold)}.rn-sublabel{margin-top:4px;color:var(--rn-muted)}.rn-tasks{display:flex;flex-direction:column;gap:6px;margin-bottom:3px}.rn-task{position:relative;display:grid;grid-template-columns:14px 1fr auto;align-items:center;column-gap:7px;row-gap:3px;padding:4px 6px 5px;cursor:default;background:#00000038;border:1px solid rgba(138,106,58,.35);transition:background .3s,border-color .3s}.rn-task:hover{border-color:var(--rn-line-2);background:#00000052}.rn-task-icon{grid-row:1 / span 2;align-self:center;width:9px;height:9px;margin-left:2px;transform:rotate(45deg);background:var(--rn-muted);box-shadow:0 0 0 1px var(--rn-deep)}.rn-task.k-bank .rn-task-icon{background:var(--rn-hearth)}.rn-task.k-build .rn-task-icon,.rn-task.k-train .rn-task-icon{background:var(--rn-steel)}.rn-task.k-slay .rn-task-icon,.rn-task.k-clear .rn-task-icon,.rn-task.k-explore .rn-task-icon{background:var(--rn-road)}.rn-task-text{font-size:13px;line-height:1.15;color:var(--rn-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rn-task-n{font-family:var(--rn-display);font-size:9px;color:var(--rn-muted);font-variant-numeric:tabular-nums}.rn-task-bar{grid-column:2 / span 2;height:3px;background:#0f0b07;box-shadow:inset 0 0 0 1px #00000080;overflow:hidden}.rn-task-bar>i{display:block;height:100%;width:0;background:linear-gradient(90deg,#a8731f,var(--rn-gold-2));transition:width .5s ease-out}.rn-task.empty .rn-task-text{color:var(--rn-muted);font-style:italic}.rn-task.empty .rn-task-icon{background:#3a2f20}.rn-task.done{border-color:#7fc46ab3;background:#4678322e;animation:rn-taskdone 1.2s ease-out}.rn-task.done .rn-task-text{color:#c6e6b4;text-decoration:line-through;text-decoration-color:#c6e6b48c}.rn-task.done .rn-task-icon{transform:none;width:12px;height:12px;margin-left:0;background:none;box-shadow:none}.rn-task.done .rn-task-icon:before{content:"✓";display:block;font-size:13px;line-height:12px;color:var(--rn-road);font-weight:700}.rn-task.done .rn-task-bar>i{background:linear-gradient(90deg,#4f8f3a,#a9e08c)}@keyframes rn-taskdone{0%{box-shadow:0 0 #a9e08ce6}to{box-shadow:0 0 0 6px #a9e08c00}}.rn-task.fresh{animation:rn-taskin .45s ease-out}@keyframes rn-taskin{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:none}}.rn-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:3px}.rn-badge{position:relative;width:24px;height:24px;display:grid;place-items:center;cursor:default;font-family:var(--rn-display);font-size:9px;color:#140f08;border:1px solid rgba(255,255,255,.35);box-shadow:0 0 0 1px var(--rn-deep)}.rn-badge sup{position:absolute;right:-4px;top:-5px;font-size:8px;line-height:1;padding:1px 2px;color:var(--rn-gold-2);background:var(--rn-deep);border:1px solid var(--rn-line-2)}.rn-badge.s-hearth,.rn-card.s-hearth{--rn-school: var(--rn-hearth)}.rn-badge.s-steel,.rn-card.s-steel{--rn-school: var(--rn-steel)}.rn-badge.s-road,.rn-card.s-road{--rn-school: var(--rn-road)}.rn-badge{background:linear-gradient(var(--rn-school),color-mix(in srgb,var(--rn-school) 60%,#000))}.rn-deeds-btn{align-self:flex-start;padding:2px 0;cursor:pointer;background:none;border:0;font-family:var(--rn-display);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--rn-muted)}.rn-deeds-btn:hover{color:var(--rn-gold-2)}.rn-deeds{display:flex;flex-direction:column;gap:3px;max-height:240px;overflow-y:auto;padding-right:2px}.rn-deed{font-size:12px;color:var(--rn-ink);padding-left:10px;position:relative}.rn-deed:before{content:"";position:absolute;left:1px;top:6px;width:4px;height:4px;background:var(--rn-gold);transform:rotate(45deg)}.rn-more,.rn-empty{font-size:11.5px;color:var(--rn-muted);font-style:italic}.rn-feat{display:grid;grid-template-columns:1fr auto;row-gap:2px;font-size:12px;cursor:default}.rn-feat-name{color:var(--rn-ink)}.rn-feat-n{font-family:var(--rn-display);font-size:9px;color:var(--rn-muted)}.rn-feat .rn-task-bar{grid-column:1 / span 2}.rn-tracker.folded{padding-bottom:9px}.rn-feast{display:flex;align-items:center;gap:6px;width:100%;margin:6px 0 2px;padding:4px 7px;font:inherit;font-size:12px;color:var(--rn-ink);cursor:pointer;text-align:left;background:linear-gradient(#3a2b17,#2a1f12);border:1px solid var(--rn-line-2)}.rn-feast:hover{border-color:var(--rn-gold)}.rn-feast.locked{opacity:.55;cursor:default}.rn-feast.merry{border-color:var(--rn-hearth);box-shadow:0 0 8px #e3a24373;opacity:1}.rn-feast-icon{color:var(--rn-hearth)}.rn-feast-label{flex:1 1 auto}.rn-feast-cost{font-family:var(--rn-display);font-size:9px;color:var(--rn-gold-2)}.rn-boonrow-foot{display:flex;gap:10px;justify-content:center}.rn-reroll.locked{opacity:.5;cursor:default}.rn-chief{font-size:11px;color:var(--rn-gold-2);cursor:pointer;pointer-events:auto;margin-top:1px}.rn-chief:hover{text-decoration:underline}.rn-toasts{display:flex;flex-direction:column;gap:6px;pointer-events:none}.rn-toasts>*{pointer-events:none}.rn-toast{--rn-accent: var(--rn-gold);position:relative;padding:7px 10px 7px 13px;background:linear-gradient(90deg,#241c12f5,#18130cf0);border:1px solid var(--rn-line-2);border-left:3px solid var(--rn-accent);box-shadow:0 0 0 1px var(--rn-deep),0 6px 16px #00000080;animation:rn-toastin .38s cubic-bezier(.2,.9,.3,1.2);transition:opacity .38s ease,transform .38s ease}.rn-toast.out{opacity:0;transform:translate(16px)}.rn-toast-kicker{font-family:var(--rn-display);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--rn-accent)}.rn-toast-title{font-size:14px;font-weight:600;color:var(--rn-ink);line-height:1.2;margin-top:1px}.rn-toast-detail{font-size:12px;color:var(--rn-muted);margin-top:1px}.rn-toast.t-task{--rn-accent: var(--rn-road);padding-top:5px;padding-bottom:5px}.rn-toast.t-task .rn-toast-title{font-size:13px;font-weight:400}.rn-toast.t-deed,.rn-toast.t-boon{--rn-accent: var(--rn-gold-2)}.rn-toast.t-common{--rn-accent: #efe7d6}.rn-toast.t-loss{--rn-accent: var(--danger-ink, #e0705a);border-color:#e0705a99}.rn-toast.t-rare{--rn-accent: var(--rn-rare);border-color:#6faaff99;background:linear-gradient(90deg,#182238f5,#16130ef0);box-shadow:0 0 0 1px var(--rn-deep),0 0 14px #6faaff4d,0 6px 16px #00000080}.rn-toast.t-epic{--rn-accent: var(--rn-epic);border-color:#f0c96acc;padding:10px 12px 10px 14px;background:linear-gradient(100deg,#3a1e4ef7,#281a0ef5);box-shadow:0 0 0 1px var(--rn-deep),0 0 22px #c88cff73,0 0 8px #f0c96a66,0 6px 18px #0000008c;animation:rn-toastin .38s cubic-bezier(.2,.9,.3,1.2),rn-epicglow 1.6s ease-in-out .4s infinite}.rn-toast.t-epic .rn-toast-kicker{color:var(--rn-gold-2)}.rn-toast.t-epic .rn-toast-title{font-size:15px;color:#f3e2ff}.rn-toast.t-epic .rn-toast-detail{color:var(--rn-gold-2)}@keyframes rn-toastin{0%{opacity:0;transform:translate(24px) scale(.96)}to{opacity:1;transform:none}}@keyframes rn-epicglow{0%,to{box-shadow:0 0 0 1px var(--rn-deep),0 0 16px #c88cff59,0 6px 18px #0000008c}50%{box-shadow:0 0 0 1px var(--rn-deep),0 0 28px 3px #c88cff99,0 6px 18px #0000008c}}.rn-banner{position:absolute;left:50%;top:21%;z-index:8;pointer-events:none;transform:translate(-50%);min-width:340px;padding:14px 40px 15px;text-align:center;background:radial-gradient(80% 120% at 50% 50%,rgba(240,201,106,.18),transparent 70%),linear-gradient(#281e10f5,#16110af5);border-top:2px solid var(--rn-gold);border-bottom:2px solid var(--rn-gold);box-shadow:0 0 0 1px var(--rn-deep),0 0 40px #f0c96a59,0 12px 30px #0009}.rn-banner:before,.rn-banner:after{content:"";position:absolute;top:50%;width:14px;height:14px;margin-top:-7px;background:var(--rn-gold);transform:rotate(45deg);box-shadow:0 0 0 2px var(--rn-deep)}.rn-banner:before{left:-7px}.rn-banner:after{right:-7px}.rn-banner.show{animation:rn-bannerin .7s cubic-bezier(.2,.9,.25,1.15)}.rn-banner.out{opacity:0;transform:translate(-50%,-10px);transition:opacity .6s ease,transform .6s ease}.rn-banner-kicker{font-family:var(--rn-display);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--rn-muted)}.rn-banner-title{font-family:var(--rn-display);font-size:30px;letter-spacing:.06em;color:var(--rn-gold-2);margin:3px 0 2px;text-shadow:0 2px 0 #3a250a,0 0 18px rgba(240,201,106,.55)}.rn-banner-sub{font-size:13px;color:var(--rn-ink)}@keyframes rn-bannerin{0%{opacity:0;transform:translate(-50%) scale(.7);letter-spacing:.4em}60%{opacity:1;transform:translate(-50%) scale(1.05)}to{transform:translate(-50%) scale(1)}}.rn-boonrow{position:absolute;left:50%;top:50%;z-index:8;transform:translate(-50%,-54%);display:flex;flex-direction:column;align-items:center;gap:14px;pointer-events:none;animation:rn-rowin .35s ease-out}.rn-boonrow>*{pointer-events:auto}@keyframes rn-rowin{0%{opacity:0;transform:translate(-50%,-50%)}to{opacity:1;transform:translate(-50%,-54%)}}.rn-boonrow-head{text-align:center;padding:6px 26px 7px;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(16,12,7,.92) 18%,rgba(16,12,7,.92) 82%,transparent)}.rn-boonrow-title{font-family:var(--rn-display);font-size:20px;letter-spacing:.08em;color:var(--rn-gold-2);text-shadow:0 2px 0 #3a250a,0 0 14px rgba(240,201,106,.45)}.rn-boonrow-sub{font-size:13px;color:var(--rn-muted)}.rn-cards{display:flex;gap:14px}.rn-card{--rn-school: var(--rn-gold);position:relative;width:210px;min-height:236px;padding:0 14px 14px;cursor:pointer;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--rn-ink);font-family:var(--rn-body);background:radial-gradient(90% 50% at 50% 0%,color-mix(in srgb,var(--rn-school) 22%,transparent),transparent 75%),linear-gradient(#2c2318,#191309);border:2px solid var(--rn-frame);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--rn-school) 55%,#000),0 0 0 1px var(--rn-deep),0 12px 28px #0009;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.rn-card:hover,.rn-card:focus-visible{transform:translateY(-6px);border-color:var(--rn-school);outline:none;box-shadow:inset 0 0 0 1px var(--rn-school),0 0 0 1px var(--rn-deep),0 0 26px color-mix(in srgb,var(--rn-school) 55%,transparent),0 16px 30px #0009}.rn-card-school{align-self:stretch;margin:0 -14px;padding:5px 0 4px;font-family:var(--rn-display);font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:#140f08;background:linear-gradient(var(--rn-school),color-mix(in srgb,var(--rn-school) 70%,#000))}.rn-card-sigil{width:46px;height:46px;margin:10px 0 6px;display:grid;place-items:center;font-family:var(--rn-display);font-size:15px;color:#140f08;transform:rotate(45deg);background:linear-gradient(135deg,color-mix(in srgb,var(--rn-school) 85%,#fff),color-mix(in srgb,var(--rn-school) 65%,#000));border:1px solid rgba(255,255,255,.4);box-shadow:0 0 0 2px var(--rn-deep),0 0 16px color-mix(in srgb,var(--rn-school) 45%,transparent)}.rn-card-sigil>span{transform:rotate(-45deg);line-height:1}.rn-card-name{font-family:var(--rn-display);font-size:13px;letter-spacing:.04em;color:var(--rn-ink)}.rn-card-tier{color:var(--rn-gold-2)}.rn-card-text{font-size:14px;line-height:1.35;color:#d8cbb0;flex:1}.rn-card-foot{font-family:var(--rn-display);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--rn-school)}.rn-later{display:flex;align-items:center;gap:8px;padding:5px 12px;cursor:pointer;font-family:var(--rn-display);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--rn-muted);background:#14100aeb;border:1px solid var(--rn-line)}.rn-later:hover{color:var(--rn-gold-2);border-color:var(--rn-gold)}.tip{position:absolute;left:0;top:0;z-index:9;pointer-events:none;max-width:300px;padding:7px 10px 8px;display:flex;flex-direction:column;gap:4px;font-family:var(--body);font-size:12px;line-height:1.45;color:var(--ink);text-align:left}.tip-title{display:flex;align-items:center;gap:7px}.tip-name{font-family:var(--display);font-size:11px;letter-spacing:.04em;color:var(--gold-2);text-shadow:0 2px 0 #3a2a10}.tip-key,.tip-line b{font-family:var(--display);font-size:9px;font-weight:400;letter-spacing:.04em;color:#1a1208;background:var(--gold);padding:0 4px;margin:0 1px;line-height:1.5}.tip-cost{display:flex}.tip .cost{flex-wrap:wrap;gap:8px;font-size:10px;color:var(--gold-2)}.tip-stats{display:grid;grid-template-columns:auto 1fr;gap:1px 10px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:4px 0}.tip-stat-k{font-family:var(--display);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);align-self:center}.tip-stat-v{color:var(--ink);font-variant-numeric:tabular-nums}.tip-line{color:var(--ink)}.tip-lock{display:flex;align-items:baseline;gap:6px;color:var(--danger-ink)}.tip-lock-mark{flex:none;width:6px;height:6px;background:var(--danger);box-shadow:0 0 5px #d0402acc;transform:translateY(-1px)}.tip-note{color:var(--muted);font-size:11.5px}.tip-name{text-shadow:0 2px 0 #000,0 0 10px rgba(240,201,106,.3)}.tip-stats{border-top:2px solid #0b0704;border-bottom:2px solid #0b0704;box-shadow:0 -1px #9a744440}.tip:not([hidden]){animation:fx-fade .12s ease-out}@media(prefers-reduced-motion:reduce){.tip:not([hidden]){animation:none}}.cmd-edges{position:absolute;inset:0;z-index:7;pointer-events:none}.cmd-tags{position:absolute;inset:0;z-index:4;pointer-events:none;overflow:hidden}.cmd-edge{position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:center;gap:2px;pointer-events:auto;cursor:pointer}.cmd-dir{display:block;width:22px;height:22px;filter:drop-shadow(1px 0 0 #140e18) drop-shadow(-1px 0 0 #140e18) drop-shadow(0 1px 0 #140e18) drop-shadow(0 -1px 0 #140e18)}.cmd-arrow{display:block;width:14px;height:22px;margin:0 auto;background:#ff7a2a;clip-path:polygon(50% 0,100% 100%,50% 74%,0 100%)}.cmd-edge.scout .cmd-arrow{background:#f2c230;width:10px;height:18px;margin-top:2px}.cmd-plate{display:flex;align-items:center;gap:3px;padding:1px 5px 1px 2px;font-family:Silkscreen,Courier New,monospace;font-size:8px;line-height:20px;white-space:nowrap;color:#ffe6c8;font-variant-numeric:tabular-nums;letter-spacing:.04em;background:linear-gradient(#6a2a0c,#3e1606);box-shadow:0 0 0 2px #140e18,inset 0 1px #ffae3459}.cmd-edge.scout .cmd-plate{color:#fff3c0;background:linear-gradient(#5a4208,#362604);box-shadow:0 0 0 2px #140e18,inset 0 1px #ffe89059}.cmd-icon{flex:none;image-rendering:pixelated}.cmd-edge.muster .cmd-dir{animation:cmdbreath 1.6s ease-in-out infinite}.cmd-edge.scout .cmd-dir{animation:cmdbreath 1.1s ease-in-out infinite}@keyframes cmdbreath{0%,to{opacity:.6}50%{opacity:1}}.cmd-edge:hover .cmd-plate{filter:brightness(1.15)}@media(prefers-reduced-motion:reduce){.cmd-edge .cmd-dir{animation:none}}.cmd-edge.here{flex-direction:column-reverse;opacity:.92}.cmd-edge.here .cmd-dir{width:14px;height:12px}.cmd-edge.here .cmd-arrow{width:10px;height:10px}.place-tip{position:absolute;left:0;top:0;z-index:4;pointer-events:none;white-space:nowrap;padding:2px 7px 3px;font-family:var(--body);font-size:12px;line-height:1.35;color:var(--t-bad-ink);background:#140e18d1;border:1px solid rgba(224,68,44,.6);text-shadow:0 1px 0 #000}.place-tip[hidden]{display:none}.place-tip.place-tip-note{color:#e8f0c8;border-color:#96c85a8c}.coach{position:absolute;left:12px;top:150px;z-index:6;width:300px;max-width:calc(100vw - 24px);padding:8px 10px 7px;display:none;flex-direction:column;gap:5px;border-color:var(--gold)}.coach.on{display:flex}.coach.fresh{animation:coach-in .35s ease-out}@keyframes coach-in{0%{transform:translate(-14px);opacity:0}to{transform:none;opacity:1}}.coach.ticked{box-shadow:inset 0 0 0 1px var(--line-2),0 0 0 3px var(--ok)}.coach.ticked .coach-tag{background:var(--ok)}.coach-head{display:flex;align-items:baseline;gap:8px}.coach-tag{font-family:var(--display);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#1a1208;background:var(--gold);padding:1px 5px}.coach-title{font-family:var(--display);font-size:13px;color:var(--gold-2)}.coach-body{font-size:13px;line-height:1.5;color:var(--ink)}.coach-body b{font-family:var(--display);font-size:9px;font-weight:400;color:#1a1208;background:var(--gold);padding:0 4px;margin:0 1px;white-space:nowrap}.coach-foot{display:flex;align-items:center;justify-content:space-between}.coach-progress{font-family:var(--display);font-size:9px;color:var(--muted)}.coach-skip{background:none;border:none;padding:0;cursor:pointer;font-size:11px;color:var(--muted);text-decoration:underline;text-underline-offset:2px}.coach-skip:hover{color:var(--gold-2)}.coach-marker{position:absolute;left:0;top:0;z-index:4;pointer-events:none;display:none}.coach-marker.on{display:block}.coach-ring{position:absolute;left:-16px;top:-10px;width:32px;height:20px;border-radius:50%;border:2px solid var(--gold-2);box-shadow:0 0 10px #f0c96ab3;animation:coach-ring 1.3s ease-out infinite}@keyframes coach-ring{0%{transform:scale(.6);opacity:1}to{transform:scale(1.5);opacity:0}}.coach-arrow{position:absolute;left:-9px;top:-40px;width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-top:14px solid var(--gold-2);filter:drop-shadow(0 2px 0 #1a1208) drop-shadow(0 0 6px rgba(240,201,106,.8));animation:coach-bob .8s ease-in-out infinite alternate}@keyframes coach-bob{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.coach-marker.hud{z-index:30}.coach-marker.hud .coach-ring{display:none}.coach-marker.hud .coach-arrow{top:-20px}.coach-edge{position:absolute;left:0;top:0;z-index:7;display:none;align-items:center;gap:6px;padding:3px 8px 3px 4px;cursor:pointer;background:#1a1208d9;border:1px solid var(--gold);font-family:var(--display);font-size:10px;color:var(--gold-2);white-space:nowrap}.coach-edge.on{display:flex}.coach-edge:hover{background:#3c2a12f2}.coach-edge-arrow{width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:10px solid var(--gold-2);transform:rotate(var(--ang, 0rad))}.idle-btn{position:absolute;left:190px;bottom:52px;z-index:5;display:none;align-items:center;gap:6px;padding:4px 9px;cursor:pointer}.idle-btn.on{display:flex}.idle-btn .idle-n{font-family:var(--display);font-size:12px;color:var(--gold-2)}.idle-btn .idle-k{font-family:var(--display);font-size:9px;color:#1a1208;background:var(--gold);padding:0 4px}.idle-btn.pulse{animation:idle-pulse 1.6s ease-in-out infinite}@keyframes idle-pulse{50%{box-shadow:inset 0 0 0 1px var(--line-2),0 0 0 2px var(--gold)}}.coaching .guide,.coaching .guide-show{display:none}.coach-task{display:none;font-size:12px;line-height:1.4;color:var(--gold-2);padding-left:14px;position:relative}.coach-task.on{display:block}.coach-task:before{content:"";position:absolute;left:2px;top:5px;width:6px;height:6px;background:var(--gold);transform:rotate(45deg)}.tb-layer{position:absolute;inset:0;z-index:9;pointer-events:none}.tb-layer>*{pointer-events:auto}.tb-layer>.tb-toasts{pointer-events:none}.tb-name{font-family:var(--font-display, var(--display));letter-spacing:.04em;text-shadow:0 1px 0 var(--ink-0, #000),0 0 1px var(--ink-0, #000)}.tb-name.lg{font-size:16px}.tb-name.xl{font-size:32px;line-height:1.1}.tb-banner{display:inline-block;width:10px;height:14px;flex:0 0 auto;box-shadow:0 0 0 2px var(--ink-0, #000),inset 0 -4px #0000004d;clip-path:polygon(0 0,100% 0,100% 100%,50% 75%,0 100%)}.tb-kicker{font:8px/1.2 var(--font-display, var(--display));letter-spacing:.12em;text-transform:uppercase;color:var(--t-text-dim, var(--muted))}.tb-picker,.tb-gift{position:absolute;left:50%;top:96px;transform:translate(-50%);width:380px;max-width:calc(100vw - 24px);padding:10px 14px 12px;display:flex;flex-direction:column;gap:6px;font:13px/1.3 var(--font-body, var(--body));color:var(--t-text, var(--ink))}.tb-head{display:flex;align-items:center;gap:8px}.tb-head .tb-kicker{flex:0 0 auto}.tb-strength{font:10px/1.2 var(--font-display, var(--display));letter-spacing:.06em;color:var(--gold-3, var(--gold))}.tb-cols,.tb-row{display:grid;grid-template-columns:28px 64px 1fr 62px;align-items:center;column-gap:8px}.tb-cols>span{white-space:nowrap;font:8px/1 var(--font-display, var(--display));letter-spacing:.1em;text-transform:uppercase;color:var(--t-text-faint, var(--muted))}.tb-cols>span:last-child{grid-column:3 / 5;text-align:right}.tb-rows{display:flex;flex-direction:column;gap:4px}.tb-row-res{display:grid;place-items:center}.tb-row-res canvas{width:20px;height:20px;image-rendering:pixelated;filter:drop-shadow(0 1px 0 var(--ink-0, #000))}.tb-res-fb{font:10px/1 var(--font-display, var(--display));color:var(--t-text-dim, var(--muted))}.tb-row-have{font:12px/1 var(--font-display, var(--display));font-variant-numeric:tabular-nums;color:var(--t-text-dim, var(--muted));text-align:right}.tb-row.empty{opacity:.45}.tb-range{width:100%;margin:0;accent-color:var(--gold-3, var(--gold));cursor:pointer}.tb-range:disabled{cursor:default}.tb-num{width:100%;height:24px;padding:0 6px;text-align:right;font:12px/1 var(--font-display, var(--display));font-variant-numeric:tabular-nums;color:var(--t-text, var(--ink));background:#00000073;border:2px solid var(--ink-0, #000);box-shadow:inset 0 2px #00000080;-moz-appearance:textfield;appearance:textfield}.tb-num::-webkit-inner-spin-button,.tb-num::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.tb-num:focus{outline:1px solid var(--gold-3, var(--gold))}.tb-quick{display:flex;gap:6px;justify-content:flex-end}.tb-quick .btn{padding:3px 9px;font-size:9px}.tb-summary{color:var(--t-text, var(--ink));min-height:17px}.tb-why{color:var(--t-bad-ink, var(--danger-ink));font-size:12px}.tb-actions{display:flex;gap:8px;justify-content:flex-end;align-items:center}.tb-actions .btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}.tb-rule{height:2px;margin:4px 0 2px;background:linear-gradient(90deg,transparent,var(--gold-1, var(--line-2)),transparent)}.tb-lend{justify-content:space-between}.tb-allies{flex:1;display:flex;flex-wrap:wrap;gap:4px}.tb-ally{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;cursor:pointer;background:#0000004d;border:1px solid var(--line, #4b3a22);font:inherit;color:inherit}.tb-ally:disabled{cursor:default;border-color:transparent;background:none;padding-left:0}.tb-ally.on:not(:disabled){border-color:var(--gold-3, var(--gold))}.tb-x{margin-left:auto;padding:0 6px;min-height:0;font-size:12px;line-height:16px}.tb-lend .btn{white-space:nowrap}.tb-request{position:absolute;left:50%;top:50%;transform:translate(-50%,-56%);width:520px;max-width:calc(100vw - 32px);padding:18px 26px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;font:15px/1.35 var(--font-body, var(--body));color:var(--t-text, var(--ink))}.tb-request.in{animation:tb-req-in .45s var(--ease-spring, ease-out)}.tb-req-kicker{font:12px/1 var(--font-display, var(--display));letter-spacing:.16em;text-transform:uppercase;color:var(--t-bad-hi, var(--danger-ink))}.tb-req-title{margin-top:2px}.tb-req-line{max-width:440px}.tb-req-asks{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 18px;margin:4px 0 2px}.tb-ask{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:8px;align-items:center;text-align:left}.tb-ask-icon{grid-row:1 / 3}.tb-ask-icon canvas{width:40px;height:40px;image-rendering:pixelated;filter:drop-shadow(0 2px 0 var(--ink-0, #000))}.tb-ask-n{font:24px/1 var(--font-display, var(--display));color:var(--t-head-hi, var(--gold-2));text-shadow:0 2px 0 var(--gold-0, #000)}.tb-ask-res{display:none}.tb-ask-have{font:12px/1.2 var(--font-body, var(--body));color:var(--t-text-dim, var(--muted))}.tb-ask.short .tb-ask-have{color:var(--t-bad-hi, var(--danger-ink));font-weight:600}.tb-req-timer{width:100%;display:flex;align-items:center;gap:10px}.tb-req-bar{flex:1;--c: var(--fire-2, #e8661a);--c-hi: var(--fire-4, #ffe68a)}.tb-req-bar>.ui-fill{animation:none;transition:transform .25s linear}.tb-request.urgent .tb-req-bar{--c: var(--t-bad, #e0442c);--c-hi: var(--t-bad-hi, #ff9a80)}.tb-request.urgent .tb-req-bar>.ui-fill{animation:ui-throb 1s ease-in-out infinite}.tb-req-secs{min-width:40px;text-align:right;font:16px/1 var(--font-display, var(--display));font-variant-numeric:tabular-nums;color:var(--t-head-hi, var(--gold-2))}.tb-request.urgent .tb-req-secs{color:var(--t-bad-hi, var(--danger-ink))}.tb-req-actions{display:flex;gap:18px;margin-top:4px}.tb-req-actions .btn{min-width:170px;padding:14px 22px;font-size:16px;display:inline-flex;align-items:center;justify-content:center;gap:10px}.tb-fight{border-color:var(--blood-3, var(--danger))}.tb-fight:hover{color:var(--t-bad-hi, var(--danger-ink));border-color:var(--t-bad, var(--danger))}.tb-keycap{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 3px;font:10px/1 var(--font-display, var(--display));color:var(--t-on-gold, #2a1806);background:var(--gold-3, var(--gold));border:2px solid var(--gold-1, #7e4e10)}.tb-req-note{font-size:12px;color:var(--t-text-faint, var(--muted));max-width:420px}@keyframes tb-req-in{0%{opacity:0;transform:translate(-50%,-56%) scale(.86)}70%{opacity:1;transform:translate(-50%,-56%) scale(1.02)}to{transform:translate(-50%,-56%) scale(1)}}.tb-wait{position:absolute;left:50%;top:50px;transform:translate(-50%);padding:4px 12px;white-space:nowrap;pointer-events:none;font:10px/1.2 var(--font-display, var(--display));letter-spacing:.05em;color:var(--t-text, var(--ink))}.fx-skin .tb-wait.panel{border-image:var(--fx-frame-sm) 3 / var(--frame-sm-w, 6px) stretch;border-width:var(--frame-sm-w, 6px)}.tb-wait .tb-name{font-size:10px}.tb-waiting .log{top:84px}.tb-waiting.alarmed .log{top:130px}.tb-toasts{position:absolute;left:50%;top:23%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px}.tb-toast{white-space:nowrap}.tb-toast .tb-name{font-size:12px}@media(prefers-reduced-motion:reduce){.tb-request.in{animation:none}}:root{--ink-0: #140e18;--ink-1: #211824;--ink-2: #33263a;--wood-0: #26180f;--wood-1: #45291a;--wood-2: #6b4227;--wood-3: #946039;--wood-4: #bd8650;--wood-5: #dcae74;--iron-0: #1b1f2c;--iron-1: #363e52;--iron-2: #5d6880;--iron-3: #929db4;--iron-4: #c9d1e0;--iron-5: #f2f5fa;--gold-0: #3e2208;--gold-1: #7e4e10;--gold-2: #c08a1e;--gold-3: #ecc23e;--gold-4: #fff09a;--bone-0: #3e3428;--bone-1: #71654f;--bone-2: #a89a7e;--bone-3: #d6cbb0;--bone-4: #f4eedc;--leather-0: #24160f;--leather-1: #43291a;--leather-2: #683f25;--vio-0: #1a0c2e;--vio-1: #401c70;--vio-2: #7a34c0;--vio-3: #b874f4;--vio-4: #e8ccff;--cyan-0: #0a2434;--cyan-1: #145870;--cyan-2: #2698b4;--cyan-3: #62d8ea;--cyan-4: #ccfaff;--leaf-1: #173c26;--leaf-2: #25602e;--leaf-3: #3d8634;--leaf-4: #68ae40;--leaf-5: #a8d45a;--fire-1: #a8300a;--fire-2: #e8661a;--fire-3: #ffae34;--fire-4: #ffe68a;--blood-1: #5a0e18;--blood-2: #941e26;--blood-3: #c83a32;--blight-1: #24142e;--blight-2: #3e2050;--blight-3: #5e3474;--t-text: #f1e5c8;--t-text-dim: #b3a487;--t-text-faint: #7f7260;--t-head: var(--gold-3);--t-head-hi: var(--gold-4);--t-on-parch: #2b1b12;--t-on-parch-dim: #6a5236;--t-on-gold: #2a1806;--t-good: #5df06a;--t-good-hi: #b4ffb0;--t-warn: #f2c230;--t-warn-hi: #ffe890;--t-bad: #e0442c;--t-bad-hi: #ff9a80;--t-bad-ink: #ffb2a6;--t-prog: #6aa6e0;--t-prog-hi: #bfe0ff;--t-mana: var(--cyan-3);--t-mana-hi: var(--cyan-4);--t-trail: #fff0c8;--t-track: #1c1612;--t-own: var(--gold-3);--t-arcane: var(--vio-3);--t-surface: #261c12;--t-surface-deep: #120d09;--t-veil: rgba(10, 7, 14, .72);--glow-gold: 0 0 0 1px rgba(255, 224, 120, .35), 0 0 10px 1px rgba(246, 196, 62, .45);--glow-gold-strong: 0 0 0 1px rgba(255, 240, 154, .7), 0 0 16px 3px rgba(246, 196, 62, .6);--glow-vio: 0 0 0 1px rgba(184, 116, 244, .35), 0 0 12px 1px rgba(122, 52, 192, .55);--glow-cyan: 0 0 0 1px rgba(98, 216, 234, .35), 0 0 10px 1px rgba(38, 152, 180, .5);--glow-bad: 0 0 0 1px rgba(255, 154, 128, .45), 0 0 12px 2px rgba(224, 68, 44, .55);--drop: 0 2px 0 rgba(10, 6, 12, .6), 0 6px 16px rgba(10, 6, 12, .5);--drop-sm: 0 1px 0 rgba(10, 6, 12, .7), 0 3px 8px rgba(10, 6, 12, .45);--text-lift: 0 1px 0 rgba(10, 6, 12, .9);--text-emboss: 0 1px 0 rgba(255, 246, 214, .5);--font-display: "Silkscreen", "Courier New", monospace;--font-body: "Source Sans 3", "Helvetica Neue", Arial, sans-serif;--fs-d-xs: 8px;--fs-d-sm: 12px;--fs-d-md: 16px;--fs-d-lg: 24px;--fs-d-xl: 32px;--fs-b-xs: 11.5px;--fs-b-sm: 13px;--fs-b-md: 14px;--fs-b-lg: 16px;--ls-display: .06em;--ls-caps: .12em;--lh-body: 1.35;--sp-1: 2px;--sp-2: 4px;--sp-3: 6px;--sp-4: 8px;--sp-5: 12px;--sp-6: 16px;--sp-7: 24px;--px: 2px;--frame-w: 10px;--frame-sm-w: 6px;--parch-w: 8px;--slot: 54px;--slot-sm: 32px;--icon: 20px;--icon-lg: 40px;--bar-h: 10px;--bar-h-sm: 6px;--m-fast: 90ms;--m-med: .16s;--m-slow: .32s;--m-pulse: 1.8s;--m-shimmer: 2.6s;--ease-out: cubic-bezier(.2, .8, .3, 1);--ease-spring: cubic-bezier(.2, .9, .3, 1.25);--ease-in: cubic-bezier(.5, 0, .9, .4);--plank-bg: linear-gradient(rgba(255, 220, 160, .1), transparent 45%, rgba(0, 0, 0, .22)), var(--fx-wood, none) 0 0 / 128px 64px, var(--wood-1);--lift: -1px;--sink: 1px}@media(prefers-reduced-motion:reduce){:root{--m-fast: 0ms;--m-med: 0ms;--m-slow: 0ms;--lift: 0px;--sink: 0px}}.ui-panel{position:relative;border:var(--frame-w) solid var(--iron-1);background:linear-gradient(#ffd6960d,#0003 70%,#00000052),var(--t-surface);color:var(--t-text);box-shadow:var(--drop)}.fx-skin .ui-panel{border-color:transparent;border-image:var(--fx-frame) 5 / var(--frame-w) stretch;background:linear-gradient(#ffd6960d,#0003 70%,#00000052),var(--fx-wood) 0 0 / 128px 64px,var(--t-surface);background-clip:padding-box}.fx-skin .ui-panel.gold{border-image-source:var(--fx-frame-gold);box-shadow:var(--glow-gold),var(--drop)}.fx-skin .ui-panel.arcane{border-image-source:var(--fx-frame-arcane);background:radial-gradient(120% 90% at 50% 0%,rgba(122,52,192,.2),transparent 60%),linear-gradient(#0000001a,#00000059),var(--fx-wood) 0 0 / 128px 64px,var(--t-surface);background-clip:padding-box;box-shadow:var(--glow-vio),var(--drop)}.ui-iron{background:linear-gradient(#c9d1e00f,#00000040),var(--iron-0)}.fx-skin .ui-iron{background:linear-gradient(#c9d1e012,#0000004d),var(--fx-iron) 0 0 / 64px 64px,var(--iron-0)}.ui-parch{border:var(--parch-w) solid var(--bone-2);background:var(--bone-3);color:var(--t-on-parch);box-shadow:var(--drop)}.fx-skin .ui-parch{border-color:transparent;border-image:var(--fx-parchment-frame) 4 / var(--parch-w) stretch;background:radial-gradient(130% 120% at 30% 20%,transparent 55%,rgba(104,63,37,.28)),var(--fx-parchment) 0 0 / 96px 96px,var(--bone-3);background-clip:padding-box}.ui-parch :is(h1,h2,h3,.ui-h){color:var(--leather-2);text-shadow:var(--text-emboss)}.ui-plaque{display:inline-flex;align-items:center;gap:var(--sp-3);min-height:24px;padding:0 14px;font:var(--fs-d-sm)/1 var(--font-display);letter-spacing:var(--ls-display);text-transform:uppercase;color:var(--t-head-hi);text-shadow:var(--text-lift);background:var(--wood-1);border-top:2px solid var(--gold-3);border-bottom:2px solid var(--gold-1)}.fx-skin .ui-plaque{border:0 solid transparent;border-width:0 8px;border-image:var(--fx-plaque) 0 4 fill / 0 8px stretch;background:none;image-rendering:pixelated}.ui-divider{height:10px;border:0;margin:var(--sp-3) 0;background:linear-gradient(transparent 4px,var(--gold-2) 4px 6px,transparent 6px)}.fx-skin .ui-divider{background:var(--fx-divider) center / 128px 10px no-repeat,linear-gradient(transparent 2px,var(--ink-0) 2px 4px,var(--gold-2) 4px 6px,var(--ink-0) 6px 8px,transparent 8px) center / calc(100% - 16px) 10px no-repeat;image-rendering:pixelated}.ui-h{font:var(--fs-d-sm)/1.1 var(--font-display);letter-spacing:var(--ls-display);text-transform:uppercase;color:var(--t-head);text-shadow:var(--text-lift);margin:0}.ui-h.lg{font-size:var(--fs-d-md);color:var(--t-head-hi)}.ui-h.xl{font-size:var(--fs-d-lg);color:var(--t-head-hi);text-shadow:0 2px 0 var(--gold-0),0 0 14px rgba(246,196,62,.35)}.ui-caps{font:var(--fs-d-xs)/1.2 var(--font-display);letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--t-text-dim)}.ui-body{font:var(--fs-b-md)/var(--lh-body) var(--font-body);color:var(--t-text)}.ui-num{font-family:var(--font-display);font-variant-numeric:tabular-nums}.ui-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-3);min-height:28px;padding:0 12px;font:var(--fs-d-sm)/1 var(--font-display);letter-spacing:var(--ls-display);text-transform:uppercase;color:var(--t-text);text-shadow:var(--text-lift);border:var(--frame-sm-w) solid var(--iron-2);background:var(--wood-2);box-shadow:0 2px #0a060ca6;cursor:pointer;user-select:none;transition:transform var(--m-fast) var(--ease-out),filter var(--m-fast) linear,box-shadow var(--m-fast) linear,color var(--m-fast) linear}.fx-skin .ui-btn{border-color:transparent;border-image:var(--fx-plank) 3 / var(--frame-sm-w) stretch;background:var(--plank-bg);background-clip:padding-box;image-rendering:pixelated}.ui-btn:is(:hover,.is-hover){color:var(--t-head-hi);transform:translateY(var(--lift));box-shadow:0 3px #0a060ca6,0 0 10px #f6c43e38}.fx-skin .ui-btn:is(:hover,.is-hover){border-image-source:var(--fx-plank-hover)}.ui-btn:is(:active,.is-active){transform:translateY(var(--sink));box-shadow:0 1px #0a060ca6;color:var(--t-text-dim)}.fx-skin .ui-btn:is(:active,.is-active){border-image-source:var(--fx-plank-press)}.ui-btn.primary{color:var(--t-on-gold);text-shadow:var(--text-emboss);background:linear-gradient(var(--gold-4),var(--gold-3) 45%,var(--gold-2))}.fx-skin .ui-btn.primary{border-image-source:var(--fx-slot-gold);background:linear-gradient(var(--gold-4),var(--gold-3) 45%,var(--gold-2))}.ui-btn.primary:is(:hover,.is-hover){color:var(--t-on-gold);box-shadow:0 3px #0a060ca6,var(--glow-gold)}.ui-btn:is([disabled],[aria-disabled=true]){filter:saturate(.25) brightness(.7);cursor:not-allowed;transform:none;box-shadow:none}.ui-slot{position:relative;display:inline-grid;place-items:center;width:var(--slot);height:var(--slot);padding:0;border:var(--frame-sm-w) solid var(--iron-2);background:radial-gradient(80% 80% at 35% 30%,#3a2a1c,var(--t-surface-deep) 75%);color:var(--t-text);cursor:pointer;isolation:isolate;box-shadow:0 2px #0a060cb3;transition:transform var(--m-fast) var(--ease-out),box-shadow var(--m-fast) linear,filter var(--m-fast) linear}.fx-skin .ui-slot{border-color:transparent;border-image:var(--fx-slot) 3 / var(--frame-sm-w) stretch;image-rendering:pixelated}.ui-slot>canvas,.ui-slot>img{image-rendering:pixelated;transition:transform var(--m-fast) var(--ease-out)}.ui-slot:is(:hover,.is-hover){transform:translateY(var(--lift));box-shadow:0 3px #0a060cb3,0 0 10px #f6c43e40}.fx-skin .ui-slot:is(:hover,.is-hover){border-image-source:var(--fx-slot-hover)}.ui-slot:is(:hover,.is-hover)>canvas{transform:scale(1.06)}.ui-slot:is(:active,.is-active){transform:translateY(var(--sink));box-shadow:inset 0 2px 6px #0009}.fx-skin .ui-slot:is(:active,.is-active){border-image-source:var(--fx-slot-press)}.ui-slot:is(:active,.is-active)>canvas{transform:translateY(1px) scale(.97)}.fx-skin .ui-slot.ready{border-image-source:var(--fx-slot-gold)}.ui-slot.ready:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(70% 70% at 50% 55%,rgba(246,196,62,.32),transparent 70%);animation:ui-breathe var(--m-pulse) ease-in-out infinite}.ui-slot.on{box-shadow:var(--glow-gold)}.fx-skin .ui-slot.on{border-image-source:var(--fx-slot-gold)}.ui-slot:is(.locked,[aria-disabled=true]){cursor:not-allowed;transform:none;box-shadow:none}.fx-skin .ui-slot:is(.locked,[aria-disabled=true]){border-image-source:var(--fx-slot-lock)}.ui-slot:is(.locked,[aria-disabled=true])>canvas{filter:grayscale(.85) brightness(.55);transform:none}.ui-slot.locked:after{content:"";position:absolute;right:1px;bottom:1px;width:10px;height:12px;background:var(--iron-3);-webkit-mask:var(--ui-lock-mask) center / 10px 12px no-repeat;mask:var(--ui-lock-mask) center / 10px 12px no-repeat;filter:drop-shadow(1px 1px 0 var(--ink-0))}.ui-slot.short .ui-cost,.ui-cost .short{color:var(--t-bad);text-shadow:0 0 6px rgba(224,68,44,.5),var(--text-lift)}.ui-slot.new{overflow:hidden}.ui-slot.new:before{content:"";position:absolute;inset:-2px;z-index:2;pointer-events:none;background:linear-gradient(105deg,transparent 35%,rgba(255,246,200,.55) 47%,rgba(255,240,154,.2) 53%,transparent 62%);transform:translate(-120%);animation:ui-shimmer var(--m-shimmer) var(--ease-out) infinite}.ui-slot.new:hover:before{animation:none;opacity:0}.ui-slot.cd:after,.ui-cd{--cd-a: calc((1 - var(--cd, 0)) * 1turn);content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:conic-gradient(transparent 0 var(--cd-a),rgba(255,236,160,.85) var(--cd-a) calc(var(--cd-a) + 1.5deg),var(--t-veil) calc(var(--cd-a) + 1.5deg) 1turn)}.ui-slot.cd>canvas{filter:saturate(.4) brightness(.8)}.ui-slot.cd-done:after{content:"";position:absolute;inset:-2px;pointer-events:none;z-index:3;box-shadow:var(--glow-gold-strong);animation:ui-flash .45s var(--ease-out) forwards}.ui-slot.casting{box-shadow:var(--glow-vio)}.ui-slot.casting:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(closest-side,rgba(184,116,244,.45),transparent);animation:ui-breathe .9s ease-in-out infinite}.ui-key{display:inline-grid;place-items:center;min-width:14px;height:14px;padding:0 3px;font:var(--fs-d-xs)/1 var(--font-display);color:var(--t-on-gold);text-shadow:0 1px 0 rgba(255,246,214,.45);background:var(--gold-3);border:2px solid var(--gold-1);box-shadow:0 1px 0 var(--ink-0)}.fx-skin .ui-key{border:4px solid transparent;border-image:var(--fx-key) 2 fill / 4px stretch;background:none;padding:0 1px;min-width:14px;image-rendering:pixelated}.ui-slot>.ui-key{position:absolute;left:-8px;top:-8px;z-index:4}.ui-count{position:absolute;right:1px;bottom:0;z-index:4;font:var(--fs-d-xs)/1 var(--font-display);color:var(--t-head-hi);text-shadow:1px 1px 0 var(--ink-0),-1px 0 0 var(--ink-0)}.ui-cost{display:inline-flex;gap:var(--sp-2);align-items:center;font:var(--fs-d-xs)/1 var(--font-display);color:var(--t-text-dim);text-shadow:var(--text-lift)}.ui-cost canvas{width:10px;height:10px;image-rendering:pixelated}.ui-bar{--v: 1;--trail: var(--v);--c: var(--t-good);--c-hi: var(--t-good-hi);position:relative;height:var(--bar-h);overflow:hidden;background:var(--t-track);border:2px solid var(--ink-0);box-shadow:0 1px #ffffff0d}.fx-skin .ui-bar{border:4px solid transparent;border-image:var(--fx-trough) 2 / 4px stretch;height:calc(var(--bar-h) + 4px);background:var(--t-track);background-clip:padding-box;image-rendering:pixelated}.ui-bar:before,.ui-bar>.ui-fill{content:"";position:absolute;inset:0;transform-origin:left center;transition:transform var(--m-med) var(--ease-out)}.ui-bar:before{background:var(--t-trail);transform:scaleX(var(--trail));transition:transform .5s .25s var(--ease-out)}.ui-bar>.ui-fill{transform:scaleX(var(--v));background:linear-gradient(var(--c-hi) 0 2px,var(--c) 2px calc(100% - 2px),color-mix(in srgb,var(--c) 70%,#000) calc(100% - 2px))}.ui-bar:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 calc(25% - 2px),rgba(10,6,12,.28) calc(25% - 2px) 25%)}.ui-bar.sm{height:var(--bar-h-sm)}.fx-skin .ui-bar.sm{height:calc(var(--bar-h-sm) + 4px)}.ui-bar.mid{--c: var(--t-warn);--c-hi: var(--t-warn-hi)}.ui-bar.low{--c: var(--t-bad);--c-hi: var(--t-bad-hi)}.ui-bar.low>.ui-fill{animation:ui-throb 1s ease-in-out infinite}.ui-bar.prog{--c: var(--t-prog);--c-hi: var(--t-prog-hi)}.ui-bar.mana{--c: var(--cyan-2);--c-hi: var(--t-mana-hi)}.ui-bar.renown{--c: var(--gold-3);--c-hi: var(--gold-4)}.ui-bar.xp{--c: var(--vio-2);--c-hi: var(--vio-4)}.ui-bar.working>.ui-fill{overflow:hidden}.ui-bar.working>.ui-fill:after{content:"";position:absolute;top:0;bottom:0;left:-100%;width:300%;background:linear-gradient(90deg,transparent 40%,rgba(255,255,255,.35) 50%,transparent 60%);animation:ui-run 1.6s linear infinite}.ui-bar-label{position:absolute;inset:0;z-index:2;display:grid;place-items:center;font:var(--fs-d-xs)/1 var(--font-display);color:var(--bone-4);text-shadow:1px 1px 0 var(--ink-0),-1px -1px 0 var(--ink-0),1px -1px 0 var(--ink-0),-1px 1px 0 var(--ink-0)}.ui-pips{display:inline-flex;gap:3px}.ui-pips>i{width:6px;height:6px;transform:rotate(45deg);background:var(--iron-1);box-shadow:0 0 0 1px var(--ink-0)}.ui-pips>i.on{background:linear-gradient(135deg,var(--gold-4),var(--gold-2))}.ui-res{position:relative;display:inline-flex;align-items:center;gap:var(--sp-3);height:28px;padding:0 10px 0 4px;background:linear-gradient(#00000073,#00000040);border:2px solid var(--ink-0);box-shadow:inset 0 2px #00000080,0 1px #ffdca014;font:var(--fs-d-sm)/1 var(--font-display);color:var(--t-text);text-shadow:var(--text-lift);font-variant-numeric:tabular-nums}.ui-res>canvas{width:var(--icon);height:var(--icon);image-rendering:pixelated;filter:drop-shadow(0 1px 0 var(--ink-0))}.ui-res .ui-rate{font-size:var(--fs-d-xs);color:var(--t-text-faint)}.ui-res.gain{animation:ui-gain .6s var(--ease-out)}.ui-res.gain>canvas{animation:ui-pop .35s var(--ease-spring)}.ui-res.short{color:var(--t-bad-ink);animation:ui-shake .32s linear;box-shadow:var(--glow-bad)}.ui-res.full{color:var(--t-warn-hi)}.ui-float{position:absolute;left:50%;top:-2px;pointer-events:none;font:var(--fs-d-sm)/1 var(--font-display);color:var(--t-good-hi);text-shadow:1px 1px 0 var(--ink-0);animation:ui-float .9s var(--ease-out) forwards}.ui-float.spend{color:var(--t-bad-hi)}.ui-toast{--accent: var(--gold-3);display:flex;align-items:center;gap:var(--sp-4);padding:6px 12px 6px 8px;border:var(--frame-sm-w) solid var(--iron-2);background:var(--t-surface);color:var(--t-text);font:var(--fs-b-sm)/1.3 var(--font-body);box-shadow:inset 3px 0 0 var(--accent),var(--drop);animation:ui-toast-in var(--m-med) var(--ease-spring)}.fx-skin .ui-toast{border-color:transparent;border-image:var(--fx-frame-sm) 3 / var(--frame-sm-w) stretch;background:var(--fx-wood) 0 0 / 128px 64px,var(--t-surface);background-clip:padding-box}.ui-toast b,.ui-toast .ui-h{color:var(--accent)}.ui-toast.good{--accent: var(--t-good)}.ui-toast.warn{--accent: var(--t-warn)}.ui-toast.bad{--accent: var(--t-bad)}.fx-skin .ui-toast.bad{box-shadow:inset 3px 0 0 var(--accent),var(--glow-bad),var(--drop)}.ui-toast.arcane{--accent: var(--vio-3)}.fx-skin .ui-toast.arcane{border-image-source:var(--fx-frame-sm-arcane);box-shadow:inset 3px 0 0 var(--accent),var(--glow-vio),var(--drop)}.ui-toast.epic{--accent: var(--gold-4)}.fx-skin .ui-toast.epic{border-image-source:var(--fx-frame-sm-gold);box-shadow:var(--glow-gold-strong),var(--drop)}.ui-toast.out{animation:ui-toast-out var(--m-med) var(--ease-in) forwards}.ui-tip{max-width:300px;padding:6px 10px 8px;font:var(--fs-b-sm)/var(--lh-body) var(--font-body);animation:ui-tip-in var(--m-fast) var(--ease-out)}.ui-tip .ui-tip-title{font:var(--fs-d-sm)/1.1 var(--font-display);letter-spacing:var(--ls-display);color:var(--leather-2);text-transform:uppercase;padding-bottom:4px;margin-bottom:4px;border-bottom:2px solid rgba(104,63,37,.35)}.ui-tip .ui-tip-key{float:right;margin-left:8px}.ui-tip .ui-cost{color:var(--t-on-parch);text-shadow:none}.ui-tip .lock{color:#a8231a;font-weight:600}.ui-tip .ui-tip-note{color:var(--t-on-parch-dim);font-size:var(--fs-b-xs);font-style:italic}.ui-badge{display:inline-grid;place-items:center;min-width:16px;height:16px;padding:0 4px;font:var(--fs-d-xs)/1 var(--font-display);color:var(--t-on-gold);background:var(--gold-3);box-shadow:0 0 0 2px var(--ink-0),var(--glow-gold)}.ui-badge.bad{color:#fff;background:var(--t-bad);box-shadow:0 0 0 2px var(--ink-0),var(--glow-bad)}.ui-badge.arcane{color:#fff;background:var(--vio-2);box-shadow:0 0 0 2px var(--ink-0),var(--glow-vio)}.ui-portrait{position:relative;display:grid;place-items:end center;overflow:hidden;width:96px;height:96px;border:var(--frame-sm-w) solid var(--gold-2);background:radial-gradient(60% 18% at 50% 88%,rgba(10,6,12,.55),transparent 70%),radial-gradient(70% 60% at 50% 100%,rgba(255,214,140,.22),transparent 70%),linear-gradient(#2a2440,#3b2f4a 45%,#5a3d36 78%,#2a1d14 78%,#1d140e);box-shadow:inset 0 0 0 2px #0a060c99,var(--drop-sm)}.fx-skin .ui-portrait{border-color:transparent;border-image:var(--fx-frame-sm-gold) 3 / var(--frame-sm-w) stretch}.ui-portrait.hostile{background:radial-gradient(60% 18% at 50% 88%,rgba(10,6,12,.6),transparent 70%),radial-gradient(70% 60% at 50% 100%,rgba(184,116,244,.2),transparent 70%),linear-gradient(#140b1e,#24142e 50%,#2c1a24 78%,#160d14 78%,#0e0814)}.fx-skin .ui-portrait.hostile{border-image-source:var(--fx-frame-sm-arcane)}.ui-portrait>canvas{image-rendering:pixelated;position:relative;z-index:1;margin-bottom:6px;filter:drop-shadow(0 1px 0 rgba(10,6,12,.7))}.ui-portrait:before{content:"";position:absolute;left:30%;bottom:20%;width:2px;height:2px;background:var(--gold-4);box-shadow:22px -8px #fff09a99,40px 6px #fff09a66;animation:ui-mote 4s linear infinite;opacity:.7}.ui-minimap{position:relative;border:var(--frame-w) solid var(--iron-1);background:var(--ink-0);box-shadow:var(--drop)}.fx-skin .ui-minimap{border-color:transparent;border-image:var(--fx-frame) 5 / var(--frame-w) stretch}.ui-minimap>canvas{display:block;image-rendering:pixelated}.ui-minimap:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 18px 4px #0a060cbf}.ui-minimap.raid{animation:ui-raid 1.2s ease-in-out 3}.ui-ping{position:absolute;width:0;height:0;pointer-events:none;z-index:2;--ping: var(--t-bad)}.ui-ping:before,.ui-ping:after{content:"";position:absolute;left:-14px;top:-14px;width:28px;height:28px;border-radius:50%;border:2px solid var(--ping);box-shadow:0 0 6px var(--ping);animation:ui-ping 1.4s var(--ease-out) infinite}.ui-ping:after{animation-delay:.7s}.ui-ping.gold{--ping: var(--gold-3)}.ui-ping.arcane{--ping: var(--vio-3)}.ui-check{appearance:none;width:16px;height:16px;margin:0;background:var(--t-surface-deep);border:2px solid var(--iron-2);box-shadow:inset 0 2px #00000080;display:inline-grid;place-items:center;cursor:pointer}.ui-check:checked{background:linear-gradient(135deg,var(--gold-4),var(--gold-2));border-color:var(--gold-1);box-shadow:var(--glow-gold)}:where(.fx-skin) ::-webkit-scrollbar{width:10px;height:10px}:where(.fx-skin) ::-webkit-scrollbar-track{background:#0a060c80;box-shadow:inset 2px 0 0 var(--ink-0)}:where(.fx-skin) ::-webkit-scrollbar-thumb{background:linear-gradient(90deg,var(--iron-3),var(--iron-2) 40%,var(--iron-1));border:2px solid var(--ink-0)}:where(.fx-skin) ::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,var(--gold-4),var(--gold-3) 40%,var(--gold-1))}:where(.fx-skin) *{scrollbar-color:var(--iron-2) rgba(10,6,12,.5)}:where(.fx-skin) input[type=range],.ui-range{-webkit-appearance:none;appearance:none;height:18px;background:transparent;cursor:pointer;accent-color:var(--gold-3)}:where(.fx-skin) input[type=range]::-webkit-slider-runnable-track{height:8px;background:linear-gradient(var(--ink-0) 0 2px,var(--t-track) 2px 6px,var(--iron-2) 6px);border:2px solid var(--ink-0);box-shadow:inset 0 0 0 1px var(--iron-1)}:where(.fx-skin) input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;margin-top:-5px;transform:rotate(45deg);background:linear-gradient(135deg,var(--gold-4),var(--gold-3) 45%,var(--gold-1));border:2px solid var(--ink-0);transition:transform var(--m-fast) var(--ease-out),box-shadow var(--m-fast) linear}:where(.fx-skin) input[type=range]:hover::-webkit-slider-thumb{transform:rotate(45deg) scale(1.15);box-shadow:var(--glow-gold)}:where(.fx-skin) input[type=range]:active::-webkit-slider-thumb{transform:rotate(45deg) scale(.95)}:where(.fx-skin) input[type=range]::-moz-range-track{height:4px;background:var(--t-track);border:2px solid var(--ink-0)}:where(.fx-skin) input[type=range]::-moz-range-progress{height:4px;background:var(--gold-2)}:where(.fx-skin) input[type=range]::-moz-range-thumb{width:12px;height:12px;border-radius:0;transform:rotate(45deg);background:var(--gold-3);border:2px solid var(--ink-0)}:where(.fx-skin) :focus{outline:none}:where(.fx-skin) :focus-visible{outline:2px solid var(--gold-4);outline-offset:2px;box-shadow:0 0 0 4px #0a060ce6,var(--glow-gold)}@keyframes ui-breathe{0%,to{opacity:.55}50%{opacity:1}}@keyframes ui-shimmer{0%{transform:translate(-120%)}45%,to{transform:translate(120%)}}@keyframes ui-flash{0%{opacity:1}to{opacity:0}}@keyframes ui-throb{0%,to{opacity:1}50%{opacity:.7}}@keyframes ui-run{0%{transform:translate(-33.3%)}to{transform:translate(33.3%)}}@keyframes ui-gain{0%{box-shadow:var(--glow-gold-strong)}to{box-shadow:inset 0 2px #00000080}}@keyframes ui-pop{0%{transform:scale(1)}40%{transform:scale(1.3) translateY(-2px)}to{transform:scale(1)}}@keyframes ui-shake{0%,to{transform:translate(0)}20%{transform:translate(-3px)}40%{transform:translate(3px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}}@keyframes ui-float{0%{transform:translate(-50%);opacity:1}to{transform:translate(-50%,-22px);opacity:0}}@keyframes ui-toast-in{0%{transform:translate(24px);opacity:0}to{transform:none;opacity:1}}@keyframes ui-toast-out{to{transform:translate(24px);opacity:0}}@keyframes ui-tip-in{0%{transform:translateY(4px);opacity:0}to{transform:none;opacity:1}}@keyframes ui-mote{0%{transform:translateY(0);opacity:0}20%{opacity:.8}to{transform:translateY(-60px);opacity:0}}@keyframes ui-raid{0%,to{box-shadow:var(--drop)}50%{box-shadow:var(--glow-bad),var(--drop)}}@keyframes ui-ping{0%{transform:scale(.25);opacity:1}to{transform:scale(1.4);opacity:0}}@media(prefers-reduced-motion:reduce){.ui-slot.ready:before,.ui-slot.new:before,.ui-slot.casting:before,.ui-bar.low>.ui-fill,.ui-bar.working>.ui-fill:after,.ui-portrait:before,.ui-minimap.raid,.ui-res.gain,.ui-res.gain>canvas,.ui-res.short,.ui-toast,.ui-tip,.ui-ping:before,.ui-ping:after{animation:none!important}.ui-float{display:none}.ui-ping:before{transform:scale(.8)}}.fx-skin .panel{border-image:var(--fx-frame) 5 / var(--frame-w) stretch;background:linear-gradient(#ffd6960d,#0003 70%,#00000052),var(--fx-wood) 0 0 / 128px 64px,var(--t-surface);background-clip:padding-box;color:var(--t-text);box-shadow:var(--drop)}.fx-skin :is(.hud-tray,.hud-sky,.mm-rail>.panel){border-image:var(--fx-frame-sm) 3 / var(--frame-sm-w) stretch}.fx-skin .hud-tray{background:linear-gradient(#c9d1e012,#0000004d),var(--fx-iron) 0 0 / 64px 64px,var(--iron-0);background-clip:padding-box}.fx-skin .hud-tray .res{background:linear-gradient(#0a060c9e,#0a060c66);box-shadow:inset 0 2px #0a060cb3,inset 0 -1px #c9d1e01f;font-family:var(--font-display);font-size:var(--fs-d-sm)}.fx-skin .res .val{color:var(--t-text);text-shadow:var(--text-lift);font-variant-numeric:tabular-nums}.fx-skin .res .icon{filter:drop-shadow(0 1px 0 var(--ink-0))}.fx-skin .res.gain{box-shadow:inset 0 2px #0a060cb3,inset 0 0 0 1px #ffe07873,0 0 10px #f6c43e59}.fx-skin .res.gain .val{color:var(--gold-4);text-shadow:0 1px 0 var(--ink-0),0 0 8px rgba(246,196,62,.9)}.fx-skin .res.gain .icon{animation:ui-pop .35s var(--ease-spring)}.fx-skin .res.spend .val{color:#ffd2a0}.fx-skin .res.low .val{color:var(--t-bad-ink);text-shadow:0 1px 0 var(--ink-0),0 0 8px rgba(224,68,44,.55)}.fx-skin .res-float{font-family:var(--font-display);color:var(--gold-4);text-shadow:1px 1px 0 var(--ink-0),0 0 6px rgba(246,196,62,.8)}.fx-skin .res-float.neg{color:var(--t-bad-hi);text-shadow:1px 1px 0 var(--ink-0)}.fx-skin .res.deny{box-shadow:var(--glow-bad)}.fx-skin .tray-sep{width:4px;background:none;box-shadow:none;border-left:2px solid var(--ink-0);border-right:2px solid var(--iron-2);opacity:.8}.fx-skin .hud-ident{color:var(--t-head)}.fx-skin .hud-sky{background:radial-gradient(90% 140% at 50% 0%,rgba(255,214,140,.14),transparent 60%),linear-gradient(#2a2f50,#1b1f36 70%,#141629);background-clip:padding-box;transition:background var(--m-slow) linear}.fx-skin .hud-sky.night{background:radial-gradient(90% 140% at 50% 0%,rgba(98,216,234,.12),transparent 60%),linear-gradient(#141a34,#0d1022 70%,#090a18);background-clip:padding-box;box-shadow:var(--glow-cyan),var(--drop)}.fx-skin .hud-sky.bloodmoon{background:radial-gradient(90% 140% at 50% 0%,rgba(200,58,50,.28),transparent 60%),linear-gradient(#2a0e18,#1a0810 70%,#10050a);background-clip:padding-box;box-shadow:var(--glow-bad),var(--drop)}.fx-skin .sky-disc{image-rendering:pixelated;filter:drop-shadow(0 0 5px rgba(255,214,140,.55))}.fx-skin .hud-sky.night .sky-disc{filter:drop-shadow(0 0 6px rgba(204,250,255,.5))}.fx-skin .sky-day{font-size:var(--fs-d-md);color:var(--t-head-hi);text-shadow:0 1px 0 var(--ink-0),0 0 10px rgba(246,196,62,.3)}.fx-skin .sky-clock{color:#8a90b4}.fx-skin .sky-raid-label{color:#a6abc8;font-family:var(--font-display);font-size:var(--fs-d-xs)}.fx-skin .sky-raid-time{color:var(--bone-4);font-family:var(--font-display);font-size:var(--fs-d-sm)}.fx-skin .sky-raid.soon .sky-raid-label,.fx-skin .sky-raid.soon .sky-raid-time{color:#ff8a6a;text-shadow:0 0 8px rgba(224,68,44,.8)}.fx-skin .sky-raid.soon .sky-raid-time{animation:ui-throb 1s ease-in-out infinite}.fx-skin .hud-sky:has(.sky-raid.soon){box-shadow:var(--glow-bad),var(--drop)}.fx-skin :is(.sys-btn,.sys-books>button){border:var(--frame-sm-w) solid transparent;border-image:var(--fx-plank) 3 / var(--frame-sm-w) stretch;background:var(--plank-bg);background-clip:padding-box;color:var(--t-text);text-shadow:var(--text-lift);box-shadow:0 2px #0a060c99;transition:transform var(--m-fast) var(--ease-out),color var(--m-fast) linear,box-shadow var(--m-fast) linear}.fx-skin :is(.sys-btn,.sys-books>button):hover{border-image-source:var(--fx-plank-hover);color:var(--t-head-hi);transform:translateY(var(--lift));box-shadow:0 3px #0a060c99,0 0 10px #f6c43e38}.fx-skin :is(.sys-btn,.sys-books>button):active{border-image-source:var(--fx-plank-press);transform:translateY(var(--sink));box-shadow:none}.fx-skin .sys-key{color:var(--gold-3);opacity:.85}.fx-skin :is(.sys-btn,.sys-books>button) .icon{image-rendering:pixelated;filter:drop-shadow(0 1px 0 var(--ink-0))}.fx-skin .btn{border:var(--frame-sm-w) solid transparent;border-image:var(--fx-plank) 3 / var(--frame-sm-w) stretch;background:var(--plank-bg);background-clip:padding-box;color:var(--t-text);text-shadow:var(--text-lift);box-shadow:0 2px #0a060c99;filter:none}.fx-skin .btn:hover{border-image-source:var(--fx-plank-hover);color:var(--t-head-hi);transform:translateY(var(--lift));filter:none;box-shadow:0 3px #0a060c99,0 0 10px #f6c43e38}.fx-skin .btn:active{border-image-source:var(--fx-plank-press);transform:translateY(var(--sink));box-shadow:none}.fx-skin :is(.btn.primary,.btn.choice[aria-pressed=true],.menu-tab[aria-selected=true]){border-image:var(--fx-slot-gold) 3 / var(--frame-sm-w) stretch;background:linear-gradient(var(--gold-4),var(--gold-3) 45%,var(--gold-2));background-clip:padding-box;color:var(--t-on-gold);text-shadow:var(--text-emboss)}.fx-skin :is(.btn.primary,.btn.choice[aria-pressed=true]):hover{color:var(--t-on-gold);box-shadow:0 3px #0a060c99,var(--glow-gold)}.fx-skin .btn:is(:disabled,[aria-disabled=true]){filter:saturate(.2) brightness(.65);transform:none;box-shadow:none}.fx-skin .sel-card .name,.fx-skin .name{font-family:var(--font-display);font-size:var(--fs-d-sm);color:var(--t-head-hi);text-shadow:0 1px 0 var(--ink-0),0 0 10px rgba(246,196,62,.3)}.fx-skin .rank,.fx-skin .rank-name{color:var(--t-text-dim)}.fx-skin .pips .pip,.fx-skin .pip{width:5px;height:5px;transform:rotate(45deg);background:var(--iron-1);box-shadow:0 0 0 1px var(--ink-0);border:0}.fx-skin .pip.on{background:linear-gradient(135deg,var(--gold-4),var(--gold-2));box-shadow:0 0 0 1px var(--ink-0),0 0 4px #f6c43e99}.fx-skin .hpnum{font-family:var(--font-display);font-size:var(--fs-d-xs);color:var(--t-text-dim)}.fx-skin .order{color:var(--t-text);font-size:var(--fs-b-md)}.fx-skin .stat{color:var(--t-text-dim)}.fx-skin .stat.material{color:var(--t-text-faint);font-style:italic}.fx-skin .portrait{border:var(--frame-sm-w) solid transparent;border-image:var(--fx-frame-sm-gold) 3 / var(--frame-sm-w) stretch;background:radial-gradient(42% 9% at 50% 86%,rgba(10,6,12,.55),transparent 100%),radial-gradient(75% 55% at 50% 100%,rgba(255,214,140,.24),transparent 70%),radial-gradient(60% 50% at 30% 15%,rgba(255,241,214,.12),transparent 70%),linear-gradient(#2a2848,#3d3150 46%,#5e4436 74%,#3a2a1c 74%,#22170f);background-clip:padding-box;box-shadow:inset 0 0 0 2px #0a060c8c,var(--drop-sm)}.fx-skin .portrait:after{display:none}.fx-skin .portrait .icon{filter:drop-shadow(0 1px 0 rgba(10,6,12,.75))}.fx-skin .sel-item .portrait{background:radial-gradient(closest-side,rgba(246,196,62,.3),transparent),linear-gradient(#2a2848,#22170f);background-clip:padding-box}.fx-skin .hpbar{height:14px;border:4px solid transparent;border-image:var(--fx-trough) 2 / 4px stretch;background:var(--t-track);background-clip:padding-box;box-shadow:none}.fx-skin .hpbar .fill{--c: var(--t-good);--c-hi: var(--t-good-hi);background:linear-gradient(var(--c-hi) 0 2px,var(--c) 2px calc(100% - 2px),color-mix(in srgb,var(--c) 68%,#000) calc(100% - 2px));box-shadow:none}.fx-skin .hpbar.mid .fill{--c: var(--t-warn);--c-hi: var(--t-warn-hi);background:linear-gradient(var(--c-hi) 0 2px,var(--c) 2px calc(100% - 2px),color-mix(in srgb,var(--c) 68%,#000) calc(100% - 2px))}.fx-skin .hpbar.low .fill{--c: var(--t-bad);--c-hi: var(--t-bad-hi);background:linear-gradient(var(--c-hi) 0 2px,var(--c) 2px calc(100% - 2px),color-mix(in srgb,var(--c) 68%,#000) calc(100% - 2px));animation:ui-throb 1s ease-in-out infinite}.fx-skin .hpbar.progress .fill{--c: var(--t-prog);--c-hi: var(--t-prog-hi);background:linear-gradient(var(--c-hi) 0 2px,var(--c) 2px calc(100% - 2px),color-mix(in srgb,var(--c) 68%,#000) calc(100% - 2px));position:relative;overflow:hidden}.fx-skin .hpbar.progress .fill:after{content:"";position:absolute;top:0;bottom:0;left:-100%;width:300%;background:linear-gradient(90deg,transparent 40%,rgba(255,255,255,.35) 50%,transparent 60%);animation:ui-run 1.6s linear infinite}.fx-skin .hpbar:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 calc(25% - 2px),rgba(10,6,12,.28) calc(25% - 2px) 25%)}.fx-skin .hpbar{position:relative}.fx-skin .gicon .hpbar{height:6px;border-width:2px;border-image:none;border:1px solid var(--ink-0)}.fx-skin .gicon .hpbar:after{display:none}.fx-skin :is(.gicon,.qitem){border:var(--frame-sm-w) solid transparent;border-image:var(--fx-slot) 3 / var(--frame-sm-w) stretch;background:radial-gradient(80% 80% at 35% 30%,#3a2a1c,var(--t-surface-deep) 75%);background-clip:padding-box;box-shadow:0 1px #0a060c99}.fx-skin .gicon:hover{border-image-source:var(--fx-slot-hover);transform:translateY(var(--lift));box-shadow:0 0 10px #f6c43e4d}.fx-skin .qitem:hover{border-image-source:var(--fx-slot-hover);box-shadow:var(--glow-bad)}.fx-skin .card-extra .qitem:first-child{border-image-source:var(--fx-slot-gold);box-shadow:0 0 10px #f6c43e40}.fx-skin .qitem .prog{height:4px;background:linear-gradient(var(--t-prog-hi) 0 1px,var(--t-prog) 1px);box-shadow:0 0 6px #6aa6e0b3}.fx-skin .qcount,.fx-skin .gmore{font-family:var(--font-display);color:var(--t-text-dim)}.fx-skin .cmd-card{border-image-source:var(--fx-frame);background:linear-gradient(#c9d1e00f,#0000004d),var(--fx-iron) 0 0 / 64px 64px,var(--iron-0);background-clip:padding-box}.fx-skin .cmd{border:var(--frame-sm-w) solid transparent;border-image:var(--fx-slot) 3 / var(--frame-sm-w) stretch;background:radial-gradient(70% 60% at 50% 32%,rgba(255,214,150,.16),transparent 70%),linear-gradient(#33251a,#1c140d 70%,#140e09);background-clip:padding-box;box-shadow:0 2px #0a060cb3;filter:none;transition:transform var(--m-fast) var(--ease-out),box-shadow var(--m-fast) linear}.fx-skin .cmd .icon{image-rendering:pixelated;filter:drop-shadow(0 2px 0 rgba(10,6,12,.6));transition:transform var(--m-fast) var(--ease-out)}.fx-skin .cmd:hover:not(.locked){border-image-source:var(--fx-slot-hover);transform:translateY(var(--lift));filter:none;box-shadow:0 3px #0a060cb3,0 0 12px #f6c43e4d}.fx-skin .cmd:hover:not(.locked) .icon{transform:translateY(-1px) scale(1.06)}.fx-skin .cmd:active:not(.locked){border-image-source:var(--fx-slot-press);transform:translateY(var(--sink));box-shadow:inset 0 3px 6px #0000008c;filter:none}.fx-skin .cmd:active:not(.locked) .icon{transform:translateY(1px) scale(.97)}.fx-skin .cmd[aria-pressed=true]{border-image-source:var(--fx-slot-gold);background:radial-gradient(70% 70% at 50% 45%,rgba(246,196,62,.38),transparent 75%),linear-gradient(#4a3520,#2a1d12);background-clip:padding-box;box-shadow:var(--glow-gold)}.fx-skin .cmd.ready{border-image-source:var(--fx-slot-gold);animation:ui-ready 1.2s ease-out}@keyframes ui-ready{0%{box-shadow:var(--glow-gold-strong)}to{box-shadow:0 2px #0a060cb3}}.fx-skin .cmd.locked:not(.poor){border-image-source:var(--fx-slot-lock);background:linear-gradient(#1e1a17,#120e0b);background-clip:padding-box;box-shadow:none}.fx-skin .cmd.locked:not(.poor)>.icon{filter:grayscale(1) brightness(.55) contrast(.9);opacity:.8}.fx-skin .cmd.locked:not(.poor):before{content:"";position:absolute;right:2px;top:2px;width:10px;height:12px;z-index:3;background:var(--iron-3);-webkit-mask:var(--ui-lock-mask) center / 10px 12px no-repeat;mask:var(--ui-lock-mask) center / 10px 12px no-repeat;filter:drop-shadow(1px 1px 0 var(--ink-0))}.fx-skin .cmd.locked:not(.poor) .cmd-key{filter:grayscale(1) brightness(.6)}.fx-skin .cmd.locked.poor>.icon{filter:drop-shadow(0 2px 0 rgba(10,6,12,.6)) saturate(.75);opacity:1}.fx-skin .cmd.locked.poor .cost{color:var(--t-bad-ink);filter:none;text-shadow:0 0 6px rgba(224,68,44,.6),1px 1px 0 var(--ink-0)}.fx-skin .cmd.locked.poor .cmd-key{filter:none}.fx-skin .cmd-note{color:#ff9a80;font-family:var(--font-display);text-shadow:1px 1px 0 var(--ink-0)}.fx-skin .cmd .cost{font-family:var(--font-display);color:var(--bone-3);text-shadow:1px 1px 0 var(--ink-0);filter:none}.fx-skin .cmd.locked .cost{filter:none}.fx-skin .cmd.forged{border-image-source:var(--fx-slot-gold);box-shadow:inset 0 0 12px #f6c43e4d}.fx-skin .cmd.research{border-image-source:var(--fx-frame-sm-arcane)}.fx-skin .cmd.demolish:hover:not(.locked){box-shadow:var(--glow-bad)}.fx-skin .cmd.demolish.confirm{box-shadow:var(--glow-bad);animation:ui-throb .6s ease-in-out infinite}.fx-skin .cmd.deny{animation:ui-shake .32s linear;box-shadow:var(--glow-bad)}.fx-skin .cmd-key{min-width:14px;height:14px;padding:0 2px;line-height:6px;display:grid;place-items:center;border:4px solid transparent;border-image:var(--fx-key) 2 fill / 4px stretch;background:none;box-shadow:0 1px 0 var(--ink-0);font-family:var(--font-display);font-size:var(--fs-d-xs);color:var(--t-on-gold);text-shadow:0 1px 0 rgba(255,246,214,.4);image-rendering:pixelated;z-index:4}.fx-skin .cmd-rank{filter:drop-shadow(0 1px 0 var(--ink-0))}.fx-skin .cmd.cooling:after,.cmd.cooling:after{--cd-a: calc((1 - var(--cd, 0)) * 1turn);content:"";position:absolute;inset:0;height:auto;transform:none;z-index:1;pointer-events:none;box-shadow:none;background:conic-gradient(transparent 0 var(--cd-a),rgba(255,236,160,.9) var(--cd-a) calc(var(--cd-a) + 2deg),var(--t-veil) calc(var(--cd-a) + 2deg) 1turn)}.fx-skin .cmd.cooling>.icon{filter:saturate(.35) brightness(.75)}.fx-skin .cmd.cooling .cmd-label{color:var(--bone-4);font-family:var(--font-display);text-shadow:1px 1px 0 var(--ink-0),-1px -1px 0 var(--ink-0),0 0 8px rgba(10,6,12,.9)}.fx-skin .hoverinfo{border:var(--frame-sm-w) solid transparent;border-image:var(--fx-frame-sm) 3 / var(--frame-sm-w) stretch;background:#140e0ae6;background-clip:padding-box;box-shadow:var(--drop-sm)}.fx-skin .hovertext{font-family:var(--font-display);color:var(--t-head-hi)}.fx-skin .hoversub{color:var(--t-text-dim)}.fx-skin .hints{border:0;border-radius:0;color:var(--t-text-dim);background:linear-gradient(90deg,transparent,rgba(14,10,8,.78) 8%,rgba(14,10,8,.78) 92%,transparent);box-shadow:none;text-shadow:var(--text-lift)}.fx-skin :is(.hints b,.guide-hint b,.menu-key b,.tip-key,.tip-line b,.coach-body b){font-family:var(--font-display);font-size:var(--fs-d-xs);font-weight:400;color:var(--t-on-gold);text-shadow:0 1px 0 rgba(255,246,214,.4);background:linear-gradient(var(--gold-4),var(--gold-3) 50%,var(--gold-2));padding:1px 4px;box-shadow:0 0 0 1px var(--gold-1),0 1px 0 1px var(--ink-0)}.fx-skin .msg{border:0;border-left:3px solid var(--gold-2);color:var(--t-text);background:linear-gradient(90deg,rgba(14,10,8,.86),rgba(14,10,8,.6) 70%,transparent);box-shadow:none;text-shadow:var(--text-lift);font-family:var(--font-body)}.fx-skin .msg.warn{border-left-color:var(--t-warn);color:var(--t-warn-hi);box-shadow:none}.fx-skin .msg.error{border-left-color:var(--t-bad);color:var(--t-bad-ink);background:linear-gradient(90deg,rgba(60,10,12,.85),rgba(30,8,10,.6) 70%,transparent);box-shadow:none}.fx-skin .minimap{border-image-source:var(--fx-frame);background:var(--ink-0);background-clip:padding-box}.fx-skin .minimap-vignette{background:radial-gradient(circle at 50% 50%,transparent 55%,rgba(10,6,12,.55) 74%,rgba(10,6,12,.9));box-shadow:inset 0 0 0 1px var(--ink-0),inset 0 0 14px #0a060cbf}.fx-skin .minimap-compass{background:none;border:4px solid transparent;border-image:var(--fx-key) 2 fill / 4px stretch;box-shadow:0 2px #0a060c99;color:var(--t-on-gold);width:20px;height:20px;image-rendering:pixelated}.fx-skin .minimap-pt{background:var(--iron-3);border:1px solid var(--ink-0);box-shadow:inset 1px 1px 0 var(--iron-4)}.fx-skin .minimap.flash{animation:ui-raid 1s ease-out}.fx-skin .minimap.flash.calm{animation:ui-calm 1s ease-out}@keyframes ui-calm{0%,to{box-shadow:var(--drop)}50%{box-shadow:var(--glow-cyan),var(--drop)}}.fx-skin .mm-rail>:is(.idle-btn,.army-btn){background:linear-gradient(#c9d1e012,#0000004d),var(--fx-iron) 0 0 / 64px 64px,var(--iron-0);background-clip:padding-box;transition:transform var(--m-fast) var(--ease-out),box-shadow var(--m-fast) linear}.fx-skin .mm-rail>:is(.idle-btn,.army-btn):hover{transform:translateY(var(--lift));box-shadow:0 0 10px #f6c43e4d,var(--drop-sm);border-image-source:var(--fx-frame-sm-gold)}.fx-skin :is(.army-btn .army-n,.idle-btn .idle-n){color:var(--t-head-hi);text-shadow:0 1px 0 var(--ink-0)}.fx-skin :is(.army-btn .army-l,.idle-btn .idle-l){color:var(--t-text-dim)}.fx-skin .mm-rail>.idle-btn.pulse{border-image-source:var(--fx-frame-sm-gold)}.fx-skin .mm-rail>.idle-btn.pulse:after{content:"";position:absolute;inset:-6px;pointer-events:none;z-index:-1;box-shadow:var(--glow-gold-strong);animation:ui-breathe 1.6s ease-in-out infinite}.fx-skin .mm-rail>.idle-btn{position:relative;inset:auto}.fx-skin .alarm{border:var(--frame-sm-w) solid transparent;border-image:var(--fx-frame-sm) 3 / var(--frame-sm-w) stretch;background:linear-gradient(#5a0e18,#3a0810);background-clip:padding-box;color:#ffe0d6;box-shadow:var(--glow-bad),var(--drop);font-family:var(--font-display);text-shadow:0 1px 0 var(--ink-0)}.fx-skin .tip.panel{border:var(--parch-w) solid transparent;border-image:var(--fx-parchment-frame) 4 / var(--parch-w) stretch;background:radial-gradient(130% 120% at 30% 20%,transparent 55%,rgba(104,63,37,.25)),var(--fx-parchment) 0 0 / 96px 96px,var(--bone-3);background-clip:padding-box;color:var(--t-on-parch);box-shadow:var(--drop);padding:4px 8px 6px;font-size:var(--fs-b-sm)}.fx-skin .tip .tip-name{color:var(--leather-1);text-shadow:var(--text-emboss);font-size:var(--fs-d-sm)}.fx-skin .tip :is(.tip-line,.tip-stat-v){color:var(--t-on-parch)}.fx-skin .tip .tip-stat-k{color:var(--wood-2)}.fx-skin .tip .tip-stats{border-color:#683f2559}.fx-skin .tip .tip-note{color:var(--t-on-parch-dim);font-style:italic}.fx-skin .tip .tip-lock{color:#a8231a;font-weight:600}.fx-skin .tip .tip-lock-mark{background:#c0281c;box-shadow:none}.fx-skin .tip .cost{color:var(--t-on-parch);font-family:var(--font-display);text-shadow:none}.fx-skin .tip .cost .icon{filter:drop-shadow(1px 1px 0 rgba(43,27,18,.35))}.fx-skin :is(.guide,.coach.panel){border:var(--parch-w) solid transparent;border-image:var(--fx-parchment-frame) 4 / var(--parch-w) stretch;background:radial-gradient(130% 120% at 30% 20%,transparent 55%,rgba(104,63,37,.25)),var(--fx-parchment) 0 0 / 96px 96px,var(--bone-3);background-clip:padding-box;color:var(--t-on-parch);box-shadow:var(--drop)}.fx-skin .guide :is(.guide-step,.guide-text,p,span:not(.guide-label):not(.guide-count)),.fx-skin .coach :is(.coach-body,p){color:var(--t-on-parch);text-shadow:none}.fx-skin :is(.guide-label,.coach-tag){color:var(--t-on-gold);background:linear-gradient(var(--gold-4),var(--gold-3) 50%,var(--gold-2));box-shadow:0 0 0 1px var(--gold-1);padding:1px 5px;text-shadow:none}.fx-skin .coach-title,.fx-skin .guide-step{color:var(--leather-1);text-shadow:var(--text-emboss)}.fx-skin :is(.guide-count,.coach-progress){color:var(--t-on-parch-dim)}.fx-skin .coach-skip{color:var(--leather-2)}.fx-skin .coach-skip:hover{color:var(--gold-1)}.fx-skin .guide .guide-hint{color:var(--t-on-parch-dim)}.fx-skin .coach.fresh,.fx-skin .guide.done{box-shadow:var(--glow-gold),var(--drop)}.fx-skin .overlay{background:radial-gradient(ellipse at 50% 40%,#140c1e73,#08050cd9)}.fx-skin .dialog.panel{border-image-source:var(--fx-frame-gold);box-shadow:var(--glow-gold),0 20px 50px #000000b3}.fx-skin .dialog-title{font-family:var(--font-display);font-size:var(--fs-d-lg);color:var(--t-head-hi);text-shadow:0 2px 0 var(--gold-0),0 0 18px rgba(246,196,62,.4)}.fx-skin .dialog-sub,.fx-skin .dialog-hint,.fx-skin .menu-blurb{color:var(--t-text-dim)}.fx-skin .menu-head{font-family:var(--font-display);color:var(--t-head)}.fx-skin .menu-head:after{height:10px;background:var(--fx-divider) left center / 128px 10px no-repeat,linear-gradient(transparent 4px,var(--gold-1) 4px 6px,transparent 6px);image-rendering:pixelated}.fx-skin .menu-tab{border:var(--frame-sm-w) solid transparent;border-image:var(--fx-plank) 3 / var(--frame-sm-w) stretch;background:var(--plank-bg);background-clip:padding-box;color:var(--t-text-dim);text-shadow:var(--text-lift)}.fx-skin .menu-tab:hover{border-image-source:var(--fx-plank-hover);color:var(--t-head-hi)}.fx-skin .menu-page{padding:8px 10px;background:#0a060c4d;box-shadow:inset 0 2px #0a060c80,inset 0 0 0 1px #c9d1e00f}.fx-skin .menu-key{color:var(--t-text)}.fx-skin .menu-key-what{color:var(--t-text-dim)}.fx-skin .rn-xp-fill{background:linear-gradient(var(--gold-4) 0 2px,var(--gold-3) 2px calc(100% - 2px),var(--gold-1) calc(100% - 2px));box-shadow:0 0 8px #f6c43e80}.fx-skin .rn-card{border-image-source:var(--fx-frame-arcane);box-shadow:var(--glow-vio),var(--drop)}.fx-skin .rn-card:hover{border-image-source:var(--fx-frame-gold);box-shadow:var(--glow-gold-strong),var(--drop)}@media(prefers-reduced-motion:reduce){.fx-skin :is(.res.gain .icon,.sky-raid.soon .sky-raid-time,.hpbar.low .fill,.hpbar.progress .fill:after,.cmd.ready,.cmd.deny,.cmd.demolish.confirm,.mm-rail>.idle-btn.pulse:after,.minimap.flash){animation:none!important}}.fx-skin :is(.sys-home,.sys-sound,.sys-full,.sys-menu):before{content:"";display:block;width:20px;height:20px;flex:none;background:center / 20px 20px no-repeat;image-rendering:pixelated;filter:drop-shadow(0 1px 0 var(--ink-0))}.fx-skin .sys-home:before{background-image:var(--ic-home)}.fx-skin .sys-menu:before{background-image:var(--ic-menu)}.fx-skin .sys-full:before{background-image:var(--ic-full)}.fx-skin .sys-full[aria-pressed=true]:before{background-image:var(--ic-windowed)}.fx-skin .sys-sound:before{background-image:var(--ic-sound)}.fx-skin .sys-sound[aria-pressed=true]:before{background-image:var(--ic-mute)}.fx-skin .sys-sound[aria-pressed=true]{color:var(--t-text-faint)}.fx-skin .hud-tray .res-folk>.icon{visibility:hidden}.fx-skin .hud-tray .res-folk{background-image:var(--ic-folk),linear-gradient(#0a060c9e,#0a060c66);background-repeat:no-repeat;background-position:3px center,0 0;background-size:20px 20px,auto;image-rendering:pixelated}.fx-skin .cmd-grid .cmd>.icon{margin-top:-9px}@media(min-resolution:2dppx){.fx-skin .cmd-grid .cmd>.icon{width:30px!important;height:30px!important}}.fx-skin .cmd-grid .cmd-key{position:absolute;left:-5px;top:-5px;right:auto;min-width:12px;height:12px;padding:0 1px;border-width:3px;border-image-width:3px;font-size:8px;line-height:1}.fx-skin .cmd-grid .cost,.fx-skin .card-extra .cmd .cost{left:0;right:0;bottom:0;padding:3px 1px 1px;flex-wrap:nowrap;gap:2px;overflow:hidden;background:linear-gradient(transparent,#0a060cd1 45%);letter-spacing:-.04em}.fx-skin .cmd-grid .cmd-note{bottom:0;left:0;right:0;padding:3px 1px 1px;background:linear-gradient(transparent,#28060ae6 45%)}.fx-skin .cmd-grid .cost .icon{display:none}.fx-skin .cmd-grid .cost{gap:3px;font-family:var(--font-body);font-weight:600;font-size:9.5px;line-height:10px;letter-spacing:-.02em}.fx-skin .cmd-grid .cost>span{text-shadow:1px 1px 0 var(--ink-0),-1px 0 0 var(--ink-0)}.c-gold{color:var(--gold-3)}.c-lumber{color:var(--wood-5)}.c-stone{color:#c8cbd6}.c-iron{color:#8fb4e8}.c-food{color:#f0a08a}.fx-skin .cmd.locked.poor .cost>span{color:inherit}.fx-skin .hud-sys :is(.sys-btn,.sys-books>button){display:grid;grid-template-columns:20px auto;grid-auto-rows:auto;column-gap:6px;row-gap:1px;align-items:center;align-content:center;justify-items:start;padding:2px 9px 2px 7px}.fx-skin .hud-sys :is(.sys-btn,.sys-books>button)>.icon,.fx-skin .hud-sys :is(.sys-btn,.sys-books>button):before{grid-row:1 / 3;grid-column:1}.fx-skin .hud-sys :is(.sys-btn,.sys-books>button)>span{grid-column:2}.fx-skin .sys-sound{grid-template-rows:1fr}@media(max-width:1679px){.fx-skin .hud-sys :is(.sys-btn,.sys-books>button){min-width:0;column-gap:4px;padding:2px 7px 2px 6px}.fx-skin .hud-sys :is(.sys-btn,.sys-books>button)>span:not(.sys-key){display:none}.fx-skin .hud-sys .sys-sound{font-size:0;column-gap:0}.fx-skin .hud-sys .sys-btn>.sys-key,.fx-skin .hud-sys .sys-books>:is(.chronicle-btn,.goals-btn):before{grid-row:1 / 3;align-self:center}}.fx-skin .hud-sys .sys-books>:is(.chronicle-btn,.goals-btn):before{grid-row:2;grid-column:2;font-family:var(--font-display);font-size:8px;letter-spacing:.04em;color:var(--gold-3);opacity:.85;line-height:1}.fx-skin .hud-sys .sys-books>.chronicle-btn:before{content:"J"}.fx-skin .hud-sys .sys-books>.goals-btn:before{content:"Tab"}.fx-skin .hud-sys .goals-btn>.icon{display:none}.fx-skin .hud-sys .sys-books>.goals-btn:after{content:"";grid-row:1 / 3;grid-column:1;width:20px;height:20px;background:var(--ic-goals) center / 20px 20px no-repeat;image-rendering:pixelated;filter:drop-shadow(0 1px 0 var(--ink-0))}.fx-skin .rn-card .rn-card-sigil>span{display:block;width:40px;height:40px;font-size:0;color:transparent;background:center / 40px 40px no-repeat;image-rendering:pixelated;filter:drop-shadow(1px 1px 0 var(--ink-0))}.fx-skin .rn-card.s-hearth .rn-card-sigil>span{background-image:var(--ic-school-hearth)}.fx-skin .rn-card.s-steel .rn-card-sigil>span{background-image:var(--ic-school-steel)}.fx-skin .rn-card.s-road .rn-card-sigil>span{background-image:var(--ic-school-road)}.fx-skin .hud-sys .chronicle-btn{position:relative;inset:auto}.fx-skin .hud-sys .chronicle-btn.unread:after{position:absolute;top:3px;right:3px}.fx-skin .alarm-edge{filter:drop-shadow(0 2px 0 rgba(10,6,12,.7))}.fx-skin .alarm-arrow{background:var(--t-bad)}.fx-skin .alarm-dir{filter:drop-shadow(1px 0 0 var(--ink-0)) drop-shadow(-1px 0 0 var(--ink-0)) drop-shadow(0 1px 0 var(--ink-0)) drop-shadow(0 -1px 0 var(--ink-0)) drop-shadow(0 0 6px rgba(224,68,44,.8))}.fx-skin .alarm-dist{font-family:var(--font-display);font-size:var(--fs-d-xs);color:#ffe0d6;padding:1px 5px;background:linear-gradient(#5a0e18,#3a0810);box-shadow:0 0 0 2px var(--ink-0),inset 0 1px #ff9a8059}.fx-skin .rn-feast{border:var(--frame-sm-w) solid transparent;border-image:var(--fx-plank) 3 / var(--frame-sm-w) stretch;background:var(--plank-bg);background-clip:padding-box;color:var(--t-text);text-shadow:var(--text-lift);transition:transform .09s ease,box-shadow .12s ease,filter .12s ease}.fx-skin .rn-feast:hover:not(.locked){border-image-source:var(--fx-plank-hover);color:var(--t-head-hi);transform:translateY(var(--lift));box-shadow:0 3px #0a060c99,0 0 10px #f6c43e38}.fx-skin .rn-feast:active:not(.locked){border-image-source:var(--fx-plank-press);transform:translateY(var(--sink));box-shadow:none}.fx-skin .rn-feast.locked{opacity:1;filter:saturate(.35) brightness(.78)}.fx-skin .rn-feast.merry{filter:none;border-image-source:var(--fx-plank-hover);color:#ffe2b0;box-shadow:0 0 0 1px #f0a6408c,0 0 14px #f0a64080}.fx-skin .rn-feast-icon{flex:none;width:20px;height:20px;font-size:0;color:transparent;background:var(--ic-school-hearth) center / 20px 20px no-repeat;image-rendering:pixelated}.fx-skin .rn-feast-label{font-family:var(--font-body);font-weight:600}.fx-skin .rn-feast-cost{font-family:var(--font-display);color:var(--gold-3);text-shadow:1px 1px 0 var(--ink-0)}.fx-skin .rn-reroll.locked{opacity:1;filter:saturate(.35) brightness(.72);cursor:not-allowed}.fx-skin .rn-boonrow-foot{gap:12px}.fx-skin .rn-chief{font-family:var(--font-display);font-size:var(--fs-d-xs);letter-spacing:.04em;color:var(--gold-3);text-shadow:1px 1px 0 var(--ink-0),0 0 8px rgba(246,196,62,.35)}.fx-skin .rn-chief:hover{color:var(--gold-4);text-decoration:none}.fx-skin .rn-toast.t-loss{--rn-accent: var(--t-bad-hi);border-image-source:var(--fx-frame-sm);box-shadow:inset 3px 0 0 var(--t-bad),0 0 14px #e0442c59,var(--drop)}.fx-skin .tag-chief{color:var(--gold-4);background:linear-gradient(var(--gold-2),var(--gold-1));border:1px solid var(--ink-0);text-shadow:1px 1px 0 var(--ink-0)}.fx-skin .sel-unit.chief .portrait{box-shadow:0 0 12px #f6c43e73}.chat{position:absolute;left:var(--hud-m);bottom:calc(var(--hud-m) + var(--mm) + 172px);z-index:6;width:min(380px,38vw);display:flex;flex-direction:column;gap:4px;pointer-events:none;font:var(--fs-b-sm)/1.35 var(--font-body)}.chat.empty{visibility:hidden}.chat-lines{display:flex;flex-direction:column;align-items:flex-start;gap:2px;max-height:168px;overflow:hidden}.chat-line{max-width:100%;padding:2px 8px;color:var(--t-text);overflow-wrap:anywhere;background:#140e12b8;box-shadow:0 0 0 1px #00000059;text-shadow:1px 1px 0 var(--ink-0);transition:opacity 1.2s ease}.chat-line.fade{opacity:0}.chat-line.gone{display:none}.chat-name{font-weight:700}.chat-name.click{pointer-events:auto;cursor:pointer}.chat-name.click:hover{text-decoration:underline;text-underline-offset:2px}.chat-sep{color:var(--t-text-dim)}.chat-tag{color:var(--vio-3);font-style:italic}.chat-line.whisper{background:#260e3acc;box-shadow:0 0 0 1px #7a34c073}.chat-line.whisper .chat-text{color:var(--vio-4);font-style:italic}.chat-line.sys{background:#140e128c}.chat-line.sys .chat-text{color:var(--t-text-dim);font-style:italic;font-size:var(--fs-b-xs)}.chat-line.notice .chat-text{color:var(--t-warn-hi)}.chat-bar{display:none;align-items:stretch;gap:0;pointer-events:auto}.chat.open .chat-bar{display:flex}.chat.open .chat-lines{pointer-events:auto;overflow-y:auto;max-height:220px;padding:4px;background:#120c09d1;box-shadow:0 0 0 2px var(--ink-0),inset 0 0 0 1px #ffd6961f;scrollbar-width:thin;scrollbar-color:var(--wood-3) transparent}.chat.open .chat-line{background:none;box-shadow:none;padding:1px 4px}.chat.open .chat-line.whisper{background:#401c7059}.chat-to{flex:none;padding:0 8px;min-width:44px;cursor:pointer;font:var(--fs-d-xs)/1 var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--gold-3);background:linear-gradient(var(--wood-2),var(--wood-1));border:0;box-shadow:0 0 0 2px var(--ink-0),inset 0 1px #ffd69633}.chat-to.whisper{background:linear-gradient(var(--vio-1),var(--vio-0))}.chat-input{flex:1;min-width:0;height:26px;padding:0 8px;margin-left:2px;font:var(--fs-b-sm)/1 var(--font-body);color:var(--t-text);background:#120c09eb;border:0;outline:none;box-shadow:0 0 0 2px var(--ink-0),inset 0 0 0 1px var(--gold-1)}.chat-input:focus{box-shadow:0 0 0 2px var(--ink-0),inset 0 0 0 1px var(--gold-3),0 0 10px #f6c43e40}.chat-input.whisper{color:var(--vio-4);box-shadow:0 0 0 2px var(--ink-0),inset 0 0 0 1px var(--vio-3)}.chat-input::placeholder{color:var(--t-text-faint)}@media(prefers-reduced-motion:reduce){.chat-line{transition:none}}.saveguard{position:absolute;left:50%;top:56px;transform:translate(-50%);z-index:40;width:min(560px,calc(100vw - 24px));padding:10px 12px;display:flex;flex-direction:column;gap:6px;border-color:var(--danger, #d0402a)}.saveguard-title{font-family:var(--display);font-size:13px;color:var(--danger-ink, #ffb2a6)}.saveguard-text{font-size:13px;line-height:1.45;color:var(--ink)}.saveguard-row{display:flex;gap:8px}.lobby{display:flex;flex-direction:column;gap:10px;margin-top:4px}.lobby .save-main{gap:4px;min-width:0}.lobby .save-main:disabled{cursor:default}.lobby-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.lobby-code{font-family:var(--display);font-size:9px;letter-spacing:.2em;color:var(--ink);background:#0f0a06;border:1px solid #0b0704;box-shadow:0 1px #9a74444d;padding:2px 5px 1px}.lobby-live{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--muted)}.lobby-live.on{color:#b7e6a6}.lobby-dot{display:inline-block;width:6px;height:6px;flex:none;background:#2a2217;box-shadow:0 0 0 1px #0b0704,inset 0 0 0 1px #9a744459}.lobby-dot.on{background:var(--ok);box-shadow:0 0 0 1px #0b0704,0 0 6px 1px #5cb648cc}.lobby-meta{display:block}.lobby-seats{color:var(--gold-2)}.lobby-seats.full{color:var(--danger-ink)}.lobby-players{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:2px}.lobby-player{display:inline-flex;align-items:flex-start;gap:6px;min-width:0}.lobby-banner{width:24px;height:32px;flex:none;image-rendering:pixelated;filter:drop-shadow(0 1px 0 #0b0704) drop-shadow(1px 0 0 #0b0704) drop-shadow(-1px 0 0 #0b0704)}.lobby-player:not(.on) .lobby-banner{filter:drop-shadow(0 1px 0 #0b0704) saturate(.55) brightness(.8)}.lobby-who{display:flex;flex-direction:column;gap:1px;min-width:0;line-height:1.2}.lobby-name{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--ink);white-space:nowrap}.lobby-clan{font-size:11px;color:var(--clan);text-shadow:0 1px 0 #0b0704;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.lobby-seen{font-size:10px;color:var(--muted)}.lobby-player.on .lobby-seen{color:#b7e6a6}.lobby-acts{align-self:center}.lobby-acts .btn{opacity:1}.lobby-tag{font-family:var(--display);font-size:8px;letter-spacing:.1em;text-transform:uppercase;padding:3px 7px;box-shadow:0 0 0 1px #0b0704}.lobby-tag-full{background:#3a2f22;color:var(--danger-ink)}.lobby-full{opacity:.78}.lobby-full:hover{transform:none}.lobby-note{margin:0;text-align:left;color:var(--muted)}.lobby-status{margin:0;font-size:10px;color:var(--muted);text-align:right;text-shadow:0 1px 0 #000}.lobby-status:empty{display:none}.mm{width:100%;display:flex;flex-direction:column;align-items:center;gap:22px}.mm[data-page=home]{min-height:calc(100vh - 88px);justify-content:center}.start:has(>.mm:not([data-page=home])){justify-content:flex-start;padding-top:28px}.mm:not([data-page=home]) .mm-foot{display:none}.mm:not([data-page=home]) .start-title{font-size:clamp(28px,4vw,40px)}.mm:not([data-page=home]) .start-sub{display:none}.mm-home{display:flex;flex-direction:column;align-items:center;gap:18px}.mm-nav{display:flex;flex-direction:column;gap:8px;width:min(320px,86vw)}.mm-item{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:11px 18px 10px 22px;cursor:pointer;text-align:left;color:var(--ink);font:400 14px/1.1 var(--display);letter-spacing:.08em;text-transform:uppercase;border:2px solid #0b0704;background:var(--fx-wood-bg);image-rendering:pixelated;box-shadow:inset 0 0 0 1px #9a744466,0 4px 12px #00000073;transition:transform .12s ease,box-shadow .12s ease,color .12s ease;animation:mm-rise .45s var(--fx-ease) both;animation-delay:calc(var(--i, 0) * 45ms + .12s)}.mm-item:before{content:"";position:absolute;left:9px;top:50%;width:4px;height:4px;margin-top:-2px;background:#5a4426;box-shadow:0 0 0 1px #0b0704}.mm-item:hover,.mm-item:focus-visible{color:var(--gold-2);transform:translate(4px);outline:none;box-shadow:inset 0 0 0 1px var(--gold),0 0 18px #f0c96a47,0 4px 12px #00000073}.mm-item:hover:before,.mm-item:focus-visible:before{background:var(--gold-2);box-shadow:0 0 0 1px #0b0704,0 0 6px #ffd26ee6}.mm-item:active{transform:translate(4px) translateY(1px)}.mm-item-sub{font:400 12px/1.25 var(--body);letter-spacing:0;text-transform:none;color:var(--muted);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mm-continue{background:linear-gradient(#ffe9a0,#d9a441);color:#1a1208;padding-top:13px;padding-bottom:12px}.mm-continue .mm-item-sub{color:#4a3612}.mm-continue:before{background:#8a6420}.mm-continue:hover,.mm-continue:focus-visible{color:#1a1208;background:linear-gradient(#fff3c4,#f0c96a)}.mm-quit{margin-top:6px;opacity:.8}.mm-badge{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;gap:5px;font:400 11px var(--body);letter-spacing:0;text-transform:none;color:#b7e6a6}.mm-badge:before{content:"";width:6px;height:6px;background:var(--ok);box-shadow:0 0 0 1px #0b0704,0 0 6px 1px #5cb648cc;animation:mm-pulse 2.4s ease-in-out infinite}.mm-pagewrap{width:100%;max-width:760px;display:flex;flex-direction:column;gap:14px}.mm-pagewrap[hidden]{display:none}.mm-bar{display:flex;align-items:center;gap:14px}.mm-page-title{margin:0;font:400 15px var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-2);text-shadow:0 2px 0 #3a2a10,0 0 14px rgba(0,0,0,.9)}.mm-page{display:flex;flex-direction:column;align-items:center;gap:18px;animation:mm-in .32s var(--fx-ease) both}.mm-page[hidden]{display:none}.mm-page-new .clans{max-width:960px}.mm-pagewrap:has(.mm-page-new:not([hidden])){max-width:960px}.mm-page .multi>.saves-title{display:none}.mm-group{width:100%;display:flex;flex-direction:column;gap:8px;padding:14px 16px 16px;background:#0e0a07bd;border:2px solid #0b0704;box-shadow:inset 0 0 0 1px #9a744459,0 6px 18px #00000073}.mm-group-head{display:flex;align-items:center;gap:10px}.mm-group-head .mm-group-title{flex:1}.mm-group-title{margin:0;font:400 11px var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--gold);text-shadow:0 1px 0 #000}.mm-count{font-size:11px;color:var(--muted)}.mm-note{margin:0;font-size:12px;color:var(--muted)}.mm-note.mm-bad{color:var(--danger-ink)}.mm-empty{margin:2px 0;font-size:13px;color:var(--muted);font-style:italic}.mm-row-acts{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.mm-worlds{width:100%;display:flex;flex-direction:column;gap:14px}.mm-save{align-items:flex-start}.mm-save-body{flex:1;min-width:0;display:flex;flex-direction:column}.mm-save-acts{flex-wrap:nowrap;justify-content:flex-end;padding:10px 8px 0 0}.mm-save-acts .btn{padding-left:9px;padding-right:9px}.mm-cps{display:flex;flex-direction:column;gap:4px;padding:0 12px 10px}.mm-cps[hidden]{display:none}.mm-cp{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ink)}.mm-cp-what{flex:1;color:var(--muted)}.mm-lobby-mine>.multi-label{display:none}.mm-lobby-mine{display:flex;flex-direction:column;gap:6px}.mm-friends{width:100%;display:flex;flex-direction:column;gap:14px}.mm-code-row{display:flex;align-items:center;gap:12px}.mm-code{font:400 22px var(--display);letter-spacing:.18em;color:var(--gold-2);user-select:all;background:#0f0a06;border:2px solid #0b0704;padding:6px 12px 4px;box-shadow:inset 0 2px #0009,0 1px #9a74444d;text-shadow:0 0 10px rgba(255,190,90,.35)}.mm-add{display:grid;grid-template-columns:170px 1fr auto;gap:8px}.mm-add .multi-code{letter-spacing:.14em}.mm-friend{align-items:center}.mm-friend-main{flex:1;min-width:0;display:flex;align-items:center;gap:10px;padding:8px 10px}.mm-friend-who{display:flex;flex-direction:column;gap:2px;min-width:0}.mm-friend-code{font:400 9px var(--display);letter-spacing:.16em;color:#6f604a}.mm-friend:not(.on) .lobby-banner{filter:drop-shadow(0 1px 0 #0b0704) saturate(.55) brightness(.8)}.mm-settings{width:100%;display:flex;flex-direction:column;gap:14px}.mm-settings .snd-grid{max-width:460px}.mm-fx{display:flex;flex-wrap:wrap;gap:6px}.mm-toggle{align-self:flex-start}.mm-credits{width:100%;max-width:560px;display:flex;flex-direction:column;gap:18px;text-align:center;padding:8px 0 12px}.mm-credit{display:flex;flex-direction:column;gap:4px}.mm-credit-line{margin:0;display:flex;flex-direction:column;gap:1px}.mm-credit-who{color:var(--ink);font-size:15px;text-shadow:0 1px 0 #000,0 0 10px rgba(0,0,0,.9)}.mm-credit-what{color:var(--muted);font-size:12px;text-shadow:0 1px 0 #000}.mm-credit-foot{margin-top:6px;font-family:var(--display);font-size:9px;letter-spacing:.14em;text-transform:uppercase}.mm-foot{display:flex;justify-content:center}@keyframes mm-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes mm-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes mm-pulse{50%{opacity:.55}}@media(prefers-reduced-motion:reduce){.mm-item,.mm-page{animation:none}.mm-badge:before{animation:none}}@media(max-width:620px){.mm-add{grid-template-columns:1fr}.mm-save{flex-direction:column}.mm-save-acts{max-width:none;padding:0 8px 8px}}