.enemies{position:relative;display:grid;grid-template-columns:repeat(2,1fr);gap:7px;flex:none;min-height:220px}.card{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:0;box-shadow:var(--bevel);padding:7px 9px;transition:opacity .25s steps(4),border-color .1s}.card.enemy{min-width:0;display:flex;flex-direction:column;justify-content:flex-end;padding-top:16px}.card.enemy .name span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card.enemy{align-self:center}.enemies[data-art=none]{min-height:0}.card.enemy .art{flex:none;height:clamp(52px,13vh,116px);min-height:0;margin-bottom:5px}.enemies[data-count="1"] .card.enemy .art{height:clamp(96px,24vh,200px)}.enemies[data-count="3"] .card.enemy .art,.enemies[data-count="4"] .card.enemy .art{height:clamp(44px,9vh,88px)}.card.enemy .sprite{width:100%;height:100%;object-fit:cover;object-position:center 42%;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.card.enemy .sprite.pixel{image-rendering:pixelated;image-rendering:crisp-edges}.card.enemy.active .sprite{transform:translateY(-3px)}.enemies[data-count="1"]{grid-template-columns:1fr}.enemies[data-count="1"] .card.enemy{width:62%;justify-self:center}.enemies[data-count="5"],.enemies[data-count="6"]{grid-template-columns:repeat(3,1fr)}.enemies[data-count="5"] .card.enemy,.enemies[data-count="6"] .card.enemy{padding:14px 6px 5px}.enemies[data-count="5"] .card.enemy .name,.enemies[data-count="6"] .card.enemy .name{font-size:10px}.enemies[data-count="5"] .card.enemy .bar,.enemies[data-count="6"] .card.enemy .bar{height:10px}.enemies[data-count="5"] .card.enemy .bar .txt,.enemies[data-count="6"] .card.enemy .bar .txt{line-height:10px;font-size:8px}.enemies[data-count="5"] .card.enemy .badges,.enemies[data-count="6"] .card.enemy .badges,.enemies[data-count="5"] .card.enemy .art,.enemies[data-count="6"] .card.enemy .art{display:none}.enemies[data-count="5"] .ord,.enemies[data-count="6"] .ord{width:18px;height:18px;line-height:16px;font-size:9px;top:-7px;left:-7px}.card.dead{opacity:.34;filter:grayscale(.7)}.card.active{border-color:var(--accent)}.card.targetable{cursor:pointer;border-color:var(--bad)}.card.hero.targetable{border-color:var(--good)}.card.hero.dead.targetable{opacity:1;filter:none}.card.targetable:active{background:var(--panel-lit);border-color:var(--accent)}.card .name{font-size:12px;font-weight:700;display:flex;justify-content:space-between;gap:6px}.card .lvl{font-weight:400;font-size:10px;color:var(--mute)}.hero-wrap{margin-top:auto}.party{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.party .card{min-width:0;padding-bottom:15px}.party .ord{top:auto;bottom:-7px;left:-7px;width:18px;height:18px;line-height:14px;font-size:9px}.party .card .name{font-size:9px}.party .card .name span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.party .card .bar{height:9px;margin-top:3px}.party .card .bar .txt{display:none}.party .card.active .bar .txt{display:block;font-size:8px;line-height:9px}.party .card .badges{display:none}.party .card.empty,.party .card.locked{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:transparent;border-style:dashed;border-color:var(--line);box-shadow:none}.party .card.locked .lock{width:14px;height:14px;fill:var(--mute);opacity:.7}.party .card .slotnote{font-size:var(--t-micro);line-height:1.2;text-align:center;color:var(--mute);text-transform:none;letter-spacing:0;overflow:hidden}.bar{position:relative;height:13px;margin-top:5px;background:var(--sunk);border-radius:0;overflow:hidden;box-shadow:inset 1px 1px #00000080}.bar .fill{height:100%;background-image:repeating-linear-gradient(90deg,#00000057 0,#00000057 2px,#0000 2px,#0000 6px);transition:width .3s steps(6,end)}.bar.hp .fill{background-color:var(--hp)}.bar.mana .fill{background-color:var(--mana)}.bar.stam .fill{background-color:var(--stam)}.bar .txt{position:absolute;top:0;right:0;bottom:0;left:0;font-size:9px;line-height:13px;text-align:center;color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 0 3px rgba(0,0,0,.9),0 1px 0 rgba(0,0,0,.8)}.badges{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px;min-height:4px}.badge{font-size:9px;padding:1px 5px;border-radius:0;border:1px solid var(--line);color:var(--mute);background:var(--sunk)}.badge.bad{color:var(--bad);border-color:var(--bad)}.badge.good{color:var(--good);border-color:var(--good)}.ord{position:absolute;top:-9px;left:-9px;z-index:2;width:22px;height:22px;border-radius:50%;line-height:20px;text-align:center;font-size:11px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--ink);background:var(--panel-lit);border:1px solid var(--line);box-shadow:2px 2px #0006}.ord.now{background:var(--accent);border-color:var(--ink);color:var(--on-accent)}.log{flex:1;min-height:clamp(72px,14vh,120px);max-height:320px;overflow-y:auto;background:var(--sunk);border:1px solid var(--line);box-shadow:var(--bevel);padding:7px 9px;text-transform:none;letter-spacing:0}.log .line{font-size:11px;line-height:1.55;color:var(--mute);margin-bottom:2px}.log .line:last-child{color:var(--ink)}.detail{flex:1;min-height:clamp(72px,14vh,120px);max-height:320px;overflow-y:auto;background:var(--sunk);border:1px solid var(--accent);box-shadow:var(--bevel);padding:9px 10px}.detail.hidden,.log.hidden{display:none}.detail .dhead{display:flex;flex-direction:column;gap:2px;padding-bottom:7px;margin-bottom:7px;border-bottom:1px solid var(--line)}.detail .dname{font-size:14px;font-weight:700;color:var(--accent)}.detail .dmeta{font-size:10px;color:var(--mute)}.detail .row{display:flex;justify-content:space-between;gap:10px;font-size:11px;padding:3px 0}.detail .row span{color:var(--mute)}.detail .row b{color:var(--ink);font-weight:700}.detail .dnote{margin:9px 0 0;font-size:9px;line-height:1.5;color:var(--mute);text-transform:none;letter-spacing:0}.prompt{height:26px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:11px;color:var(--mute)}.prompt .mini{font:inherit;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ink);background:var(--panel-lit);border:1px solid var(--line);border-radius:0;padding:3px 10px;cursor:pointer}.prompt .mini.go{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.prompt .mini:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.actions{display:flex;flex-wrap:wrap;gap:7px;min-height:56px}button.act.icon{flex:1 1 0;min-width:0;min-height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px 2px}button.act.icon svg{width:22px;height:22px;fill:currentColor;shape-rendering:crispEdges}button.act.icon .lbl{font-size:9px;font-weight:400;letter-spacing:.06em;color:var(--mute)}button.act.icon:disabled .lbl{color:inherit}button.act{flex:1 1 40%;min-height:46px;font:inherit;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ink);background:var(--panel-lit);border:1px solid var(--line);border-radius:0;box-shadow:var(--bevel);cursor:pointer}button.act:active{box-shadow:var(--press);background:var(--panel)}button.act:disabled{opacity:.38;cursor:default;box-shadow:var(--bevel)}button.act:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button.act .cost{display:block;font-size:10px;font-weight:400;color:var(--mute)}button.act.primary{border-color:var(--accent);color:var(--accent)}button.act.back{flex-basis:100%;background:transparent;box-shadow:none;color:var(--mute)}.floaters{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.floater{position:absolute;transform:translate(-50%);font-family:var(--mono);font-weight:700;font-size:19px;text-shadow:2px 2px 0 rgba(0,0,0,.75);animation:rise .9s steps(9,end) forwards}.floater.dmg{color:#ff8a5c}.floater.heal{color:var(--good)}.floater.miss{color:var(--mute);font-size:14px}@keyframes rise{0%{opacity:0;transform:translate(-50%,8px)}15%{opacity:1}to{opacity:0;transform:translate(-50%,-32px)}}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#140c08e6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;text-align:center}.overlay.hidden{display:none}.overlay h2{margin:0;font-size:var(--t-banner);letter-spacing:.1em;text-shadow:3px 3px 0 rgba(0,0,0,.6)}.overlay h2.win{color:var(--accent)}.overlay h2.lose{color:var(--bad)}.overlay h2.flee{color:var(--ink)}.overlay .rewards{font-size:13px;line-height:1.9;color:var(--ink)}.overlay button{margin-top:8px;min-height:48px;padding:0 28px;font:inherit;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--on-accent);background:var(--accent);border:1px solid var(--accent);border-radius:0;box-shadow:var(--bevel);cursor:pointer}.overlay button:active{box-shadow:var(--press)}.overlay button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}@media (prefers-reduced-motion: reduce){.bar .fill{transition:none}.floater{animation:none;opacity:1}.card{transition:none}}.summary{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;justify-content:center;gap:12px;padding:24px 16px;text-align:center}.summary h1{font-size:var(--t-banner);letter-spacing:.1em;text-shadow:3px 3px 0 rgba(0,0,0,.6)}.summary h1.win{color:var(--accent)}.summary h1.lose{color:var(--bad)}.summary h1.withdrew{color:var(--ink)}.summary .questname{margin:0 0 6px;font-size:var(--t-body);color:var(--mute)}.summary .panel{background:var(--panel);border:1px solid var(--line);box-shadow:var(--bevel);padding:12px 14px;text-align:left}.summary .row{display:flex;justify-content:space-between;gap:12px;font-size:11px;padding:5px 0}.summary .row+.row{border-top:1px solid var(--line)}.summary .row span{color:var(--mute)}.summary .row b{color:var(--ink);font-variant-numeric:tabular-nums}.summary .levelup{margin:0;font-size:11px;font-weight:700;color:var(--good)}.summary .note{margin:0;font-size:10px;color:var(--mute);text-transform:none;letter-spacing:0}.summary button.go{margin-top:6px;min-height:50px;font:inherit;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--on-accent);background:var(--accent);border:1px solid var(--accent);border-radius:0;box-shadow:var(--bevel);cursor:pointer}.summary button.go:active{box-shadow:var(--press)}.summary button.go:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.hero{flex:1;display:flex;flex-direction:column;gap:10px;padding:14px 12px 12px;min-height:0}.hhead{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.hero .hgold{font-size:var(--t-lead);font-weight:700;color:var(--accent);white-space:nowrap}.march{flex:none;display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.mslot{position:relative;display:flex;flex-direction:column;gap:1px;min-width:0;min-height:62px;padding:7px 5px 5px;font:inherit;text-align:left;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:0;box-shadow:var(--bevel)}.mslot.filled{cursor:pointer}.mslot.on{border-color:var(--accent)}.mslot.down{border-color:var(--bad)}.mslot.filled:active{box-shadow:var(--press)}.mslot:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mslot.open,.mslot.locked{align-items:center;justify-content:center;background:transparent;border-style:dashed;box-shadow:none}.mname{font-size:var(--t-body);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mmeta,.mnote{font-size:var(--t-micro);line-height:1.25;color:var(--mute);text-transform:none;letter-spacing:0;overflow:hidden}.mnote{text-align:center}.mlead{align-self:flex-start;margin-bottom:1px;padding:0 3px;font-size:var(--t-micro);font-weight:700;color:var(--on-accent);background:var(--accent);text-transform:uppercase;letter-spacing:.04em}.macts{flex:none;display:flex;gap:6px}.mact{flex:1;min-height:34px;font:inherit;font-size:var(--t-meta);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ink);background:var(--panel-lit);border:1px solid var(--line);border-radius:0;box-shadow:var(--bevel);cursor:pointer}.mact.go{color:var(--on-accent);background:var(--accent);border-color:var(--accent)}.mact:disabled{color:var(--mute);background:var(--panel);border-color:var(--line);cursor:default}.mact:active:not(:disabled){box-shadow:var(--press)}.mact:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.bench{flex:none;display:flex;gap:6px;overflow-x:auto}.benched{flex:none;display:flex;flex-direction:column;gap:1px;min-width:96px;padding:7px 8px;font:inherit;text-align:left;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:0;box-shadow:var(--bevel);cursor:pointer}.benched.on{border-color:var(--accent)}.benched:active{box-shadow:var(--press)}.benched:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.xpline{display:flex;align-items:center;gap:8px;font-size:var(--t-micro);color:var(--mute)}.xpline .xpbar{flex:1;position:relative;height:8px;background:var(--sunk);overflow:hidden;box-shadow:inset 1px 1px #00000080}.xpline .fill{height:100%;background-color:var(--accent);background-image:repeating-linear-gradient(90deg,#00000057 0,#00000057 2px,#0000 2px,#0000 6px)}.hero .sub{display:flex;justify-content:space-between;gap:8px}.hero .freehint{letter-spacing:0}.hero .panel{background:var(--panel);border:1px solid var(--line);box-shadow:var(--bevel);padding:8px 10px}.hero .row{display:flex;justify-content:space-between;gap:10px;font-size:11px;padding:5px 0}.hero .row+.row{border-top:1px solid var(--line)}.hero .row span{color:var(--mute)}.hero .row b{color:var(--ink);font-variant-numeric:tabular-nums}.hero .row i{font-style:normal;font-size:10px}.hero .row i.up{color:var(--good)}.hero .row i.down{color:var(--bad)}.scores{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.score{background:var(--panel);border:1px solid var(--line);box-shadow:var(--bevel);padding:8px 4px;text-align:center}.score .sk{display:block;font-size:9px;color:var(--mute)}.score b{display:block;font-size:17px;font-variant-numeric:tabular-nums}.score .sm{display:block;font-size:10px;color:var(--accent)}.slots{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.slot{display:flex;flex-direction:column;gap:2px;text-align:left;font:inherit;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:0;box-shadow:var(--bevel);padding:8px 9px;min-height:62px;cursor:pointer}.slot:disabled{cursor:default}.slot:not(.filled){opacity:.6}.slot.filled{border-color:var(--accent)}.slot.cursed{border-color:var(--bad);opacity:1}.slot:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.slot .slabel{font-size:9px;color:var(--mute)}.slot .sitem{font-size:11px;font-weight:700}.slot .smods,.slot .scursed{font-size:9px;color:var(--mute);text-transform:none;letter-spacing:0}.slot .scursed{color:var(--bad);text-transform:uppercase;letter-spacing:.06em}.pack{display:flex;flex-direction:column;gap:6px}.packitem{display:flex;flex-direction:column;gap:2px;text-align:left;font:inherit;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:0;box-shadow:var(--bevel);padding:8px 9px;cursor:pointer}.packitem:disabled{opacity:.45;cursor:default}.packitem:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.packitem.uncommon{border-left-color:var(--stam)}.packitem.rare{border-left-color:var(--mana)}.packitem.epic{border-left-color:var(--accent)}.packitem .pname{font-size:11px;font-weight:700}.packitem .pslot{font-size:9px;color:var(--mute)}.packitem .pmods{font-size:9px;color:var(--accent);text-transform:none;letter-spacing:0}.hero .empty{font-size:11px;color:var(--mute);text-transform:none;letter-spacing:0}.hero .points{margin:0;font-size:10px;color:var(--good);text-transform:none;letter-spacing:0}.skillrow{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 0}.skillrow+.skillrow{border-top:1px solid var(--line)}.skillrow .sname{display:block;font-size:12px;font-weight:700}.skillrow .smeta{display:block;font-size:9px;color:var(--mute)}.skillrow .rank{flex:none;min-width:46px;min-height:34px;font:inherit;font-size:13px;font-weight:700;color:var(--on-accent);background:var(--accent);border:1px solid var(--accent);border-radius:0;box-shadow:var(--bevel);cursor:pointer}.skillrow .rank:disabled{color:var(--mute);background:var(--panel-lit);border-color:var(--line);cursor:default}.skillrow .rank:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.hero .notice{margin:0;font-size:10px;text-align:center;color:var(--accent);text-transform:none;letter-spacing:0}.hero .back{font:inherit;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;min-height:46px;color:var(--ink);background:var(--panel-lit);border:1px solid var(--line);border-radius:0;box-shadow:var(--bevel);cursor:pointer}.hero .back:active{box-shadow:var(--press)}.hero .back:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero .levelup{display:flex;flex-direction:column;gap:2px;text-align:left;font:inherit;color:var(--on-accent);background:var(--accent);border:1px solid var(--accent);border-radius:0;box-shadow:var(--bevel);padding:10px 11px;cursor:pointer}.hero .levelup:active{box-shadow:var(--press)}.hero .levelup:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.hero .lname{font-size:var(--t-lead);font-weight:700}.hero .ltext{font-size:var(--t-micro);line-height:1.45;text-transform:none;letter-spacing:0;opacity:.85}.slot,.packitem{flex-direction:row;align-items:center;gap:9px}.slot .chip,.packitem .chip{width:40px;height:40px}.slot .stext,.packitem .ptext{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.shop{flex:1;display:flex;flex-direction:column;gap:10px;padding:14px 12px 12px;min-height:0}.shead{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.sgold{font-size:var(--t-lead);font-weight:700;color:var(--accent);white-space:nowrap}.shop .list{display:flex;flex-direction:column;gap:6px}.trade{display:flex;align-items:stretch;background:var(--panel);border:1px solid var(--line);box-shadow:var(--bevel)}.trade.incart{border-color:var(--accent)}.trade.dead{opacity:.45}.tadd{flex:1;display:flex;flex-direction:column;gap:2px;text-align:left;font:inherit;color:var(--ink);background:none;border:0;border-radius:0;padding:9px 10px;cursor:pointer}.tadd:disabled{opacity:.55;cursor:default}.tadd:active:not(:disabled){box-shadow:var(--press)}.tadd:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.tname{font-size:var(--t-body);font-weight:700}.tdesc{font-size:var(--t-meta);color:var(--mute);text-transform:none;letter-spacing:0}.tprice{font-size:var(--t-meta);font-weight:700;color:var(--accent)}.tstep{flex:none;display:flex;align-items:center;gap:6px;padding:0 8px 0 6px;border-left:1px solid var(--line)}.tqty{font-size:var(--t-lead);font-weight:700;color:var(--accent)}.tless{min-width:34px;min-height:34px;font:inherit;font-size:var(--t-title);font-weight:700;line-height:1;color:var(--ink);background:var(--panel-lit);border:1px solid var(--line);border-radius:0;box-shadow:var(--bevel);cursor:pointer}.tless:active{box-shadow:var(--press)}.tless:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.cart{flex:none;display:flex;align-items:center;gap:8px;padding:8px;background:var(--panel-lit);border:1px solid var(--accent);box-shadow:var(--bevel)}.cinfo{flex:1;font-size:var(--t-meta);color:var(--mute);text-transform:uppercase;letter-spacing:.04em}.cinfo b{color:var(--accent)}.cart button{flex:none;min-height:38px;padding:0 12px;font:inherit;font-size:var(--t-body);font-weight:700;text-transform:uppercase;letter-spacing:.06em;border-radius:0;box-shadow:var(--bevel);cursor:pointer}.cclear{color:var(--ink);background:var(--panel);border:1px solid var(--line)}.cgo{color:var(--on-accent);background:var(--accent);border:1px solid var(--accent)}.cgo:disabled{color:var(--mute);background:var(--panel);border-color:var(--line);cursor:default}.cart button:active:not(:disabled){box-shadow:var(--press)}.cart button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.service{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--panel);border:1px solid var(--bad);box-shadow:var(--bevel);padding:9px 10px}.service .svc{flex:none;min-width:58px;min-height:36px;font:inherit;font-size:var(--t-lead);font-weight:700;color:var(--on-accent);background:var(--accent);border:1px solid var(--accent);border-radius:0;box-shadow:var(--bevel);cursor:pointer}.service .svc:disabled{color:var(--mute);background:var(--panel-lit);border-color:var(--line);cursor:default}.service .svc:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.shop .hint,.shop .empty{margin:0;font-size:var(--t-meta);color:var(--mute);text-transform:none;letter-spacing:0}.shop .notice{margin:0;font-size:var(--t-meta);text-align:center;color:var(--accent);text-transform:none;letter-spacing:0}.shop .back{flex:none;font:inherit;font-size:var(--t-lead);font-weight:700;text-transform:uppercase;letter-spacing:.06em;min-height:46px;color:var(--ink);background:var(--panel-lit);border:1px solid var(--line);border-radius:0;box-shadow:var(--bevel);cursor:pointer}.shop .back:active{box-shadow:var(--press)}.shop .back:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tadd{flex-direction:row;align-items:center;gap:9px}.tadd .chip{width:40px;height:40px}.tadd .ttext{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.guild{flex:1;display:flex;flex-direction:column;gap:10px;padding:14px 12px 12px;min-height:0}.ghead{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.ggold{font-size:var(--t-lead);font-weight:700;color:var(--accent);white-space:nowrap}.glearner{display:flex;flex-wrap:wrap;gap:6px}.gwho{flex:1 1 auto;min-height:38px;padding:4px 10px;font:inherit;font-size:var(--t-meta);font-weight:700;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:0;box-shadow:var(--bevel);cursor:pointer}.gwho.on{color:var(--on-accent);background:var(--accent);border-color:var(--accent)}.gwho:active{box-shadow:var(--press)}.gwho:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.gbody{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.gschool{margin:4px 0 2px;font-size:var(--t-meta);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--mute)}.glist{display:flex;flex-direction:column;gap:6px}.spell{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--panel);border:1px solid var(--line);box-shadow:var(--bevel);padding:9px 10px}.spell.known{opacity:.55}.sptext{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.spname{font-size:var(--t-body);font-weight:700}.spdesc{font-size:var(--t-meta);color:var(--mute);text-transform:none;letter-spacing:0}.spprice{font-size:var(--t-meta);font-weight:700;color:var(--accent)}.splearn{flex:none;min-width:64px;min-height:40px;font:inherit;font-size:var(--t-meta);font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--on-accent);background:var(--accent);border:1px solid var(--accent);border-radius:0;box-shadow:var(--bevel);cursor:pointer}.splearn:disabled{color:var(--mute);background:var(--panel-lit);border-color:var(--line);cursor:default}.splearn:active:not(:disabled){box-shadow:var(--press)}.splearn:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.guild .notice{margin:0;font-size:var(--t-meta);text-align:center;color:var(--accent);text-transform:none;letter-spacing:0}.guild .back{flex:none;font:inherit;font-size:var(--t-lead);font-weight:700;text-transform:uppercase;letter-spacing:.06em;min-height:46px;color:var(--ink);background:var(--panel-lit);border:1px solid var(--line);border-radius:0;box-shadow:var(--bevel);cursor:pointer}.guild .back:active{box-shadow:var(--press)}.guild .back:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.town{flex:1;min-height:0;display:flex;flex-direction:column;gap:12px;padding:16px 12px 12px}.herostrip{background:var(--panel);border:1px solid var(--line);box-shadow:var(--bevel);padding:9px 10px}.hrow{display:flex;justify-content:space-between;gap:8px;font-size:12px;font-weight:700}.hrow.sub{margin-top:3px;font-size:10px;font-weight:400;color:var(--mute)}.hname{color:var(--ink)}.hgold{color:var(--accent)}.xpbar{position:relative;height:10px;margin-top:6px;background:var(--sunk);overflow:hidden;box-shadow:inset 1px 1px #00000080}.xpbar .fill{height:100%;background-color:var(--accent);background-image:repeating-linear-gradient(90deg,#00000057 0,#00000057 2px,#0000 2px,#0000 6px);transition:width .3s steps(6,end)}.hpoints{margin:7px 0 0;font-size:10px;color:var(--good)}.quests{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding-bottom:2px}.quest{display:flex;flex-direction:column;gap:3px;width:100%;text-align:left;font:inherit;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:0;box-shadow:var(--bevel);padding:10px 11px;cursor:pointer}.quest:not(.locked):active{box-shadow:var(--press);background:var(--panel-lit)}.quest:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.quest.locked{opacity:.45;cursor:default}.quest.done{border-color:var(--good)}.qtop{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.qname{font-size:13px;font-weight:700}.qdone{font-size:9px;color:var(--good);border:1px solid var(--good);padding:1px 5px}.qblurb{font-size:10px;line-height:1.55;color:var(--mute);text-transform:none;letter-spacing:0}.qmeta{font-size:10px;color:var(--mute)}.qreward{font-size:10px;font-weight:700;color:var(--accent)}.empty{font-size:11px;color:var(--mute);text-transform:none;letter-spacing:0}.venue-row{display:flex;flex-direction:column;gap:3px;width:100%;text-align:left;font:inherit;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:0;box-shadow:var(--bevel);padding:11px;cursor:pointer}.venue-row:active{box-shadow:var(--press);background:var(--panel-lit)}.venue-row:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.vtop{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.vname{font-size:13px;font-weight:700}.vjobs{font-size:9px;font-weight:700;color:var(--on-accent);background:var(--accent);padding:1px 6px}.vkind{font-size:9px;color:var(--accent)}.vflavor{font-size:10px;line-height:1.5;color:var(--mute);text-transform:none;letter-spacing:0}.townnav{flex:none;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:5px}.townnav span,.townnav .navbtn{text-align:center;font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:13px 2px;color:var(--ink);background:var(--panel-lit);border:1px solid var(--line);border-radius:0;box-shadow:var(--bevel);cursor:pointer}.townnav .on{color:var(--accent);border-color:var(--accent)}.townnav .navbtn:active{box-shadow:var(--press)}.townnav .navbtn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.townnav .soon{opacity:.4}.town .locshot{flex:none;height:clamp(90px,20vh,168px);margin-bottom:2px}.town .locshot img{object-position:center 46%}.hname{font-family:var(--display);font-size:var(--t-lead);text-transform:none;letter-spacing:.01em}.town .tip{flex:none;display:flex;flex-direction:column;gap:5px;background:var(--panel);border:1px solid var(--accent);padding:11px 12px}.town .tiphead{margin:0 0 2px;font-family:var(--display);font-size:var(--t-lead);font-weight:700;text-transform:none;letter-spacing:0;color:var(--accent)}.town .tipline{margin:0;font-size:var(--t-meta);line-height:1.55;color:var(--mute);text-transform:none;letter-spacing:0}.town .install{flex-direction:row;align-items:center;gap:10px}.town .install .tipline{flex:1}.town .tipacts{display:flex;gap:6px}.town .tipgo,.town .tipno{flex:none;align-self:flex-start;margin-top:4px;min-height:34px;padding:0 12px;font:inherit;font-family:var(--mono);font-size:var(--t-meta);font-weight:700;text-transform:uppercase;letter-spacing:.06em;border-radius:0;cursor:pointer}.town .tipgo{color:var(--on-accent);background:var(--accent);border:1px solid var(--accent)}.town .tipno{color:var(--mute);background:transparent;border:1px solid var(--line)}.town .install .tipgo,.town .install .tipno{margin-top:0}.town .tipgo:active,.town .tipno:active{box-shadow:var(--press)}.town .tipgo:focus-visible,.town .tipno:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.venue{flex:1;min-height:0;display:flex;flex-direction:column;gap:10px;padding:14px 12px 12px}.vhead{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.vgold{font-size:12px;font-weight:700;color:var(--accent);white-space:nowrap}.vbody{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.venue .panel{background:var(--panel);border:1px solid var(--line);box-shadow:var(--bevel);padding:8px 10px}.venue .row{display:flex;justify-content:space-between;gap:10px;font-size:11px;padding:4px 0}.venue .row+.row{border-top:1px solid var(--line)}.venue .row span{color:var(--mute)}.venue .row b{color:var(--ink);font-variant-numeric:tabular-nums}.venue .rested{margin:0;font-size:10px;color:var(--good);text-transform:none;letter-spacing:0}.venue .service{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--panel);border:1px solid var(--line);box-shadow:var(--bevel);padding:9px 10px}.venue .sinfo{min-width:0}.venue .sname{display:block;font-size:11px;font-weight:700}.venue .stext{display:block;font-size:9px;line-height:1.45;color:var(--mute);text-transform:none;letter-spacing:0}.venue .svc{flex:none;min-width:58px;min-height:38px;font:inherit;font-size:11px;font-weight:700;color:var(--on-accent);background:var(--accent);border:1px solid var(--accent);border-radius:0;box-shadow:var(--bevel);cursor:pointer}.venue .svc:disabled{color:var(--mute);background:var(--panel-lit);border-color:var(--line);cursor:default}.venue .svc:active:not(:disabled){box-shadow:var(--press)}.venue .svc:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.venue .empty,.venue .notice{margin:0;font-size:10px;color:var(--mute);text-transform:none;letter-spacing:0}.venue .notice{text-align:center;color:var(--accent)}.venue .back{flex:none;font:inherit;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;min-height:46px;color:var(--ink);background:var(--panel-lit);border:1px solid var(--line);border-radius:0;box-shadow:var(--bevel);cursor:pointer}.venue .back:active{box-shadow:var(--press)}.venue .back:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.venue .quests{flex:none;overflow:visible}.venue .marking{margin:0;font-size:var(--t-meta);line-height:1.5;color:var(--accent);text-transform:none;letter-spacing:0}.interlude{flex:1;min-height:0;display:flex;flex-direction:column;gap:10px;padding:16px 12px 12px}.ibody{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.interlude .panel{background:var(--panel);border:1px solid var(--line);box-shadow:var(--bevel);padding:8px 10px}.interlude .row{display:flex;justify-content:space-between;gap:10px;font-size:11px;padding:4px 0}.interlude .row+.row{border-top:1px solid var(--line)}.interlude .row span{color:var(--mute)}.interlude .row b{color:var(--ink);font-variant-numeric:tabular-nums}.interlude .fine,.interlude .banked{margin:0;font-size:10px;color:var(--mute);text-transform:none;letter-spacing:0}.interlude .banked{color:var(--accent);font-weight:700}.way{display:flex;flex-direction:column;gap:3px;text-align:left;font:inherit;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:0;box-shadow:var(--bevel);padding:12px 11px;min-height:56px;cursor:pointer}.way.primary{border-color:var(--accent)}.way:active{box-shadow:var(--press);background:var(--panel-lit)}.way:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.wname{font-size:13px;font-weight:700}.way.primary .wname{color:var(--accent)}.wtext{font-size:10px;line-height:1.5;color:var(--mute);text-transform:none;letter-spacing:0}.way.leave{border-style:dashed;border-color:var(--mute)}.way.leave .wname{color:var(--mute)}.way.locked{cursor:default;border-color:var(--bad)}.picks{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}.picks .pick{flex:1 1 30%;min-height:40px;font:inherit;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--on-accent);background:var(--accent);border:1px solid var(--accent);border-radius:0;box-shadow:var(--bevel);padding:5px 4px;cursor:pointer}.picks .pick.spent,.picks .pick:disabled{color:var(--mute);background:var(--panel-lit);border-color:var(--line);cursor:default}.picks .pick:active:not(:disabled){box-shadow:var(--press)}.picks .pick:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.picks .why{display:block;font-size:8px;font-weight:400;text-transform:none;letter-spacing:0;opacity:.85}.lockmsg{margin:2px 0 0;font-size:10px;text-align:center;color:var(--bad);text-transform:none;letter-spacing:0}.travel{flex:1;min-height:0;display:flex;flex-direction:column;gap:12px;padding:16px 12px 12px}.roads{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.road{display:flex;flex-direction:column;gap:3px;text-align:left;font:inherit;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:0;box-shadow:var(--bevel);padding:11px;cursor:pointer}.road:not(.locked):active{box-shadow:var(--press);background:var(--panel-lit)}.road:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.road.locked{opacity:.45;cursor:default}.rname{font-size:13px;font-weight:700}.rflavor{font-size:var(--t-body);line-height:1.5;color:var(--mute);text-transform:none;letter-spacing:0}.rtags{font-size:10px;font-weight:700;color:var(--accent)}.travel .empty{font-size:11px;color:var(--mute);text-transform:none;letter-spacing:0}.travel .back{flex:none;font:inherit;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;min-height:46px;color:var(--ink);background:var(--panel-lit);border:1px solid var(--line);border-radius:0;box-shadow:var(--bevel);cursor:pointer}.travel .back:active{box-shadow:var(--press)}.travel .back:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.road .roadshot{display:block;height:clamp(64px,13vh,116px);margin-bottom:6px}.config{flex:1;min-height:0;display:flex;flex-direction:column;gap:12px;padding:16px 12px 12px}.chead{flex:none}.opts{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.opt{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:11px;background:var(--panel);border:1px solid var(--line);box-shadow:var(--bevel)}.opt.on{border-color:var(--accent)}.oinfo{display:flex;flex-direction:column;gap:3px;min-width:0}.oname{font-size:var(--t-lead);font-weight:700}.otext{font-size:var(--t-body);line-height:1.5;color:var(--mute);text-transform:none;letter-spacing:0}.ocaveat{font-size:var(--t-meta);line-height:1.5;color:var(--accent);text-transform:none;letter-spacing:0}.oswitch{flex:none;min-width:58px;min-height:40px;font-family:var(--mono);font-size:var(--t-micro);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);background:var(--panel-lit);border:1px solid var(--line);border-radius:0;box-shadow:var(--bevel);cursor:pointer}.oswitch.on{color:var(--on-accent);background:var(--accent);border-color:var(--accent)}.oswitch:active{box-shadow:var(--press)}.oswitch:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.config .back{flex:none;font:inherit;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;min-height:46px;color:var(--ink);background:var(--panel-lit);border:1px solid var(--line);border-radius:0;box-shadow:var(--bevel);cursor:pointer}.config .back:active{box-shadow:var(--press)}.config .back:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.splash{flex:1;min-height:0;display:flex;flex-direction:column;gap:12px;padding:16px 12px 12px}.splash .splate{flex:none;height:clamp(90px,22vh,190px)}.sphead{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;text-align:center}.sptitle{margin:0;font-family:var(--display);font-size:var(--t-banner);font-weight:700;line-height:1.15;letter-spacing:0;text-transform:none;color:var(--accent)}.sptag{margin:6px 0 0;font-size:var(--t-body);line-height:1.5;color:var(--mute);text-transform:none;letter-spacing:0}.spacts{flex:none;display:flex;flex-direction:column;gap:8px}.spgo,.sphelp{flex:none;font:inherit;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ink);background:var(--panel-lit);border:1px solid var(--line);border-radius:0;box-shadow:var(--bevel);cursor:pointer}.spgo{min-height:54px;font-size:13px;color:var(--on-accent);background:var(--accent);border-color:var(--accent)}.sphelp{min-height:46px;font-size:12px}.spgo:active,.sphelp:active{box-shadow:var(--press)}.spgo:focus-visible,.sphelp:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.spwhere{flex:none;margin:0;text-align:center;font-size:var(--t-meta);color:var(--mute)}:root{color-scheme:dark;--ground: #241a16;--panel: #3a2a20;--panel-lit: #4a3527;--sunk: #1a120f;--line: #6b4a32;--ink: #f4e6c8;--mute: #a98a68;--accent: #e8a33d;--on-accent: #241a16;--paper: #efe4cc;--paper-ink: #241a16;--hp: #c0392b;--mana: #3d7ab8;--stam: #6ab04c;--bad: #d9603f;--good: #8ec44f;--t-banner: 24px;--t-title: 18px;--t-lead: 13px;--t-body: 12px;--t-meta: 11px;--t-micro: 10px;--display: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--bevel: none;--rule: 1px solid var(--line);--press: inset 0 0 0 100vmax rgba(0, 0, 0, .24)}*{box-sizing:border-box}html,body{margin:0;height:100%}body{overflow:hidden;background:var(--ground);color:var(--ink);font-family:var(--mono);font-size:12px;letter-spacing:.04em;text-transform:uppercase;display:flex;justify-content:center;-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{position:relative;width:100%;max-width:480px;height:100dvh;overflow:hidden;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.screen{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}.battle{flex:1;min-height:0;display:flex;flex-direction:column;padding:12px;gap:9px}.tabs{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:6px}.tabs .tab{font:inherit;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:11px 2px;color:var(--mute);background:var(--panel-lit);border:1px solid var(--line);border-radius:0;box-shadow:var(--bevel);cursor:pointer}.tabs .tab.on{color:var(--accent);border-color:var(--accent)}.tabs .tab:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tabbody{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.screen h1{margin:0;font-family:var(--display);font-size:calc(var(--t-title) + 4px);font-weight:700;line-height:1.15;letter-spacing:0;text-transform:none;color:var(--accent)}.screen .tname,.screen .item-name,.screen .sname,.screen .qname,.screen .mname,.screen .pname,.screen .sitem,.screen .place-name,.screen .vname,.screen .oname,.screen .hpname,.card .name span{font-family:var(--display);text-transform:none;letter-spacing:.01em}.mount{background:var(--paper);border:var(--rule);padding:4px;overflow:hidden;line-height:0}.mount img,.mount .plate{display:block;width:100%;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.chip{flex:none;display:grid;place-items:center;background:var(--paper);border:var(--rule);overflow:hidden}.chip img{display:block;width:100%;height:100%;object-fit:contain}.screen h2.sub,.screen .section{margin:4px 0 0;font-size:var(--t-micro);font-weight:400;letter-spacing:.14em;color:var(--mute)}.screen .flavor{margin:5px 0 0;font-size:var(--t-body);line-height:1.55;color:var(--mute);text-transform:none;letter-spacing:0}.chip .cell{display:block;width:100%;height:100%;background-image:var(--sheet);background-repeat:no-repeat;background-size:calc(var(--cols) * 100%) calc(var(--rows) * 100%);background-position:calc(var(--col) * 100% / (var(--cols) - 1)) calc(var(--row) * 100% / (var(--rows) - 1))}.chip:has(.cell){background:transparent;border:0}.help{flex:1;min-height:0;display:flex;flex-direction:column;gap:12px;padding:16px 12px 12px}.hphead{flex:none}.hptopics{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.hptopic{flex:none;background:var(--panel);border:1px solid var(--line);box-shadow:var(--bevel)}.hptopic[open]{border-color:var(--accent)}.hpsum{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;padding:10px 11px;cursor:pointer;list-style:none}.hpsum::-webkit-details-marker{display:none}.hpsum:active{box-shadow:var(--press)}.hptopic:focus-within{outline:2px solid var(--accent);outline-offset:2px}.hpname{font-size:var(--t-lead);font-weight:700}.hpsum:after{content:"";flex:none;width:7px;height:7px;border-right:1px solid var(--mute);border-bottom:1px solid var(--mute);transform:rotate(45deg) translate(-2px,-2px);transition:transform .12s ease}.hptopic[open] .hpsum:after{border-color:var(--accent);transform:rotate(-135deg) translate(-2px,-2px)}.hpbody{margin:0;padding:0 11px 10px;font-size:var(--t-body);line-height:1.6;color:var(--mute);text-transform:none;letter-spacing:0}.hpbody+.hpbody{padding-top:0}.help .back{flex:none;font:inherit;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;min-height:46px;color:var(--ink);background:var(--panel-lit);border:1px solid var(--line);border-radius:0;box-shadow:var(--bevel);cursor:pointer}.help .back:active{box-shadow:var(--press)}.help .back:focus-visible{outline:2px solid var(--accent);outline-offset:2px}