:root{--bg:#0b0d10;--panel:#14171c;--raised:#1b1f26;--inset:#0a0c0f;--line:#262b33;--line-soft:#1e2229;--gold:#e0b86b;--gold-bright:#f3d391;--gold-dim:#8a6f3e;--text:#ece5d6;--muted:#a0998b;--good:#7bcb6a;--warn:#e0a83c;--bad:#e2574c;--event:#b98cff;--blue:#6aa8ff;--radius:12px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);font-family:Segoe UI,system-ui,-apple-system,Roboto,sans-serif;font-size:15px}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;margin:0}h1,h2,h3{letter-spacing:.02em;margin:0;font-weight:650}h3{color:var(--gold);text-transform:uppercase;letter-spacing:.1em;margin-top:6px;font-size:12.5px}p{margin:0;line-height:1.5}img{display:block}.muted{color:var(--muted)}.small{font-size:12px}.mono{font-family:Consolas,Cascadia Mono,monospace;font-size:13px}.gold{color:var(--gold-bright)}.good-text{color:var(--good);font-weight:600}.bad-text{color:var(--bad)}.nowrap{white-space:nowrap}.error{color:var(--bad)}.empty{color:var(--muted);padding:16px 4px}.hint{color:var(--muted);font-size:11.5px}details summary{cursor:pointer;padding:4px 0}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.row.end{justify-content:flex-end}.row.between{justify-content:space-between}.grow{flex:1}.stack{flex-direction:column;gap:16px;display:flex}.grid2{grid-template-columns:repeat(auto-fit,minmax(min(420px,100%),1fr));align-items:start;gap:16px;display:grid}.grid-side{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:16px;display:grid}.grid-side.wide{grid-template-columns:minmax(0,1fr) 380px}.span-all{grid-column:1/-1}.sticky{position:sticky;top:72px}.shell{grid-template-columns:236px minmax(0,1fr);min-height:100vh;display:grid}.side{background:linear-gradient(180deg, #15130f, var(--panel) 30%);border-right:1px solid var(--line);flex-direction:column;gap:6px;height:100vh;padding:18px 12px;display:flex;position:sticky;top:0;overflow-y:auto}.brand{letter-spacing:.28em;color:var(--gold);padding:4px 10px 12px;font-family:Georgia,Times New Roman,serif;font-size:19px;font-weight:800}.brand span{letter-spacing:.32em;color:var(--muted);margin-top:2px;font-family:Segoe UI,system-ui,sans-serif;font-size:10.5px;font-weight:500;display:block}.brand.big{text-align:center;padding:0 0 6px;font-size:26px}.menu-toggle{display:none}.nav-groups{flex-direction:column;gap:14px;display:flex}.nav-group{flex-direction:column;gap:2px;display:flex}.nav-label{color:var(--gold-dim);text-transform:uppercase;letter-spacing:.16em;padding:4px 12px;font-size:10.5px}.nav{text-align:left;color:var(--text);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:9px 12px;display:flex}.nav:hover{background:var(--raised)}.nav.on{color:var(--gold-bright);box-shadow:inset 3px 0 0 var(--gold);background:linear-gradient(90deg,#2e2414,#1c1810)}.nav-icon{text-align:center;width:18px;color:var(--gold);opacity:.85}.main{flex-direction:column;min-width:0;display:flex}.topbar{z-index:10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--line);background:#0d0f12eb;flex-wrap:wrap;align-items:center;gap:14px;padding:10px 28px;font-size:13.5px;display:flex;position:sticky;top:0}.top-item{color:var(--text);white-space:nowrap}.top-item b{color:var(--gold-bright);font-variant-numeric:tabular-nums}.top-item.warn b,.top-item.warn{color:var(--warn)}.top-item.bad,.top-item.bad b{color:var(--bad)}.spacer{flex:1}.dot{background:var(--muted);border-radius:50%;flex:none;width:9px;height:9px;display:inline-block}.dot.good{background:var(--good);box-shadow:0 0 8px var(--good)}.dot.bad{background:var(--bad)}.badge{white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:12.5px;font-weight:600}.badge.event{color:#d7bcff;background:#2a1d3d;border:1px solid #5a3c86}.badge.bad{color:#ffb7ae;background:#3a1716;border:1px solid #7a2c28}.content{min-width:0;padding:22px 28px 60px}.page-title{color:var(--gold-bright);letter-spacing:.04em;margin-bottom:16px;font-family:Georgia,Times New Roman,serif;font-size:22px}.page-title span{color:var(--gold);margin-right:4px}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:12px;min-width:0;padding:16px 18px;display:flex;box-shadow:inset 0 1px #ffffff05}.card-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.card-head h2{color:var(--text);font-size:16px}.card-head p{margin-top:2px}.stats{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;display:grid}.stat{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:4px;min-width:0;padding:14px 16px;display:flex}.stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:11.5px}.stat-value{font-variant-numeric:tabular-nums;font-size:26px}.stat-hint{color:var(--muted);font-size:12px}.stat.good .stat-value{color:var(--good)}.stat.warn .stat-value{color:var(--warn)}.stat.bad .stat-value{color:var(--bad)}.spark{width:100%;margin-top:6px;display:block}.empty-spark{border-bottom:1px dashed var(--line)}.kv{grid-template-columns:170px 1fr;gap:6px 12px;margin:0;display:grid}.kv dt{color:var(--muted)}.kv dd{word-break:break-word;margin:0}.banners{flex-direction:column;gap:8px;display:flex}.banner{border-radius:var(--radius);font:inherit;color:var(--text);text-align:left;cursor:pointer;border:1px solid;align-items:center;gap:16px;padding:12px 16px;display:flex}.banner span:last-child{margin-left:auto;font-size:18px}.banner.event{background:linear-gradient(90deg,#2a1d3d,#17141f);border-color:#5a3c86}.banner.event b{color:#d7bcff}.banner.bad{background:linear-gradient(90deg,#3a1716,#181212);border-color:#7a2c28}.banner.bad b{color:#ffb7ae}.btn{background:var(--raised);color:var(--text);font:inherit;cursor:pointer;white-space:nowrap;border:1px solid #39404a;border-radius:8px;padding:8px 14px}.btn:hover:not(:disabled){border-color:var(--gold)}.btn:disabled{opacity:.45;cursor:default}.btn.primary{color:#1a1309;background:linear-gradient(#e9c57d,#b5873b);border-color:#c99a4c;font-weight:650}.btn.danger{color:#ffb7ae;background:#3a1716;border-color:#7a2c28}.btn.small{padding:4px 10px;font-size:13px}.btn.wide{width:100%}.btn:focus-visible,.input:focus-visible,.nav:focus-visible,.chip:focus-visible,.tab:focus-visible,.item-tile:focus-visible,.preset:focus-visible{outline:2px solid var(--gold-bright);outline-offset:2px}.input{background:var(--inset);color:var(--text);font:inherit;border:1px solid #333942;border-radius:8px;min-width:0;padding:8px 10px}.input.small{width:120px}.input.area{resize:vertical;width:100%}select.input{max-width:100%}.small-select{width:100%;padding:6px 8px;font-size:13px}input[type=range]{accent-color:var(--gold);width:100%}label{color:var(--muted);flex-direction:column;gap:6px;min-width:0;font-size:13px;display:flex}label.check{flex-direction:row;align-self:end;align-items:center;gap:8px;padding-bottom:8px}.form-grid{grid-template-columns:1fr 1fr;gap:12px 16px;display:grid}.form-grid .span2{grid-column:span 2}.tabs{flex-wrap:wrap;gap:6px;display:flex}.tab{background:var(--panel);border:1px solid var(--line);color:var(--muted);cursor:pointer;font:inherit;border-radius:8px;padding:8px 18px}.tab.on{color:var(--gold-bright);border-color:var(--gold)}.tab-count{color:var(--gold);background:#2a2214;border-radius:999px;margin-left:8px;padding:0 7px;font-size:12px}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{background:var(--raised);color:var(--text);cursor:pointer;font:inherit;border:1px solid #343a43;border-radius:999px;padding:4px 11px;font-size:13px}.chip:hover{border-color:var(--gold-dim)}.chip.on{border-color:var(--chip,var(--gold));color:var(--chip,var(--gold-bright));background:#221d14}.chip.big{border-radius:10px;padding:8px 14px;font-size:14px}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:14px}.table th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.07em;border-bottom:1px solid var(--line);white-space:nowrap;padding:8px;font-size:11.5px;font-weight:600}.table td{border-bottom:1px solid var(--line-soft);vertical-align:middle;padding:8px}.table.compact td{padding:5px 8px}.table tr:hover td{background:#181b21}.table.rows-click tbody tr{cursor:pointer}.table .lvl,.table .hp{min-width:110px}.table .lvl b{margin-right:6px}.num{text-align:right;font-variant-numeric:tabular-nums}.actions{text-align:right;white-space:nowrap}.actions .btn+.btn{margin-left:6px}.details{text-overflow:ellipsis;white-space:nowrap;max-width:380px;color:var(--muted);overflow:hidden}.tag{color:var(--gold);background:#2a2214;border-radius:6px;margin-left:6px;padding:1px 6px;font-size:11px}.tag.bad{color:#ffb7ae;background:#3a1716}.pill{color:var(--muted);white-space:nowrap;background:#262a31;border-radius:999px;padding:2px 8px;font-size:12px}.pill.good{color:var(--good);background:#1c2c1a}.pill.bad{color:#ff9d93;background:#331716}.meter{background:var(--inset);border:1px solid #1d2128;border-radius:4px;min-width:90px;height:8px;overflow:hidden}.meter-fill{height:100%;transition:width .4s}.meter-fill.good{background:var(--good)}.meter-fill.warn{background:var(--warn)}.meter-fill.bad{background:var(--bad)}.meter-fill.event{background:linear-gradient(90deg, #7d55c7, var(--event))}.meter-fill.xp{background:linear-gradient(90deg, #8a6f3e, var(--gold))}.meter-fill.hp{background:linear-gradient(90deg,#a83a33,#e2574c)}.plain-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.item-icon{border:1.5px solid var(--rar,#555);background:radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--rar,#555) 22%, #12151a), #0c0e11 75%);border-radius:8px;flex:none;place-items:center;display:inline-grid;position:relative;box-shadow:inset 0 0 8px #0009}.item-icon img{object-fit:contain;width:88%;height:88%}.item-icon.empty{background:var(--inset);border:1px dashed #343a43}.item-fallback{color:var(--muted)}.item-count{text-shadow:0 0 3px #000,0 0 3px #000;font-size:11px;font-weight:700;position:absolute;bottom:0;right:2px}.picker{min-width:0;position:relative}.picker .input{width:100%}.picker-current{background:var(--inset);width:100%;color:var(--text);font:inherit;cursor:pointer;text-align:left;border:1px solid #333942;border-radius:8px;align-items:center;gap:10px;padding:5px 8px;display:flex}.picker-name{flex-direction:column;flex:1;min-width:0;display:flex}.picker-name b{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.picker-clear{color:var(--muted);padding:0 4px}.picker-list{z-index:40;background:var(--raised);border:1px solid var(--gold-dim);border-radius:10px;max-height:340px;padding:4px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 12px 30px #0000008c}.picker-row{width:100%;color:var(--text);cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:10px;padding:5px 8px;display:flex}.picker-row.hi{background:#2a2418}.picker-empty{padding:10px}.item-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px;display:grid}.item-tile{background:var(--raised);border:1px solid var(--line);cursor:pointer;font:inherit;color:var(--text);border-radius:10px;flex-direction:column;align-items:center;gap:4px;min-width:0;padding:10px 6px 8px;display:flex}.item-tile:hover{border-color:var(--gold-dim)}.item-tile.on{border-color:var(--gold);background:#221d14}.item-tile-name{text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12.5px;line-height:1.25;display:-webkit-box;overflow:hidden}.item-hero{align-items:center;gap:14px;display:flex}.item-hero img{object-fit:contain;border:2px solid var(--rar);background:radial-gradient(circle, color-mix(in srgb, var(--rar) 25%, #12151a), #0b0d10 75%);border-radius:12px;width:84px;height:84px;padding:6px}.item-hero h2{font-size:18px}.stat-list{background:var(--inset);border:1px solid var(--line);color:#9fd69a;border-radius:10px;flex-direction:column;gap:3px;margin:0;padding:10px 14px;list-style:none;display:flex}.action-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px;display:grid}.action-grid .btn{text-align:left}.equip-grid{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.equip-slot{flex-direction:column;align-items:center;gap:4px;display:flex}.bag-grid{grid-template-columns:repeat(auto-fill,54px);gap:6px;display:grid}.bag-cell{position:relative}.cell-plus{color:var(--gold-bright);text-shadow:0 0 3px #000;font-size:11px;font-weight:700;position:absolute;top:1px;left:3px}.cell-lock{font-size:11px;position:absolute;top:0;right:2px}.region-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;display:grid}.region{background:var(--raised);border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:8px;padding:10px 12px;display:flex}.map-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.map-card{background:var(--raised);border:1px solid var(--line);border-top:3px solid var(--theme,var(--gold));border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.map-thumb{aspect-ratio:16/9;background:var(--inset);position:relative;overflow:hidden}.map-thumb img{object-fit:cover;filter:saturate(.9);width:100%;height:100%}.map-level{color:var(--gold-bright);background:#000000b3;border-radius:6px;padding:2px 8px;font-size:12px;position:absolute;bottom:6px;left:8px}.map-players{color:#b9f2ad;background:#1d341ae6;border-radius:6px;padding:2px 8px;font-size:12px;position:absolute;top:6px;right:8px}.map-body{flex-direction:column;gap:6px;padding:10px 12px 12px;display:flex}.map-facts{color:var(--muted);flex-wrap:wrap;gap:4px 10px;font-size:12.5px;display:flex}.map-mini-list{flex-direction:column;gap:8px;display:flex}.map-mini{align-items:center;gap:10px;display:flex}.map-mini img{object-fit:cover;border:1px solid var(--line);border-radius:6px;width:64px;height:40px}.chat-log{background:var(--inset);border:1px solid var(--line);border-radius:10px;height:min(62vh,620px);padding:8px 10px;font-size:14px;overflow-y:auto}.chat-line{border-bottom:1px solid #13161b;flex-wrap:wrap;align-items:baseline;gap:8px;padding:3px 0;display:flex}.chat-time{color:#6c675d;font-size:12px}.chat-ch{color:var(--muted);background:#262a31;border-radius:5px;padding:0 6px;font-size:11px}.chat-ch.ch-grupo{color:#8cc4ff;background:#1b2a3d}.chat-ch.ch-guilda{color:#9be08b;background:#1c2c1a}.chat-from{font:inherit;color:var(--gold-bright);cursor:pointer;background:0 0;border:0;padding:0;font-weight:600}.chat-from:hover{text-decoration:underline}.chat-text{word-break:break-word;flex:1;min-width:200px}.chat-preview{background:#0d0f12;border:1px dashed #3a404a;border-radius:8px;padding:10px 12px;font-size:14px}.game-preview{border:1px solid var(--line);background:linear-gradient(#26344a,#1a2333 45%,#3a3524 46%,#2b2a1f);border-radius:12px;place-items:start center;padding:26px 16px 70px;display:grid}.notice-preview{text-align:center;background:#100d09f0;border:1px solid #6b5631;border-radius:10px;width:min(480px,100%);padding:12px 18px 16px;box-shadow:0 10px 30px #00000080}.notice-accent{background:var(--accent);border-radius:2px;width:140px;height:3px;margin:0 auto 8px}.notice-title{color:var(--accent);letter-spacing:.06em;font-family:Georgia,Times New Roman,serif;font-size:19px;font-weight:700}.notice-text{color:#ede7da;white-space:pre-wrap;word-break:break-word;margin-top:6px;font-size:14px}.mail-preview{background:#17130d;border:1px solid #5a4728;border-radius:10px;flex-direction:column;gap:8px;padding:14px 16px;display:flex}.mail-from{color:var(--muted);font-size:13px}.mail-subject{color:var(--gold-bright);font-family:Georgia,serif;font-size:18px}.mail-text{white-space:pre-wrap;color:#ddd4c3}.mail-attach{border-top:1px solid #3a2f1d;flex-wrap:wrap;align-items:flex-start;gap:10px;padding-top:10px;display:flex}.attach{width:86px;color:var(--text);cursor:pointer;font:inherit;text-align:center;background:0 0;border:0;flex-direction:column;align-items:center;gap:4px;display:flex}.gold-chip{color:var(--gold-bright);background:#2a2214;border-radius:999px;padding:6px 12px;font-weight:600}.boost-live,.restart-live{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.boost-name{color:#d7bcff;font-family:Georgia,serif;font-size:20px}.boost-mults{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.boost-mults span{color:var(--muted);background:#1f2229;border-radius:8px;padding:3px 10px}.boost-mults span.on{color:#d7bcff;background:#2a1d3d;font-weight:600}.boost-timer{color:var(--gold-bright);margin-left:auto;font-size:34px}.restart-live .boost-timer{margin-left:0}.preset-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;display:grid}.preset{text-align:left;background:linear-gradient(135deg, #221a2e, var(--raised));color:var(--text);cursor:pointer;font:inherit;border:1px solid #45355f;border-radius:10px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.preset:hover{border-color:var(--event)}.modal-back,.drawer-back{z-index:20;background:#0009;position:fixed;inset:0}.modal-back{place-items:center;padding:16px;display:grid}.modal{background:var(--panel);border:1px solid var(--gold);white-space:pre-line;border-radius:12px;flex-direction:column;gap:14px;width:min(480px,100%);padding:20px;display:flex}.drawer{background:var(--panel);border-left:1px solid var(--gold);flex-direction:column;gap:14px;width:min(720px,100%);padding:18px 20px;display:flex;position:absolute;top:0;bottom:0;right:0;overflow-y:auto}.toasts{z-index:30;flex-direction:column;gap:8px;max-width:min(440px,100vw - 36px);display:flex;position:fixed;bottom:18px;right:18px}.toast{background:var(--raised);border-left:4px solid var(--good);border-radius:8px;padding:10px 14px;box-shadow:0 6px 20px #0006}.toast.bad{border-left-color:var(--bad)}.login{background:radial-gradient(circle at 50% 20%, #241c10, var(--bg) 60%);place-items:center;min-height:100vh;padding:16px;display:grid}.login-card{width:min(440px,100%)}.login-card .btn.wide+.btn.wide{margin-top:8px}.rules{margin:12px 0;padding:0;font-size:13px;line-height:1.7;list-style:none}.rules .good{color:#7bcb6a}@media (width<=1100px){.grid-side,.grid-side.wide{grid-template-columns:1fr}.sticky{position:static}}@media (width<=760px){.shell{grid-template-columns:1fr}.side{flex-flow:wrap;align-items:center;height:auto;padding:10px 16px;position:static}.brand{padding:4px 6px;font-size:16px}.brand span{display:none}.menu-toggle{margin-left:auto;display:inline-block}.nav-groups{width:100%;display:none}.side.open .nav-groups{display:flex}.topbar{gap:10px;padding:8px 16px;position:static}.content{padding:16px}.form-grid{grid-template-columns:1fr}.form-grid .span2{grid-column:auto}.kv{grid-template-columns:1fr}.equip-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.boost-timer{margin-left:0}}.veil-card{border-color:#5a2422}.veil-falls{flex-direction:column;gap:10px;display:flex}.veil-fall{background:#241312;border:1px solid #6a2a26;border-radius:10px;flex-direction:column;gap:8px;padding:10px 12px;display:flex}.veil-phase{color:#ff8a7e;font-weight:600}.veil-tension{flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:12px;display:flex}.veil-chip{align-items:center;gap:6px;font-size:13px;display:inline-flex}.veil-chip .meter{width:70px;min-width:70px}