@layer reset,tokens,layout,components,utilities;@layer components{.cur-default{cursor:default}.cur-pointer{cursor:pointer}.cur-grab{cursor:grab}.cur-cross{cursor:crosshair}.cur-move{cursor:move}.tex-parchment{background-color:var(--pig-parchment)}.tex-wood{background-color:var(--pal-6b4a28)}.tex-stone{background-color:var(--pal-6b7075)}.tex-leather{background-color:var(--pal-4a2f1c)}.tex-metal{background-color:var(--pal-8b939c)}.tex:after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.22'/%3E%3C/svg%3E")}.seal{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-size:var(--text-22);color:var(--pal-f3d9c8);background:radial-gradient(circle at 42% 36%,var(--pal-c94a3c),var(--pig-cinnabar) 60%,var(--pal-7e241b));border:2px solid var(--pal-c08a3e);box-shadow:0 3px 8px #0009,inset 0 0 0 4px #00000038}.crest{width:64px;height:74px;display:flex;align-items:center;justify-content:center;font-size:var(--text-26);color:var(--pig-ink);background:linear-gradient(180deg,var(--pig-parchment),var(--pal-b89a6a));border:2px solid var(--pal-54430f);clip-path:polygon(0 0,100% 0,100% 62%,50% 100%,0 62%)}.ricons{display:flex;gap:16px;flex-wrap:wrap;align-items:center}.ricons .ri{display:flex;flex-direction:column;align-items:center;gap:4px;font-family:var(--font-micro);font-size:var(--text-10-5);color:var(--color-text-muted)}.ricons .ri svg{width:34px;height:34px}.uicons{display:flex;gap:14px;flex-wrap:wrap}.uicons .ui{width:52px;height:52px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:var(--text-26);background:var(--pal-141414);border:1px solid var(--color-parchment-edge);color:var(--pig-gold)}.hexes{display:flex;gap:6px;flex-wrap:wrap}.hex{width:56px;height:64px;display:flex;align-items:center;justify-content:center;font-size:var(--text-22);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.hex.grass{background:var(--pig-malachite)}.hex.forest{background:var(--pal-2c5a3a)}.hex.water{background:var(--pig-ultramarine)}.hex.mount{background:var(--pal-6b7075)}.hex.desert{background:var(--pig-ochre)}.medals{display:flex;gap:16px;flex-wrap:wrap;align-items:flex-end}.medal{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-22);color:var(--pal-2b1704);background:radial-gradient(circle at 40% 35%,var(--pal-fff0b8),var(--pig-gold) 60%,var(--pal-9c7c1c));border:2px solid var(--pal-5e4a12);box-shadow:0 2px 6px #0009}.medal.silver{background:radial-gradient(circle at 40% 35%,var(--pal-f0f0f0),var(--pal-9aa0a6) 60%,var(--pal-5a5f65));border-color:var(--pal-3a3f45)}.medal.bronze{background:radial-gradient(circle at 40% 35%,var(--pal-e8b98a),var(--pal-a9744a) 60%,var(--pal-6b4a28));border-color:var(--pal-4a2f1c)}.patterns{display:flex;gap:12px;flex-wrap:wrap}.patterns .pt{width:120px;height:80px;border-radius:8px;border:1px solid var(--color-parchment-edge);background-color:var(--color-parchment);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Cpath d='M0 20 Q10 0 20 20 T40 20' fill='none' stroke='%23d4af37' stroke-width='1.5' opacity='0.5'/%3E%3C/svg%3E")}.parch-edge{width:200px;height:90px;background:var(--pig-parchment);color:var(--pig-ink);display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);clip-path:polygon(0 6%,3% 0,8% 5%,15% 1%,22% 6%,30% 0,38% 5%,46% 1%,54% 6%,62% 0,70% 5%,78% 1%,86% 6%,93% 0,100% 6%,100% 94%,96% 100%,90% 95%,82% 99%,74% 94%,66% 100%,58% 95%,50% 99%,42% 94%,34% 100%,26% 95%,18% 99%,10% 94%,4% 100%,0 94%)}.elev{display:grid;gap:8px;font-family:var(--font-micro);font-size:var(--text-12)}.elev .ev{display:flex;align-items:center;gap:12px}.elev .ev .box{width:60px;height:34px;background:var(--color-surface);border:1px solid var(--color-parchment-edge);border-radius:6px}.elev .ev .lbl{color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--text-11)}.grid12{display:grid;grid-template-columns:repeat(12,1fr);gap:8px}.grid12 .gc{display:flex;align-items:center;justify-content:center;height:40px;background:#ffd70014;border:1px solid var(--color-gold-accent-line);border-radius:4px;font-family:var(--font-mono);font-size:var(--text-10);color:var(--color-text-muted)}:focus-visible{outline:var(--focus-ring, 2px solid var(--color-info-light));outline-offset:var(--focus-ring-offset, 2px)}}@layer components{.btn{position:relative;height:38px;padding:0 12px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;text-decoration:none;border:none;border-radius:0;box-shadow:inset 0 1px #ffffff73,inset 0 -3px 6px #00000047;font-family:var(--font-heading);font-size:var(--text-12);font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--pal-2b1704);text-shadow:0 1px 0 rgba(255,230,150,.6);background:linear-gradient(180deg,var(--pal-fbe38e) 0%,var(--pal-d89f36) 50%,var(--pal-9e6d17) 100%);clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px);filter:drop-shadow(0 3px 2px rgba(0,0,0,.7));transition:filter .15s ease,transform .1s ease}.btn:after{content:"";position:absolute;inset:0;display:block;pointer-events:none;box-sizing:border-box;border:6px solid transparent;background:none;clip-path:none;border-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpolygon points='6,0.5 12,0.5 17.5,6 17.5,12 12,17.5 6,17.5 0.5,12 0.5,6' fill='none' stroke='%23ffe89e' stroke-width='1' stroke-linejoin='miter'/%3E%3C/svg%3E") 6 stretch;transition:filter .15s ease}.btn:before{content:"";position:absolute;inset:3px;display:block;pointer-events:none;box-sizing:border-box;border:4px solid transparent;background:none;clip-path:none;border-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpolygon points='4,0.5 10,0.5 13.5,4 13.5,10 10,13.5 4,13.5 0.5,10 0.5,4' fill='none' stroke='rgba(255,255,255,0.45)' stroke-width='1' stroke-linejoin='miter'/%3E%3C/svg%3E") 4 stretch}.btn-txt{position:relative;z-index:1}.btn-in{display:none!important}.btn:hover{filter:brightness(1.12) drop-shadow(0 0 6px var(--btn-glow, rgba(255, 215, 0, .45)))}.btn:active{transform:translateY(1px);filter:none}.btn--sec,.btn.sec{color:var(--pal-f0e2ca);text-shadow:0 2px 2px var(--pal-000000);background:linear-gradient(180deg,var(--pal-4a4f55) 0%,var(--pal-2a2a2a) 55%,var(--pal-1e1d1b) 100%);box-shadow:inset 0 1px #ffffff38,inset 0 -3px 6px #00000073}.btn--sec,.btn.sec:after{border-image-source:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpolygon points='6,0.5 12,0.5 17.5,6 17.5,12 12,17.5 6,17.5 0.5,12 0.5,6' fill='none' stroke='%235a6068' stroke-width='1'/%3E%3C/svg%3E")}.btn--sec,.btn.sec:before{border-image-source:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpolygon points='4,0.5 10,0.5 13.5,4 13.5,10 10,13.5 4,13.5 0.5,10 0.5,4' fill='none' stroke='rgba(212,200,184,0.28)' stroke-width='1'/%3E%3C/svg%3E")}.btn--sec,.btn.sec:hover{color:var(--pal-fff2a3);background:linear-gradient(180deg,var(--pal-4a4f55) 0%,var(--pal-333333) 55%,var(--pal-2a2a2a) 100%)}.btn--ghost,.btn.ghost{color:var(--color-accent);background:#5a4a35bf;text-shadow:0 1px 2px rgba(0,0,0,.8)}.btn--ghost,.btn.ghost:after{border-image-source:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpolygon points='6,0.5 12,0.5 17.5,6 17.5,12 12,17.5 6,17.5 0.5,12 0.5,6' fill='none' stroke='rgba(212,175,55,0.6)' stroke-width='1'/%3E%3C/svg%3E")}.btn--ghost,.btn.ghost:before{border-image-source:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpolygon points='4,0.5 10,0.5 13.5,4 13.5,10 10,13.5 4,13.5 0.5,10 0.5,4' fill='none' stroke='rgba(212,175,55,0.3)' stroke-width='1'/%3E%3C/svg%3E")}.btn--ghost,.btn.ghost:hover{color:var(--pal-fff2a3);background:#67563ed9}.btn--ghost,.btn.ghost:hover:after{border-image-source:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpolygon points='6,0.5 12,0.5 17.5,6 17.5,12 12,17.5 6,17.5 0.5,12 0.5,6' fill='none' stroke='%23ffd700' stroke-width='1.2'/%3E%3C/svg%3E");filter:drop-shadow(0 0 4px var(--color-accent))}.btn--danger,.btn.danger{color:var(--pal-ff7878);background:linear-gradient(180deg,var(--pal-2b1111) 0%,var(--pal-170707) 100%);text-shadow:0 0 6px rgba(255,50,50,.4)}.btn--danger,.btn.danger:after{border-image-source:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpolygon points='6,0.5 12,0.5 17.5,6 17.5,12 12,17.5 6,17.5 0.5,12 0.5,6' fill='none' stroke='%23a83232' stroke-width='1'/%3E%3C/svg%3E")}.btn--danger,.btn.danger:before{border-image-source:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpolygon points='4,0.5 10,0.5 13.5,4 13.5,10 10,13.5 4,13.5 0.5,10 0.5,4' fill='none' stroke='rgba(255,120,120,0.35)' stroke-width='1'/%3E%3C/svg%3E")}.btn--danger,.btn.danger:hover{background:linear-gradient(180deg,var(--pal-3a1616) 0%,var(--pal-1e0a0a) 100%)}.btn:disabled{color:var(--pal-827b73);background:var(--pal-1e1d1b);text-shadow:0 -1px 0 var(--pal-000000);filter:none;cursor:not-allowed}.btn:disabled:after{border-image-source:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpolygon points='6,0.5 12,0.5 17.5,6 17.5,12 12,17.5 6,17.5 0.5,12 0.5,6' fill='none' stroke='%23383430' stroke-width='1'/%3E%3C/svg%3E")}.btn:disabled:before{border-image-source:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpolygon points='4,0.5 10,0.5 13.5,4 13.5,10 10,13.5 4,13.5 0.5,10 0.5,4' fill='none' stroke='rgba(255,255,255,0.05)' stroke-width='1'/%3E%3C/svg%3E")}.btn--gold-deep{background:linear-gradient(180deg,var(--btn-deep-bg-top) 0%,var(--btn-deep-bg-mid) 55%,var(--btn-deep-bg-bot) 100%);color:var(--btn-deep-text);text-shadow:none;--btn-glow: var(--btn-deep-glow);font-family:var(--btn-deep-font, var(--font-ui));font-size:var(--btn-deep-font-size, 14px);font-weight:var(--btn-deep-font-weight, 500);text-transform:uppercase;letter-spacing:.3px}.btn--gold-deep{clip-path:polygon(var(--btn-deep-chamfer) 0,calc(100% - var(--btn-deep-chamfer)) 0,100% var(--btn-deep-chamfer),100% calc(100% - var(--btn-deep-chamfer)),calc(100% - var(--btn-deep-chamfer)) 100%,var(--btn-deep-chamfer) 100%,0 calc(100% - var(--btn-deep-chamfer)),0 var(--btn-deep-chamfer))}.btn--gold-deep:after{border-width:var(--btn-deep-ring-width)}.btn--gold-deep:before{inset:var(--btn-deep-inner-inset);border-width:var(--btn-deep-inner-width);border-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpolygon points='6,0.5 12,0.5 17.5,6 17.5,12 12,17.5 6,17.5 0.5,12 0.5,6' fill='none' stroke='rgba(255,232,158,0.45)' stroke-width='1' stroke-linejoin='miter'/%3E%3C/svg%3E") 6 stretch}.btn--gold-deep.btn--engraved{text-shadow:0 1px 0 var(--btn-deep-engrave)}.btn--gold-deep,.btn--sec-deep,.btn--danger-deep{display:inline-flex;align-items:center;justify-content:center;padding:0 18px;line-height:1}.btn--gold-deep .btn-txt,.btn--sec-deep .btn-txt,.btn--danger-deep .btn-txt{display:flex;align-self:stretch;align-items:center;justify-content:center;height:auto;padding:0;line-height:1;text-align:center;transform:translateY(var(--btn-deep-text-offset, 1px))}.btn--sec-deep{background:linear-gradient(180deg,var(--btn-sec-deep-bg-top) 0%,var(--btn-sec-deep-bg-mid) 55%,var(--btn-sec-deep-bg-bot) 100%);color:var(--btn-sec-deep-text);text-shadow:none;font-family:var(--btn-deep-font, var(--font-ui));font-size:var(--btn-deep-font-size, 14px);font-weight:var(--btn-deep-font-weight, 500);text-transform:uppercase;letter-spacing:.3px}.btn--danger-deep{background:linear-gradient(180deg,var(--btn-danger-deep-bg-top) 0%,var(--btn-danger-deep-bg-mid) 55%,var(--btn-danger-deep-bg-bot) 100%);color:var(--btn-danger-deep-text);text-shadow:none;font-family:var(--btn-deep-font, var(--font-ui));font-size:var(--btn-deep-font-size, 14px);font-weight:var(--btn-deep-font-weight, 500);text-transform:uppercase;letter-spacing:.3px}.btn--sec-deep,.btn--danger-deep{clip-path:polygon(var(--btn-deep-chamfer) 0,calc(100% - var(--btn-deep-chamfer)) 0,100% var(--btn-deep-chamfer),100% calc(100% - var(--btn-deep-chamfer)),calc(100% - var(--btn-deep-chamfer)) 100%,var(--btn-deep-chamfer) 100%,0 calc(100% - var(--btn-deep-chamfer)),0 var(--btn-deep-chamfer))}.btn--sec-deep:after,.btn--danger-deep:after{border-width:var(--btn-deep-ring-width)}.btn--sec-deep:before,.btn--danger-deep:before{inset:var(--btn-deep-inner-inset);border-width:var(--btn-deep-inner-width)}}@layer components{.panel{background:linear-gradient(180deg,var(--color-parchment-light),var(--color-parchment));border:1px solid var(--color-parchment-edge);border-radius:var(--radius-12);padding:18px;box-shadow:var(--shadow-md),inset 0 0 0 1px var(--color-gold-dim)}.panel h4{font-family:var(--font-heading);margin:0 0 6px;color:var(--color-accent);font-size:var(--text-16)}.card{position:relative;background:linear-gradient(170deg,var(--color-surface-hover) 0%,var(--color-surface) 55%,var(--pal-1e1e1e) 100%);border:1px solid var(--color-gold-dim);border-radius:var(--radius-8);padding:var(--spacing-16);box-shadow:var(--shadow-md),inset 0 1px #ffd7000d;transition:border-color var(--transition-normal),box-shadow var(--transition-normal)}.card:hover{border-color:var(--color-gold-accent-line);box-shadow:var(--shadow-lg),0 0 16px #ffd70014}.card--accent{border-left:3px solid var(--color-accent)}.card--fit{width:fit-content;min-width:min(320px,100%);max-width:100%}.block{position:relative;background:linear-gradient(180deg,var(--color-parchment-light),var(--color-parchment));border:1px solid var(--color-parchment-edge);border-radius:var(--radius-12);box-shadow:var(--shadow-md);overflow:hidden}.block-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-8);padding:var(--spacing-12) var(--spacing-16);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);border-bottom:1px solid var(--color-primary);font-family:var(--font-heading);font-size:var(--text-14);color:var(--color-text-light);text-shadow:0 1px 3px rgba(0,0,0,.5);box-shadow:inset 0 1px #ffd7001a}.block-title{display:flex;align-items:center;gap:var(--spacing-8)}.block-content{padding:var(--spacing-16)}}@layer components{.tabs{display:flex;gap:4px;border-bottom:1px solid var(--color-parchment-edge)}.tab{font-family:var(--font-micro);font-size:var(--text-13);padding:9px 16px;color:var(--color-text-muted);cursor:pointer;border-bottom:2px solid transparent;transition:color var(--transition-fast),border-color var(--transition-fast)}.tab:hover{color:var(--color-text);border-bottom-color:var(--color-gold-accent-line)}.tab.on,.tab.is-on{color:var(--color-accent);border-bottom-color:var(--color-accent)}.tab.on:hover,.tab.is-on:hover{filter:brightness(1.15)}}@layer components{.badge{display:inline-block;font-family:var(--font-micro);font-size:var(--text-11);font-weight:500;padding:2px 9px;border-radius:var(--radius-full);color:var(--pal-111111)}.badge.player{background:var(--color-role-player)}.badge.mod{background:var(--color-role-moderator)}.badge.admin{background:var(--color-role-admin)}.badge.cheat{background:var(--color-role-cheater)}.badge.pvp{background:var(--color-type-pvp)}.badge.pve{background:var(--color-type-pve)}.badge.rpg{background:var(--color-type-rpg)}.badge.casual{background:var(--color-type-casual)}}@layer components{.input{font-family:var(--font-body);font-size:var(--text-14);color:var(--color-text);background:var(--pal-141414);border:1px solid var(--color-parchment-edge);border-radius:var(--radius-8);padding:10px 12px;width:100%}.input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-gold-dim)}.lbl{font-family:var(--font-micro);font-size:var(--text-11-5);color:var(--color-text-muted);display:block;margin-bottom:5px}}@layer components{.bar{height:10px;border-radius:var(--radius-full);background:var(--pal-141414);border:1px solid var(--color-parchment-edge);overflow:hidden}.bar>i{display:block;height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-accent))}}@layer components{.res{display:inline-flex;align-items:center;gap:8px;background:var(--pal-141414);border:1px solid var(--color-parchment-edge);border-radius:var(--radius-8);padding:6px 12px;font-family:var(--font-micro);font-size:var(--text-14)}.res .ic{width:26px;height:26px;flex:none;display:inline-flex;align-items:center;justify-content:center;font-size:var(--text-20);line-height:26px;padding:0;margin:0;text-align:center}.res b{color:var(--color-text-light);font-weight:600}.res .gold{color:var(--res-gold)}.res .silver{color:var(--res-silver)}.res .wood{color:var(--res-wood)}.res .stone{color:var(--res-stone)}.res .food{color:var(--res-food)}.res .iron{color:var(--res-iron)}}@layer components{.chk,.rad{display:flex;align-items:center;gap:10px;font-family:var(--font-micro);font-size:var(--text-13);color:var(--color-text);padding:5px 0;cursor:pointer;user-select:none}.chk input,.rad input{position:absolute;opacity:0;pointer-events:none}.chk .box{width:18px;height:18px;flex:none;position:relative;border-radius:var(--radius-4);background:linear-gradient(180deg,var(--pal-141414),var(--pal-1e1810));border:1px solid var(--color-parchment-edge);box-shadow:inset 0 1px #ffd7000f}.chk:hover .box{border-color:var(--color-gold-accent-line)}.chk input:focus-visible+.box{outline:2px solid var(--color-accent);outline-offset:2px}.chk input:checked+.box{background:linear-gradient(180deg,var(--color-secondary-light),var(--color-primary));border-color:var(--pig-gold);box-shadow:inset 0 0 0 3px var(--pal-141414),0 0 6px var(--color-gold-dim);border-radius:5px}.rad .dia{width:16px;height:16px;flex:none;position:relative;transform:rotate(45deg);border-radius:3px;background:linear-gradient(180deg,var(--pal-141414),var(--pal-1e1810));border:1px solid var(--color-parchment-edge)}.rad:hover .dia{border-color:var(--color-gold-accent-line)}.rad input:focus-visible+.dia{outline:2px solid var(--color-accent);outline-offset:3px}.rad input:checked+.dia{background:linear-gradient(180deg,var(--color-secondary-light),var(--color-primary));border-color:var(--pig-gold);box-shadow:inset 0 0 0 3px var(--pal-141414),0 0 6px var(--color-gold-dim)}.chk.disabled,.rad.disabled{color:var(--color-text-disabled);cursor:not-allowed}.chk.disabled .box,.rad.disabled .dia{background:var(--pal-1c1c1c);border-color:var(--pal-333333);box-shadow:none}.rng{appearance:none;width:100%;height:22px;background:transparent;cursor:pointer}.rng::-webkit-slider-runnable-track{height:8px;border-radius:var(--radius-full);border:1px solid var(--color-parchment-edge);background:linear-gradient(90deg,var(--pal-6e4a16),var(--color-accent)) 0 / var(--fill, 50%) 100% no-repeat,linear-gradient(180deg,var(--pal-0e0e0e),var(--color-bg));box-shadow:inset 0 1px 2px #000c}.rng::-webkit-slider-thumb{appearance:none;width:14px;height:14px;margin-top:-3px;border-radius:50%;border:1px solid var(--pal-5e4a12);background:radial-gradient(circle at 36% 30%,var(--pal-fff0b8),var(--pig-gold) 55%,var(--pal-9c7c1c));box-shadow:0 1px 2px #000000bf,inset 0 0 0 1px #ffffff38}.rng::-moz-range-track{height:8px;border-radius:var(--radius-full);border:1px solid var(--color-parchment-edge);background:linear-gradient(180deg,var(--pal-0e0e0e),var(--color-bg));box-shadow:inset 0 1px 2px #000c}.rng::-moz-range-progress{height:8px;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--pal-6e4a16),var(--color-accent))}.rng::-moz-range-thumb{width:14px;height:14px;border-radius:50%;border:1px solid var(--pal-5e4a12);background:radial-gradient(circle at 36% 30%,var(--pal-fff0b8),var(--pig-gold) 55%,var(--pal-9c7c1c));box-shadow:0 1px 2px #000000bf,inset 0 0 0 1px #ffffff38}.rng:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}.rng:disabled{cursor:not-allowed;opacity:.45}.sel{position:relative;max-width:280px}.sel-trigger{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;font-family:var(--font-body);font-size:var(--text-14);color:var(--color-text);text-align:left;background:var(--pal-141414);border:1px solid var(--color-parchment-edge);border-radius:var(--radius-8);padding:10px 12px;cursor:pointer}.sel-trigger:hover{border-color:var(--color-gold-accent-line)}.sel.is-open .sel-trigger,.sel-trigger:focus-visible{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-gold-dim)}.sel-caret{color:var(--pig-gold);font-size:var(--text-12);transition:transform .15s ease}.sel.is-open .sel-caret{transform:rotate(180deg)}.sel-list{position:absolute;z-index:20;top:calc(100% + 4px);left:0;right:0;margin:0;padding:4px;list-style:none;display:none;background:linear-gradient(180deg,var(--color-parchment-light),var(--color-parchment));border:1px solid var(--color-parchment-edge);border-radius:var(--radius-8);box-shadow:var(--shadow-lg)}.sel.is-open .sel-list{display:block}.sel-list li{padding:8px 10px;border-radius:var(--radius-4);font-family:var(--font-micro);font-size:var(--text-13);color:var(--color-text);cursor:pointer}.sel-list li:hover{background:var(--color-gold-dim)}.sel-list li[aria-selected=true]{color:var(--color-accent)}.sel-list li.disabled{color:var(--color-text-disabled);cursor:not-allowed}.sel-val{display:inline-flex;align-items:center;gap:7px;min-width:0}.sel-val .sel-ic{flex:none}.sel-list li{display:flex;align-items:center;gap:7px}.sel-ic{display:inline-flex;align-items:center;justify-content:center}.sel-ic svg{width:14px;height:14px;display:block;fill:currentcolor}.msg{font-family:var(--font-micro);font-size:var(--text-11-5);margin-top:6px}.hint-msg{color:var(--color-text-muted)}.err-msg{color:var(--color-error)}.ok-msg{color:var(--color-success)}.input.err{border-color:var(--color-error);box-shadow:0 0 0 2px #f4433640}.input.ok{border-color:var(--color-success);box-shadow:0 0 0 2px #4caf5033}}.input[type=number],.bcalc-in[type=number]{appearance:textfield;-moz-appearance:textfield}.input[type=number]::-webkit-outer-spin-button,.input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}@layer components{.tt{background:linear-gradient(180deg,var(--color-parchment-light),var(--color-parchment));border:1px solid var(--color-parchment-edge);border-radius:var(--radius-12);padding:16px;box-shadow:var(--shadow-lg),inset 0 0 0 1px var(--color-gold-dim);max-width:340px}.tt-head{display:flex;align-items:center;gap:12px}.tt-ic{width:44px;height:44px;flex:none;border-radius:var(--radius-8);display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 40%,var(--pig-gold),var(--pal-8a6d1c) 80%);border:1px solid var(--pal-54430f)}.tt-ic svg{width:28px;height:28px;display:block}.tt-name{font-family:var(--font-heading);font-size:var(--text-16);color:var(--color-text-light);font-weight:400}.tt-rar{font-family:var(--font-micro);font-size:var(--text-11);letter-spacing:.5px;text-transform:uppercase}.tt-name.common,.tt-rar.common{color:var(--color-text)}.tt-name.rare,.tt-rar.rare{color:color-mix(in srgb,var(--pig-ultramarine) 55%,var(--pal-cfe0ff))}.tt-name.epic,.tt-rar.epic{color:var(--pig-gold)}.tt-stats{margin:12px 0 4px;display:grid;gap:6px}.tt-stat{display:flex;justify-content:space-between;font-family:var(--font-micro);font-size:var(--text-13);color:var(--color-text)}.tt-stat b{color:var(--color-text-light);font-weight:600}.tt-lore{font-style:italic;font-size:var(--text-13);color:var(--color-text-muted);margin:10px 0 0}}@layer components{.vital-lbl{display:flex;justify-content:space-between;font-family:var(--font-micro);font-size:var(--text-12);color:var(--color-text-muted);margin-bottom:4px}.vital-lbl b{color:var(--color-text);font-weight:600}.vital-track{position:relative;height:14px;border-radius:var(--radius-full);overflow:hidden;background:var(--pal-101010);border:1px solid var(--color-parchment-edge);box-shadow:inset 0 1px 3px #000c}.vital-track i{position:absolute;top:0;bottom:0;left:0;display:block;border-radius:var(--radius-full) 0 0 var(--radius-full)}.vital.hp i{background:linear-gradient(180deg,var(--pal-d05548),var(--pig-cinnabar) 60%,var(--pal-8c2b21))}.vital.st i{background:linear-gradient(180deg,var(--pal-5ea873),var(--pig-malachite) 60%,var(--pal-2c5a3a))}.vital.mp i{background:linear-gradient(180deg,var(--pal-5673c4),var(--pig-ultramarine) 60%,var(--pal-22356b))}.vital-ticks{position:absolute;inset:1px;pointer-events:none;border-radius:var(--radius-full);overflow:hidden}.vital-ticks i{position:absolute;top:0;bottom:0;width:1px;background:#0000008c}.vital .cap{position:absolute;top:-3px;bottom:-3px;width:7px;z-index:2;pointer-events:none;background:linear-gradient(180deg,var(--pal-9aa0a6),var(--pal-4a4f55));border:1px solid var(--pal-222222)}.vital .cap.left{left:-2px;border-radius:6px 2px 2px 6px}.vital .cap.right{right:-2px;border-radius:2px 6px 6px 2px}}@layer components{.ava-frame{position:relative;width:84px;height:84px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;padding:6px}.ava{width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-size:var(--text-26);color:var(--pig-ink);background:radial-gradient(circle at 50% 38%,var(--pig-parchment),var(--pal-b89a6a))}.ava-frame.wood{background:conic-gradient(from 30deg,var(--color-primary-dark),var(--color-primary),var(--color-primary-dark),var(--color-secondary),var(--color-primary-dark));box-shadow:0 3px 8px #0009}.ava-frame.iron{background:conic-gradient(from 30deg,var(--pal-4a4f55),var(--pal-767d85),var(--pal-4a4f55),var(--pal-8b939c),var(--pal-4a4f55));box-shadow:0 3px 8px #0009}.ava-frame.gold{background:repeating-conic-gradient(from 0deg,var(--pig-gold) 0 8deg,var(--pal-8a6d1c) 8deg 16deg);box-shadow:0 0 14px var(--color-gold-dim),0 3px 8px #0009}.ava-lbl{position:absolute;bottom:-24px;left:50%;transform:translate(-50%);white-space:nowrap;font-family:var(--font-micro);font-size:var(--text-11);color:var(--color-text-muted)}}@layer components{.modal-scroll{position:relative;width:min(440px,100%);padding:28px 30px 30px;background:linear-gradient(180deg,#0000001a,#0000 18% 82%,#00000029),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E"),linear-gradient(180deg,var(--color-parchment-light),var(--color-parchment));border:1px solid var(--color-parchment-edge);border-radius:var(--radius-12);box-shadow:var(--shadow-lg),inset 0 0 0 1px var(--color-gold-dim),inset 0 14px 18px -10px #000000bf,inset 0 -14px 18px -10px #000000bf;animation:scroll-open .45s cubic-bezier(.2,.7,.3,1) both}@keyframes scroll-open{0%{transform:scaleY(.82);opacity:0}to{transform:scaleY(1);opacity:1}}.modal-scroll h4{font-family:var(--font-heading);font-weight:400;font-size:var(--text-18);color:var(--color-accent);margin:0;text-align:center}.modal-scroll p{font-size:var(--text-13-5);margin:10px 0 0;color:var(--pal-f0e2c4);line-height:1.65;text-align:left}.modal-scroll p:first-letter{font-family:var(--font-heading);font-size:3.6em;line-height:.8;float:left;margin:.02em .06em 0 0;padding:0;color:var(--pal-f6c042);text-shadow:1px 2px 3px rgba(0,0,0,.6)}.modal-scroll:before,.modal-scroll:after{content:"";position:absolute;left:-18px;right:-18px;height:26px;border-radius:13px;background:linear-gradient(90deg,var(--pal-6b4a18) 0 1px,var(--pal-e6c25a) 1px 5px,var(--pal-a5812e) 5px 8px,var(--pal-6b4a18) 8px 10px,rgba(0,0,0,0) 10px),linear-gradient(90deg,rgba(0,0,0,0) calc(100% - 10px),var(--pal-6b4a18) calc(100% - 10px) calc(100% - 8px),var(--pal-a5812e) calc(100% - 8px) calc(100% - 5px),var(--pal-e6c25a) calc(100% - 5px) calc(100% - 1px),var(--pal-6b4a18) calc(100% - 1px)),linear-gradient(180deg,var(--pal-c08a4a) 0%,var(--pal-8a6034) 30%,var(--pal-5a3d1e) 66%,var(--color-parchment-edge) 100%);border:1px solid var(--pal-1a0f06);box-shadow:0 5px 12px #0009,inset 0 2px 2px #ffdc9647,inset 0 -3px 5px #0000008c}.modal-scroll:before{top:-13px}.modal-scroll:after{bottom:-13px}.wax-close{position:absolute;top:-11px;right:8px;width:22px;height:22px;padding:0;z-index:3;display:flex;align-items:center;justify-content:center;font-family:var(--font-body);font-size:var(--text-12);line-height:1;color:var(--pal-fbeede);font-weight:700;background:linear-gradient(180deg,var(--pal-c85a48) 0%,var(--pal-8f3126) 55%,var(--pal-5a1712) 100%);border:none;border-radius:0;clip-path:polygon(5px 0,calc(100% - 5px) 0,100% 5px,100% calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,0 calc(100% - 5px),0 5px);filter:drop-shadow(0 2px 2px rgba(0,0,0,.7));text-shadow:0 1px 1px rgba(0,0,0,.55);cursor:pointer}.wax-close:after{content:"";position:absolute;inset:0;display:block;pointer-events:none;box-sizing:border-box;border:5px solid transparent;border-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpolygon points='5,0.5 11,0.5 15.5,5 15.5,11 11,15.5 5,15.5 0.5,11 0.5,5' fill='none' stroke='%23ffe89e' stroke-width='1' stroke-linejoin='miter'/%3E%3C/svg%3E") 5 stretch}.wax-close:before{content:"";position:absolute;inset:3px;display:block;pointer-events:none;box-sizing:border-box;border:3px solid transparent;border-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpolygon points='3,0.5 7,0.5 9.5,3 9.5,7 7,9.5 3,9.5 0.5,7 0.5,3' fill='none' stroke='rgba(255,240,210,0.55)' stroke-width='1' stroke-linejoin='miter'/%3E%3C/svg%3E") 3 stretch}.wax-close svg{width:10px;height:10px;display:block}.wax-close:hover{filter:brightness(1.15) drop-shadow(0 0 6px rgba(255,90,70,.7))}.wax-close:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}}@layer components{.mframe{outline:1px solid var(--color-gold-dim);outline-offset:-6px}.mframe--tight{outline-offset:-5px}.mh{display:flex;align-items:center;gap:var(--spacing-12, 12px);padding:var(--spacing-12, 12px) var(--spacing-16, 16px);background:linear-gradient(135deg,var(--pal-4a2f10) 0%,var(--pal-2a1a08) 100%);border-bottom:1px solid var(--color-gold-accent-line);box-shadow:inset 0 1px #ffd7001f;flex-shrink:0}.mh-ic{width:44px;height:44px;flex:none;display:grid;place-items:center;font-size:26px;border-radius:var(--radius-8, 8px);color:var(--color-accent);background:radial-gradient(circle at 50% 38%,var(--pal-3a2f1e),var(--pal-241c10) 82%);border:1px solid var(--pal-54430f);box-shadow:inset 0 0 0 1px #00000080}.mh-ic svg,.mh-ic .gi-ic,.mh-ic .gi-ic svg{width:26px;height:26px;display:block;vertical-align:0;line-height:0;fill:currentColor}.mh-tt{flex:1 1 auto;min-width:0}.mh-title{font-family:var(--font-heading, "Cinzel", serif);font-size:var(--text-20);letter-spacing:1.5px;line-height:1.15;text-transform:uppercase;color:var(--color-accent);text-shadow:0 2px 4px rgba(0,0,0,.6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mh-sub{font-family:var(--font-micro, "Share Tech Mono", monospace);font-size:var(--text-11);letter-spacing:.4px;color:var(--color-text-micro);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mh-right{flex:none;display:flex;align-items:center;gap:var(--spacing-8, 8px)}.mh-x{width:30px;height:30px;flex:none;display:grid;place-items:center;background:transparent;border:1px solid var(--color-gold-dim);border-radius:var(--radius-4, 4px);color:var(--color-text-muted);font-size:var(--text-16);line-height:1;cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease}.mh-x:hover{color:var(--color-accent);border-color:var(--color-accent);background:#ffd7001a}.mh--compact{gap:var(--spacing-10, 10px);padding:var(--spacing-8, 8px) var(--spacing-12, 12px)}.mh--compact .mh-ic{width:30px;height:30px;font-size:18px;border-radius:var(--radius-6, 6px)}.mh--compact .mh-ic svg,.mh--compact .mh-ic .gi-ic,.mh--compact .mh-ic .gi-ic svg{width:18px;height:18px}.mh--compact .mh-title{font-size:var(--text-13);letter-spacing:.8px}.mh--compact .mh-sub{font-size:var(--text-10-5);margin-top:1px}.mh--compact .mh-x{width:26px;height:26px}}@layer components{.toast{display:flex;gap:12px;align-items:flex-start;background:var(--color-surface);border:1px solid var(--color-parchment-edge);border-left:4px solid var(--color-info);border-radius:var(--radius-8);padding:12px 14px}.toast.error{border-left-color:var(--color-error)}.toast.warning{border-left-color:var(--color-warning)}.toast.success{border-left-color:var(--color-success)}.toast.info{border-left-color:var(--color-info)}.toast>b,.toast .t-body b{font-family:var(--font-micro);font-size:var(--text-13);color:var(--color-text-light)}.toast .t-body p{margin:2px 0 0;font-size:var(--text-12-5);color:var(--color-text-muted)}.toast-message{font-family:var(--font-body);font-size:var(--text-12);color:var(--color-text-muted)}.t-ic{width:26px;height:26px;flex:none;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-4);background:var(--pal-141414);border:1px solid var(--color-parchment-edge)}.t-ic svg{width:16px;height:16px;display:block}.t-x{margin-left:auto;background:none;border:none;color:var(--color-text-muted);font-size:var(--text-15);cursor:pointer;padding:2px 6px;border-radius:var(--radius-4)}.t-x:hover{color:var(--color-text-light);background:var(--color-surface-hover)}.t-x:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}}@layer components{.tbl-wrap{overflow-x:auto}.dtable{width:100%;border-collapse:collapse;font-size:var(--text-13);min-width:560px}.dtable th{font-family:var(--font-micro);font-size:var(--text-11);font-weight:600;letter-spacing:.4px;color:var(--color-text-muted);text-align:left;padding:9px 12px;border-bottom:1px solid var(--color-gold-accent-line);white-space:nowrap}.dtable td{padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.05);color:var(--color-text)}.dtable td.num{text-align:right;font-family:var(--font-mono);font-size:var(--text-12);color:var(--color-text-light);white-space:nowrap}.dtable tbody tr:nth-child(odd){background:#ffffff06}.dtable tbody tr:hover{background:var(--color-gold-dim)}}@layer components{.popover{position:relative;width:min(300px,calc(100vw - 40px));padding:16px 18px;color:var(--color-text);isolation:isolate}.popover:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,var(--color-parchment-light),var(--color-parchment));clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px);filter:drop-shadow(0 8px 16px rgba(0,0,0,.5))}.popover:after{content:"";position:absolute;inset:0;pointer-events:none;border:8px solid transparent;border-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpolygon points='8,0.5 16,0.5 23.5,8 23.5,16 16,23.5 8,23.5 0.5,16 0.5,8' fill='none' stroke='%23d4af37' stroke-width='1'/%3E%3Cpolygon points='8,3.5 16,3.5 20.5,8 20.5,16 16,20.5 8,20.5 3.5,16 3.5,8' fill='none' stroke='rgba(255,215,0,0.4)' stroke-width='1'/%3E%3C/svg%3E") 8 stretch}.pop-arrow{position:absolute;width:12px;height:12px;background:var(--color-parchment-light);border:1px solid var(--color-parchment-edge);transform:rotate(45deg)}.popover[data-side=bottom] .pop-arrow{top:-7px;left:var(--ax, 50%);margin-left:-6px;border-right:none;border-bottom:none}.popover[data-side=top] .pop-arrow{bottom:-7px;left:var(--ax, 50%);margin-left:-6px;border-left:none;border-top:none;background:var(--color-parchment)}.popover[data-side=left] .pop-arrow{right:-7px;top:var(--ay, 50%);margin-top:-6px;border-left:none;border-bottom:none;background:var(--color-parchment)}.popover[data-side=right] .pop-arrow{left:-7px;top:var(--ay, 50%);margin-top:-6px;border-right:none;border-top:none}.pop-title{font-family:var(--font-heading);font-weight:400;font-size:var(--text-16);color:var(--color-accent);margin:0 0 4px;padding-right:18px}.pop-body{font-size:var(--text-13);line-height:1.55;margin:0;color:var(--color-text)}.pop-body b{color:var(--color-text-light)}.pop-step{font-family:var(--font-micro);font-size:var(--text-10-5);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);margin:0 0 4px}.pop-x{position:absolute;top:11px;right:13px;width:22px;height:22px;border-radius:50%;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;font-size:var(--text-15);line-height:1;background:transparent;border:1px solid transparent;color:var(--color-text-muted)}.pop-x:hover{color:var(--color-text-light);border-color:var(--color-parchment-edge);background:#00000040}.pop-x:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}.pop-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}.pop-dots{display:flex;gap:5px}.pop-dots i{width:7px;height:7px;border-radius:50%;background:#ffd70038;border:1px solid var(--color-gold-accent-line)}.pop-dots i.on,.pop-dots i.is-on{background:var(--pig-gold);box-shadow:0 0 6px var(--color-gold-glow)}.pop-actions{display:flex;gap:8px;margin-left:auto}.pop-layer{position:fixed;inset:0;z-index:var(--z-pop-layer)}.pop-layer[hidden]{display:none}.pop-catch{position:absolute;inset:0}.pop-spot{position:absolute;border-radius:10px;pointer-events:none;box-shadow:0 0 0 9999px #0000008c,0 0 0 3px var(--color-accent),0 0 0 9px #ffd70038,0 0 22px 4px #0000008c;transition:left .28s cubic-bezier(.34,1.56,.64,1),top .28s cubic-bezier(.34,1.56,.64,1),width .28s cubic-bezier(.34,1.56,.64,1),height .28s cubic-bezier(.34,1.56,.64,1)}.pop-layer .popover{position:absolute;z-index:2;animation:pop-in .22s cubic-bezier(.34,1.56,.64,1) both}@keyframes pop-in{0%{opacity:0;transform:translateY(6px) scale(.96)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.pop-layer .popover{animation:none}.pop-spot{transition:none}}}@layer components{.sw{display:inline-flex;align-items:center;gap:10px;cursor:pointer;font-family:var(--font-micro);font-size:var(--text-13);color:var(--color-text);user-select:none}.sw input{position:absolute;opacity:0;pointer-events:none}.sw .track{position:relative;width:46px;height:24px;flex:none;border-radius:var(--radius-full);background:linear-gradient(180deg,var(--pal-141414),var(--pal-1e1810));border:1px solid var(--color-parchment-edge);box-shadow:inset 0 1px 3px #000c;transition:background .2s ease,border-color .2s ease}.sw .knob{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 36% 30%,var(--pal-fff0b8),var(--pig-gold) 55%,var(--pal-9c7c1c));border:1px solid var(--pal-5e4a12);box-shadow:0 1px 2px #000000b3;transition:left .2s cubic-bezier(.34,1.56,.64,1)}.sw input:checked+.track{background:linear-gradient(180deg,var(--pal-6e4a16),var(--color-accent));border-color:var(--pig-gold)}.sw input:checked+.track .knob{left:24px}.sw input:focus-visible+.track{outline:2px solid var(--color-accent);outline-offset:2px}.sw.disabled{color:var(--color-text-disabled);cursor:not-allowed}.sw.disabled .track{opacity:.5}}@layer components{.seg{display:inline-flex;border:1px solid var(--color-parchment-edge);border-radius:var(--radius-8);overflow:hidden;background:var(--pal-141414)}.seg button{font-family:var(--font-micro);font-size:var(--text-12-5);color:var(--color-text-muted);background:transparent;border:none;padding:8px 16px;cursor:pointer;border-right:1px solid var(--color-parchment-edge)}.seg button:last-child{border-right:none}.seg button:hover{color:var(--color-text);background:var(--color-surface-hover)}.seg button.on,.seg button.is-on{color:var(--pal-2b1704);background:linear-gradient(180deg,var(--pal-fbe38e),var(--pal-d89f36));background-color:var(--pal-d89f36);font-weight:600}}@layer components{.stp{display:inline-flex;align-items:center;border:1px solid var(--color-parchment-edge);border-radius:var(--radius-8);overflow:hidden;background:var(--pal-141414)}.stp button{width:34px;height:36px;border:none;background:transparent;color:var(--color-accent);font-size:var(--text-18);cursor:pointer;font-family:var(--font-body)}.stp button:hover{background:var(--color-gold-dim)}.stp .val{min-width:52px;text-align:center;font-family:var(--font-mono);font-size:var(--text-14);color:var(--color-text-light);border-left:1px solid var(--color-parchment-edge);border-right:1px solid var(--color-parchment-edge);padding:0 8px;line-height:36px}}@layer components{.menu{position:relative;display:inline-block}.menu-list{position:absolute;z-index:30;top:calc(100% + 6px);left:0;min-width:210px;margin:0;padding:6px;list-style:none;display:none;background:linear-gradient(180deg,var(--color-parchment-light),var(--color-parchment));border:1px solid var(--color-parchment-edge);border-radius:var(--radius-8);box-shadow:var(--shadow-lg),inset 0 0 0 1px var(--color-gold-dim)}.menu.open .menu-list,.menu.is-open .menu-list{display:block}.menu-list li{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-4);font-family:var(--font-micro);font-size:var(--text-13);color:var(--color-text);cursor:pointer}.menu-list li:hover{background:var(--color-gold-dim)}.menu-list li .mi{width:18px;text-align:center;color:var(--pig-gold)}.menu-list li .mk{margin-left:auto;font-family:var(--font-mono);font-size:var(--text-11);color:var(--color-text-muted)}.menu-list li.disabled{color:var(--color-text-disabled);cursor:not-allowed}.menu-list li.danger{color:var(--pal-ff7878)}.menu-list .sep{height:1px;margin:5px 4px;background:var(--color-parchment-edge)}}@layer components{.tip{position:relative;display:inline-block}.tip .tip-b{position:absolute;z-index:40;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);white-space:nowrap;font-family:var(--font-micro);font-size:var(--text-11-5);color:var(--color-text-light);background:var(--pal-141414);border:1px solid var(--color-parchment-edge);border-radius:var(--radius-4);padding:5px 9px;box-shadow:var(--shadow-md);opacity:0;pointer-events:none;transition:opacity .15s ease}.tip .tip-b:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border:5px solid transparent;border-top-color:var(--pal-141414)}.tip:hover .tip-b{opacity:1}}@layer components{.drawer{position:absolute;top:0;right:0;bottom:0;width:min(280px,80%);display:flex;flex-direction:column;background:linear-gradient(180deg,var(--color-parchment-light),var(--color-parchment));border-left:1px solid var(--color-parchment-edge);box-shadow:-8px 0 20px #00000080;transform:translate(100%);transition:transform .3s cubic-bezier(.2,.7,.3,1)}.drawer.is-open{transform:none}.drawer .dh{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--color-parchment-edge);font-family:var(--font-heading);color:var(--color-accent);font-size:var(--text-15)}.drawer .db{padding:14px 16px;overflow:auto;font-size:var(--text-13);color:var(--color-text)}}@layer components{.acc{border:1px solid var(--color-parchment-edge);border-radius:var(--radius-8);overflow:hidden;background:var(--color-surface)}.acc+.acc{margin-top:8px}.acc-h{display:flex;align-items:center;gap:10px;padding:12px 14px;cursor:pointer;font-family:var(--font-heading);font-size:var(--text-14);color:var(--color-text-light)}.acc-h .caret{margin-left:auto;color:var(--pig-gold);transition:transform .2s ease}.acc.open .acc-h .caret,.acc.is-open .acc-h .caret{transform:rotate(180deg)}.acc-b{max-height:0;overflow:hidden;transition:max-height .25s ease;font-size:var(--text-13);color:var(--color-text-muted)}.acc.open .acc-b,.acc.is-open .acc-b{max-height:220px}.acc-b>div{padding:0 14px 14px}}@layer components{.pager{display:flex;gap:6px;align-items:center}.pager button{min-width:34px;height:34px;padding:0 8px;border:1px solid var(--color-parchment-edge);border-radius:var(--radius-4);background:var(--pal-141414);color:var(--color-text);font-family:var(--font-mono);font-size:var(--text-13);cursor:pointer}.pager button:hover{border-color:var(--color-gold-accent-line);color:var(--color-accent)}.pager button.is-on{background:linear-gradient(180deg,var(--pal-fbe38e),var(--pal-d89f36));color:var(--pal-2b1704);border-color:var(--pal-e8c15a);font-weight:700}.pager button:disabled{opacity:.4;cursor:not-allowed}.pager .dots{color:var(--color-text-muted);padding:0 4px}}@layer components{.spin{width:34px;height:34px;border-radius:50%;border:3px solid var(--color-parchment-edge);border-top-color:var(--color-accent);animation:spin .8s linear infinite}.spin.sm{width:20px;height:20px;border-width:2px}@keyframes spin{to{transform:rotate(360deg)}}}@layer components{.skel{background:linear-gradient(90deg,var(--pal-1e1e1e) 25%,var(--pal-2a2a2a) 37%,var(--pal-1e1e1e) 63%);background-size:400% 100%;border-radius:var(--radius-4);animation:skel 1.4s ease infinite}.skel.line{height:12px;margin:8px 0}.skel.title{height:18px;width:40%}.skel.avatar{width:44px;height:44px;border-radius:50%}@keyframes skel{0%{background-position:100% 0}to{background-position:0 0}}}@layer components{.rate{display:inline-flex;gap:3px;font-size:var(--text-20);line-height:1;color:var(--color-text-disabled)}.rate .is-on{color:var(--pig-gold);text-shadow:0 0 6px var(--color-gold-dim)}}@layer components{.banner{position:relative;display:flex;align-items:center;gap:12px;padding:12px 18px;background:linear-gradient(180deg,var(--color-parchment-light),var(--color-parchment));border:1px solid var(--color-parchment-edge);border-radius:var(--radius-8);box-shadow:inset 0 0 0 1px var(--color-gold-dim);font-size:var(--text-13-5);color:var(--color-text)}.banner .b-ic{color:var(--color-accent);font-size:var(--text-18);flex:none}.banner b{color:var(--color-text-light)}.banner .b-x{margin-left:auto;background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:var(--text-15)}.ribbon{display:inline-block;position:relative;padding:6px 22px;font-family:var(--font-heading);font-size:var(--text-13);letter-spacing:.06em;color:var(--pal-2b1704);background:linear-gradient(180deg,var(--pal-fbe38e),var(--pal-d89f36));clip-path:polygon(0 0,100% 0,calc(100% - 10px) 50%,100% 100%,0 100%,10px 50%)}}@layer components{.stat{display:inline-flex;flex-direction:column;gap:2px;font-family:var(--font-micro)}.stat .sv{font-family:var(--font-heading);font-size:var(--text-26);color:var(--color-text-light);line-height:1}.stat .sl{font-size:var(--text-11);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em}.stat .sd{font-size:var(--text-12);font-weight:600}.stat .sd.up{color:var(--color-success)}.stat .sd.down{color:var(--color-error)}}@layer components{.kv{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;font-family:var(--font-micro);font-size:var(--text-13);max-width:340px}.kv .row{display:flex;align-items:baseline;gap:8px}.kv .k{color:var(--color-text-muted)}.kv .lead{flex:1;border-bottom:1px dotted var(--color-parchment-edge);transform:translateY(-3px)}.kv .v{color:var(--color-text-light);font-weight:600}}@layer components{.tl{position:relative;margin:0;padding:0 0 0 22px;list-style:none}.tl:before{content:"";position:absolute;left:6px;top:4px;bottom:4px;width:2px;background:var(--color-parchment-edge)}.tl li{position:relative;padding:0 0 16px}.tl li:before{content:"";position:absolute;left:-22px;top:3px;width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 40% 35%,var(--pal-fff0b8),var(--pig-gold) 60%,var(--pal-9c7c1c));border:1px solid var(--pal-5e4a12)}.tl .tt{display:block;font-size:var(--text-13);font-weight:600;color:var(--pig-white);background:var(--color-parchment);border:1px solid var(--color-gold-accent-line, rgba(255, 215, 0, .3));border-radius:var(--radius-8, 8px);padding:8px 12px}.tl .td{font-family:var(--font-micro);font-size:var(--text-11);color:var(--color-text-muted);margin:6px 0 0}}@layer components{.tl-widget{display:flex;flex-direction:column}.tl-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid var(--color-gold-dim, rgba(255, 215, 0, .15))}.tl-title{font-family:var(--font-heading);font-size:var(--text-14);font-weight:600;color:var(--color-accent)}.tl-readall{background:none;border:1px solid var(--color-gold-accent-line, rgba(255, 215, 0, .3));color:var(--color-accent);font-family:var(--font-micro);font-size:var(--text-11);padding:4px 10px;border-radius:var(--radius-4, 4px);cursor:pointer;transition:background .15s}.tl-readall:hover{background:var(--color-gold-dim, rgba(255, 215, 0, .15))}.tl-filters{display:flex;align-items:center;gap:8px;margin-bottom:12px}.tl-filters .sel{flex:1;max-width:none}.tl-filters .sel-trigger{font-family:var(--font-micro);font-size:var(--text-12);padding:8px 10px}.tl-check{display:flex;align-items:center;gap:5px;font-family:var(--font-micro);font-size:var(--text-11);color:var(--color-text-muted);white-space:nowrap;cursor:pointer}.tl-check input{accent-color:var(--color-accent);cursor:pointer}}@layer components{.empty{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:28px 20px;color:var(--color-text-muted)}.empty .e-ic{font-size:var(--text-34);color:var(--color-parchment-edge);filter:grayscale(.3)}.empty .e-t{font-family:var(--font-heading);font-size:var(--text-16);color:var(--color-text)}.empty .e-d{font-size:var(--text-12-5);max-width:280px}}@layer components{.ring{--p: 64;--sz: 64px;width:var(--sz);height:var(--sz);border-radius:50%;flex:none;position:relative;background:conic-gradient(var(--color-accent) calc(var(--p) * 1%),var(--pal-141414) 0);display:flex;align-items:center;justify-content:center}.ring:before{content:"";position:absolute;inset:6px;border-radius:50%;background:var(--color-surface);border:1px solid var(--color-parchment-edge)}.ring span{position:relative;font-family:var(--font-mono);font-size:var(--text-13);color:var(--color-text-light)}}@layer components{.chip{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-micro);font-size:var(--text-12);color:var(--color-text);background:var(--pal-141414);border:1px solid var(--color-parchment-edge);border-radius:var(--radius-full);padding:4px 6px 4px 12px}.chip .cx{width:16px;height:16px;border-radius:50%;border:none;background:transparent;color:var(--color-text-muted);cursor:pointer;font-size:var(--text-12);line-height:1}.chip .cx:hover{color:var(--color-text-light);background:var(--color-surface-hover)}.chip.gold{border-color:var(--color-gold-accent-line);color:var(--color-accent)}.chip--good{color:var(--color-success-light);border-color:var(--color-success)}.chip--bad{color:var(--color-error-light);border-color:var(--color-error)}.chip--warn{color:var(--color-warning-light);border-color:var(--color-warning)}.chip--tight{padding:4px 10px}}@layer components{.tree{list-style:none;margin:0;padding:0;font-family:var(--font-micro);font-size:var(--text-13)}.tree ul{list-style:none;margin:0;padding-left:18px;border-left:1px solid var(--color-parchment-edge)}.tree li{padding:3px 0}.tree .node{display:inline-flex;align-items:center;gap:6px;cursor:pointer;color:var(--color-text);padding:2px 6px;border-radius:var(--radius-4)}.tree .node:hover{background:var(--color-gold-dim)}.tree .node .tw{color:var(--pig-gold);width:12px;display:inline-block;transition:transform .15s ease}.tree li.collapsed>ul{display:none}.tree li.collapsed>.node .tw{transform:rotate(-90deg)}.tree .leaf{color:var(--color-text-muted);padding:2px 6px 2px 24px}}@layer components{.btngroup,.split{display:inline-flex}.divider-ornament{display:flex;align-items:center;gap:8px;margin:8px 0}.divider-ornament:before,.divider-ornament:after{content:"";flex:1;height:1px}.divider-ornament:before{background:linear-gradient(90deg,transparent,var(--color-gold-accent-line))}.divider-ornament:after{background:linear-gradient(90deg,var(--color-gold-accent-line),transparent)}.divider-ornament span{position:relative;flex:none;width:9px;height:9px;box-sizing:border-box;font-size:0;line-height:0;color:transparent;text-shadow:none;transform:rotate(45deg);background:var(--pal-b19133);border:1px solid rgba(212,175,55,.5);box-shadow:inset 1px 1px 2px #00000059,inset -1px -1px 1px #ffd7001a,0 1px #ffd7002e}.divider-ornament span:before,.divider-ornament span:after{display:none}.panel-ornate{position:relative}.panel-ornate:before,.panel-ornate:after{content:"";position:absolute;width:14px;height:14px;pointer-events:none;border:2px solid var(--pig-gold);opacity:.75}.panel-ornate:before{top:5px;left:5px;border-right:none;border-bottom:none;border-top-left-radius:6px}.panel-ornate:after{bottom:5px;right:5px;border-left:none;border-top:none;border-bottom-right-radius:6px}button,input,select,textarea{font-family:inherit;color:inherit}.wax-close,.t-x{font-family:var(--font-body)}}@layer components{.sign{--sign-src: none;display:inline-block;flex:none;inline-size:var(--sign-size, 1em);block-size:var(--sign-size, 1em);vertical-align:-.125em;background-color:currentcolor;mask-image:var(--sign-src);mask-repeat:no-repeat;mask-position:center;mask-size:contain}.sign--good{color:var(--color-success-light)}.sign--bad{color:var(--color-error-light)}.sign--muted{color:var(--color-text-muted)}.sign--gold{color:var(--color-accent)}.sign--plus{--sign-src: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9.6 3h4.8v6.6H21v4.8h-6.6V21H9.6v-6.6H3V9.6h6.6z' fill='%23000'/%3E%3C/svg%3E")}.sign--minus{--sign-src: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 9.6h18v4.8H3z' fill='%23000'/%3E%3C/svg%3E")}.sign--cross{--sign-src: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5.4 3.1 12 9.7l6.6-6.6 2.3 2.3L14.3 12l6.6 6.6-2.3 2.3L12 14.3l-6.6 6.6-2.3-2.3L9.7 12 3.1 5.4z' fill='%23000'/%3E%3C/svg%3E")}.sign--multiply{--sign-src: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.4 6 12 10.6 16.6 6 18 7.4 13.4 12 18 16.6 16.6 18 12 13.4 7.4 18 6 16.6 10.6 12 6 7.4z' fill='%23000'/%3E%3C/svg%3E")}.sign--check{--sign-src: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9.4 19.6 2.6 12.8l2.9-2.9 3.9 3.9L18.5 4.4l2.9 2.9z' fill='%23000'/%3E%3C/svg%3E")}.sign--arrow-up{--sign-src: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3 20.4 12h-5.1v9H8.7v-9H3.6z' fill='%23000'/%3E%3C/svg%3E")}.sign--arrow-down{--sign-src: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21 3.6 12h5.1V3h6.6v9h5.1z' fill='%23000'/%3E%3C/svg%3E")}.sign--play{--sign-src: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 4.5l12 7.5-12 7.5z' fill='%23000'/%3E%3C/svg%3E")}.sign--pause{--sign-src: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 4.5h3.5v15H7zM13.5 4.5H17v15h-3.5z' fill='%23000'/%3E%3C/svg%3E")}.sign--next{--sign-src: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 4.5l10 7.5-10 7.5z' fill='%23000'/%3E%3Cpath d='M16.5 4.5h2.5v15h-2.5z' fill='%23000'/%3E%3C/svg%3E")}.btn-txt .sign,.chip .sign,.btn .sign{margin-inline-end:6px}.btn .sign:last-child,.btn-txt .sign:only-child{margin-inline-end:0}}@layer components{.qh-facet,.hud-popup-header,.block-header{--facet-step: calc(var(--facet-pitch) / 1.4142);--facet-shadow: var(--facet-shadow-dark);--facet-light: var(--facet-light-dark);position:relative}.block-header{--facet-pitch: 56px;--facet-shadow: var(--facet-shadow-gold);--facet-light: var(--facet-light-gold)}.qh-facet:before,.hud-popup-header:before,.block-header:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:repeating-linear-gradient(45deg,transparent 0 calc(var(--facet-step) - 2 * var(--facet-thread)),var(--facet-shadow) calc(var(--facet-step) - 2 * var(--facet-thread)) calc(var(--facet-step) - var(--facet-thread)),var(--facet-light) calc(var(--facet-step) - var(--facet-thread)) var(--facet-step)),repeating-linear-gradient(-45deg,transparent 0 calc(var(--facet-step) - 2 * var(--facet-thread)),var(--facet-shadow) calc(var(--facet-step) - 2 * var(--facet-thread)) calc(var(--facet-step) - var(--facet-thread)),var(--facet-light) calc(var(--facet-step) - var(--facet-thread)) var(--facet-step));-webkit-mask-image:linear-gradient(90deg,transparent,black 7%,black 93%,transparent);mask-image:linear-gradient(90deg,transparent,black 7%,black 93%,transparent)}.qh-facet--pitch-s{--facet-pitch: 40px}.qh-facet--pitch-l{--facet-pitch: 56px}}@layer components{.eco-tip{position:relative;cursor:help;border-bottom:1px dashed var(--eco-tip-dash);outline-offset:var(--focus-ring-offset)}.eco-tip:hover,.eco-tip:focus-visible{border-bottom-color:var(--res-gold)}.eco-tip:focus-visible{outline:var(--focus-ring);border-radius:var(--radius-4)}.eco-tip [data-eco-tipbody]{display:none}.eco-tipbox{position:fixed;z-index:var(--z-tooltip);display:none;max-width:340px;padding:var(--spacing-8) var(--spacing-10);border:1px solid var(--eco-tipbox-border);border-radius:var(--radius-6);background:var(--eco-tipbox-bg);box-shadow:var(--eco-tipbox-shadow);color:var(--color-text-micro);font:400 var(--text-10-5)/1.55 var(--font-mono);white-space:pre-wrap;pointer-events:auto}.eco-tipbox b{color:var(--res-gold);font-weight:600}.eco-tipbox .eco-tip{border-bottom-color:var(--eco-tip-dash-strong);color:var(--color-text)}.eco-card{background:var(--eco-panel-bg);border:1px solid var(--eco-panel-border);border-radius:var(--eco-panel-radius);box-shadow:var(--hud-block-shadow);padding:var(--spacing-12)}.eco-card--compact{padding:var(--spacing-8) var(--spacing-12)}.eco-card-head{display:grid;grid-template-columns:56px 1fr auto;gap:var(--spacing-12);align-items:center}.eco-thumb{position:relative;width:56px;height:56px;display:grid;place-items:center;border-radius:var(--radius-8);border:1px solid var(--eco-panel-border);background:var(--card-thumb-bg);box-shadow:var(--hud-block-shadow)}.eco-card--compact .eco-thumb{width:40px;height:40px}.eco-thumb .gi-ic{width:26px;height:26px;color:var(--res-gold)}.eco-card--compact .eco-thumb .gi-ic{width:20px;height:20px}.eco-thumb>svg{width:26px;height:26px}.eco-card--compact .eco-thumb>svg{width:20px;height:20px}.eco-lvl{position:absolute;right:-6px;bottom:-6px;min-width:22px;padding:0 var(--spacing-4);border-radius:var(--radius-4);background:var(--btn-primary-bg);color:var(--btn-primary-text);font:700 var(--text-10-5)/18px var(--font-ui);text-align:center}.eco-name{display:grid;gap:2px}.eco-name b{font:600 var(--text-15)/1.15 var(--font-heading);color:var(--color-text);letter-spacing:.03em}.eco-name small{font:400 var(--text-11)/1.3 var(--font-ui);color:var(--color-text-micro)}.eco-chip{font:600 var(--text-10-5) var(--font-ui);letter-spacing:.03em;padding:2px 7px;border-radius:var(--radius-full);border:1px solid var(--eco-divider);color:var(--color-text-micro)}.eco-chip--good{color:var(--eco-delta-up);border-color:var(--eco-delta-up)}.eco-chip--gold{color:var(--eco-mega);border-color:var(--eco-mega)}.eco-chip--bad{color:var(--eco-delta-down);border-color:var(--eco-delta-down)}.eco-out{margin:var(--spacing-12) 0 var(--spacing-4);font:700 var(--text-26)/1 var(--font-ui);color:var(--eco-delta-up);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.eco-out--dim{color:var(--eco-delta-none)}.eco-rows{display:grid;gap:var(--spacing-6);margin-top:var(--spacing-8)}.eco-row{display:grid;grid-template-columns:auto 1fr auto;gap:var(--spacing-8);align-items:center;font:500 var(--text-11) var(--font-ui)}.eco-row--meter{grid-template-columns:78px 1fr auto}.eco-row-k{color:var(--color-text-micro);font-weight:400;font-size:var(--text-10-5);white-space:nowrap}.eco-row-v{color:var(--color-text);text-align:right;font-variant-numeric:tabular-nums}.eco-lead{border-bottom:1px dotted var(--eco-divider);transform:translateY(3px)}.eco-meter{display:block;width:78px;height:9px;border-radius:var(--radius-full);background:var(--eco-meter-track-bg);border:1px solid var(--eco-divider);overflow:hidden}.eco-meter>i{display:block;height:100%;border-radius:var(--radius-full);background:var(--eco-meter-fill);box-shadow:var(--eco-meter-glow)}.eco-meter--warn>i{background:var(--eco-meter-warn-fill);box-shadow:var(--eco-meter-warn-glow)}.eco-meter--wide{width:100%}.eco-meter--q{width:100%;height:5px}.eco-workers{margin-top:var(--spacing-8)}.eco-workers-head{display:flex;justify-content:space-between;font:400 var(--text-11) var(--font-ui);color:var(--color-text-micro)}.eco-workers-head b{color:var(--color-text);font-weight:600}.eco-slider{display:grid;grid-template-columns:28px 1fr 28px;gap:var(--spacing-6);align-items:center;margin-top:var(--spacing-4)}.eco-step{height:26px;border-radius:var(--radius-6);cursor:pointer;border:1px solid var(--eco-divider);background:var(--btn-neutral-bg);color:var(--color-text);display:grid;place-items:center}.eco-step:hover{border-color:var(--eco-panel-border);background:var(--btn-neutral-bg-hover)}.eco-step:disabled{opacity:.4;cursor:default;border-color:var(--eco-divider);background:var(--btn-neutral-bg)}.eco-range{-webkit-appearance:none;appearance:none;width:100%;height:26px;background:transparent;cursor:pointer}.eco-range::-webkit-slider-runnable-track{height:8px;border-radius:var(--radius-full);border:1px solid var(--eco-divider);background:linear-gradient(90deg,var(--eco-progress-fill),var(--res-gold)) 0 / var(--fill, 0%) 100% no-repeat,var(--eco-progress-track);box-shadow:var(--eco-slider-track-inset)}.eco-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;margin-top:-5px;border-radius:50%;background:var(--eco-slider-thumb-bg);border:1px solid var(--eco-slider-thumb-border);box-shadow:var(--eco-slider-thumb-glow)}.eco-range::-moz-range-track{height:8px;border-radius:var(--radius-full);background:var(--eco-progress-track);border:1px solid var(--eco-divider)}.eco-range::-moz-range-progress{height:8px;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--eco-progress-fill),var(--res-gold))}.eco-range::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--eco-slider-thumb-bg-flat);border:1px solid var(--eco-slider-thumb-border)}.eco-upg{margin-top:var(--spacing-12);padding-top:var(--spacing-8);border-top:1px solid var(--eco-divider)}.eco-upg-head{font:600 var(--text-10-5) var(--font-ui);text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-micro)}.eco-upg-head b{color:var(--res-gold);letter-spacing:0}.eco-gain{text-transform:none;letter-spacing:0;color:var(--eco-delta-up);font-weight:600;margin-left:4px}.eco-upg-effect{margin:var(--spacing-4) 0 var(--spacing-8);font:400 var(--text-10-5) var(--font-ui);color:var(--color-text-micro)}.eco-upg-effect b{color:var(--eco-delta-up);font-weight:600}.eco-costs{display:flex;gap:var(--spacing-6);flex-wrap:wrap;margin-bottom:var(--spacing-8)}.eco-cost{display:inline-flex;align-items:center;gap:var(--spacing-4);padding:3px var(--spacing-8);border-radius:var(--radius-6);border:1px solid var(--eco-divider);background:var(--eco-cost-bg);font:600 var(--text-11-5) var(--font-ui);color:var(--color-text);font-variant-numeric:tabular-nums}.eco-cost:before{content:"";width:13px;height:13px;background:currentcolor}.eco-cost[data-gi=wood-pile]{color:var(--res-wood)}.eco-cost[data-gi=stone-pile]{color:var(--res-stone)}.eco-cost[data-gi=coin]{color:var(--res-silver)}.eco-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-6)}.eco-actions>.btn{flex:0 1 auto;height:28px;padding:0 var(--spacing-10)}.eco-state{margin-top:var(--spacing-6);font:400 var(--text-10-5)/1.35 var(--font-ui);color:var(--color-text-micro)}.eco-state b{color:var(--color-text)}}@layer components{.k-bar{--k-bar-h: 10px;display:flex;align-items:stretch;height:var(--k-bar-h);border:1px solid var(--color-gold-dim);border-radius:var(--radius-full);background:#00000073;overflow:hidden}.k-bar-fill{display:block;min-width:2px;height:100%;background:linear-gradient(90deg,var(--color-primary-dark),var(--color-accent))}.k-bar--tug .k-bar-side{display:block;height:100%;min-width:2px}.k-bar--tug .k-bar-side--atk{background:linear-gradient(90deg,var(--color-success),var(--color-success-light))}.k-bar--tug .k-bar-side--def{background:linear-gradient(90deg,var(--color-error-light),var(--color-error))}.k-bar-cap{display:flex;align-items:baseline;justify-content:space-between;gap:var(--gap);margin-top:var(--spacing-4);font-family:var(--font-micro);font-size:var(--text-11);color:var(--color-text-muted)}.k-bar-cap b{color:var(--color-text);font-weight:var(--font-semibold, 600)}.k-bar-cap em{font-style:normal;color:var(--color-accent)}.k-bar-row{display:flex;align-items:center;gap:var(--gap)}.k-bar-row .k-bar{flex:1 1 auto}.k-bar-val{font-family:var(--font-mono);font-size:var(--text-11);color:var(--color-text);min-width:3ch;text-align:right}}@layer components{.k-card{display:flex;flex-direction:column;gap:var(--gap-tight);padding:var(--pad-card-y) var(--pad-card-x);position:relative;min-width:0;transition:border-color var(--transition-fast),background var(--transition-fast)}.k-card-head{display:flex;align-items:center;gap:var(--gap);min-width:0}.k-card-lead{flex:none;display:grid;place-items:center;width:var(--ctl-h-lg);height:var(--ctl-h-lg)}.k-card-title{flex:1 1 auto;min-width:0}.k-card-name{display:flex;align-items:center;gap:var(--spacing-6);font-family:var(--font-heading);font-size:var(--text-15);line-height:1.2;color:var(--color-text-light)}.k-card-meta{font-family:var(--font-micro);font-size:var(--text-10-5);letter-spacing:.4px;color:var(--color-text-muted);text-transform:uppercase}.k-card-ctrl{flex:none;display:flex;align-items:center;gap:var(--spacing-6)}.k-card-body{width:100%;min-width:0}.k-card-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--gap);margin-top:var(--spacing-2)}.k-card.is-pick{cursor:pointer}.k-card.is-pick:hover,.k-card:hover{border-color:var(--color-gold-accent-line);background:#ffd7000a}.k-card.is-sel{border-color:var(--color-accent);background:#ffd70012;box-shadow:inset 0 0 0 1px var(--color-gold-inner-border)}.k-card.is-locked{opacity:.6;cursor:not-allowed}.k-card.is-locked:hover{border-color:var(--color-gold-dim);background:none}.k-card-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:var(--spacing-4) var(--gap)}.k-stat{display:inline-flex;align-items:center;gap:var(--spacing-4);font-family:var(--font-mono);font-size:var(--text-11);color:var(--color-text)}.k-stat>svg,.k-stat .sq-ic,.k-stat .gi-ic{font-size:var(--text-16);color:var(--color-accent)}.k-stat b{color:var(--color-text-light)}}@layer components{.k-frame{display:inline-block;padding:var(--spacing-8);border:1px solid var(--color-gold-dim);border-radius:var(--radius-lg);background:#00000059;box-shadow:inset 0 0 0 1px var(--color-gold-inner-border);line-height:0}.k-frame>canvas,.k-frame>svg,.k-frame>img{display:block;border-radius:var(--radius-sm)}}@layer components{.k-breakdown{display:flex;flex-direction:column;gap:var(--spacing-4)}.k-breakdown-row{display:grid;grid-template-columns:minmax(80px,108px) 1fr minmax(40px,auto);align-items:center;gap:var(--gap);font-family:var(--font-micro);font-size:var(--text-11);color:var(--color-text-muted)}.k-breakdown-k{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.k-breakdown-v{text-align:right;font-family:var(--font-mono);font-size:var(--text-11);color:var(--color-text)}.k-breakdown-row.is-neutral .k-bar-fill{background:var(--color-text-muted);opacity:.45}.k-breakdown-total{display:flex;align-items:baseline;justify-content:space-between;gap:var(--gap);margin-top:var(--spacing-2);padding-top:var(--spacing-6);border-top:1px solid var(--color-gold-dim);font-family:var(--font-heading);font-size:var(--text-13);color:var(--color-accent)}.k-breakdown-total b{font-size:var(--text-16);color:var(--color-text-light)}}@layer components{.k-heat{border-collapse:separate;border-spacing:2px;font-family:var(--font-mono);font-size:var(--text-10-5);color:var(--color-text)}.k-heat caption{caption-side:top;text-align:left;padding-bottom:var(--spacing-4);font-family:var(--font-micro);font-size:var(--text-11);color:var(--color-text-muted)}.k-heat th{padding:2px var(--spacing-4);font-family:var(--font-micro);font-size:var(--text-10);font-weight:var(--font-normal);color:var(--color-text-muted);text-align:center;white-space:nowrap}.k-heat thead th{border-bottom:1px solid var(--color-gold-dim)}.k-heat th[scope=row]{text-align:left}.k-heat td{min-width:34px;height:24px;padding:0 var(--spacing-4);text-align:center;border-radius:var(--radius-sm);background:#ffffff08;font-variant-numeric:tabular-nums}.k-heat td.is-flat,.k-heat-legend .sw-cell.is-flat{color:var(--color-text-muted);background:#00000040}.k-heat td.is-up-1,.k-heat-legend .sw-cell.is-up-1{background:color-mix(in oklab,var(--color-success) 18%,transparent)}.k-heat td.is-up-2,.k-heat-legend .sw-cell.is-up-2{background:color-mix(in oklab,var(--color-success) 28%,transparent)}.k-heat td.is-up-3,.k-heat-legend .sw-cell.is-up-3{background:color-mix(in oklab,var(--color-success) 44%,transparent);color:var(--color-text-light)}.k-heat td.is-down-1,.k-heat-legend .sw-cell.is-down-1{background:color-mix(in oklab,var(--color-error) 18%,transparent)}.k-heat td.is-down-2,.k-heat-legend .sw-cell.is-down-2{background:color-mix(in oklab,var(--color-error) 28%,transparent)}.k-heat td.is-down-3,.k-heat-legend .sw-cell.is-down-3{background:color-mix(in oklab,var(--color-error) 44%,transparent);color:var(--color-text-light)}.k-heat-legend{display:flex;align-items:center;gap:var(--spacing-4);flex-wrap:wrap;margin-top:var(--spacing-6);font-family:var(--font-micro);font-size:var(--text-10-5);color:var(--color-text-muted)}.k-heat-legend .sw-cell{display:inline-block;width:22px;height:14px;border-radius:var(--radius-sm);background:#ffffff08;box-shadow:inset 0 0 0 1px var(--color-gold-dim)}}@layer components{.k-flow{display:flex;align-items:stretch;flex-wrap:wrap;gap:var(--gap-tight);margin:0;padding:0;list-style:none}.k-flow-step{flex:1 1 150px;display:flex;flex-direction:column;gap:var(--spacing-2);min-width:0;padding:var(--pad-card-y) var(--pad-card-x);border:1px solid var(--color-gold-dim);border-radius:var(--radius-md);background:#00000047}.k-flow-step-head{display:flex;align-items:center;gap:var(--spacing-6);font-family:var(--font-heading);font-size:var(--text-12);color:var(--color-text-light)}.k-flow-step-head .gi-ic,.k-flow-step-head .sq-ic{font-size:var(--text-14);color:var(--color-accent)}.k-flow-step-num{margin-left:auto;font-family:var(--font-mono);font-size:var(--text-10);color:var(--color-text-muted)}.k-flow-step-meta{font-family:var(--font-micro);font-size:var(--text-10);color:var(--color-text-muted);text-transform:none}.k-flow-step.is-current{border-color:var(--color-accent);box-shadow:inset 0 0 0 1px var(--color-gold-inner-border)}.k-flow-step.is-done{opacity:.6;border-color:var(--color-text-disabled)}.k-flow-step.is-done .k-flow-step-head{color:var(--color-text-muted)}.k-flow-arrow{align-self:center;flex:none;color:var(--color-gold-accent-line);font-family:var(--font-mono);font-size:var(--text-14);line-height:1}@media(width<=720px){.k-flow-arrow{display:none}.k-flow-step{flex-basis:100%}}}@layer components{.k-scale{display:flex;align-items:stretch;height:18px;border:1px solid var(--color-gold-dim);border-radius:var(--radius-sm);overflow:hidden;background:#00000073}.k-scale-seg{display:flex;align-items:center;justify-content:center;min-width:2px;font-family:var(--font-mono);font-size:var(--text-10);color:var(--color-bg-dark);font-weight:var(--font-semibold);white-space:nowrap;overflow:hidden}.k-scale-seg.is-tiny b{display:none}.k-scale-cap{display:flex;flex-wrap:wrap;gap:var(--spacing-4) var(--gap);margin-top:var(--spacing-6);font-family:var(--font-micro);font-size:var(--text-10-5);color:var(--color-text-muted)}.k-scale-cap>span{display:inline-flex;align-items:center;gap:var(--spacing-4)}.k-scale-cap b{color:var(--color-text);font-family:var(--font-mono)}.k-scale-cap .sw-cell{display:inline-block;width:10px;height:10px;border-radius:var(--radius-sm);box-shadow:inset 0 0 0 1px #0006}}@layer components{.k-cycle{display:grid;grid-template-columns:auto 26px auto;grid-auto-flow:row;gap:var(--spacing-4);justify-content:start;align-items:center}.k-cycle-node{display:inline-flex;align-items:center;gap:var(--spacing-6);padding:var(--spacing-6) var(--spacing-10);border:1px solid var(--color-gold-dim);border-radius:var(--radius-md);background:#00000047;font-family:var(--font-heading);font-size:var(--text-12);color:var(--color-text-light);white-space:nowrap}.k-cycle-node .gi-ic,.k-cycle-node .sq-ic{font-size:var(--text-14);color:var(--color-accent)}.k-cycle-arrow{text-align:center;font-family:var(--font-mono);font-size:var(--text-14);color:var(--color-gold-accent-line);line-height:1}.k-cycle-center{text-align:center;font-family:var(--font-mono);font-size:var(--text-16);line-height:1;color:var(--color-gold-accent-line)}.k-cycle-cap{margin-top:var(--spacing-6);font-family:var(--font-micro);font-size:var(--text-10);color:var(--color-text-muted)}@media(width<=560px){.k-cycle{grid-template-columns:1fr}.k-cycle-arrow{display:none}.k-cycle-center{order:-1;text-align:left}}}