@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/cinzel-latin-700-normal-Dkw14w9r.woff2)format("woff2"),url(/assets/cinzel-latin-700-normal-C-gK7hA8.woff)format("woff")}:root{--bg:#0b0e12;--bg-deep:#07090c;--panel:#0b0e12d6;--panel-solid:#0f141b;--line:#c7d1da29;--line-strong:#c7d1da4d;--text:#e6e0d2;--moon:#c7d1da;--dim:#8e99a4;--you:#71b8d6;--you-light:#bde6f4;--opp:#e0914a;--opp-light:#f6c98a;--amber:#c88a3d;--danger:#d0545c;--void:#a88beb;--display:Cinzel, Georgia, "Times New Roman", serif;--ui:system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg-deep);height:100%;color:var(--text);font-family:var(--ui);margin:0;overflow:hidden}#app{position:fixed;inset:0}#app:not(.in-game){background:linear-gradient(180deg, #07090c40 0%, #07090c59 45%, #07090ce0 100%), url(/art/backdrop.webp) center 30% / cover no-repeat, var(--bg-deep)}#app:not(.in-game):before,#app:not(.in-game):after{content:"";pointer-events:none;background:radial-gradient(30% 9% at 30% 62%,#c7d1da29,#0000 70%),radial-gradient(26% 7% at 72% 70%,#c7d1da1f,#0000 70%),radial-gradient(34% 10% at 55% 82%,#c7d1da24,#0000 70%);animation:48s linear infinite alternate mist;position:absolute;inset:-20% -40%}#app:not(.in-game):after{opacity:.7;animation-duration:70s;animation-direction:alternate-reverse;transform:scaleX(-1)}@keyframes mist{0%{translate:-8%}to{translate:8% -2%}}@media (prefers-reduced-motion:reduce){#app:not(.in-game):before,#app:not(.in-game):after{animation:none}}#app.in-game{cursor:crosshair}canvas#game{width:100%;height:100%;display:block;position:absolute;inset:0}.overlay{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.overlay>*{pointer-events:auto}.screen{z-index:1;text-align:center;flex-direction:column;justify-content:safe center;align-items:center;gap:18px;height:100%;padding:24px 16px;display:flex;position:relative;overflow-y:auto}.screen>*{flex-shrink:0}.menu-pair{flex-wrap:wrap;justify-content:center;gap:18px;width:100%;display:flex}h1,h2,h3{font-family:var(--display);letter-spacing:.06em;color:var(--text);margin:0;font-weight:600}.emblem{color:var(--moon);filter:drop-shadow(0 0 10px #c7d1da59);margin-bottom:-10px;display:block}.logo{font-family:var(--display);letter-spacing:.18em;text-indent:.18em;text-transform:uppercase;color:var(--text);text-shadow:0 0 24px #c7d1da59,0 2px #0009;font-size:76px;font-weight:700;line-height:1}.tagline{color:var(--moon);letter-spacing:.08em;text-shadow:0 1px 6px #000000e6;margin:0 0 6px;font-size:15px}.beta-tag{letter-spacing:.1em;text-transform:uppercase;vertical-align:1px;border:1px solid var(--amber);color:var(--amber);text-shadow:none;border-radius:3px;margin-left:6px;padding:1px 7px;font-size:11px}.menu-block{border:1px solid var(--line);border-top-color:var(--line-strong);background:var(--panel);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:4px;flex-direction:column;align-items:center;gap:12px;min-width:min(440px,100%);padding:16px 24px 18px;display:flex;box-shadow:0 12px 40px #00000073}.menu-block h2{letter-spacing:.2em;text-transform:uppercase;color:var(--moon);font-size:15px}.row{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}button{font:inherit;letter-spacing:.02em;color:var(--text);cursor:pointer;background:#111927e0;border:1px solid #c7d1da38;border-radius:3px;padding:10px 20px;transition:border-color .15s,box-shadow .15s,background .15s}button:hover:not(:disabled){border-color:var(--you);box-shadow:0 0 14px #71b8d640}button:focus-visible{outline:2px solid var(--you-light);outline-offset:2px}button:disabled{opacity:.45;cursor:default}button.primary{border-color:var(--you);color:#eef8fc;background:linear-gradient(#2c5a6e,#1b3846);font-weight:600;box-shadow:0 0 16px #71b8d62e}button.ghost{background:#0b0e1280}.controls{color:var(--dim);text-shadow:0 1px 4px #000000e6;max-width:760px;margin:0;font-size:13px}.rules{text-align:left;max-width:720px;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:4px;margin:0;padding:14px 18px 14px 34px;line-height:1.55}.panel{background:var(--panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);border-top-color:var(--line-strong);text-align:center;border-radius:4px;flex-direction:column;align-items:center;gap:12px;max-width:min(980px,100% - 32px);max-height:calc(100% - 32px);padding:20px 24px;display:flex;overflow-y:auto;box-shadow:0 16px 50px #0009}.panel h2{font-size:24px}.panel h3{color:var(--moon);font-size:17px}.panel .hint{color:var(--dim);margin:0;font-size:14px}.panel .status{color:var(--dim);min-height:1.2em;margin:0}.timer{min-width:2ch;color:var(--opp-light);font-family:var(--ui);font-weight:700;display:inline-block}.cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:100%;display:grid}.cards.small-row{flex-wrap:wrap;justify-content:center;display:flex}.cards.talents{grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px;margin:0 auto;display:grid}.card{border:1px solid var(--line);background:#0b0e12c7;border-radius:4px;flex-direction:column;align-items:center;gap:4px;min-width:150px;padding:14px 10px 12px;display:flex}.card.small{min-width:110px;padding:8px}.card.selected{border-color:var(--you);background:linear-gradient(#2c5a6e8c,#111e28d9);box-shadow:0 0 18px #71b8d647,inset 0 0 0 1px #71b8d659}.card .icon{color:var(--moon);margin-bottom:2px}.card.selected .icon{color:var(--you-light);filter:drop-shadow(0 0 6px #71b8d699)}.card-name{font-family:var(--display);letter-spacing:.06em;font-size:16px;font-weight:600}.card-style{text-transform:uppercase;letter-spacing:.16em;color:var(--amber);font-size:11px}.card-text{color:var(--dim);font-size:13px;line-height:1.35}.card-cd{color:var(--dim);font-size:12px}.score{color:var(--text);margin:0}.score.big{font-family:var(--display);letter-spacing:.08em;font-size:44px;font-weight:700}.squares{margin:0;font-size:22px}.share{color:var(--dim);margin:0;font-family:ui-monospace,monospace;font-size:13px}.link-box{background:var(--panel-solid);border:1px solid var(--line);-webkit-user-select:all;user-select:all;word-break:break-all;border-radius:3px;padding:10px 14px;font-family:ui-monospace,monospace}.error{color:var(--danger)}@media (max-width:760px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.logo{font-size:48px}}@media (max-height:720px){.logo{font-size:58px}.screen{gap:12px}}.cards.races{grid-template-columns:repeat(4,minmax(0,1fr))}.card.race{text-align:left;flex-direction:row;align-items:center;gap:8px;min-width:0;padding:8px 10px}.card.race .portrait{box-shadow:inset 0 0 0 1px var(--line);background:radial-gradient(circle at 45% 40%,#2a3646,#0d1218 70%);border-radius:50%;flex:none}.card.race.selected .portrait{box-shadow:inset 0 0 0 1px var(--you), 0 0 12px #71b8d659}.race-body{flex-direction:column;gap:2px;min-width:0;display:flex}.race-racial{color:var(--moon);align-items:center;gap:4px;font-size:12px;font-weight:600;display:flex}.race-racial .icon{color:var(--you-light)}.card.race .card-text{font-size:12px}.panel.pick h3{letter-spacing:.2em;text-transform:uppercase;color:var(--dim);margin-top:-4px;font-size:13px}@media (max-width:1100px){.cards.races{grid-template-columns:repeat(2,minmax(0,1fr))}}.credits{max-width:720px;color:var(--dim);font-size:13px;line-height:1.5}.credits h2{letter-spacing:.2em;text-transform:uppercase;color:var(--moon);margin-bottom:6px;font-size:14px}.credits p{margin:4px 0}.card{position:relative}.card.taken{opacity:.9;cursor:default}.card.taken:disabled{opacity:.85}.card-tag{letter-spacing:.08em;text-transform:uppercase;color:var(--you-light);font-size:10px;position:absolute;top:6px;right:8px}.card.small .card-tag{text-transform:none;letter-spacing:0;color:var(--moon);font-size:10px;position:static}.panel.respawn-swap{pointer-events:auto;align-self:flex-start;margin-top:76px;padding:12px 16px}.panel.respawn-swap h3{margin:0 0 8px;font-size:14px}.swap-body h3{letter-spacing:.2em;text-transform:uppercase;color:var(--dim);margin:8px 0 4px;font-size:12px}.board,.profile{flex-direction:column;align-items:stretch;gap:10px;width:min(900px,100%);display:flex}.board-table{border-collapse:collapse;background:var(--panel);border:1px solid var(--line);width:100%;font-size:14px}.board-table th,.board-table td{text-align:left;border-bottom:1px solid var(--line);padding:8px 10px}.board-table th{font-family:var(--display);letter-spacing:.1em;color:var(--dim);text-transform:uppercase;font-size:12px;font-weight:600}.board-table tr.me td{background:#71b8d61f}button.link{color:var(--you-light);text-underline-offset:3px;background:0 0;border:none;padding:0;text-decoration:underline}button.link:hover:not(:disabled){box-shadow:none;color:#fff}button.danger{color:#f2b8bc;border-color:#d0545c99}.profile-title{text-align:center;font-family:var(--display);color:var(--amber);letter-spacing:.04em;margin:-10px 0 8px;font-style:italic}.title-tag{font-family:var(--display);color:var(--amber);font-size:12px;font-style:italic}.ach-title{color:var(--amber);font-size:11px;font-style:italic}.own-tools select{font:inherit;color:var(--moon);border:1px solid var(--line);background:#0b0e12d9;border-radius:4px;padding:6px 8px}.profile-id{color:var(--dim);text-align:center;margin:-8px 0 4px}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.stat{background:var(--panel);border:1px solid var(--line);border-radius:4px;flex-direction:column;gap:2px;padding:12px;display:flex}.stat-label{letter-spacing:.16em;text-transform:uppercase;color:var(--dim);font-size:11px}.stat-value{font-family:var(--display);font-size:26px;font-weight:700}.stat-sub{color:var(--dim);font-size:12px}.profile h3{letter-spacing:.2em;text-transform:uppercase;color:var(--moon);text-align:left;margin-top:8px;font-size:13px}.kit-list,.recent{background:var(--panel);border:1px solid var(--line);border-radius:4px;margin:0;padding:0;list-style:none}.kit-list li,.recent li{border-bottom:1px solid var(--line);text-align:left;justify-content:space-between;gap:12px;padding:7px 12px;font-size:14px;display:flex}.recent li .res{min-width:3.5em;font-weight:700}.recent li.win .res{color:var(--you-light)}.recent li.loss .res{color:var(--opp-light)}.dim{color:var(--dim)}.achievements{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.ach{border:1px solid var(--line);opacity:.45;text-align:left;background:#0b0e1299;border-radius:4px;flex-direction:column;gap:2px;padding:10px;display:flex}.ach.got{opacity:1;border-color:var(--amber);box-shadow:0 0 12px #c88a3d33}.ach-name{font-family:var(--display);font-weight:600}.ach-desc{color:var(--dim);font-size:12px}.own-tools{border:1px solid var(--line);background:var(--panel);border-radius:4px;margin-top:10px;padding:14px}.own-tools input{font:inherit;color:var(--text);background:var(--panel-solid);border:1px solid var(--line-strong);border-radius:3px;min-width:220px;padding:9px 12px}.rating-change{font-family:var(--display);color:var(--you-light);margin:0;font-size:20px}.achievement-new{color:var(--amber);margin:0}@media (max-width:760px){.stat-grid,.achievements{grid-template-columns:repeat(2,minmax(0,1fr))}}.first-tips{background:var(--panel);border:1px solid var(--line-strong);max-width:min(820px,100% - 32px);color:var(--moon);pointer-events:none;z-index:2;border-radius:4px;flex-wrap:wrap;justify-content:center;gap:6px 16px;padding:10px 16px;font-size:13px;animation:.6s ease-out tips-in;display:flex;position:absolute;bottom:96px;left:50%;transform:translate(-50%)}.first-tips.fading{opacity:0;transition:opacity .5s}.first-tips kbd{font-family:var(--ui);color:var(--text);border:1px solid var(--line-strong);background:#111927e6;border-radius:3px;padding:1px 6px;font-weight:700}@keyframes tips-in{0%{opacity:0;translate:0 8px}}.race-passive{color:var(--amber);font-size:12px;font-weight:600}.map-row{align-items:center;gap:8px;margin-top:6px}.map-choice{padding:4px 12px;font-size:14px}.map-choice.selected{border-color:var(--you);color:var(--moon);box-shadow:inset 0 0 0 1px #71b8d659}.queue-banner{z-index:30;border:1px solid var(--amber);background:#0b0e12db;border-radius:4px;align-items:center;gap:10px;padding:8px 12px;font-size:14px;display:flex;position:fixed;bottom:40px;right:16px;box-shadow:0 0 14px #c88a3d40}.queue-banner .queue-clock{font-variant-numeric:tabular-nums;color:var(--amber)}.queue-banner button{padding:3px 10px;font-size:13px}.campaign-block{border-color:#c88a3d8c;box-shadow:0 0 18px #c88a3d1f}.campaign-block .hint{max-width:420px;margin:0 auto 8px}.trials{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:100%;max-width:980px;display:grid}.trial{text-align:left;border:1px solid var(--line);background:#0b0e12cc;border-radius:4px;flex-direction:column;gap:4px;min-height:96px;padding:12px 10px;display:flex}.trial.done{border-color:var(--amber)}.trial.locked{opacity:.45;cursor:not-allowed}.trial-n{letter-spacing:.12em;text-transform:uppercase;color:var(--amber);font-size:12px}.trial-title{font-family:var(--display);font-size:17px;font-weight:600}.trial-sub{color:var(--dim);font-size:13px}.briefing{border:1px solid var(--line);text-align:left;background:#0b0e12cc;border-radius:4px;align-items:flex-start;gap:18px;max-width:640px;padding:16px;display:flex}.briefing .portrait{flex:none}.briefing .giver{font-family:var(--display);margin:0 0 6px;font-weight:600}.briefing .story,.trial-result .story{font-style:italic;line-height:1.5}.briefing .objective{margin:10px 0 0}.trial-banner .trial-progress{color:var(--amber);font-variant-numeric:tabular-nums}.trial-result{z-index:40;background:#05070a99;place-items:center;display:grid;position:fixed;inset:0}.trial-result .panel{text-align:center;flex-direction:column;align-items:center;gap:8px;max-width:520px;display:flex}@media (max-width:760px){.trials{grid-template-columns:repeat(2,minmax(0,1fr))}}button.experimental .tag,.card-name .tag{letter-spacing:.06em;border:1px solid var(--amber);color:var(--amber);border-radius:3px;margin-left:8px;padding:1px 6px;font-size:11px}.lobby-seats{text-align:left;border:1px solid var(--line);background:#0b0e12cc;border-radius:4px;min-width:260px;margin:0;padding:10px 16px 10px 36px}.lobby-seats li{padding:3px 0}.lobby-seats li.me{color:var(--you)}.controls-panel{width:100%;max-width:760px}.binds{text-align:left;flex-direction:column;gap:4px;display:flex}.binds>*,.book>*{flex-shrink:0}.controls-panel{max-height:calc(100vh - 32px);overflow-y:auto}.bind-row{border-bottom:1px solid var(--line);grid-template-columns:1fr 110px 110px;align-items:center;gap:10px;padding:4px 6px;display:grid}.bind-icon-gap{width:20px}.bind-name{flex-direction:column;font-weight:600;display:flex}.bind-text{color:var(--dim);font-size:12px;font-weight:400}.bind-key{padding:4px 8px;font-size:13px}.bind-key.capturing{border-color:var(--amber);color:var(--amber)}.kit{text-align:left;flex-direction:column;gap:6px;max-width:560px;margin-top:8px;display:flex}.kit-row{grid-template-columns:26px 1fr auto;align-items:center;gap:10px;display:grid}.kit-body{flex-direction:column;display:flex}.kit-name{font-weight:600}.kit-text{color:var(--dim);font-size:12px}.kit kbd{font-size:12px}.panel.menu{max-width:min(980px,100vw - 32px);max-height:calc(100vh - 32px);overflow-y:auto}.menu-cols{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:24px;display:flex}.menu-buttons{flex-direction:column;gap:8px;min-width:200px;display:flex}.menu-cols .kit{flex:380px;margin-top:0}#menu-layer{z-index:50}.spellbook{text-align:left;flex-direction:column;gap:8px;display:flex}.book{border:1px dashed var(--line);border-radius:4px;flex-direction:column;gap:4px;padding:6px;display:flex}.spell{cursor:grab;border-radius:4px;grid-template-columns:26px 1fr auto;align-items:center;gap:10px;padding:4px 6px;display:grid}.spell:hover{background:#71b8d614}.spell.picked{outline:1px solid var(--you);background:#71b8d624}.spell.passive{cursor:default;opacity:.85}.bar-copy{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.bar-slot{border:1px solid var(--you);cursor:grab;background:#0b0e12eb;border-radius:50%;place-items:center;width:52px;height:52px;display:grid;position:relative}.bar-slot.empty{border-style:dashed;border-color:var(--line-strong);cursor:default}.bar-slot.mouse-start{margin-left:18px}.bar-key{color:var(--dim);font-size:11px;position:absolute;bottom:-16px}.spellbook-panel{align-self:flex-start;max-width:min(860px,100vw - 32px);max-height:calc(100vh - 150px);margin-top:12px;overflow-y:auto}.bar-drop{pointer-events:none;z-index:60;position:absolute;inset:0}.drop-zone{pointer-events:auto;cursor:grab;border-radius:50%;position:absolute}.drop-zone:hover{box-shadow:0 0 0 2px #71b8d6b3}.spellbook-panel{position:relative}.spellbook-panel .close-top{position:absolute;top:12px;right:16px}#app:has(#menu-layer>*) .first-tips{display:none}.spellbook-panel .spellbook>h3,.spellbook-panel .spellbook>.hint{padding-right:96px}.hub-dialog{z-index:55;text-align:center;flex-direction:column;align-items:center;gap:8px;max-width:min(620px,100vw - 32px);display:flex;position:fixed;bottom:120px;left:50%;transform:translate(-50%)}.hub-dialog .story{margin:0;font-style:italic;line-height:1.5}:is(#app:has(.hub-dialog) .first-tips,#app:has(.chat.typing) .first-tips){display:none}.quest-log{text-align:left;width:100%}.quest{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;column-gap:12px;padding:4px 0;display:grid}.quest-title{font-weight:600}.quest-text{color:var(--dim);grid-column:1;font-size:12px}.quest-n{color:var(--amber);font-variant-numeric:tabular-nums;grid-area:1/2/span 2;align-self:center}.quest.done .quest-title{color:var(--amber)}.toast{z-index:70;border:1px solid var(--amber);color:#f6e7b8;font-family:var(--display);pointer-events:none;background:#0b0e12e6;border-radius:4px;padding:8px 16px;position:absolute;top:70px;left:50%;transform:translate(-50%)}.chat{z-index:50;pointer-events:none;flex-direction:column;gap:6px;width:min(380px,100vw - 32px);display:flex;position:fixed;bottom:172px;left:16px}.chat-log{flex-direction:column;gap:2px;display:flex}.chat-line{color:var(--bone,#e8e2d4);text-shadow:0 1px 2px #000000e6;overflow-wrap:anywhere;margin:0;font-size:14px;line-height:1.35}.chat-line.note{color:#c9c2b0;font-style:italic}.chat-name{font:inherit;color:#dcd3f5;cursor:pointer;pointer-events:auto;background:0 0;border:0;padding:0;font-weight:600}.chat-name.me{color:#bde6f4;cursor:default}.chat-name:hover:not(.me){text-decoration:underline}.chat-actions{border:1px solid var(--line-strong);background:var(--panel-solid);pointer-events:auto;border-radius:4px;flex-wrap:wrap;align-items:center;gap:6px;padding:6px 8px;display:flex}.chat-actions button:not(.chat-name){padding:4px 10px;font-size:13px}.chat.typing .chat-log{background:#07090c8c;border-radius:6px;padding:6px 8px}.chat-input{pointer-events:auto;font:inherit;color:#e8e2d4;background:#0c0e16eb;border:1px solid #dcd3f573;border-radius:6px;padding:8px 10px;font-size:14px}@media (max-width:700px){.chat{bottom:170px}}.card-name .tag{vertical-align:middle;margin-left:6px;font-size:9px}.doors{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:24px;width:100%;max-width:720px;display:flex}.door{text-align:center;flex:300px;justify-content:space-between;min-width:0;max-width:340px}.door-lit{border-color:#c88a3d8c;box-shadow:0 0 22px #c88a3d2e}.duel-row{background:var(--panel);border:1px solid var(--line);border-radius:4px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;max-width:720px;padding:10px 18px;display:flex}.duel-label{font-family:var(--display);letter-spacing:.2em;text-transform:uppercase;opacity:.75;margin-right:6px}.duel-sep{background:var(--line);width:1px;height:28px;margin:0 4px}details.others{text-align:center;max-width:720px}details.others summary{cursor:pointer;opacity:.8;list-style:none}details.others summary:before{content:"▸ "}details.others[open] summary:before{content:"▾ "}details.others .row{margin-top:10px}canvas#game{touch-action:none}#app.in-game{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#app.in-game.touch{cursor:default}.rotate-card{display:none}@media (orientation:portrait) and (pointer:coarse){body:has(#app.in-game) .rotate-card{z-index:100;background:var(--bg-deep);color:var(--moon);font-family:var(--display);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:24px;font-size:18px;display:flex;position:fixed;inset:0}}.rotate-phone{border:3px solid var(--moon);border-radius:9px;width:44px;height:76px;animation:2.4s ease-in-out infinite rotate-phone}@keyframes rotate-phone{0%,25%{transform:rotate(0)}55%,to{transform:rotate(-90deg)}}@media (max-height:500px){.screen{gap:8px;padding:10px 12px}.logo{font-size:40px}.panel{gap:6px;max-width:calc(100% - 12px);max-height:calc(100% - 12px);padding:10px 14px}.panel h2{margin:0;font-size:18px}.panel h3{margin:0;font-size:14px}.panel .hint{font-size:12px}.cards,.cards.races{gap:6px}.cards.races{grid-template-columns:repeat(4,minmax(0,1fr))}.card.race{text-align:center;flex-direction:column;align-items:center;padding:6px}.card.race .portrait{width:44px!important;height:44px!important}.card.race .race-racial{justify-content:center;font-size:11px}.card.race .card-text,.race-passive{font-size:10.5px;line-height:1.3}.card{padding:6px 8px}.card .card-text{font-size:11px;line-height:1.3}:is(.panel>.row:has(>[data-testid=lock-in]),.panel>.row:has(>[data-testid=ready])){z-index:1;background:linear-gradient(180deg, #0f141b99, var(--panel-solid) 40%);justify-content:center;align-self:stretch;margin:0 -14px -10px;padding:6px 14px 8px;position:sticky;bottom:-10px}.panel.pick{gap:4px;padding:0 8px}.panel.pick>h2{margin:30px 0 0;font-size:17px}.panel.pick .pick-grid{grid-template-columns:minmax(150px,230px) 1fr;gap:8px}.panel.pick .pick-races{gap:5px;display:flex}.panel.pick .pick-race{gap:8px;padding:4px 8px}.panel.pick .pick-race .portrait{width:40px!important;height:40px!important}.panel.pick .pick-race-name{font-size:14px}.panel.pick .pick-race-role{font-size:11px;line-height:1.25}.panel.pick .pick-side{padding:10px 14px 0}.panel.pick .pick-detail .pick-name{margin:0 0 2px;font-size:18px}.panel.pick .pick-core{margin:0 0 4px;font-size:13px}.panel.pick .pick-row{gap:8px;margin:4px 0}.panel.pick .pick-row p{font-size:12.5px;line-height:1.35}.panel.pick .pick-icon{width:32px;height:32px}.panel.pick .pick-detail h4{margin:8px 0 4px;font-size:11px}.panel.pick .chips{gap:6px}.panel.pick .chip{padding:7px 12px}.panel.pick .pick-foot{z-index:1;background:var(--panel-solid);box-shadow:0 -10px 10px -2px #0f141bd9, 0 16px 0 0 var(--panel-solid);align-items:center;margin:6px -14px 0;padding:6px 14px 8px;position:sticky;bottom:0}.panel.pick .pick-foot .hint,.panel.pick .pick-foot .status{font-size:11.5px}.panel.pick .pick-foot .lock{min-width:120px;padding:10px 20px}}@media (max-height:500px) and (max-width:640px){.panel.pick .pick-race-role,.panel.pick .pick-foot .hint{display:none}}@media (max-height:500px){body .screen:has(.trail-map){gap:0;padding:8px 16px 0}body .trail-title{font-size:20px}body .trail-sub{margin:0;font-size:12px}body .trail-map{width:min(860px,100%)}body .trail-actions{background:linear-gradient(#0000,#0b0e12d9 45%);justify-content:center;width:100%;margin:-44px 0 0;padding:18px 0 10px;position:sticky;bottom:0}.home-settings-panel{max-height:calc(100vh - 70px);overflow-y:auto}}@media (hover:none) and (pointer:coarse){body .home-settings summary{width:44px;height:44px;font-size:22px}body .home-settings-panel{top:52px}.home-corner .row button{min-height:44px}.home-settings-panel [data-testid=controls-btn]{display:none}}.hold-tip{z-index:200;background:var(--panel-solid);border:1px solid var(--line-strong);max-width:min(320px,100vw - 16px);color:var(--text);text-align:left;pointer-events:none;border-radius:4px;padding:8px 12px;font-size:13px;line-height:1.4;position:fixed;box-shadow:0 8px 24px #0009}.touch .chip{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.hub-dialog.journal{color:#2b2118;text-align:left;background:#d9c9a3 url(/art/ui_journal_page.webp) 50%/100% 100% no-repeat;border:none;border-radius:6px;align-items:stretch;width:min(460px,100vw - 32px);height:min(640px,100vh - 48px);padding:48px 44px 28px;top:50%;bottom:auto;transform:translate(-50%,-50%);box-shadow:0 18px 60px #0009}.journal h2{font-family:var(--display);color:#3a2a1c;text-align:center;letter-spacing:.06em;margin:0 0 6px;font-size:22px}.journal-body{flex:1;padding-right:6px;overflow-y:auto}.journal h3{font-family:var(--display);color:#5a3f26;border-bottom:1px solid #5a3f2659;margin:14px 0 4px;font-size:15px}.journal h4{color:#3a2a1c;margin:8px 0 2px;font-size:14px}.journal p{margin:2px 0;font-family:Georgia,Times New Roman,serif;font-size:14px;line-height:1.45}.journal .journal-lore,.journal .journal-entry p{font-style:italic}.journal .journal-empty{text-align:center;margin:auto 0;font-style:italic}.journal button{align-self:center}.hub-dialog.lore{color:#2b2118;background:#d9c9a3 url(/art/ui_journal_page.webp) 50% 30%/cover no-repeat;border:none;border-radius:6px;width:min(420px,100vw - 32px);padding:28px 36px 20px;box-shadow:0 14px 44px #0000008c}.hub-dialog.lore .story{color:#2b2118;font-family:Georgia,Times New Roman,serif;font-size:16px}.panel.pick{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:none;width:min(1120px,100% - 32px);max-width:none;padding:8px 16px}.panel.pick>h2{letter-spacing:.12em;margin:0 0 4px;font-size:30px}.pick-grid{text-align:left;grid-template-columns:minmax(220px,300px) 1fr;gap:22px;width:100%;display:grid}.pick-races{flex-direction:column;gap:12px;display:flex}.pick-race{background:var(--panel);border:1px solid var(--line);color:var(--text);text-align:left;cursor:pointer;border-radius:4px;align-items:center;gap:14px;padding:12px 14px;display:flex}.pick-race.selected{border-color:var(--you);background:#14222ee6;box-shadow:0 0 0 1px #71b8d640}.pick-race-body{flex-direction:column;gap:4px;display:flex}.pick-race-name{font-family:var(--display);letter-spacing:.1em;text-transform:uppercase;font-size:19px}.pick-race-role{color:var(--dim);font-size:13px}.pick-side{background:var(--panel);border:1px solid var(--line);border-top-color:var(--line-strong);border-radius:4px;flex-direction:column;min-height:0;padding:22px 28px 20px;display:flex}.pick-detail{flex:1}.pick-name{font-family:var(--display);letter-spacing:.1em;text-transform:uppercase;color:var(--text);margin:0 0 6px;font-size:26px}.pick-role{letter-spacing:.2em;color:var(--amber);margin-left:6px;font-size:12px}.pick-core{margin:0 0 12px;font-style:italic}.pick-row{align-items:center;gap:12px;margin:8px 0;display:flex}.pick-row p{color:var(--dim);margin:0}.pick-row b{color:var(--text)}.pick-icon{border:1px solid var(--line-strong);width:42px;height:42px;color:var(--moon);border-radius:50%;flex:none;place-items:center;display:grid}.pick-label{letter-spacing:.18em;color:var(--amber);font-size:11px}.pick-detail h4{letter-spacing:.2em;text-transform:uppercase;color:var(--dim);margin:14px 0 6px;font-size:12px;font-weight:600}.chips{flex-wrap:wrap;gap:10px;display:flex}.chip{border:1px solid var(--line-strong);color:var(--text);font:inherit;cursor:pointer;background:0 0;border-radius:3px;align-items:baseline;gap:8px;padding:8px 16px;display:inline-flex}.chip.selected{border-color:var(--you);background:#2842528c}.chip-short{color:var(--dim);font-size:12px}.pick-foot{justify-content:space-between;align-items:flex-end;gap:16px;margin-top:14px;display:flex}.pick-foot .hint,.pick-foot .status{color:var(--dim);margin:0;font-size:13px}.pick-foot .lock{min-width:160px;font-family:var(--display);letter-spacing:.2em;flex:none;padding:12px 28px}@media (max-width:760px){.pick-grid{grid-template-columns:1fr}.pick-races{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}}.panel.pick .pick-name{letter-spacing:.1em;color:var(--text);margin:0 0 6px;font-size:26px}@media (max-height:680px){.panel.pick>h2{margin-top:28px;font-size:22px}.pick-race{padding:8px 12px}.pick-side{padding:16px 22px 14px}.pick-detail h4{margin:10px 0 5px}}.trail-title{letter-spacing:.12em;text-shadow:0 0 24px #c7d1da4d;margin:0;font-size:34px}.trail-map{aspect-ratio:16/10;flex:none;width:min(1100px,100%,160vh - 192px);position:relative}.trail-svg{width:100%;height:100%;position:absolute;inset:0}.trail-ahead{fill:none;stroke:#e6e0d259;stroke-width:3px;stroke-dasharray:2 10;stroke-linecap:round}.trail-done{fill:none;stroke:#71b8d6cc;stroke-width:3px;stroke-linecap:round}.trail-map .trial{width:190px;color:var(--text);text-align:center;cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:3px;padding:0;display:flex;position:absolute;transform:translate(-50%,-24px)}.trail-map .trial:disabled{cursor:default;opacity:.85}.trial-dot{width:40px;height:40px;color:var(--dim);background:#0b0e12d9;border:2px solid #c7d1da66;border-radius:50%;place-items:center;margin-bottom:3px;font-size:16px;display:grid}.trail-map .trial-title{font-family:var(--display);letter-spacing:.06em;text-shadow:0 1px 6px #000000e6;font-size:15px}.trail-map .trial-sub{color:var(--dim);text-shadow:0 1px 6px #000000e6;font-size:12px}.trail-map .trial.done .trial-dot{border-color:var(--you);color:var(--you-light);background:#71b8d633}.trail-map .trial.done .trial-title{color:var(--you-light)}.trail-map .trial.next .trial-dot{border-color:var(--amber);width:50px;height:50px;color:var(--opp-light);background:#c88a3d4d;box-shadow:0 0 0 6px #c88a3d26,0 0 26px #c88a3d8c}.trail-map .trial.next .trial-title{color:var(--opp-light);font-size:17px}.trail-map .trial.next .trial-sub{color:var(--text)}.trail-map .trial.locked .trial-title{color:#aab3bc}.continue{font-family:var(--display);letter-spacing:.15em}.pick-race,.pick-side{background:#0b0e12eb}.pick-race.selected{background:#14222ef2}.pick-foot .lock{color:var(--text);background:#c88a3d38;border-color:#c88a3dbf}.pick-foot .lock:hover:not(:disabled){background:#c88a3d57}.trail-map .trial.locked .trial-title{font-size:14px}.screen:has(.trail-map){justify-content:flex-start;gap:6px}.trail-actions{z-index:2;margin-top:-64px;position:relative}@media (max-height:680px){.trail-title{font-size:26px}.trail-map .trial{width:130px}.trail-map .trial-title{font-size:12px}.trail-map .trial.locked .trial-title,.trail-map .trial-sub{font-size:11px}.trial-dot{width:30px;height:30px}.trail-map .trial.next .trial-dot{width:38px;height:38px}.trail-map{width:min(1100px,100%,160vh - 240px)}.trail-actions{margin-top:-18px}.trail-actions button{padding:8px 18px}}.trail-actions .continue{color:var(--text);background:#c88a3d38;border-color:#c88a3dbf}.trail-actions .continue:hover{background:#c88a3d57}.trail-sub{letter-spacing:.05em;color:var(--moon)}button.action,.trail-actions .continue{color:var(--text);background:#c88a3d38;border-color:#c88a3dbf}button.action:hover{background:#c88a3d57}.home-corner{z-index:5;align-items:flex-start;gap:8px;display:flex;position:absolute;top:12px;right:16px}.home-corner .row{gap:6px;margin:0}.home-corner .row button{padding:6px 12px;font-size:13px}.home-settings summary{cursor:pointer;border:1px solid var(--line-strong);background:var(--panel);width:34px;height:34px;color:var(--moon);border-radius:4px;place-items:center;font-size:18px;list-style:none;display:grid}.home-settings summary::-webkit-details-marker{display:none}.home-settings-panel{background:var(--panel-solid);border:1px solid var(--line-strong);border-radius:4px;flex-direction:column;gap:6px;min-width:190px;padding:10px;display:flex;position:absolute;top:42px;right:0;box-shadow:0 12px 30px #00000080}.home-settings-panel .row{flex-wrap:wrap;justify-content:flex-start}.duel-row .map-row{flex-basis:100%;justify-content:center;margin:2px 0 0}@media (max-width:640px){.home-corner{align-self:flex-end;margin:-12px -4px 0 0;position:static}}@media (max-height:500px){.trail-map{margin-bottom:72px}}