:root{color-scheme:dark;--night: #1d2433;--stone: #2c3547;--wall: #3f4a60;--bone: #e6dcc6;--bone-dim: #a9a291;--ember: #e0a43b;--ghost: #7fd1c7;--blood: #c2504a;--ui: "Atkinson Hyperlegible", "Segoe UI", system-ui, sans-serif;--display: "Pirata One", "Georgia", serif;--gap: 12px}*{box-sizing:border-box}html,body{margin:0;background:var(--night);color:var(--bone);font-family:var(--ui);font-size:16px;line-height:1.45;-webkit-tap-highlight-color:transparent}#app{max-width:940px;margin:0 auto;padding-block:12px 16px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));display:grid;gap:var(--gap)}.top{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.title{font-family:var(--display);font-weight:400;font-size:clamp(1.6rem,7vw,2.1rem);white-space:nowrap;margin:0;letter-spacing:.01em}.room{margin:0;color:var(--bone-dim);font-size:.9rem;text-align:right;white-space:pre-line;line-height:1.3}.hud{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.stat{display:flex;gap:8px;align-items:center}.stat-right{margin-left:auto}.stat-name{color:var(--bone-dim);font-size:.9rem}.pips{display:inline-flex;gap:4px}.pip{width:12px;height:12px;border-radius:3px;border:2px solid currentColor}.pip.full{background:currentColor}#hp{color:var(--blood)}#shield{color:var(--ghost)}.stage{display:grid;grid-template-columns:minmax(0,576px);justify-content:center;gap:16px}.play{display:grid;gap:var(--gap)}#board{width:100%;display:block;border-radius:6px;touch-action:manipulation;cursor:pointer}#board:focus-visible{outline:3px solid var(--ember);outline-offset:3px}.side{font-size:.95rem}.hint{margin:0 0 10px;color:var(--bone-dim)}.foes{list-style:none;margin:0;padding:0;display:grid;gap:6px}.foes li{display:grid;grid-template-columns:auto 1fr;gap:2px 10px}.foes .swatch{grid-row:span 2;width:14px;height:14px;margin-top:4px;border-radius:50%}.foes .name{font-weight:700}.foes .blurb{color:var(--bone-dim);font-size:.88rem}.actions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.act{font:inherit;color:var(--bone);background:var(--stone);border:2px solid var(--wall);border-radius:8px;padding:10px 6px;min-height:56px;display:grid;gap:2px;cursor:pointer}.act:hover:not(:disabled){border-color:var(--bone-dim)}.act:focus-visible{outline:3px solid var(--ember);outline-offset:2px}.act:disabled{opacity:.45;cursor:default}.act[aria-pressed=true]{border-color:var(--ember);color:var(--ember)}.act-name{font-weight:700}.act-sub{font-size:.82rem;color:var(--bone-dim)}.items{margin:0;color:var(--bone-dim);font-size:.9rem;min-height:1.4em}.overlay{position:fixed;inset:0;background:#0f131cd1;display:grid;place-items:center;padding:16px;z-index:10}.overlay[hidden]{display:none}.sheet{background:var(--night);border:2px solid var(--wall);border-radius:10px;width:min(460px,100%);padding:20px;max-height:90vh;overflow:auto}.sheet h2{font-family:var(--display);font-weight:400;font-size:1.9rem;margin:0 0 12px}.sheet p{margin:0 0 12px}.choice{font:inherit;color:var(--bone);text-align:left;width:100%;background:var(--stone);border:2px solid var(--wall);border-radius:8px;padding:12px 14px;margin-bottom:8px;cursor:pointer;display:grid;gap:2px}.choice:hover,.choice:focus-visible{border-color:var(--ember);outline:none}.choice b{font-size:1.05rem}.choice span{color:var(--bone-dim);font-size:.92rem}.share{font-family:var(--ui);background:var(--stone);border-radius:8px;padding:12px;white-space:pre-wrap;margin:0 0 12px;font-size:1.05rem;line-height:1.5}.row{display:flex;gap:8px;flex-wrap:wrap}.btn{font:inherit;font-weight:700;border-radius:8px;padding:10px 14px;border:2px solid var(--wall);background:var(--stone);color:var(--bone);cursor:pointer}.btn.primary{background:var(--bone);color:var(--night);border-color:var(--bone)}.btn:focus-visible{outline:3px solid var(--ember);outline-offset:2px}.meta{color:var(--bone-dim);font-size:.82rem;margin-top:12px}@media(max-width:819px){.side{order:-1}.foes{display:none}.hint{margin:0;min-height:2.9em}}@media(min-width:820px){.stage{grid-template-columns:minmax(0,576px) 260px;align-items:start}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.top .room{margin-left:auto}.help{font:700 1.1rem var(--ui);width:40px;height:40px;flex:none;border-radius:50%;border:2px solid var(--wall);background:var(--stone);color:var(--bone);cursor:pointer;align-self:center}.help:hover{border-color:var(--bone-dim)}.help:focus-visible{outline:3px solid var(--ember);outline-offset:2px}.guide{display:grid;gap:14px}.guide-lead{font-size:1.05rem;margin:0}.legend{list-style:none;margin:0;padding:0;display:grid;gap:12px}.legend li{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:center}.lg-copy{min-width:0}.lg-title{display:block}.lg-text{color:var(--bone-dim);font-size:.93rem}.tile{width:44px;height:44px;border-radius:4px;background:var(--stone);display:grid;place-items:center;position:relative}.tile.hatch{border:2px solid var(--ember);background:repeating-linear-gradient(-45deg,var(--stone) 0 5px,rgb(224 164 59 / 55%) 5px 7px)}.tile.hatch:after{content:"1";position:absolute;top:1px;right:4px;color:var(--ember);font-weight:700;font-size:.75rem}.tile .arrow{color:var(--ember);font-size:1.4rem;line-height:1}.tile .hero{width:16px;height:22px;background:var(--bone);border-radius:8px 8px 4px 4px;box-shadow:8px 2px 0 -3px var(--ghost)}.tile .heart{width:14px;height:14px;background:var(--blood);border-radius:3px;box-shadow:18px 0 0 var(--ghost);margin-right:18px}.tile .key{font:700 .8rem var(--ui);color:var(--bone);border:2px solid var(--wall);border-radius:6px;padding:2px 6px}.dots{display:flex;gap:6px;justify-content:center}.dots i{width:8px;height:8px;border-radius:50%;background:var(--wall)}.dots i.on{background:var(--bone)}.guide-nav{display:flex;gap:8px;justify-content:space-between;align-items:center}.btn.ghost{background:transparent;border-color:transparent;color:var(--bone-dim);text-decoration:underline;text-underline-offset:3px;justify-self:center}.btn.ghost:hover{color:var(--bone)}.pips.dense{gap:3px}.pips.dense .pip{width:9px;height:9px;border-radius:2px}.hud{flex-wrap:nowrap;gap:14px}.hud .stat{flex-wrap:nowrap}#board{border-radius:10px;box-shadow:0 0 0 1px #0b0a12,0 0 0 3px #3a3546,0 22px 50px #0009;background:#17151f}.pip{width:20px;height:20px;border:0;border-radius:0;background:none!important;display:block}.pip svg{width:100%;height:100%;display:block;filter:drop-shadow(0 1px 0 rgb(0 0 0 / 50%))}.pips{gap:3px}.pips.dense{gap:1px}.pips.dense .pip{width:15px;height:15px}.foes li{grid-template-columns:48px 1fr;align-items:center}.foes .portrait{grid-row:span 2;width:48px;height:48px;border-radius:10px;background:radial-gradient(circle at 50% 70%,#3a3448,#211d2b);object-fit:contain}body{background:radial-gradient(ellipse at 50% -10%,#2b2840,#16141f 55%) fixed,#16141f}:root{--night: #16141f;--stone: #262233;--wall: #3a3546}.act{background:linear-gradient(#2c2839,#221f2c);border-color:#3a3546;box-shadow:inset 0 1px #ffffff0f}.tile .hero{width:42px;height:42px;background:var(--hero, none) center / contain no-repeat;border-radius:0;box-shadow:none}.tile{background:radial-gradient(circle at 50% 70%,#3a3448,#211d2b)}.item-grid{display:grid;gap:10px}.item-card{grid-template-columns:84px 1fr auto;align-items:center;gap:12px;padding:8px 12px 8px 8px;position:relative;overflow:hidden;background:linear-gradient(135deg,#2c2839,#1f1c29);animation:card-in .45s cubic-bezier(.2,.9,.3,1.2) both;animation-delay:calc(var(--i) * 90ms);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,opacity .25s ease}.item-card:hover,.item-card:focus-visible{transform:translateY(-2px);box-shadow:0 10px 26px #ffaa462e}.item-stage{width:84px;height:84px;border-radius:12px;display:grid;place-items:center;background:radial-gradient(circle at 50% 62%,rgb(255 200 120 / 28%),rgb(255 160 60 / 6%) 55%,transparent 70%),radial-gradient(circle at 50% 50%,#3a3448,#221e2d);box-shadow:inset 0 0 0 1px #ffffff0f;position:relative}.item-stage:after{content:"";position:absolute;left:22%;right:22%;bottom:9px;height:7px;border-radius:50%;background:#00000073;filter:blur(2px);z-index:0}.item-stage canvas{position:relative;z-index:1}.item-text{display:grid;gap:2px;min-width:0}.item-text b{font-size:1.05rem;color:var(--bone)}.item-text span{color:var(--bone-dim);font-size:.92rem}.item-card kbd{font:700 .8rem var(--ui);color:var(--bone-dim);border:1px solid var(--wall);border-radius:6px;padding:2px 7px;align-self:start}.item-grid .item-card{margin:0}.choosing .item-card:not(.picked){opacity:0;transform:translateY(14px) scale(.96)}.item-card.picked{border-color:var(--ember);box-shadow:0 0 0 2px var(--ember),0 0 30px #ffaa4673}@keyframes card-in{0%{opacity:0;transform:translateY(18px) scale(.94)}to{opacity:1;transform:none}}.reveal{position:fixed;inset:0;z-index:30;background:#08061000;transition:background .3s ease,opacity .25s ease;cursor:pointer}.reveal.flash{background:#080610b8}.reveal.leaving{background:#08061000}.reveal.gone{opacity:0}.reveal-fx{position:absolute;inset:0;width:100%;height:100%}.reveal-item{position:absolute;left:0;top:0;transform-origin:50% 50%;filter:drop-shadow(0 12px 18px rgb(0 0 0 / 55%)) drop-shadow(0 0 22px rgb(255 200 120 / 45%));will-change:transform}.reveal-caption{position:absolute;left:16px;right:16px;top:calc(42% + min(110px,25vmin) + 18px);text-align:center;display:grid;gap:4px;opacity:0;transform:translateY(10px);transition:opacity .35s ease,transform .35s ease;pointer-events:none}.reveal-caption.show{opacity:1;transform:none}.reveal-caption small{color:var(--ember);letter-spacing:.14em;text-transform:uppercase;font-size:.78rem;font-weight:700}.reveal-caption b{font-family:var(--display);font-weight:400;font-size:clamp(2rem,8vw,2.8rem);color:#fff3d6;text-shadow:0 2px 18px rgb(255 170 70 / 60%);line-height:1.1}.reveal-caption span{color:var(--bone);font-size:1.02rem}.items{display:flex;flex-wrap:wrap;gap:6px}.item-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px 2px 2px;border-radius:999px;background:#241f2f;border:1px solid #3a3546;font-size:.85rem;color:var(--bone)}.item-chip img{width:26px;height:26px}@media(prefers-reduced-motion:reduce){.item-card{animation:none}}.ghost-form{margin:4px 0 14px;padding:14px;border-radius:12px;background:linear-gradient(160deg,#7fe0d41f,#7fe0d408);border:1px solid rgb(127 224 212 / 35%);display:grid;gap:10px}.ghost-form h3{margin:0;font-family:var(--display);font-weight:400;font-size:1.45rem;color:#c9fff7}.ghost-form p{margin:0}.ghost-name{display:grid;gap:4px;font-size:.9rem;color:var(--bone-dim)}.ghost-name input{font:inherit;font-size:1rem;color:var(--bone);background:#15121d;border:1px solid var(--wall);border-radius:8px;padding:9px 11px}.ghost-name input:focus{outline:2px solid var(--ghost);outline-offset:1px}.ghost-note-title{font-size:.9rem;color:var(--bone-dim)}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{font:inherit;font-size:.88rem;color:var(--bone);background:#211d2b;border:1px solid var(--wall);border-radius:999px;padding:6px 11px;cursor:pointer}.chip[aria-pressed=true]{border-color:var(--ghost);background:#7fe0d42e;color:#dffffa}.ghost-go{justify-self:start}.ghost-done,.foes .ghost-foe .name{color:#c9fff7}.tile .hero.ghosty{filter:grayscale(1) brightness(1.3) sepia(1) hue-rotate(130deg) saturate(2);opacity:.85}.top{align-items:center}.lvl{position:relative;width:38px;height:38px;flex:none;padding:0;border:0;background:none;color:var(--bone);cursor:pointer;display:grid;place-items:center;font:700 .95rem var(--ui)}.lvl svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.lvl .lvl-track{fill:#221e2d;stroke:#3a3546;stroke-width:3}.lvl .lvl-fill{fill:none;stroke:var(--ember);stroke-width:3;stroke-linecap:round;transition:stroke-dashoffset .6s ease}.lvl span{position:relative;z-index:1}.lvl:focus-visible{outline:3px solid var(--ember);outline-offset:2px;border-radius:50%}#btn-clan{display:grid;place-items:center;color:var(--bone-dim)}#btn-clan.has-clan{color:var(--ember);border-color:#ffae427f}.top .title{margin-right:4px}.xp-card{background:#211d2b;border:1px solid var(--wall);border-radius:12px;padding:12px 14px;display:grid;gap:8px;margin-bottom:12px}.xp-top{display:flex;justify-content:space-between;align-items:baseline}.xp-top b{font-size:1.1rem}.xp-top span,.xp-card small{color:var(--bone-dim);font-size:.85rem}.xp-bar{height:8px;border-radius:99px;background:#15121d;overflow:hidden}.xp-bar i{display:block;height:100%;background:linear-gradient(90deg,#ff9a3c,#ffd27a);border-radius:99px}.xp-line{color:var(--ember);font-weight:700;margin:-4px 0 10px!important}.unlock-banner{width:100%;text-align:left;font:inherit;color:var(--bone);border:1px solid rgb(255 210 122 / 60%);border-radius:12px;padding:12px 14px;margin-bottom:12px;background:linear-gradient(135deg,#ffae4238,#ffae420f);display:grid;gap:2px;cursor:pointer;animation:card-in .5s ease both}.unlock-banner b{color:#ffe2a0;font-size:1.05rem}.unlock-banner span{color:var(--bone-dim);font-size:.92rem}.locked{display:grid;grid-template-columns:34px 1fr;gap:10px;padding:12px;border-radius:12px;border:1px dashed #4a4458;background:#1b1824;margin-bottom:10px}.locked .lock-icon{font-size:1.4rem;line-height:1.2}.locked b{display:block}.locked p{margin:2px 0 4px!important;color:var(--bone-dim);font-size:.92rem}.locked small{color:var(--ember);font-size:.82rem;font-weight:700}.clan-sec{display:grid;gap:10px;padding:12px 0;border-top:1px solid #2c2839}.clan-sec:first-of-type{border-top:0}.clan-sec h3{margin:0;font-size:1rem;color:var(--bone)}.clan-row{display:flex;gap:8px}.clan-row input,.code-in{flex:1;min-width:0;font:inherit;color:var(--bone);background:#15121d;border:1px solid var(--wall);border-radius:8px;padding:9px 11px}.tag-in{flex:0 0 82px!important;text-transform:uppercase}.code-in{text-transform:uppercase;letter-spacing:.15em}.swatches{display:flex;gap:8px;flex-wrap:wrap}.swatch-btn{width:30px;height:30px;border-radius:8px;border:2px solid transparent;cursor:pointer;box-shadow:inset 0 0 0 1px #0000004d}.swatch-btn[aria-pressed=true]{border-color:#fff}.clan-banner{display:flex;align-items:center;gap:10px;min-width:0}.clan-banner b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clan-banner small{color:var(--bone-dim);font-size:.8rem}.clan-tag{flex:none;display:grid;place-items:center;width:44px;height:50px;font:700 .8rem var(--ui);letter-spacing:.05em;color:#fff;background:var(--clan);clip-path:polygon(0 0,100% 0,100% 78%,50% 100%,0 78%);text-shadow:0 1px 0 rgb(0 0 0 / 40%)}.clan-tag.sm{width:30px;height:34px;font-size:.62rem}.clan-banner.big .clan-tag{width:64px;height:74px;font-size:1.05rem}.clan-banner.big b{font-family:var(--display);font-weight:400;font-size:1.7rem;white-space:normal}.clan-list,.member-list,.leader{list-style:none;margin:0;padding:0;display:grid;gap:8px}.clan-list li{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:8px;border-radius:10px;background:#211d2b}.clan-pts{color:var(--bone-dim);font-size:.82rem;white-space:nowrap}.invite{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 12px;border-radius:10px;background:#211d2b}.invite span{color:var(--bone-dim);font-size:.88rem}.invite code{font:700 1.2rem var(--ui);letter-spacing:.2em;color:var(--ember);flex:1}.member-list li{display:grid;grid-template-columns:30px 1fr auto;gap:10px;align-items:center;padding:6px 8px;border-radius:8px;background:#1d1a27}.m-lvl{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#2c2839;border:2px solid var(--ember);font-size:.78rem;font-weight:700}.m-pts{color:var(--bone-dim);font-size:.85rem}.leader{counter-reset:r}.leader li{display:grid;grid-template-columns:22px 30px 1fr auto;gap:8px;align-items:center;padding:6px 8px;border-radius:8px;background:#1d1a27;counter-increment:r}.leader li:before{content:counter(r);color:var(--bone-dim);font-weight:700;text-align:center}.leader li.meta:before{content:""}.leader li.me{outline:1px solid var(--ember)}.leader li span:last-child{color:var(--bone-dim);font-size:.82rem;white-space:nowrap}.clan-list li{grid-template-columns:minmax(0,1fr) auto auto}.clan-sec input{min-width:0;width:100%}.sheet{overflow-x:hidden}.mode-pill{font-size:.75rem;color:var(--ember);border:1px solid rgb(255 174 66 / 45%);border-radius:99px;padding:1px 8px;margin-right:6px;white-space:nowrap}@media(min-width:481px){.mode-pill{display:none}}@media(max-width:480px){.top .room{display:none}.top .title{margin-right:auto}.clan-list li{grid-template-columns:minmax(0,1fr) auto}.clan-pts{display:none}}.item-kind{justify-self:start;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:1px 7px;border-radius:99px;background:#2c2839;color:var(--bone-dim)}.k-Sald\131r\131 {background:#ff5a5f2e;color:#ff9da0}.k-Savunma{background:#7fe0d429;color:#a6f0e6}.k-Can{background:#9ef07f29;color:#bdf5a6}.k-Yetenek{background:#8ca0ff2e;color:#b9c4ff}.k-\15e ans{background:#ffd27a2e;color:#ffe2a0}.item-text .item-how{color:var(--bone);font-size:.86rem;line-height:1.4;margin-top:4px}.item-text .item-tip{color:var(--bone-dim);font-size:.82rem;font-style:italic;line-height:1.35}.item-text .item-combo{color:var(--ember);font-size:.8rem;font-weight:700}.item-card{align-items:start}.item-card .item-stage{align-self:center}.item-chip{font:inherit;cursor:pointer}.item-chip:hover{border-color:var(--ember)}.item-detail{display:grid;grid-template-columns:132px 1fr;gap:14px;align-items:start;margin-bottom:14px}.item-stage.big{width:132px;height:132px}.item-detail-text{display:grid;gap:4px}.item-detail-text h4{margin:8px 0 0;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ember)}.item-detail-text p{margin:0!important;font-size:.95rem}.item-detail-text .item-blurb{font-size:1.05rem;font-weight:700}@media(max-width:480px){.item-detail{grid-template-columns:1fr;justify-items:center}.item-detail-text{justify-self:stretch}}.reveal-caption em{color:var(--bone-dim);font-style:normal;font-size:.95rem;max-width:520px;margin:4px auto 0;line-height:1.45}.reveal-caption i{color:#fff6;font-size:.75rem;font-style:normal;margin-top:6px}@media(max-width:480px){.item-card{grid-template-columns:64px 1fr auto;gap:10px}.item-card .item-stage{width:64px;height:64px}.item-card .item-stage canvas{width:64px!important;height:64px!important}}.item-card{grid-template-columns:84px 1fr auto;align-items:center}.item-card .item-more{display:none;gap:3px;margin-top:4px}.item-card.open .item-more{display:grid;animation:card-in .25s ease both}.item-card.open{align-items:start}.item-side{display:grid;justify-items:center;gap:6px;align-self:stretch;align-content:space-between}.qmark{width:44px;height:44px;padding:0;border-radius:50%;border:1px solid rgb(255 194 74 / 35%);background:radial-gradient(circle at 50% 45%,#ffc24a38,#ffc24a0a 70%);cursor:pointer;display:grid;place-items:center}.qmark:hover,.qmark[aria-expanded=true]{border-color:var(--ember);box-shadow:0 0 14px #ffc24a59}.qmark:focus-visible{outline:3px solid var(--ember);outline-offset:2px}.combo-badge{justify-self:start;font-size:.68rem;font-weight:700;color:#1a0f06;background:var(--ember);border-radius:99px;padding:0 7px}.item-card[role=button]{cursor:pointer}.item-card[role=button]:focus-visible{outline:3px solid var(--ember);outline-offset:2px}@media(max-width:480px){.item-card{grid-template-columns:64px 1fr auto}}.avatar-editor{display:grid;grid-template-columns:200px 1fr;gap:16px;align-items:start;margin-bottom:12px}.avatar-stage{display:grid;justify-items:center;gap:2px;padding:8px 8px 12px;border-radius:14px;background:radial-gradient(circle at 50% 70%,rgb(255 190 100 / 22%),transparent 60%),radial-gradient(circle at 50% 40%,#332d42,#1b1824);border:1px solid var(--wall)}.avatar-stage canvas{width:180px;height:180px}.avatar-name{font-family:var(--display);font-weight:400;font-size:1.4rem}.avatar-desc{color:var(--bone-dim);font-size:.85rem;text-align:center}.avatar-controls{display:grid;gap:8px}.avatar-controls h3{margin:4px 0 0;font-size:.95rem}.hero-pick{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.hero-btn{font:inherit;font-size:.72rem;color:var(--bone-dim);background:#211d2b;border:2px solid var(--wall);border-radius:10px;padding:4px 2px;display:grid;justify-items:center;gap:2px;cursor:pointer}.hero-btn img{width:44px;height:44px}.hero-btn[aria-pressed=true]{border-color:var(--ember);color:var(--bone);background:#2c2632}.tints .swatch-btn.natural{background:conic-gradient(#d23a3a,#e7c13a,#2e9e4f,#3157c9,#8a3fc9,#d23a3a)}@media(max-width:480px){.avatar-editor{grid-template-columns:1fr}.avatar-stage canvas{width:150px;height:150px}}.sheet-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;position:sticky;top:-20px;margin:-20px -20px 12px;padding:20px 20px 8px;background:var(--night);z-index:2}.sheet-head h2{margin:0!important}.sheet-close{flex:none;width:40px;height:40px;border-radius:50%;border:2px solid var(--wall);background:var(--stone);color:var(--bone);font:700 1.05rem var(--ui);cursor:pointer;display:grid;place-items:center}.sheet-close:hover{border-color:var(--bone-dim)}.sheet-close:focus-visible{outline:3px solid var(--ember);outline-offset:2px}.sheet-close[hidden]{display:none}.sheet.wide{width:min(860px,100%)}.avatar-editor{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:20px;align-items:stretch;margin-bottom:14px}.avatar-stage{position:relative;display:grid;justify-items:center;align-content:start;gap:0;padding:10px 10px 16px;border-radius:18px;background:radial-gradient(ellipse at 50% 88%,rgb(255 170 80 / 26%),transparent 55%),radial-gradient(circle at 50% 30%,#3a3150,#1d1a29 65%,#15121d);border:1px solid #3f3850;box-shadow:inset 0 1px #ffffff0f,0 18px 40px #00000059;overflow:hidden}.avatar-stage:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,#fff0 0 22px,#ffffff05 22px 23px);pointer-events:none}.avatar-stage canvas{width:100%;max-width:320px;height:auto;aspect-ratio:320 / 340;cursor:grab;position:relative}.avatar-stage canvas:active{cursor:grabbing}.avatar-plate{position:relative;display:grid;justify-items:center;gap:2px;margin-top:-6px}.avatar-lv{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#1a0f06;background:var(--ember);border-radius:99px;padding:1px 9px}.avatar-name{font-family:var(--display);font-weight:400;font-size:2rem;line-height:1.1}.avatar-desc{color:var(--bone-dim);font-size:.88rem;text-align:center}.drag-hint{position:absolute;top:12px;right:14px;color:#ffffff73;font-size:.75rem}.avatar-controls{display:grid;gap:10px;align-content:start}.avatar-controls h3{margin:6px 0 0;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--bone-dim)}.hero-pick{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.hero-btn{padding:6px 2px 8px;border-radius:14px;font-size:.78rem;background:linear-gradient(#2a2536,#1f1b29);transition:transform .15s ease,border-color .15s ease}.hero-btn:hover{transform:translateY(-2px)}.hero-btn img{width:58px;height:58px}.hero-btn[aria-pressed=true]{border-color:var(--ember);box-shadow:0 0 0 3px #ffae422e;color:#fff}.color-head{display:flex;align-items:baseline;justify-content:space-between}.color-name{color:var(--ember);font-weight:700;font-size:.9rem}.tints{gap:10px}.tints .swatch-btn{width:38px;height:38px;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgb(255 255 255 / 45%),transparent 45%),var(--sw, #888);border:3px solid #15121d;box-shadow:0 0 0 2px #3a3546;transition:transform .12s ease}.tints .swatch-btn:hover{transform:scale(1.08)}.tints .swatch-btn[aria-pressed=true]{box-shadow:0 0 0 3px var(--ember);transform:scale(1.1)}.tints .swatch-btn.natural{background:conic-gradient(#d23a3a,#e7c13a,#2e9e4f,#1f9fb0,#3157c9,#8a3fc9,#d6408f,#d23a3a)}.name-in{font:inherit;font-size:1.05rem;color:var(--bone);background:#15121d;border:1px solid var(--wall);border-radius:10px;padding:11px 13px}.name-in:focus{outline:2px solid var(--ember);outline-offset:1px}.avatar-bar{position:sticky;bottom:-20px;margin:0 -20px -20px;padding:12px 20px 16px;background:linear-gradient(transparent,var(--night) 30%);display:flex;gap:10px;justify-content:flex-end;align-items:center}.avatar-bar .meta{margin:0 auto 0 0}.xp-card .btn.small{justify-self:start;padding:6px 12px;font-size:.9rem}@media(max-width:700px){.avatar-editor{grid-template-columns:1fr}.avatar-stage canvas{max-width:260px}.hero-btn img{width:46px;height:46px}.hero-btn{font-size:.68rem}}@media(max-width:700px){.sheet.wide{max-height:94vh}.avatar-stage{position:sticky;top:52px;z-index:1;padding:4px 8px 10px;grid-template-columns:auto 1fr;justify-items:start;align-items:center;column-gap:6px}.avatar-stage canvas{max-width:150px;grid-row:span 1}.avatar-plate{justify-items:start;margin:0;text-align:left}.avatar-desc{text-align:left}.avatar-name{font-size:1.6rem}.drag-hint{top:auto;bottom:8px;right:12px}}.has-skill .actions{grid-template-columns:repeat(4,1fr)}.act-skill{border-color:#ffae4266;background:linear-gradient(#3a2a1a,#2a1f16)}.act-skill.ready{box-shadow:0 0 0 1px #ffae4240,0 0 16px #ffae422e}.act-skill .act-name{color:#ffe2a0}.skills-sec{display:grid;gap:8px;margin-bottom:14px}.skills-sec h3{margin:0;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--bone-dim)}.skill-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.skill-card{font:inherit;text-align:left;color:var(--bone);display:grid;grid-template-columns:44px 1fr;gap:10px;align-items:center;padding:10px;border-radius:12px;border:2px solid var(--wall);background:linear-gradient(#2a2536,#1f1b29);cursor:pointer}.skill-card[aria-pressed=true]{border-color:var(--ember);box-shadow:0 0 0 3px #ffae4229}.skill-card:disabled{opacity:.5;cursor:default;filter:grayscale(.7)}.skill-body{display:grid;gap:2px;min-width:0}.skill-body span{color:var(--bone-dim);font-size:.82rem;line-height:1.35}.skill-body small{color:var(--ember);font-size:.75rem;font-weight:700}.skill-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-size:1.4rem;background:radial-gradient(circle at 40% 35%,rgb(255 255 255 / 18%),transparent 60%),#3a3148}.s-dash:before{content:"\1f4a8"}.s-warcry:before{content:"\1f4ef"}.s-whirlwind:before{content:"\1f300"}.s-prayer:before{content:"\2728"}.unlock-banner.skill{border-color:#7fe0d48c;background:linear-gradient(135deg,#7fe0d42e,#7fe0d40d)}.unlock-banner.skill b{color:#c9fff7}@media(max-width:480px){.skill-grid{grid-template-columns:1fr}.has-skill .act{padding:8px 2px}.has-skill .act-name{font-size:.85rem}}.shop-btn{position:relative;color:#ffd27a}.gold-badge{position:absolute;bottom:-6px;right:-8px;min-width:22px;padding:0 5px;height:17px;border-radius:99px;background:#ffc24a;color:#2a1a05;font:700 .66rem/17px var(--ui);text-align:center;box-shadow:0 0 0 2px var(--night)}.shop-top{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:12px}.shop-top .meta{margin:0;flex:1;min-width:200px}.shop-balance{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:99px;background:linear-gradient(#3a2c12,#2a1f0c);border:1px solid rgb(255 194 74 / 45%)}.shop-balance b{font-size:1.3rem;color:#ffe2a0}.shop-balance small{color:var(--bone-dim)}.coin{width:20px;height:20px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff3b0,#ffcf3f 45%,#b8860b);box-shadow:inset 0 -2px #00000040}.shop-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:18px;align-items:start}.shop-stage{position:relative}.shop-stage canvas{max-width:300px;aspect-ratio:300 / 320}.shop-aura{position:absolute;inset:10% 15% 20%;border-radius:50%;pointer-events:none;background:radial-gradient(circle,var(--aura, transparent) 0%,transparent 65%);opacity:.8;animation:aura-pulse 2.4s ease-in-out infinite}.shop-aura.trail{inset:auto 20% 14%;height:50px;border-radius:50%;background:radial-gradient(ellipse,var(--aura, transparent) 0%,transparent 70%)}@keyframes aura-pulse{50%{opacity:.45;transform:scale(1.06)}}.shop-right{display:grid;gap:10px}.shop-tabs{display:flex;gap:6px;flex-wrap:wrap}.shop-tab{font:inherit;font-size:.88rem;color:var(--bone-dim);background:#211d2b;border:1px solid var(--wall);border-radius:99px;padding:6px 12px;cursor:pointer}.shop-tab[aria-pressed=true]{color:#1a0f06;background:var(--ember);border-color:var(--ember);font-weight:700}.shop-grid{display:grid;gap:8px;max-height:360px;overflow:auto;padding-right:4px}.shop-card{display:grid;grid-template-columns:40px 1fr auto;gap:10px;align-items:center;padding:8px 10px;border-radius:12px;background:linear-gradient(#2a2536,#1f1b29);border:1px solid var(--wall);cursor:pointer}.shop-card:hover{border-color:#5a5068}.shop-swatch{width:38px;height:38px;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgb(255 255 255 / 50%),transparent 45%),var(--c);box-shadow:0 0 0 2px #15121d,0 0 0 3px #3a3546}.shop-swatch.k-aura{background:radial-gradient(circle,var(--c) 0%,transparent 70%),#15121d}.shop-swatch.k-trail{background:radial-gradient(circle at 30% 60%,var(--c) 0 3px,transparent 4px),radial-gradient(circle at 60% 40%,var(--c) 0 2px,transparent 3px),radial-gradient(circle at 70% 70%,var(--c) 0 2.5px,transparent 3.5px),#15121d}.shop-body{display:grid;gap:1px;min-width:0}.shop-body small{color:var(--bone-dim);font-size:.8rem}.btn.small{padding:6px 11px;font-size:.85rem;white-space:nowrap}.btn.small.on{border-color:var(--ember);color:var(--ember);background:transparent}.btn.small.short{opacity:.6}.shop-status{min-height:1.4em;color:var(--ember)!important}.packs h3{margin:6px 0 8px;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--bone-dim)}.pack-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.pack{position:relative;display:grid;justify-items:center;gap:4px;padding:14px 8px 10px;border-radius:14px;background:radial-gradient(circle at 50% 25%,rgb(120 200 255 / 18%),transparent 60%),#1f1b29;border:1px solid var(--wall)}.pack b{font-size:1.2rem}.pack small{color:var(--bone-dim);font-size:.8rem}.gem{width:26px;height:26px;background:linear-gradient(135deg,#b8f0ff,#3aa7e8 60%,#1b5f9e);clip-path:polygon(50% 0,100% 38%,50% 100%,0 38%)}.pack-tag{position:absolute;top:-9px;font-size:.62rem;font-weight:700;color:#1a0f06;background:var(--ember);border-radius:99px;padding:1px 8px;white-space:nowrap}.tints .swatch-btn.premium{box-shadow:0 0 0 2px #ffc24a}.tints .more-tints{background:#211d2b;color:var(--ember);font:700 1.2rem var(--ui);display:grid;place-items:center;border:2px dashed #5a5068}@media(max-width:700px){.shop-layout{grid-template-columns:1fr}.shop-stage{position:sticky;top:52px;z-index:1;grid-template-columns:auto 1fr;justify-items:start;align-items:center}.shop-stage canvas{max-width:130px}.shop-grid{max-height:none}.pack-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.coin.big{width:28px;height:28px}.map-wrap{display:grid;justify-items:center;margin:4px 0 10px;padding:8px;border-radius:16px;background:radial-gradient(ellipse at 50% 100%,rgb(255 170 80 / 14%),transparent 60%),linear-gradient(#1d1a29,#15121d);border:1px solid #3a3546}.floor-map{width:min(100%,380px);height:auto;overflow:visible}.floor-map .edge{stroke:#3a3546;stroke-width:3;stroke-dasharray:2 7;stroke-linecap:round}.floor-map .edge.walked{stroke:var(--ember);stroke-dasharray:none;stroke-width:4}.floor-map .edge.open{stroke:#ffe2a0;stroke-dasharray:6 6;animation:dash 1s linear infinite}@keyframes dash{to{stroke-dashoffset:-12}}.floor-map .node circle{fill:#241f2f;stroke:#4a4458;stroke-width:3}.floor-map .node text{font-size:18px}.floor-map .node.k-boss text{font-size:24px}.floor-map .node.done circle{fill:#3a2c12;stroke:var(--ember)}.floor-map .node.here circle{stroke:#fff;stroke-width:4}.floor-map .node.next{cursor:pointer}.floor-map .node.next circle{fill:#3a3148;stroke:#ffe2a0;animation:nodepulse 1.4s ease-in-out infinite}.floor-map .node.next:hover circle,.floor-map .node.next:focus circle{fill:#4a3e5c}@keyframes nodepulse{50%{stroke-width:6}}.map-options{display:grid;gap:8px;margin-bottom:10px}.map-opt{font:inherit;color:var(--bone);text-align:left;display:grid;grid-template-columns:44px 1fr;gap:10px;align-items:center;padding:10px 12px;border-radius:12px;border:2px solid var(--wall);background:linear-gradient(#2a2536,#1f1b29);cursor:pointer}.map-opt:hover:not(:disabled),.map-opt:focus-visible{border-color:var(--ember);outline:none}.map-opt:disabled{opacity:.5;cursor:default}.map-ico{font-size:1.6rem;display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#15121d}.map-opt-text{display:grid;gap:2px}.map-opt-text small{color:var(--bone-dim);font-size:.85rem}.map-opt.k-elite{border-color:#ff5a5f66}.map-opt.k-boss{border-color:#ffc24a99}.run-coin{display:inline-flex;align-items:center;gap:4px;margin-right:10px;font-weight:700;color:#ffe2a0}.coin.sm{width:14px;height:14px}.run-coins{justify-self:start;display:inline-flex;margin-bottom:10px}.merchant-grid{display:grid;gap:8px;margin-bottom:12px}.merchant-card{display:grid;grid-template-columns:64px 1fr auto;gap:10px;align-items:center;padding:8px 10px;border-radius:12px;background:linear-gradient(#2a2536,#1f1b29);border:1px solid var(--wall)}.merchant-card .item-stage{width:64px;height:64px}.merchant-card.sold{opacity:.5}.merchant-ico{font-size:2rem}.merchant-card .item-text .item-how{font-size:.8rem}.event-text{font-size:1.05rem;font-style:italic;color:var(--bone)}.btn:disabled{opacity:.45;cursor:default;filter:grayscale(.6)}@media(max-width:430px){.top{gap:6px}.top .title{font-size:1.55rem}.top .help,.top .lvl{width:34px;height:34px}.hud{flex-wrap:wrap;gap:6px 12px}.hud .stat{gap:6px}}#btn-sound{display:grid;place-items:center;color:var(--bone-dim)}#btn-sound.muted{color:#6b6478}.sound-sheet{display:grid;gap:14px}.sound-row{display:grid;grid-template-columns:26px 72px 1fr 44px;align-items:center;gap:10px;background:#211d2b;border:1px solid var(--wall);border-radius:12px;padding:12px 14px}.sound-ico{font-size:1.1rem;color:var(--ember);text-align:center}.sound-name{font-weight:700}.sound-row b{text-align:right;font-variant-numeric:tabular-nums;color:var(--bone-dim);font-weight:700}.sound-row input[type=range]{width:100%;accent-color:var(--ember)}@media(max-width:430px){.top #btn-sound{width:34px;height:34px}}.feedback-banner{border-color:#7fe0d48c;background:linear-gradient(135deg,#17302f,#1d1a28)}.feedback-banner b{color:#c9fff7}.fb{display:grid;gap:14px}.fb-q{border:1px solid var(--wall);border-radius:12px;padding:10px 12px 12px;margin:0;background:#1d1a26;display:grid;gap:8px;min-width:0}.fb-q legend,.fb-text>span{font-weight:700;padding:0 4px;font-size:.95rem}.fb-opts{display:flex;flex-wrap:wrap;gap:8px}.fb-chip{font:inherit;font-size:.9rem;color:var(--bone);background:#262131;border:1px solid var(--wall);border-radius:99px;padding:7px 13px;cursor:pointer}.fb-chip[aria-pressed=true]{background:#ffae422e;border-color:var(--ember);color:#ffe0b0}.fb-chip:focus-visible,.fb-star:focus-visible{outline:3px solid var(--ember);outline-offset:2px}.fb-stars{display:flex;align-items:center;gap:4px}.fb-star{font-size:1.9rem;line-height:1;background:none;border:0;color:#3a3546;cursor:pointer;padding:2px 3px;transition:transform .12s,color .12s}.fb-star.on{color:#ffc24a}.fb-star:hover{transform:scale(1.12)}.fb-star-label{margin-left:8px;color:var(--bone-dim);font-weight:700}.fb-text textarea{width:100%;box-sizing:border-box;font:inherit;color:var(--bone);background:#15121d;border:1px solid var(--wall);border-radius:8px;padding:9px 11px;resize:vertical}.link-btn{background:none;border:0;padding:4px 0;font:inherit;font-size:.88rem;color:var(--bone-dim);text-decoration:underline;text-underline-offset:3px;cursor:pointer;justify-self:start}.link-btn:hover{color:var(--bone)}.link-btn:focus-visible{outline:3px solid var(--ember);outline-offset:2px;border-radius:4px}.privacy{display:grid;gap:6px}.privacy h3{margin:12px 0 2px;font-size:1rem;color:var(--ember)}.privacy p{margin:0;line-height:1.5;color:var(--bone-dim)}.privacy .row{margin-top:16px}.btn.danger{border-color:#ff5a5f8c;color:#ffb3b5}.btn.danger:hover{background:#ff5a5f1f}.coop-card{background:linear-gradient(135deg,#2a2236,#1d1a28);border:1px solid rgb(255 174 66 / 45%);border-radius:12px;padding:12px 14px;display:grid;gap:6px;margin-top:12px}.coop-card p{margin:0;color:var(--bone-dim)}.coop-card .btn{justify-self:start}.coop-rules{margin:14px 0 0;padding-left:18px;display:grid;gap:6px;color:var(--bone-dim);font-size:.92rem;line-height:1.45}.coop-resume{border:1px solid rgb(127 224 212 / 50%);border-radius:12px;padding:12px 14px;display:grid;gap:10px;margin-bottom:14px;background:#17302f}.coop-wait-box{display:grid;gap:10px;justify-items:center;text-align:center;padding:6px 0 4px}.coop-wait-box .btn{min-width:220px}.coop-code{font:400 2.6rem/1 var(--display);letter-spacing:.18em;color:var(--ember);background:#15121d;border:1px dashed rgb(255 174 66 / 55%);border-radius:12px;padding:12px 18px 8px}.coop-dots{font-size:1.6rem;color:#7fe0d4;letter-spacing:.3em;animation:coopPulse 1.2s ease-in-out infinite}@keyframes coopPulse{50%{opacity:.35}}@media(prefers-reduced-motion:reduce){.coop-dots{animation:none}}#app.coop-wait .actions .act{opacity:.55}.build-tag{margin:18px 0 4px;text-align:center;font-size:.72rem;color:#6f6880;letter-spacing:.02em}.update-bar{position:fixed;left:50%;bottom:max(14px,env(safe-area-inset-bottom));transform:translate(-50%);z-index:60;display:flex;gap:12px;align-items:center;background:#2a2236;border:1px solid var(--ember);border-radius:12px;padding:10px 12px 10px 16px;box-shadow:0 10px 30px #00000073;width:min(560px,calc(100% - 32px));font-size:.9rem}.update-bar span{flex:1}