@font-face{font-family:Cinzel;font-style:normal;font-weight:400 900;font-display:swap;src:url(/fonts/cinzel-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cinzel;font-style:normal;font-weight:400 900;font-display:swap;src:url(/fonts/cinzel-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Alegreya Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/alegreya-sans-400-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Alegreya Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/alegreya-sans-400-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Alegreya Sans;font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/alegreya-sans-400i-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Alegreya Sans;font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/alegreya-sans-400i-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Alegreya Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/alegreya-sans-500-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Alegreya Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/alegreya-sans-500-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Alegreya Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/alegreya-sans-700-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Alegreya Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/alegreya-sans-700-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--ink:#efe4cf;--ink-dim:#a99c86;--gold:#cfa95e;--gold-hi:#f2d898;--gold-deep:#7d5f2c;--panel:#100d0cc7;--panel-edge:#cfa95e73;--hero:#8fd36f;--enemy:#e0573f;--hp:linear-gradient(180deg, #c9f7a2, #6cc046 38%, #3f8f27 70%, #2a6a19);--hp-enemy:linear-gradient(180deg, #ffb39a, #e0573f 38%, #a8301f 70%, #74180e);--serif:"Cinzel", Georgia, serif;--sans:"Alegreya Sans", system-ui, sans-serif;--leather:url(/art/ui/leather.webp);--iron:url(/art/ui/iron.webp);--parch:url(/art/ui/parchment.webp);--frame:url(/art/ui/frame.webp);--ring:url(/art/ui/ring.webp);--socket:url(/art/ui/socket.webp);--coin:url(/art/ui/coin.webp);--divider:url(/art/ui/divider.webp);--leather-bg:linear-gradient(180deg, #ffe2aa0d, #0000002e 55%, #0000006b), var(--leather) 0 0 / 300px, #17120e;--iron-bg:linear-gradient(180deg, #fff0dc14, #0000004d), var(--iron) 0 0 / 192px, #1c1916;--panel-shadow:0 14px 34px #0009, 0 0 0 1px #0000008c, inset 0 0 0 1px #0000008c, inset 0 0 36px #0009;--hair:inset 0 0 0 1px #cfa95e6b, inset 0 0 0 2px #0009}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);font-family:var(--sans);background:#07060a;margin:0;overflow:hidden}#app canvas{display:block}#loading{font-family:var(--serif);letter-spacing:.08em;color:var(--gold-hi);text-shadow:0 2px 12px #000,0 0 30px #000c;background:linear-gradient(#07060a00 55%,#07060ad9),url(/art/loading.webp) 50%/cover,#07060a;place-items:end center;padding-bottom:7vh;font-size:22px;transition:opacity .8s;display:grid;position:fixed;inset:0}body.ready #loading{opacity:0;pointer-events:none}#hud{pointer-events:none;position:fixed;inset:0}#fxflash{pointer-events:none;mix-blend-mode:screen;opacity:0;position:fixed;inset:0}#hud>*{pointer-events:auto}#hud>.plates,#hud>.floats,#hud>.banner,#hud>.help,#hud>.top{pointer-events:none}#hud>.top>*{pointer-events:auto}#hud>.log,#hud>.card,#hud>.target{z-index:2}#hud>.overlay{z-index:10}.panel-look,.title,.log,.card,.target,.bagpanel,.restpanel,.talentpanel,.dialog,.help,#lobby .lobby-card{background:var(--leather-bg);border:1px solid #0000;border-image-source:var(--frame);border-image-slice:144;border-image-width:var(--fw,48px);border-image-outset:var(--fo,4px);box-shadow:var(--panel-shadow);border-image-repeat:stretch}.title h1,.card .name b,.target b,.dialog .who b,.bagpanel h2,.restpanel h2,.talentpanel h2,.talentpanel .hhead b,.banner b,.overlay .big,#lobby h1,#lobby .code b{background:linear-gradient(#fff0c2 0%,#f0cf86 38%,#c8973f 62%,#e6c071 100%);color:#0000;filter:drop-shadow(0 1px #000000f2)drop-shadow(0 0 5px #0000008c);-webkit-background-clip:text;background-clip:text}.medal{border-radius:50%;flex:none;place-items:center;display:inline-grid;position:relative}.medal>img,.medal>.ico{object-fit:cover;background:radial-gradient(circle at 50% 35%,#3a3128,#15110e);border-radius:50%;place-items:center;width:100%;height:100%;display:grid}.medal:before{content:"";z-index:1;pointer-events:none;box-shadow:inset 0 0 0 2px var(--tint,transparent), inset 0 0 10px var(--tint,transparent);border-radius:50%;position:absolute;inset:0}.medal:after{content:"";z-index:2;pointer-events:none;background:var(--ring) center / 100% 100% no-repeat;position:absolute;inset:-18.9% -20.6% -21.1% -19.4%}.top{pointer-events:none;align-items:flex-start;gap:16px;display:flex;position:absolute;top:16px;left:16px;right:16px}.top>*{pointer-events:auto}.top .spacer{flex:1 1 0}.title{--fw:40px;border-radius:3px;flex:1 1 0;align-items:center;gap:14px;max-width:max-content;padding:10px 26px 11px 14px;display:flex}.crest{width:42px;height:42px;color:var(--gold-hi);background:var(--coin) center / 100% 100% no-repeat;text-shadow:0 1px #000,0 0 6px #ffd27866;border-radius:50%;place-items:center;font-size:18px;display:grid}.title h1{font:700 20px/1.1 var(--serif);letter-spacing:.05em;margin:0}.title p{color:#cdbd9c;margin:3px 0 0;font-size:14.5px}.initiative{gap:12px;margin:0 auto;padding:6px 4px 2px;list-style:none;display:flex}.initiative li{cursor:pointer;flex-direction:column;align-items:center;width:58px;display:flex;position:relative}.initiative .medal{filter:drop-shadow(0 3px 5px #000000b3);width:44px;height:44px;margin-top:6px;transition:transform .15s,filter .15s}.initiative li.hero .medal{--tint:#8fd36f59}.initiative li.goblin .medal{--tint:#e0573f8c}.initiative li.npc .medal{--tint:#7fc8ff73}.initiative li.now .medal{--tint:#ffde968c;filter:drop-shadow(0 0 7px #ffcd6ebf)drop-shadow(0 3px 5px #000000b3);transform:scale(1.14)}.initiative span{font:600 11.5px var(--serif);letter-spacing:.03em;color:#e6d8bd;text-align:center;text-shadow:0 1px #000,0 0 4px #000,0 0 8px #000000e6;margin:13px -8px 3px;line-height:1.05}.initiative li.now span{color:var(--gold-hi)}.log{--fw:44px;color:#2a1c10;background:radial-gradient(ellipse at 50% 45%, #fff0d22e, #0000 65%), var(--parch) 0 0 / 420px, #b0926a;border-radius:3px;width:340px;padding:0 16px 14px;font-size:14.5px;line-height:1.4;position:absolute;bottom:16px;left:16px;box-shadow:0 14px 34px #0009,0 0 0 1px #0009,inset 0 0 0 1px #00000080,inset 0 0 34px #321a08cc,inset 0 0 8px #321a08b3}.log .lines{scrollbar-width:thin;scrollbar-color:#6b4f28 #28180a40;max-height:230px;padding-right:6px;overflow-y:auto}.log h2{font:700 13px var(--serif);letter-spacing:.2em;text-transform:uppercase;color:var(--gold-hi);background:var(--leather-bg);text-shadow:0 1px #000,0 0 6px #0009;border-bottom:1px solid #5a4322;margin:0 -16px 8px;padding:12px 18px 9px 26px;box-shadow:0 1px #ffdca01f,0 3px 8px #1e0f048c}.log p{margin:4px 0}.log .sys{color:#33220f;font-style:italic}.log .roll{color:#5a4224;font-size:14px}.log .turn{color:#6a4510;text-align:center;font-family:var(--serif);letter-spacing:.06em;margin-top:8px;font-size:13px;font-weight:700}.log b.g{color:#9c2414}.log b.h{color:#2d6a17}.log .dice{color:#5a4224;white-space:nowrap}.log .hit{color:#8a3e0c;font-weight:700}.log .crit{color:#6e3f00;text-shadow:0 1px #ffeecd66;font-weight:700}.log .miss{color:#6a5640;font-weight:700}.log .death{color:#7c2216}.log .ambush{color:#8f1f0e;font-family:var(--serif);letter-spacing:.03em;margin-top:8px;font-size:14px;font-weight:700}.log .rest{color:#2f5f1c;font-style:italic}.log em{color:#1c1209;font-style:normal;font-weight:700}.log .lines::-webkit-scrollbar{width:7px}.log .lines::-webkit-scrollbar-track{background:#28180a40;border-radius:4px}.log .lines::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#8a6a32,#5a4020);border:1px solid #1e100499;border-radius:4px}.card{--fw:52px;border-radius:3px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;gap:12px 16px;width:min(580px,100vw - 32px);padding:16px 18px 16px 24px;display:grid;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.card .portrait{grid-row:1;align-self:start;width:68px;height:68px;margin:8px 10px 12px 6px}.card .name{align-items:baseline;gap:10px;display:flex}.card .name b{font:700 21px var(--serif);letter-spacing:.03em}.card .name span{color:#cdbd9c;font-size:14.5px}.bar{--h:16px;height:var(--h);background:linear-gradient(#2b0c09,#561811 45%,#3a0e0a 80%,#1d0605);border:1px solid #0b0705;border-radius:99px;margin:7px 20px 0;position:relative;box-shadow:0 0 0 1px #cfa95e8c,0 1px 3px #000c,inset 0 2px 4px #000000bf}.bar:before,.bar:after{content:"";top:calc(var(--h) * -.24);width:calc(var(--h) * 1.463);height:calc(var(--h) * 1.341);pointer-events:none;z-index:2;filter:drop-shadow(0 1px 1px #000c);background:url(/art/ui/barcap.webp) 50%/100% 100% no-repeat;position:absolute}.bar:before{left:calc(var(--h) * -1.3)}.bar:after{right:calc(var(--h) * -1.3);transform:scaleX(-1)}.bar i{background:var(--hp);border-radius:99px;max-width:calc(100% - 2px);position:absolute;inset:1px auto 1px 1px;box-shadow:0 0 9px #8ce6648c,inset 0 -2px 3px #00000040}.bar i:not([style*=width\:0]):after{content:"";background:linear-gradient(#fffbe8,#e9cf8f 60%,#b08a48);border-radius:2px;width:3px;position:absolute;top:0;bottom:0;right:-1px;box-shadow:0 0 6px #fff0c8d9}.bar.enemy{background:linear-gradient(#120807,#241010 50%,#0c0504)}.bar.enemy i{background:var(--hp-enemy);box-shadow:0 0 9px #f05a3c8c,inset 0 -2px 3px #00000040}.bar em{z-index:1;text-align:center;height:100%;font:700 11px/calc(var(--h) - 2px) var(--sans);color:#fff;text-shadow:0 1px 2px #000,0 0 3px #000;background:linear-gradient(#ffffff52,#ffffff12 42%,#fff0 55%,#0000001f);border-radius:99px;font-style:normal;display:block;position:relative}.stats{color:#c3b394;flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:9px;font-size:13px;display:flex}.stats span{align-items:center;gap:4px;display:inline-flex}.stats svg{width:14px;height:14px;color:var(--gold)}.actions{grid-column:1/-1;grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.actions button{min-height:70px;font:600 13px var(--sans);color:#efe2c6;cursor:pointer;text-shadow:0 1px 2px #000;border:1px solid #0000;border-image:var(--socket) 64 fill / 16px stretch;background:#1a1410;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:13px 10px 12px;transition:filter .15s,transform .15s,box-shadow .15s;display:flex;position:relative;box-shadow:0 3px 8px #0000008c}.actions button svg{width:22px;height:22px;color:var(--gold);filter:drop-shadow(0 1px 1px #000)}.actions button:hover{filter:brightness(1.18);z-index:3;transform:translateY(-1px)}.actions button.primary{box-shadow:0 0 0 1px #f2d898b3,0 0 16px #d9b26a66}.actions button.primary svg{color:var(--gold-hi)}.actions button.end svg{color:#c9b896}.actions kbd{min-width:13px;font:700 9.5px/13px var(--serif);text-align:center;color:var(--gold-hi);text-shadow:0 1px #000;z-index:1;background:#080604d9;border-radius:2px;padding:0 2px;position:absolute;top:4px;left:6px;box-shadow:0 0 0 1px #cfa95e73}.actions small{text-align:center;min-width:17px;text-shadow:none;color:#1c1206;background:radial-gradient(circle at 35% 30%,#fff3c8,#e2b558 45%,#8c6224);border:1px solid #1a1006;border-radius:9px;padding:0 4px;font-size:10px;font-weight:700;line-height:15px;position:absolute;top:2px;right:3px;box-shadow:0 1px 3px #000c,inset 0 -1px 2px #0000004d}.target{--fw:44px;border-radius:3px;align-items:center;gap:16px;width:290px;padding:14px 18px 14px 20px;display:flex;position:absolute;bottom:16px;right:16px}.target .medal{--tint:#e0573f8c;width:52px;height:52px;margin:4px 4px 8px}.target>div{flex:1;min-width:0}.target b{font:700 16px var(--serif);background-image:linear-gradient(#ffd9cc,#f0a08f 50%,#c0604c)}.target span{color:#c3b394;font-size:13px;display:block}.target p{color:#c3b394;margin:6px 0 0;font-size:13px}.target strong{color:var(--ink)}.target .bar{margin-left:18px;margin-right:18px}.plate{pointer-events:none;will-change:transform;flex-direction:column;align-items:center;gap:3px;display:flex;position:absolute;top:0;left:0}.plate span{font:700 13px var(--serif);letter-spacing:.05em;color:#f1e6d0;text-shadow:0 1px #000,0 0 3px #000,0 0 8px #000000e6}.plate.goblin span{color:#f3a690}.plate.active span{color:var(--gold-hi);text-shadow:0 1px #000,0 0 3px #000,0 0 10px #ffc8648c}.plate .mini{background:linear-gradient(#120807,#2a0f0b);border:1px solid #0a0604;border-radius:4px;width:48px;height:6px;overflow:hidden;box-shadow:0 0 0 1px #cfa95e80,0 1px 3px #000c}.plate .mini i{background:var(--hp);height:100%;display:block;position:relative;box-shadow:0 0 5px #8ce66499}.plate .mini i:after{content:"";background:#ffffff59;position:absolute;inset:0 0 50%}.plate.goblin .mini i{background:var(--hp-enemy);box-shadow:0 0 5px #f05a3c99}.plate.targeted span:after{content:" ◆";color:var(--enemy)}.stats .spent{opacity:.4}.stats .pip{font-family:var(--serif);letter-spacing:.04em;opacity:.4;background:#00000059;border-radius:3px;padding:0 8px;font-size:11.5px;font-weight:700;line-height:17px;box-shadow:inset 0 0 0 1px #cfa95e40}.stats .pip.on{opacity:1;color:var(--gold-hi);background:linear-gradient(#6e5228a6,#281c0ebf);box-shadow:inset 0 0 0 1px #f2d898b3,0 0 8px #ffc86440}.stats .pip.bonus.on{color:#ffcf96;box-shadow:inset 0 0 0 1px #e8a64fcc,0 0 8px #e8a64f4d}.stats .tag{color:var(--gold-hi);background:#cfa95e24;border-radius:3px;padding:0 8px;box-shadow:inset 0 0 0 1px #cfa95e4d}.actions button:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.7)brightness(.75);transform:none}.actions button.sel{filter:brightness(1.22);box-shadow:0 0 0 2px #ffe4a0d9,0 0 22px #ffc86499}.actions button.bonus svg{color:#f0a85a}.actions button.free svg{color:#ffd84a}.actions .tip{--fw:26px;--fo:2px;background:var(--leather-bg);border:1px solid #0000;border-image:var(--frame) 144 / var(--fw) / var(--fo) stretch;text-align:left;width:230px;text-shadow:none;opacity:0;pointer-events:none;z-index:5;border-radius:3px;padding:11px 14px 12px;transition:opacity .15s,transform .15s;position:absolute;bottom:calc(100% + 14px);left:50%;transform:translate(-50%)translateY(4px);box-shadow:0 10px 26px #000000b3,inset 0 0 20px #0000008c}.actions .tip:after{content:"";background:#1a1410;border:1px solid #b48b45;border-width:0 1px 1px 0;width:12px;height:12px;position:absolute;bottom:-9px;left:50%;transform:translate(-50%)rotate(45deg)}.actions button:hover .tip{opacity:1;transform:translate(-50%)}.tip b{font:700 14px var(--serif);color:var(--gold-hi);letter-spacing:.03em;display:block}.tip em{color:#e8a64f;margin:2px 0 5px;font-size:12px;font-style:normal;display:block}.tip p{color:var(--ink);margin:0;font-size:13px;font-weight:400;line-height:1.35}.card.enemy-turn{grid-template-rows:auto}.card.enemy-turn .portrait{--tint:#e0573f8c}.card .wait{color:#c3b394;margin:8px 0 0;font-style:italic}.initiative li.down{opacity:.4;filter:grayscale()}.initiative .hpb{background:#1a0b08;border-radius:3px;width:40px;height:4px;margin-top:auto;display:block;overflow:hidden;box-shadow:0 0 0 1px #cfa95e73,0 1px 2px #000}.initiative .hpb i{background:var(--hp);height:100%;display:block}.initiative li.goblin .hpb i{background:var(--hp-enemy)}.target.hidden{opacity:0;pointer-events:none}.target{transition:opacity .15s}.target.hero .medal{--tint:#8fd36f66}.target.hero b{background-image:linear-gradient(#e6ffd6,#bfe8a8 50%,#7fb460)}.target .no{color:#e09080}.plate.dead{opacity:0;transition:opacity 1.2s .8s}.plate.hero.dead{opacity:.85}.plate.hero.dead span:after{content:" (a terra)";color:#d98f80;font-size:11px}.plate .st{gap:3px;min-height:0;display:flex}.plate .st b{background:#0a0806cc;border-radius:4px;padding:2px 4px;font-size:13px;line-height:1;box-shadow:0 0 0 1px #cfa95e66}.plate .st .inspired{color:#ffd27a}.plate .st .mocked{color:#c77dff}.plate .st .restrained{color:#8be05a}.floats{pointer-events:none;position:absolute;inset:0}.float{font:700 26px var(--serif);text-shadow:0 2px #000,0 0 4px #000,0 0 14px #000c;white-space:nowrap;will-change:transform, opacity;position:absolute;top:0;left:0}.float.dmg{color:#ff8a6a}.float.crit{color:#ffd84a;font-size:36px}.float.heal{color:#8dff9a}.float.miss{color:#c9c0b0;font-size:20px;font-style:italic}.float.buff{color:#ffd27a;font-size:18px}.banner{text-align:center;pointer-events:none;opacity:0;position:absolute;top:22%;left:50%;transform:translate(-50%)}.banner small{font:700 13px var(--serif);letter-spacing:.32em;text-transform:uppercase;color:#d9c7a2;text-shadow:0 1px #000,0 0 8px #000,0 0 16px #000c;display:block}.banner b{font:700 50px/1.15 var(--serif);letter-spacing:.03em;filter:drop-shadow(0 2px #000)drop-shadow(0 0 14px #ffb45073)drop-shadow(0 4px 8px #000c);padding:0 .1em;display:block}.banner:after{content:"";background:var(--divider) center / contain no-repeat;filter:drop-shadow(0 1px 1px #000);width:380px;max-width:80vw;height:30px;margin:2px auto 0;display:block}.banner.goblin b{filter:drop-shadow(0 2px #000)drop-shadow(0 0 14px #e0573f8c)drop-shadow(0 4px 8px #000c);background-image:linear-gradient(#ffe0d4 0%,#ff9a80 40%,#c2402a 65%,#ff8e6e 100%)}.banner.show{animation:1.6s forwards banner}@keyframes banner{0%{opacity:0;transform:translate(-50%)translateY(10px)scale(.96)}15%{opacity:1;transform:translate(-50%)translateY(0)scale(1)}70%{opacity:1}to{opacity:0;transform:translate(-50%)translateY(-8px)}}.help{text-align:right;max-width:300px;color:var(--ink-dim);text-shadow:0 1px 3px #000;pointer-events:none;font-size:12.5px;line-height:1.5;position:absolute;top:18px;right:16px}.overlay{background:radial-gradient(circle,#00000059,#000c);place-items:center;animation:.8s fade;display:grid;position:absolute;inset:0}.overlay.hidden{display:none}.overlay.win{background:linear-gradient(#00000026,#00000059 45%,#000000d9),url(/art/victory.webp) 50%/cover}.overlay.lose{background:linear-gradient(#0000001a,#0000004d 45%,#000000d9),url(/art/defeat.webp) 50%/cover}.overlay.win,.overlay.lose{place-items:end center;padding-bottom:8vh}.overlay>div{text-align:center}.overlay .big{font:700 76px/1.1 var(--serif);letter-spacing:.03em;filter:drop-shadow(0 3px #000)drop-shadow(0 0 22px #ffbe5a80)drop-shadow(0 4px 10px #000000e6);padding:0 .1em;display:block}.overlay .big:after{content:"";background:var(--divider) center / contain no-repeat;width:440px;max-width:80vw;height:34px;margin:0 auto;display:block}.overlay.lose .big{filter:drop-shadow(0 3px #000)drop-shadow(0 0 22px #e0573f80)drop-shadow(0 4px 10px #000000e6);background-image:linear-gradient(#ffe0d4 0%,#ff9a80 40%,#b8402a 65%,#ff8e6e 100%)}.overlay p{color:var(--ink);text-shadow:0 1px 2px #000,0 0 10px #000;margin:6px 0 22px;font-size:18px}.overlay button,.talentpanel .learn,#lobby button.main{font:700 16px var(--serif);letter-spacing:.07em;cursor:pointer;color:#22160a;text-shadow:0 1px #fff0c88c;background:linear-gradient(#fbe6aa 0%,#e2b866 45%,#b6893c 55%,#d8ad5c 100%);border:1px solid #3a2810;border-radius:4px;padding:12px 30px;transition:filter .15s,transform .15s;box-shadow:inset 0 1px #fffae1cc,inset 0 -2px 3px #50320a80,inset 0 0 0 2px #78551e59,0 0 0 1px #0009,0 6px 22px #d9b26a4d}.overlay button:hover,.talentpanel .learn:hover,#lobby button.main:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}@keyframes fade{0%{opacity:0}to{opacity:1}}@media (width<=1100px){.help,.log,.target{display:none}}:root{--r-comune:#c9c0b0;--r-noncomune:#6fd06a;--r-raro:#5fa8ff;--r-epico:#c27dff;--r-leggendario:#ffa53a;--npc:#7fc8ff}.r-comune{--rc:var(--r-comune)}.r-noncomune{--rc:var(--r-noncomune)}.r-raro{--rc:var(--r-raro)}.r-epico{--rc:var(--r-epico)}.r-leggendario{--rc:var(--r-leggendario)}.log .item{color:color-mix(in srgb, var(--rc) 55%, #1c1006);font-weight:700}.log .loot{color:#2a1c10}.log b.n{color:#1d4f7a}.plate.npc span{color:var(--npc)}.plate.npc .mini{display:none}.card.combat{width:min(920px,100vw - 32px)}.card.combat .actions{grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:6px}.card.combat .actions button{border-image-width:14px;min-height:0;padding:9px 6px 8px;font-size:11.5px;line-height:1.15}.card.combat .actions button svg{width:20px;height:20px}.actions button.spell svg{color:#9fc8ff}.actions button.item{box-shadow:0 3px 8px #0000008c, 0 0 0 1px color-mix(in srgb, var(--rc) 45%, transparent)}.actions button.item svg{color:var(--rc)}.actions small.pool{background:radial-gradient(circle at 35% 30%,#ffe2b8,#ec9a3e 45%,#8a4a12)}.actions small.slot{color:#fff;text-shadow:0 1px 1px #000;background:radial-gradient(circle at 35% 30%,#d8e8ff,#5f8fd8 45%,#223f78)}.actions small.cnt{background:radial-gradient(circle at 35% 30%, #fff, var(--rc,var(--gold)) 45%, color-mix(in srgb, var(--rc,var(--gold)) 55%, #000))}.stats .slots{color:#9fc8ff;font-family:var(--serif);align-items:center;gap:3px;font-size:11.5px;font-weight:700;display:inline-flex}.stats .slots i{background:#101622;border:1px solid #5f8fd8;border-radius:1px;width:9px;height:9px;display:inline-block;transform:rotate(45deg)}.stats .slots i.on{background:radial-gradient(circle at 35% 30%,#eaf2ff,#7fb0ff 45%,#2a4f9a);border-color:#b9d2ff;box-shadow:0 0 6px #8fbaffbf}.float.loot{color:var(--rc);font-size:18px}.loots{pointer-events:none;flex-direction:column;gap:10px;display:flex;position:absolute;top:90px;right:16px}#hud>.loots{pointer-events:none}.lootcard{--fw:26px;--fo:2px;background:linear-gradient(90deg, color-mix(in srgb, var(--rc) 20%, transparent), transparent 70%), var(--leather-bg);border:1px solid #0000;border-image:var(--frame) 144 / var(--fw) / var(--fo) stretch;min-width:240px;box-shadow:0 8px 24px #0000008c, inset 3px 0 0 color-mix(in srgb, var(--rc) 70%, transparent), inset 0 0 20px #00000080;border-radius:3px;align-items:center;gap:12px;padding:10px 16px 10px 12px;animation:.35s lootin;display:flex}.lootcard .ico{width:38px;height:38px;color:var(--rc);background:var(--iron-bg);box-shadow:0 0 0 1px color-mix(in srgb, var(--rc) 60%, #000), 0 0 0 2px #0a0806, 0 2px 5px #000;border-radius:4px;place-items:center;display:grid}.lootcard .ico svg{width:22px;height:22px}.lootcard b{font:700 15px var(--serif);color:var(--rc);text-shadow:0 1px #000;display:block}.lootcard small{color:#c3b394;font-size:12px}.lootcard.r-leggendario{box-shadow:0 0 30px #ffa53a73, 0 8px 24px #00000080, inset 3px 0 0 var(--rc), inset 0 0 20px #00000080}.lootcard.out{opacity:0;transition:all .5s;transform:translate(20px)}@keyframes lootin{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:none}}.banner.legend small{color:#ffcf8a}.banner.legend b{filter:drop-shadow(0 2px #000)drop-shadow(0 0 22px #ffa53abf)drop-shadow(0 4px 8px #000c);background-image:linear-gradient(#fff3cf 0%,#ffc56a 40%,#d77a16 65%,#ffb04a 100%)}.banner.npc b{background-image:linear-gradient(#e6f6ff 0%,#9fd6ff 45%,#4f8fc8 65%,#8fcbff 100%)}.bagpanel .x,.talentpanel .x,.restpanel .x{cursor:pointer;width:30px;height:30px;color:var(--gold-hi);background:var(--coin) center / 100% 100% no-repeat;text-shadow:0 1px #000;filter:drop-shadow(0 2px 3px #000000b3);border:none;border-radius:50%;place-items:center;padding:0;font-size:14px;display:grid}.bagpanel .x:hover,.talentpanel .x:hover,.restpanel .x:hover{filter:brightness(1.25)drop-shadow(0 2px 3px #000000b3)}.bagpanel{z-index:4;scrollbar-width:thin;scrollbar-color:#6b4f28 transparent;border-radius:3px;grid-template-columns:1fr 1fr;gap:16px;width:min(780px,100vw - 32px);max-height:calc(100vh - 300px);padding:18px 24px 20px;display:grid;position:absolute;top:90px;left:50%;overflow:auto;transform:translate(-50%)}.bagpanel.hidden{display:none}.title .roomcode{font:12px var(--sans);color:#c9a45a;cursor:pointer;margin:2px 0 0}.title .roomcode b{color:var(--gold-hi);letter-spacing:.1em}.title .roomcode:hover{color:var(--gold-hi)}#lobby .saves{flex-direction:column;gap:6px;display:flex}#lobby .saves b{letter-spacing:.1em}.restpanel{z-index:4;border-radius:3px;flex-direction:column;gap:10px;width:min(560px,100vw - 32px);padding:16px 22px 20px;display:flex;position:absolute;bottom:218px;left:50%;transform:translate(-50%)}.restpanel.hidden{display:none}.restpanel header{justify-content:space-between;align-items:center;padding-bottom:4px;display:flex}.restpanel h2{font:700 18px var(--serif);letter-spacing:.05em;align-items:center;gap:8px;margin:0;display:flex}.restpanel h2 svg{width:20px;height:20px;color:var(--gold)}.restpanel .opt{text-align:left;cursor:pointer;color:#e6d8bd;font:14px var(--sans);background:linear-gradient(#302212e6,#181008eb);border:1px solid #6b5228;border-radius:3px;grid-template-columns:36px 1fr;align-items:center;gap:2px 12px;padding:11px 14px;display:grid;box-shadow:inset 0 0 0 1px #0009,0 2px 5px #00000080}.restpanel .opt svg{width:30px;height:30px;color:var(--gold);grid-row:1/4}.restpanel .opt b{font:700 16px var(--serif);color:var(--gold-hi);letter-spacing:.03em}.restpanel .opt span{font-size:13.5px;line-height:1.35}.restpanel .opt em{color:#c9a45a;font-size:12.5px}.restpanel .opt:hover:not(:disabled){filter:brightness(1.18);border-color:#c9a45a}.restpanel .opt:disabled{opacity:.55;cursor:default}.card .actions button.on{box-shadow:inset 0 0 0 1px #f2d898cc}#hud>.restfade{opacity:0;pointer-events:none;z-index:9;background:#050302;place-items:center;transition:opacity .55s;display:grid;position:fixed;inset:0}#hud>.restfade.on{opacity:.94}.restfade p{font:700 30px var(--serif);letter-spacing:.1em;color:var(--gold-hi);text-shadow:0 0 18px #ffbe5a59;margin:0}.bagpanel header{border-bottom:1px solid #0000;border-image:linear-gradient(90deg,#0000,#cfa95e99 15% 85%,#0000) 1;grid-column:1/-1;justify-content:space-between;align-items:center;margin-bottom:-4px;padding-bottom:10px;display:flex}.bagpanel h2{font:700 18px var(--serif);letter-spacing:.05em;align-items:center;gap:8px;margin:0;display:flex}.bagpanel h2 svg{width:20px;height:20px;color:var(--gold)}.bagpanel .heroes{flex-direction:column;gap:12px;display:flex}.bagpanel .hero{grid-template-rows:auto auto;grid-template-columns:44px 1fr;align-items:center;gap:4px 14px;display:grid}.bagpanel .hero .medal{grid-row:1/3;width:40px;height:40px}.bagpanel .hn b{font:700 14px var(--serif);color:var(--gold-hi);text-shadow:0 1px #000;margin-right:8px}.bagpanel .hn span{color:#c3b394;font-size:12px}.bagpanel .slots{gap:6px;display:flex}.bagpanel .slot,.bagpanel .itm{cursor:pointer;border:1px solid #0000;border-image:var(--socket) 64 fill / 12px stretch;width:52px;height:52px;color:var(--rc,#8a7b64);box-shadow:0 0 0 1px color-mix(in srgb, var(--rc,#000) 55%, transparent), 0 2px 5px #0009;background:#15110d;border-radius:4px;place-items:center;padding:7px;display:grid;position:relative}.bagpanel .slot svg,.bagpanel .itm svg{width:26px;height:26px}.bagpanel .slot.empty{cursor:default;filter:brightness(.75);padding:2px;box-shadow:0 2px 5px #0009}.bagpanel .slot.empty small{letter-spacing:-.01em;color:#b4a68b;text-shadow:0 1px 1px #000;font-size:8.5px}.bagpanel .slot:disabled{opacity:1}.bagpanel .r-leggendario{box-shadow:0 0 14px #ffa53a73,0 0 0 1px #ffa53a99}.bagpanel .r-epico{box-shadow:0 0 10px #c27dff4d,0 0 0 1px #c27dff80}.bagpanel .itm.sel{outline:2px solid var(--gold-hi);outline-offset:2px;filter:brightness(1.15)}.bagpanel .itm small{font:700 11px var(--sans);color:var(--ink);text-shadow:0 1px 1px #000,0 0 3px #000;position:absolute;bottom:3px;right:4px}.bagpanel .grid{flex-wrap:wrap;align-content:flex-start;gap:6px;display:flex}.bagpanel .grid .empty,.bagpanel .hint{color:#b4a68b;margin:4px 0;font-size:13px;font-style:italic}.bagpanel .detail{border-top:1px solid #0000;border-image:linear-gradient(90deg,#0000,#cfa95e8c 15% 85%,#0000) 1;grid-column:1/-1;min-height:70px;padding-top:12px}.bagpanel .detail b{font:700 17px var(--serif);color:var(--rc);text-shadow:0 1px #000;display:block}.bagpanel .detail em{color:#c3b394;font-size:12px;font-style:normal}.bagpanel .detail p{margin:6px 0;font-size:14px}.bagpanel .acts{flex-wrap:wrap;gap:6px;display:flex}.bagpanel .acts button,.overlay .btns .cont,#lobby button{font:600 13px var(--sans);cursor:pointer;color:var(--ink);text-shadow:0 1px 1px #000;background:linear-gradient(180deg, #6e523273, #140e0a8c), var(--leather) 0 0 / 200px, #2a2018;box-shadow:var(--hair), inset 0 1px 0 #ffe6b41f, 0 2px 5px #0000008c;border:1px solid #0c0806;border-radius:4px;padding:7px 14px;transition:filter .15s,box-shadow .15s}.bagpanel .acts button:hover:not(:disabled),.overlay .btns .cont:hover,#lobby button:hover:not(:disabled){filter:brightness(1.2);box-shadow:inset 0 0 0 1px #f2d898cc,inset 0 0 0 2px #0009,0 0 12px #ffc86440,0 2px 5px #0000008c}.bagpanel .acts button:disabled{opacity:.4;cursor:not-allowed}.dialog{--fw:54px;z-index:5;border-radius:3px;width:min(840px,100vw - 32px);padding:20px 28px 22px;animation:.3s fade;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.dialog.hidden{display:none}.dialog .chooser{color:var(--npc);margin:-4px 0 8px;font-style:italic}.dialog .who{align-items:center;gap:18px;margin-bottom:10px;padding-left:4px;display:flex}.dialog .who .medal{--tint:#7fc8ff59;width:52px;height:52px;margin:6px 4px 10px}.dialog .who .ico{color:var(--npc)}.dialog .who .ico svg{width:28px;height:28px}.dialog .who b{font:700 21px var(--serif);letter-spacing:.04em}.dialog .text{color:var(--ink);text-shadow:0 1px 2px #000c;margin:0 0 14px;font-size:17px;line-height:1.5}.dialog .opts{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.dialog .opts button{text-align:left;cursor:pointer;width:100%;font:500 15px var(--sans);color:var(--ink);text-shadow:0 1px 1px #000;background:linear-gradient(90deg,#0000006b,#00000038);border:1px solid #0b0806;border-radius:3px;align-items:baseline;gap:12px;padding:9px 14px;transition:background .15s,box-shadow .15s;display:flex;box-shadow:inset 0 0 0 1px #cfa95e38,inset 0 1px #ffe6b40d}.dialog .opts button:hover:not(:disabled){background:linear-gradient(90deg,#966e3252,#5038182e);box-shadow:inset 0 0 0 1px #f2d898bf,0 0 14px #ffc8642e}.dialog .opts button:disabled{opacity:.55;cursor:default}.dialog .opts kbd{width:20px;height:20px;font:700 11px var(--serif);color:var(--gold-hi);text-shadow:0 1px #000;background:radial-gradient(circle at 40% 35%,#4a3c2c,#15100b);border-radius:50%;flex:none;align-self:center;place-items:center;display:inline-grid;box-shadow:0 0 0 1px #9c7a3e,0 1px 2px #000}.dialog .opts span{flex:1}.dialog .chk{font:600 12px var(--sans);color:#b7d4ff;white-space:nowrap;background:#28467859;border-radius:3px;padding:2px 9px;font-style:normal;box-shadow:inset 0 0 0 1px #7faae659}.dialog .need{font:600 12px var(--sans);color:var(--gold-hi);white-space:nowrap;font-style:normal}.dialog .rollbox{border-top:1px solid #0000;border-image:linear-gradient(90deg,#0000,#cfa95e8c 15% 85%,#0000) 1;align-items:center;gap:14px;margin-top:12px;padding-top:12px;display:none}.dialog .rollbox.show{display:flex}.dialog .d20{width:64px;height:64px;font:700 28px var(--serif);color:#1a130b;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);filter:drop-shadow(0 2px 3px #000);background:linear-gradient(160deg,#fbe6aa,#d8ad5c 50%,#9a6e2c);place-items:center;display:grid}.dialog .d20.ok{background:linear-gradient(160deg,#b8f0a0,#4f9a3a)}.dialog .d20.ko{background:linear-gradient(160deg,#ffb0a0,#b0402e)}.dialog .rollbox b{font:700 15px var(--serif);color:var(--gold-hi);display:block}.dialog .rollbox small{color:#c3b394}.dialog .res{font:700 16px var(--sans);margin-top:2px;display:block}.dialog .res.ok{color:#8fd36f}.dialog .res.ko{color:#ff8a6a}.top{right:292px}.bar.xp{--h:12px;background:linear-gradient(#0d0814,#1c1228 50%,#0a0610);margin-top:6px}.bar.xp i{background:linear-gradient(#f1dcff,#b17ef0 38%,#7a42c8 70%,#4f2391);box-shadow:0 0 9px #be82ff99,inset 0 -2px 3px #0003}.bar.xp em{font-size:10px}.actions button.glow{box-shadow:0 0 0 1px #f2d89899,0 0 16px #ffd27866}.actions small.pts{background:radial-gradient(circle at 35% 30%,#fff8d0,#ffd84a 45%,#b08012);animation:1.2s ease-in-out infinite pulse}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 0 #ffd84a00}50%{transform:scale(1.18);box-shadow:0 0 10px #ffd84acc}}.plate .st .prone,.plate .st .slowed{color:#c9c0b0}.plate .st .rallied{color:#ffd27a}.plate .st .taunted{color:#ff8a6a}.plate .st .invisible{color:#bfe0ff}.plate .st .charmed{color:#ffb0f0}.plate .st .confused{color:#ffd84a}.minimap{--fw:40px;--fo:7px;cursor:pointer;image-rendering:pixelated;background:radial-gradient(ellipse at 50% 50%, #281e148c, #00000059), var(--leather) 0 0 / 220px, #0e0b09;border:1px solid #0a0705;border-image:var(--frame) 144 / var(--fw) / var(--fo) stretch;border-radius:2px;transition:opacity .4s;position:absolute;top:16px;right:16px;box-shadow:0 0 0 7px #120e0b,0 12px 30px #0009,inset 0 0 18px #000c}.help{--fw:34px;text-align:left;color:#d6c8ab;border-radius:3px;max-width:340px;padding:12px 18px;top:100px;left:16px;right:auto}.help.hidden{display:none}.loots{top:296px}.talentpanel{--fw:56px;z-index:4;scrollbar-width:thin;scrollbar-color:#6b4f28 transparent;border-radius:3px;width:min(1080px,100vw - 32px);max-height:calc(100vh - 120px);padding:18px 24px 20px;position:absolute;top:70px;left:50%;overflow:auto;transform:translate(-50%)}.talentpanel.hidden{display:none}.talentpanel header{border-bottom:1px solid #0000;border-image:linear-gradient(90deg,#0000,#cfa95e99 15% 85%,#0000) 1;align-items:center;gap:14px;margin-bottom:12px;padding:0 0 10px 8px;display:flex}.talentpanel h2{font:700 18px var(--serif);letter-spacing:.05em;align-items:center;gap:8px;margin:0;display:flex}.talentpanel h2 svg{width:20px;height:20px;color:var(--gold)}.talentpanel .lv{color:#c3b394;flex:1;font-size:13px}.talentpanel .cols{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.talentpanel .hcol{background:linear-gradient(#00000052,#0000002e);border:1px solid #0b0806;border-radius:3px;padding:12px 12px 14px;box-shadow:inset 0 0 0 1px #cfa95e47,inset 0 0 18px #00000080}.talentpanel .hhead{align-items:center;gap:14px;margin-bottom:8px;padding-left:4px;display:flex}.talentpanel .hhead .medal{width:40px;height:40px;margin:4px 2px 8px}.talentpanel .hhead div{flex:1}.talentpanel .hhead b{font:700 15px var(--serif);letter-spacing:.03em;display:block}.talentpanel .hhead span{color:#c3b394;font-size:12px}.talentpanel .pts{font:700 12px var(--sans);color:#b4a68b;background:#0006;border-radius:3px;padding:2px 9px;font-style:normal;box-shadow:inset 0 0 0 1px #cfa95e40}.talentpanel .pts.on{color:#1c1206;background:radial-gradient(circle at 35% 30%,#fff8d0,#ffd84a 45%,#c09020);animation:1.2s ease-in-out infinite pulse;box-shadow:0 0 0 1px #1a1006}.talentpanel .branch{margin-top:10px}.talentpanel .branch h3{font:700 12px var(--serif);letter-spacing:.1em;text-transform:uppercase;color:var(--gold);text-shadow:0 1px #000;align-items:center;gap:6px;margin:0 0 7px;display:flex}.talentpanel .branch h3 svg{width:14px;height:14px}.talentpanel .nodes{align-items:center;padding:0 4px;display:flex}.talentpanel .link{opacity:.55;background:linear-gradient(#e8c77e,#8a6a32);border-radius:2px;flex:1;min-width:10px;height:3px;box-shadow:0 0 0 1px #000000b3}.talentpanel .node{cursor:pointer;background:var(--iron-bg);color:#8a7b64;border:2px solid #2b2520;border-radius:50%;place-items:center;width:46px;height:46px;padding:0;transition:transform .12s,box-shadow .15s,border-color .15s;display:grid;position:relative;box-shadow:0 0 0 1px #6b5530,0 0 0 3px #0c0907,0 3px 6px #000000b3,inset 0 2px 6px #000c}.talentpanel .node svg{width:22px;height:22px}.talentpanel .node small{min-width:17px;font:700 9px/15px var(--serif);text-align:center;color:var(--gold-hi);z-index:1;background:radial-gradient(circle at 40% 35%,#4a3c2c,#15100b);border-radius:9px;padding:0 3px;position:absolute;bottom:-5px;right:-6px;box-shadow:0 0 0 1px #9c7a3e,0 1px 2px #000}.talentpanel .node.learned{color:#1a130b;background:radial-gradient(circle at 50% 35%,#ffe6a8,#c99a4a);border-color:#f2d898;box-shadow:0 0 0 1px #8a6a32,0 0 0 3px #0c0907,0 0 18px #ffc85a99}.talentpanel .node.avail{color:var(--gold-hi);border-color:var(--gold-hi);box-shadow:0 0 0 1px #8a6a32,0 0 0 3px #0c0907,0 0 0 5px #f3d4912e,0 0 14px #f3d49173}.talentpanel .node.avail:hover{transform:translateY(-2px)scale(1.06)}.talentpanel .node.locked{opacity:.5}.talentpanel .node.sel{outline-offset:4px;outline:2px solid #9fc8ff}.talentpanel .detail{border-top:1px solid #0000;border-image:linear-gradient(90deg,#0000,#cfa95e8c 15% 85%,#0000) 1;min-height:64px;margin-top:14px;padding:12px 8px 0}.talentpanel .detail b{font:700 16px var(--serif);color:var(--gold-hi);text-shadow:0 1px #000;display:block}.talentpanel .detail em{color:#c3b394;font-size:12px;font-style:normal}.talentpanel .detail p{margin:6px 0;font-size:14px}.talentpanel .hint{color:#b4a68b;font-size:13px;font-style:italic}.talentpanel .learn{padding:8px 20px;font-size:14px}.overlay .btns{justify-content:center;gap:14px;display:flex}.overlay .btns .cont{font:700 16px var(--serif);letter-spacing:.07em;color:var(--gold-hi);padding:12px 28px}.dialog .opts{animation:.35s fade}.dialog .skip{color:#b4a68b;cursor:pointer;margin:-4px 0 8px;font-size:12px;font-style:italic;display:none}.dialog.speaking .opts{display:none}.dialog.speaking .skip{display:block}.dialog.line .opts{display:none}.dialog .text{cursor:pointer}.dialog .who-line{font-family:var(--serif);color:var(--hero);margin-right:4px}.lb{z-index:3;pointer-events:none;background:#000;height:0;transition:height .6s;position:absolute;left:0;right:0}#hud>.lb{pointer-events:none}.lb.top{top:0}.lb.bot{bottom:0}body.cine .lb{height:11vh}#hud>.log,#hud>.card,#hud>.target,#hud>.plates,#hud>.top,#hud>.minimap{transition:opacity .4s}body.cine #hud>.log,body.cine #hud>.card,body.cine #hud>.target,body.cine #hud>.plates,body.cine #hud>.top,body.cine #hud>.minimap,body.cine #hud>.help,body.cine #hud>.bagpanel,body.cine #hud>.talentpanel{opacity:0;pointer-events:none}body.cine .dialog{background:linear-gradient(#08060580,#080605e6 40%);border:none;border-image:;width:min(980px,100vw - 48px);padding:22px 28px 16px;bottom:2.5vh;box-shadow:0 -10px 40px #00000080}body.cine .dialog:before{content:"";background:var(--divider) center / contain no-repeat;pointer-events:none;filter:drop-shadow(0 1px 1px #000);width:min(520px,70%);height:30px;position:absolute;top:-15px;left:50%;transform:translate(-50%)}body.cine .dialog .who b{letter-spacing:.05em;filter:drop-shadow(0 1px #000)drop-shadow(0 0 14px #ffbe5a59);font-size:23px}body.cine .dialog .text{text-shadow:0 1px 3px #000;font-size:18px}@media (width<=1100px){.minimap{display:none}.top{right:16px}}.log .xp{color:#3a1062;text-shadow:0 1px #ffeecd59;margin:2px 0;font-size:13px;font-weight:700}.log .level{color:#3e2200;text-shadow:0 1px #ffeecd59;font-weight:700}.float.xp{color:#c99aff;font-size:17px}.float.bark{font:italic 700 17px var(--sans);color:#fff3d0}#lobby{z-index:20;background:linear-gradient(90deg,#07060acc,#07060a40 45%,#07060a00 70%),url(/art/title_a.webp) 50%/cover,#07060a;place-items:center start;padding:16px 16px 16px 6vw;display:grid;position:fixed;inset:0;overflow-y:auto}@media (width<=760px){#lobby{background-position:50% 100%;place-items:center;padding:16px}}#lobby .lobby-card{--fw:60px;--fo:5px;border-radius:3px;flex-direction:column;gap:12px;width:min(470px,100%);padding:30px 32px;display:flex}#lobby .sub{text-align:center;font:700 13px var(--serif);letter-spacing:.22em;text-transform:uppercase;color:#cdbd9c;text-shadow:0 1px #000;margin:-10px 0 4px}#lobby .sub:after{content:"";background:var(--divider) center / contain no-repeat;width:260px;max-width:80%;height:22px;margin:6px auto 0;display:block}#lobby h1{text-align:center;font:700 31px var(--serif);letter-spacing:.05em;filter:drop-shadow(0 2px #000)drop-shadow(0 0 16px #ffbe5a59);margin:0 0 6px}#lobby .field{flex-direction:column;gap:5px;display:flex}#lobby .field span{font:700 12px var(--serif);color:#cdbd9c;text-transform:uppercase;letter-spacing:.12em}#lobby input{font:500 17px var(--sans);color:var(--ink);background:linear-gradient(#0000008c,#00000059);border:1px solid #0b0806;border-radius:3px;min-width:0;padding:10px 12px;box-shadow:inset 0 0 0 1px #cfa95e52,inset 0 2px 6px #000000b3}#lobby input:focus{outline:none;box-shadow:inset 0 0 0 1px #f2d898d9,inset 0 2px 6px #000000b3,0 0 10px #ffc86433}#lobby input::placeholder{color:#7d705c}#lobby button{font:700 15px var(--serif);letter-spacing:.05em;padding:11px 16px}#lobby button:disabled{opacity:.45;cursor:default}#lobby button.main{padding:13px;font-size:17px}#lobby button.ghost{box-shadow:none;color:#cdbd9c;background:0 0;border-color:#0000}#lobby button.ghost:hover{filter:brightness(1.15);box-shadow:inset 0 -1px #cfa95e99}#lobby .row{gap:8px;display:flex}#lobby .row input{text-transform:uppercase;letter-spacing:.12em;flex:1}#lobby .link input{text-transform:none;letter-spacing:0;font-size:14px}#lobby .note,#lobby .wait{color:#c3b394;text-align:center;margin:0;font-size:15px}#lobby .wait{color:var(--ink);font-style:italic}#lobby .err{color:#ff8a6a;text-align:center;margin:0}#lobby .code{text-align:center;color:#c3b394;margin:0}#lobby .code b{font:700 40px var(--serif);letter-spacing:.2em;display:block}#lobby .heroes{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}#lobby .heroes button{box-shadow:inset 0 3px 0 0 color-mix(in srgb, var(--c) 85%, transparent), var(--hair), 0 2px 5px #0000008c;flex-direction:column;align-items:center;gap:2px;padding:14px 6px 10px;display:flex}#lobby .heroes .medal{aspect-ratio:1;filter:drop-shadow(0 4px 8px #0009);--tint:color-mix(in srgb, var(--c) 45%, transparent);width:72%;max-width:96px;margin:10px 0 18px}#lobby .heroes button.taken .medal img{filter:grayscale(.8)brightness(.6)}#lobby .heroes button b{color:var(--gold-hi);text-shadow:0 1px #000;font-size:17px}#lobby .heroes button span{font:400 13px var(--sans);color:#c3b394}#lobby .heroes button em{font:italic 400 14px var(--sans);color:var(--ink);text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}#lobby .heroes button.mine{filter:brightness(1.1);background:linear-gradient(180deg, #be8c3c66, #281c0e80), var(--leather) 0 0 / 200px, #2a2018;box-shadow:inset 0 3px 0 0 var(--c), inset 0 0 0 1px #f2d898d9, inset 0 0 0 2px #0009, 0 0 16px #ffc8644d}#lobby .players{flex-direction:column;gap:2px;margin:0;padding:0;font-size:15px;list-style:none;display:flex}#lobby .players li:before{content:"◆";color:var(--hero);vertical-align:2px;margin-right:7px;font-size:10px}#lobby .players li.off,#lobby .players li.off:before{color:var(--ink-dim)}img.art{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;display:block}.actions button img.art{border-radius:4px;width:40px;height:40px;box-shadow:0 0 0 1px #9c7a3e,0 0 0 2px #0a0806,0 2px 6px #000000b3}.card.combat .actions button img.art{width:38px;height:38px}.actions button.item img.art{box-shadow:0 0 0 1px color-mix(in srgb, var(--rc) 75%, #000), 0 0 0 2px #0a0806, 0 2px 6px #000000b3}.actions button:disabled img.art{filter:grayscale(.85)brightness(.55)}.actions button.sel img.art{box-shadow:0 0 0 2px var(--gold-hi), 0 0 14px #ffd278b3}.actions small,.bagpanel small{z-index:1}.bagpanel .slot img.art,.bagpanel .itm img.art{border-radius:3px;width:100%;height:100%;box-shadow:0 0 0 1px #000000b3}.bagpanel .slot,.bagpanel .itm,.lootcard .ico{overflow:hidden}.lootcard .ico img.art{width:100%;height:100%}.talentpanel .node{overflow:visible}.talentpanel .node img.art{filter:grayscale(.75)brightness(.5);border-radius:50%;width:100%;height:100%;transition:filter .15s}.talentpanel .node.avail img.art{filter:brightness(.85)}.talentpanel .node.learned img.art,.talentpanel .node:hover img.art{filter:none}.minimap{width:var(--mw,256px);height:auto}.quick{right:12px;top:calc(16px + var(--mmh,200px) + 18px);gap:8px;display:flex;position:absolute}.quick button{cursor:pointer;width:42px;height:42px;color:var(--gold-hi);background:var(--coin) center / 100% 100% no-repeat;filter:drop-shadow(0 4px 6px #0009);border:none;border-radius:50%;place-items:center;padding:0;transition:filter .15s,transform .15s;display:grid}.quick button:hover{filter:brightness(1.25)drop-shadow(0 4px 6px #0009);transform:translateY(-1px)}.quick button svg{filter:drop-shadow(0 1px #000);width:19px;height:19px}.quick [data-help]{font:700 18px var(--serif);text-shadow:0 1px #000}.quick .off,.quick.muted .on{display:none}.quick.muted .off{display:inline}.quick.muted [data-mute]{color:var(--ink-dim)}.confirm{pointer-events:none;font:700 14px var(--serif);letter-spacing:.04em;color:var(--gold-hi);text-shadow:0 1px #000;white-space:nowrap;background:var(--leather-bg);border:1px solid #0b0806;border-radius:3px;margin:0;padding:7px 18px;position:absolute;top:18%;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 1px #cfa95e99,inset 0 0 0 3px #00000080,inset 0 0 0 4px #cfa95e4d,0 6px 18px #0009}#hud>.confirm{pointer-events:none}.confirm.hidden{display:none}body.cine #hud>.quick,body.cine #hud>.confirm{opacity:0;pointer-events:none}body.touch kbd{display:none}body.touch #hud{touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}@media (height<=560px),(width<=640px){#hud{--g:8px;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.title,.log,.card,.target,.bagpanel,.talentpanel,.dialog,.help{--fw:28px;--fo:2px}.top{top:calc(var(--g) + env(safe-area-inset-top));left:calc(var(--g) + env(safe-area-inset-left));right:calc(var(--g) + env(safe-area-inset-right));gap:8px}.title{--fw:22px;gap:7px;padding:5px 12px 5px 7px}.title h1{display:none}.crest{width:26px;height:26px;font-size:12px}.title p{margin:0;font-size:12px}.initiative{gap:6px;margin:0;padding:3px 2px 0}.initiative li{width:36px}.initiative .medal{width:27px;height:27px;margin-top:4px}.initiative span{text-overflow:ellipsis;white-space:nowrap;letter-spacing:0;max-width:38px;margin-top:8px;font-size:9px;overflow:hidden}.initiative .hpb{width:26px;height:3px;margin-top:1px}.minimap{--s:.5;--fw:22px;--fo:4px;top:calc(var(--g) + env(safe-area-inset-top) + 2px);right:calc(var(--g) + env(safe-area-inset-right) + 2px);width:calc(var(--mw,256px) * .5);box-shadow:0 0 0 4px #120e0b,0 8px 20px #0009,inset 0 0 10px #000c}.quick{right:calc(var(--g) + env(safe-area-inset-right));top:calc(var(--g) + env(safe-area-inset-top) + 112px);gap:6px}.quick button{width:36px;height:36px}.quick button svg{width:17px;height:17px}.card{left:calc(var(--g) + env(safe-area-inset-left));right:calc(var(--g) + env(safe-area-inset-right));bottom:calc(var(--g) + env(safe-area-inset-bottom));border-radius:3px;gap:6px 10px;width:auto;max-width:640px;margin:0 auto;padding:8px 10px 8px 12px;transform:none}.card.combat{width:auto}.card .portrait{width:38px;height:38px;margin:4px 6px 7px 4px}.card .name{gap:6px}.card .name b{font-size:15px}.card .name span{white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.bar{--h:12px;margin:4px 15px 0}.bar.xp{--h:10px;margin-top:4px}.bar em{font-size:9.5px}.bar.xp em{font-size:8.5px}.stats{gap:4px 8px;margin-top:4px;font-size:11px}.stats .pip{padding:0 6px;font-size:10px;line-height:15px}.actions,.card.combat .actions{scrollbar-width:none;overscroll-behavior:contain;gap:5px;display:flex;overflow-x:auto}.actions::-webkit-scrollbar{display:none}.actions button,.card.combat .actions button{border-image-width:11px;flex:1 0 58px;gap:2px;min-height:52px;padding:6px 4px 5px;font-size:10.5px;line-height:1.1}.actions button svg,.card.combat .actions button svg{width:18px;height:18px}.actions button img.art,.card.combat .actions button img.art{width:28px;height:28px}.actions small{top:1px;right:2px}.plate span{font-size:11px}.plate .mini{width:40px;height:5px}.float{font-size:20px}.float.crit{font-size:26px}.banner{top:26%}.banner b{font-size:30px}.banner small{font-size:11px}.banner:after{width:240px;height:20px}.loots{top:60px;left:50%;right:auto;transform:translate(-50%)}.lootcard{transform-origin:top;scale:.85}.dialog{bottom:calc(var(--g) + env(safe-area-inset-bottom));width:calc(100vw - 16px - env(safe-area-inset-left) - env(safe-area-inset-right));max-height:62vh;padding:10px 14px 12px;overflow-y:auto}.dialog .who{gap:12px;margin-bottom:4px}.dialog .who .medal{width:34px;height:34px;margin:4px 3px 7px}.dialog .who b{font-size:16px}.dialog .text{margin-bottom:8px;font-size:14.5px;line-height:1.4}.dialog .opts{gap:4px}.dialog .opts button{flex-wrap:wrap;row-gap:2px;padding:9px 10px;font-size:14px}.dialog .chk,.dialog .need{font-size:11px}body.cine .dialog{padding:16px 14px 12px}body.cine .dialog:before{height:22px;top:-11px}body.cine .lb{height:6vh}.bagpanel,.talentpanel{top:calc(var(--g) + env(safe-area-inset-top));-webkit-overflow-scrolling:touch;width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:12px 14px 14px}.bagpanel{grid-template-columns:1fr;gap:10px}.bagpanel .x,.talentpanel .x{width:34px;height:34px;font-size:15px}.talentpanel .cols{grid-template-columns:1fr;gap:8px}.help{max-width:calc(100vw - 160px);padding:8px 12px;font-size:12px;top:56px}.help:not(.hidden){display:block}.overlay .big{font-size:44px}.overlay .big:after{width:280px;height:22px}.overlay p{margin-bottom:14px;padding:0 16px;font-size:15px}.overlay.win,.overlay.lose{padding-bottom:4vh}#lobby .lobby-card{--fw:34px;--fo:3px;max-width:calc(100vw - 32px);padding:20px 18px}#lobby button{white-space:normal}}@media (width<=480px){.top .title{display:none}}@media (height<=560px) and (aspect-ratio>=4/3){.card{grid-template-rows:auto;grid-template-columns:auto minmax(150px,230px) 1fr;align-items:center;max-width:none}.card>.portrait{grid-area:1/1}.card>.info{grid-area:1/2;min-width:0}.card>.actions{grid-area:1/3}.card.explore .stats{display:none}.card.combat .stats{white-space:nowrap;flex-wrap:nowrap;gap:6px;overflow:hidden}.card.enemy-turn{grid-template-columns:auto 1fr}.dialog{max-height:78vh}.dialog .who .medal{width:30px;height:30px}}#lobby button small{opacity:.75;margin-top:2px;font-size:.78em;display:block}