.hud .chest-name[data-rarity=mágico],.hud .item-name[data-rarity=mágico]{color:#88f}.hud .chest-name[data-rarity=raro],.hud .item-name[data-rarity=raro]{color:#ff7}.hud .chest-item.chest-loot{display:grid;grid-template-columns:48px 1fr;column-gap:12px;row-gap:2px;align-items:start;text-align:left;margin:0 20px;padding:10px 0;border-top:1px solid #8a5a2b66}.hud .chest-flavor+.chest-loot{margin-top:12px}.hud .chest-loot .chest-icon{grid-row:span 3}.hud .chest-item.chest-loot .chest-name{font-size:16px}.hud .chest-item.chest-loot .item-desc,.hud .chest-item.chest-loot .chest-flavor{font-size:12px}.hud .chest-panel{max-height:calc(100% - 16vh - 16px);overflow-y:auto}.hud .chest-item .item-desc{margin:0;font-size:13px;line-height:1.4;color:#b8b0a0}.hud .chest-item .chest-flavor{margin:0;padding:0;border:0}.item-icon-magic{filter:drop-shadow(0 0 10px #8888ff66)}.menu-btn.inv-btn{left:96px}.menu-btn.inv-btn:after{content:"Inventário (I)"}.inv-new{position:absolute;top:2px;right:2px;width:10px;height:10px;border-radius:50%;background:#88f;box-shadow:0 0 0 2px #0d0c12,0 0 8px #88f}.inv-tab{position:relative}.inv-body{display:grid;grid-template-columns:520px 520px;gap:16px}.hud .inv-subtitle{margin:0 0 10px;font-family:var(--font-game);font-size:12px;letter-spacing:3px;text-transform:uppercase;color:#a3864a}.inv-doll{position:relative;width:520px;height:500px;border:1px solid #c9a55a55;border-radius:6px;background:radial-gradient(ellipse at 50% 42%,#221c26,#0e0c12 75%)}.inv-silhouette{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:6px;pointer-events:none}.inv-silhouette .hero-shot canvas{position:absolute;left:95px;top:-16px;width:330px;height:495px;opacity:.22;image-rendering:pixelated}.gear-cell{position:absolute;display:grid}.gear-slot,.bag-slot{position:relative;display:grid;place-items:center;padding:6px;border:0;border-radius:3px;cursor:default;background:#121114cc;outline:1px solid #3a3740;box-shadow:inset 0 2px 10px #000c}.gear-slot{width:100%;height:100%}.gear-slot[data-rarity]{background:#241c12e6;outline-color:#8a6a30}.gear-slot[data-rarity],.bag-slot[data-rarity]{cursor:pointer}.bag-slot[data-rarity]{background:#1d1a20;outline-color:#5a4c30}.bag-slot[data-rarity=mágico]{background:radial-gradient(circle at 50% 45%,#1c1c38,#121114 80%)}.gear-slot:hover,.gear-slot:focus-visible,.bag-slot:hover,.bag-slot:focus-visible{outline:2px solid #ffe08a;z-index:1}.gear-icon{display:block;max-width:100%;max-height:100%;image-rendering:pixelated}.gear-art{position:absolute;top:6px;right:6px;bottom:6px;left:6px;display:flex;justify-content:center;align-items:center}.gear-art>.gear-icon{width:100%;height:100%;max-width:none;max-height:none;object-fit:contain}.gear-name{font-family:var(--font-game);font-size:11px;letter-spacing:2px;line-height:1.1;text-align:center;text-transform:uppercase;color:#5e5b63}.gear-cell:is([data-slot=capa],[data-slot=amuleto],[data-slot=anel],[data-slot=anel2]) .gear-name{font-size:8px;letter-spacing:.5px}.inv-bag{position:relative;height:500px;box-sizing:border-box;padding:16px 11px 12px;border:1px solid #c9a55a55;border-radius:6px;background:#15121be6}.inv-bag-head{display:flex;align-items:center;justify-content:space-between;margin:0 2px 10px}.hud .inv-bag-head .inv-subtitle{margin:0}.inv-grid{display:grid;gap:4px}.inv-row{display:grid;grid-template-columns:repeat(10,46px);gap:4px}.bag-cell{position:relative}.bag-slot{width:46px;height:46px;padding:0}.bag-slot img{image-rendering:pixelated}.inv-qty{position:absolute;right:3px;bottom:1px;font-family:var(--font-game);font-size:11px;color:#fff;text-shadow:0 1px 0 #000,0 0 3px #000}.hud .inv-empty{margin:12px 0 0;font-size:13px;font-style:italic;color:#8a7a5a}.inv-money{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-game);font-size:14px}.inv-money img{image-rendering:pixelated}.inv-money strong{color:#e3a96a;font-weight:400}.item-tooltip{position:absolute;z-index:3;width:250px;padding:0 0 10px;text-align:center;pointer-events:none;background:#0b0a08fa;border:1px solid #6a5a3a;box-shadow:0 0 0 1px #000,0 8px 24px #000c}.gear-cell .item-tooltip{top:0}.gear-cell[data-side=left] .item-tooltip{left:calc(100% + 8px)}.gear-cell[data-side=right] .item-tooltip{right:calc(100% + 8px)}.gear-cell[data-side=center] .item-tooltip{top:calc(100% + 6px);left:50%;transform:translate(-50%)}.bag-cell .item-tooltip{left:50%;top:calc(100% + 6px);transform:translate(-50%)}.bag-cell[data-up] .item-tooltip{top:auto;bottom:calc(100% + 6px)}.bag-cell:nth-child(-n+2) .item-tooltip{left:0;transform:none}.bag-cell:nth-last-child(-n+2) .item-tooltip{left:auto;right:0;transform:none}.item-tooltip:has(.item-name[data-rarity=mágico]){border-color:#5a5ab0}.hud .item-name{margin:0 0 8px;padding:7px 10px;border-bottom:1px solid currentColor;background:linear-gradient(180deg,#1c1a14,#0f0d0a);font-family:var(--font-game);font-size:15px;color:#c8c8c8}.hud .item-name[data-rarity=mágico]{background:linear-gradient(180deg,#1c1c38,#0f0f1c)}.hud .item-qty{color:#d8cfb8}.hud .item-type{margin:0 12px;font-size:13px;color:#8f8f8f}.hud .item-desc{margin:0 12px;font-size:13px;line-height:1.4;color:#b8b0a0}.hud .item-flavor{margin:8px 12px 0;font-size:13px;font-style:italic;color:#a3764a}.item-fly img{display:block;margin:-16px 0 0 -16px;image-rendering:pixelated;filter:drop-shadow(0 0 8px #8888ff)}.inv-tutorial{position:absolute;left:28px;bottom:96px;width:380px;display:flex;align-items:center;gap:12px;padding:12px 14px;background:#0b0c12f2;border-radius:10px;outline:1.5px solid var(--gold);outline-offset:-.75px;box-shadow:0 6px #0009;animation:inv-tutorial-in .2s ease-out}.inv-tutorial:after{content:"";position:absolute;left:90px;bottom:-7px;width:12px;height:12px;transform:rotate(45deg);background:#0b0c12f2;box-shadow:1.5px 1.5px 0 var(--gold);animation:inv-tutorial-nudge .9s ease-in-out infinite alternate}.inv-tutorial .inv-tutorial-icon{background:#c9a55a1f;outline-color:var(--gold);color:var(--gold-bright)}.inv-tutorial .inv-tutorial-title{margin:0;color:var(--gold-bright)}.inv-tutorial .tip-body{margin:0}.inv-tutorial kbd,.inv-tutorial-step kbd{padding:1px 5px;border-radius:3px;background:#2a2433;color:var(--gold);border:1px solid #4a4050}.inv-tutorial-step{display:flex;align-items:center;gap:12px;margin:10px 16px 0;padding:8px 12px;background:#c9a55a14;border:1px solid #c9a24a66}.inv-tutorial-step .tip-body{flex:1;margin:0}@keyframes inv-tutorial-in{0%{opacity:0;transform:translateY(6px)}}@keyframes inv-tutorial-nudge{to{translate:0 3px}}@media(prefers-reduced-motion:reduce){.inv-tutorial,.inv-tutorial:after{animation:none}}.gear-slot[data-rarity],.bag-slot[data-rarity]{touch-action:none}.gear-slot[data-drop=ok],.inv-grid[data-drop=ok]{outline:2px solid #ffe08a;box-shadow:inset 0 0 0 1px #0b0a08,0 0 18px #ffc65a88}.gear-slot[data-drop=ok]{background:#2e2412}.gear-slot[data-drop=no],.inv-grid[data-drop=no]{opacity:.35}.gear-slot[data-drop=ok][data-over],.inv-grid[data-drop=ok]:has(.bag-slot:hover){background:#4a3a18}.drop-here{position:absolute;z-index:2;top:calc(100% + 5px);left:50%;transform:translate(-50%);white-space:nowrap;pointer-events:none;font-family:var(--font-game);font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold-bright);text-shadow:0 1px 0 #000}.hud .inv-drop-banner{position:absolute;z-index:5;top:-15px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;margin:0;padding:7px 16px;white-space:nowrap;pointer-events:none;border-radius:4px;background:linear-gradient(180deg,#d9b25a,#c9a24a);box-shadow:0 4px 12px #000a;font-family:var(--font-game);font-size:12px;color:#1b1406}.inv-drop-banner strong{font-weight:400;letter-spacing:1px}@media(prefers-reduced-motion:no-preference){.gear-slot[data-drop=ok]{animation:inv-glow .8s ease-in-out infinite alternate}}@keyframes inv-glow{to{box-shadow:inset 0 0 0 1px #0b0a08,0 0 28px #ffc65acc}}.gear-slot[aria-pressed=true],.bag-slot[aria-pressed=true]{outline:2px solid #ffe08a;box-shadow:0 0 12px #ffe08a99}.gear-slot[data-source],.bag-slot[data-source]{opacity:.35}.gear-slot[data-shake=a],.inv-grid[data-shake=a]{animation:inv-shake-a .26s ease-in-out}.gear-slot[data-shake=b],.inv-grid[data-shake=b]{animation:inv-shake-b .26s ease-in-out}@keyframes inv-shake-a{25%{translate:-4px 0}75%{translate:4px 0}}@keyframes inv-shake-b{25%{translate:-4px 0}75%{translate:4px 0}}.drop-reason{position:absolute;z-index:4;left:50%;bottom:calc(100% + 4px);transform:translate(-50%);padding:3px 8px;white-space:nowrap;pointer-events:none;background:#1a0b0b;border:1px solid #c0392b;font-size:12px;color:#ffb4a8}.drop-reason-bag{position:static;transform:none;display:inline-block;margin:8px 0 0}.inv-ghost{position:fixed;left:-32px;top:-32px;z-index:1000;pointer-events:none;filter:drop-shadow(0 6px 10px #000c)}.inv-ghost[data-returning]{transition:transform .12s ease-out}.inv-ghost img,.item-icon{display:block;image-rendering:pixelated}.item-icon canvas{width:100%;height:100%}.hud .inv-error{position:absolute;left:50%;bottom:12px;transform:translate(-50%);margin:0;padding:6px 12px;background:#1a0b0b;border:1px solid #c0392b;font-size:13px;color:#ffb4a8}.hud .item-class{margin:2px 12px 0;font-size:13px;color:#c8c8c8}.hud .item-class[data-bad]{color:#e05a4a}.hud .item-stat{margin:6px 12px 0;font-size:13px;color:#88f}.hud .item-stat+.item-stat{margin-top:0}.hud .item-look{margin:6px 12px;font-size:12px;color:#d8cfb8}.hud .item-note{margin:2px 12px 6px;font-size:12px;font-style:italic;color:#7f7766}.item-tooltip:has(.item-name[data-rarity=raro]){border-color:#a8a040}.hud .item-name[data-rarity=raro]{background:linear-gradient(180deg,#2a2a14,#14140a)}.inv-stats{position:absolute;left:36px;top:450px;width:448px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0}.inv-stat{display:flex;align-items:center;justify-content:space-between;height:32px;padding:0 10px;border:1px solid #3a2e18;border-radius:3px;background:#0f0c08;font-size:13px;color:#b8b0a0}.inv-stat dt{color:#b8b0a0}.inv-stat dd{margin:0;font-family:var(--font-game);color:#d8cfb8}.stat-bonus{color:#88f}@media(prefers-reduced-motion:reduce){.gear-slot[data-shake],.inv-grid[data-shake]{animation:none}.inv-ghost[data-returning]{transition:none}}.camp-header{position:absolute;top:28px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 18px;border-radius:10px;background:#0b0c12cc;outline:1.5px solid #c9a55a88;outline-offset:-.75px}.hud .camp-header-title{font-family:var(--font-game);font-size:14px;letter-spacing:2px;color:var(--gold-bright);font-weight:400}.camp-header-online{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--text-secondary)}.camp-header-online i{width:8px;height:8px;border-radius:50%;background:#5dbb7e;box-shadow:0 0 6px #5dbb7e}.camp-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:grid;place-items:center;background:#05060a8c;animation:hud-fade-in .16s ease-out}.camp-panel{position:relative;width:min(460px,calc(100% - 32px));max-height:calc(100% - 32px);overflow:auto;padding:0 0 16px;background:#0b0a08f7;border:1px solid #c9a24a;box-shadow:0 0 0 1px #000,inset 0 0 0 1px #3a2c12,0 16px 40px #000000d9;animation:chest-pop .18s ease-out}.camp-panel.mirror{width:min(760px,calc(100% - 32px))}.camp-head{position:relative;padding:12px 44px 10px;text-align:center;border-bottom:1px solid #c9a24a;background:linear-gradient(180deg,#2e2412,#150f08)}.hud .camp-title{font-family:var(--font-game);font-size:16px;letter-spacing:3px;color:#e8a33d}.hud .camp-sub{margin-top:2px;font-size:12px;color:#a3864a}.camp-close{position:absolute;right:8px;top:12px;display:grid;place-items:center;width:24px;height:24px;padding:0;border:0;background:none;color:#c9a24a;cursor:pointer}.camp-close:hover{color:var(--gold-bright)}.hud .camp-section{margin:14px 20px 8px;font-family:var(--font-game);font-size:11px;font-weight:400;letter-spacing:3px;color:#a3864a}.roster{list-style:none;margin:0;padding:0 16px;display:flex;flex-direction:column;gap:6px}.roster-row{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:8px;background:#ffffff08;outline:1px solid #ffffff12}.roster-row[data-you]{background:#c9a55a1a;outline-color:#c9a55a66}.roster-avatar{flex-shrink:0;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;overflow:hidden;background:#0b0c12;box-shadow:0 0 0 2px var(--ring)}.roster-avatar canvas,.roster-avatar .portrait-initial{display:block;border-radius:50%}.roster-who{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.roster-name{font-family:var(--font-game);font-size:13px;font-weight:400;color:#eeeae0}.roster-name em{font-style:normal;color:var(--text-secondary);font-size:11px}.roster-class{font-size:11px;font-weight:600}.roster-status{flex-shrink:0;font-size:11px;color:#d8cfb8}.camp-card{display:flex;align-items:center;gap:8px;margin:0 16px 8px;padding:10px 12px;border-radius:8px;background:#ffffff08;outline:1px dashed #ffffff22;font-size:12px;color:var(--text-secondary)}.camp-raid{outline:1.5px solid #a865f0aa;color:#cfb6ef;opacity:.6}.camp-soon{margin-left:auto;padding:1px 6px;border-radius:4px;background:#ffffff14;font-family:var(--font-game);font-size:10px;letter-spacing:1px;color:var(--gold-bright)}.camp-btn{display:flex;align-items:center;gap:8px;width:calc(100% - 32px);margin:4px 16px 0;padding:9px 12px;border:0;border-radius:6px;background:#1a120b;outline:1px solid #8a5a2b;font-family:var(--font-game);font-size:13px;color:#d8cfb8}.camp-btn:disabled{opacity:.55;cursor:not-allowed}.mirror-body{display:grid;grid-template-columns:250px 1fr;gap:16px;padding:16px 20px 0;align-items:start}.mirror-stage{display:flex;flex-direction:column;align-items:center;gap:10px}.mirror-stage .hero-shot canvas{display:block;width:224px;height:336px}.mirror-locked{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 6px;font-size:12px;color:#d8cfb8;text-align:center}.mirror-locked span{width:100%;font-size:11px;color:var(--text-muted)}.mirror-controls{display:flex;flex-direction:column;gap:12px}.mirror-controls .panel{position:static}.hud .camp-error{margin:10px 20px 0;font-size:13px;color:var(--error)}.camp-actions{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px 0}@media(prefers-reduced-motion:reduce){.camp-backdrop{animation-duration:.1s}.camp-panel{animation:none}}.hud .quest-after{margin-top:8px;padding-top:6px;border-top:1px solid #c9a55a33;font-size:12px;color:var(--text-secondary)}.creation{--below: 192px;--bg-h: max(100vh, min(62.5vw, (50vh - var(--below)) / .28));--circle-y: calc(50vh + .28 * var(--bg-h));--stage-top: 126px;--shot-scale: 1;--confirm-scale: 1.5;--feet-y: calc(328px * var(--shot-scale));min-height:100%;display:flex;flex-direction:column;background:radial-gradient(ellipse 75% 70% at 50% 58%,transparent 45%,#05060acc 85%,#05060a 100%),url(/scenes/criacao-fundo.webp) center calc(50vh - var(--bg-h) / 2) / auto var(--bg-h) no-repeat,#05060a}.creation-header{display:flex;flex-direction:column;align-items:center;gap:8px;padding:28px 0 16px}.creation-title{margin:0;font-family:var(--font-game);font-weight:400;font-size:30px;letter-spacing:3px;color:var(--gold-bright);text-shadow:3px 3px 0 #5a3a14}.stepper{display:flex;gap:10px;list-style:none;margin:0;padding:0}.step button{display:flex;align-items:center;gap:6px;background:none;border:0;color:var(--text-secondary);font-size:12px;cursor:pointer}.step button:disabled{cursor:default}.step-dot{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:10px;border:1.5px solid var(--gold);background:#0b0c12cc;color:var(--gold);font-family:var(--font-game);font-size:10px}.step-done .step-dot{background:var(--gold);color:var(--ink)}.step-done button{color:#d8d4ca}.step-current .step-dot{background:var(--gold-bright);color:var(--ink);box-shadow:0 0 10px #ffe08aaa}.step-current button{color:var(--gold-bright);font-weight:700}.creation-body{flex:1;display:grid;grid-template-columns:360px 1fr 360px;gap:24px;padding:16px 32px;align-items:start}.side-left{grid-column:1;grid-row:1}.stage{--stage-pad: max(24px, calc(var(--circle-y) - var(--stage-top) - var(--feet-y)));grid-column:2;grid-row:1;display:flex;flex-direction:column;align-items:center;gap:16px;padding-top:var(--stage-pad)}.stage .hero-shot canvas{position:relative;display:block;width:calc(224px * var(--shot-scale));height:calc(336px * var(--shot-scale))}.stage .hero-shot:before{content:"";position:absolute;left:50%;bottom:calc(8px * var(--shot-scale) - 28px);width:280px;height:56px;transform:translate(-50%);border-radius:50%;background:radial-gradient(ellipse closest-side,#9fd0ffcc,#3f7bff66 55%,transparent);pointer-events:none;animation:stage-glow 2.8s ease-in-out infinite}@keyframes stage-glow{0%,to{opacity:.55;transform:translate(-50%) scale(.92)}50%{opacity:1;transform:translate(-50%) scale(1.05)}}@media(prefers-reduced-motion:reduce){.stage .hero-shot:before{animation:none;opacity:.75}}@media(min-height:1040px){.creation{--shot-scale: 2;--confirm-scale: 2.25;--below: 200px}}.side-right{grid-column:3;grid-row:1}.creation-actions{display:flex;justify-content:center;gap:14px;padding:24px}@media(max-height:860px){.creation{--stage-top: 98px;--below: 136px;--confirm-scale: 1.25}.creation .panel{gap:8px;padding:14px 16px}.abilities{gap:4px}.ability{padding:6px 8px}.creation-header{padding:16px 0 8px}.creation-body{padding:8px 32px 0}.stage{gap:8px}.creation-actions{padding:8px 24px}}@media(max-height:700px){.creation{--confirm-scale: 1.2}}.stage{position:relative}.stage .class-badge{position:absolute;top:44px;left:50%;transform:translate(-50%);z-index:1;white-space:nowrap}.class-badge{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 18px;border:2px solid;border-radius:14px;color:#fff;text-shadow:1px 1px 0 #00000099;box-shadow:0 4px 18px #000000b3}.class-badge strong{font-family:var(--font-game);font-weight:400;font-size:15px;letter-spacing:1px}.class-badge span{font-size:11px}.class-list{flex-direction:column;flex-wrap:nowrap}.class-list .choice{display:block;padding:10px 12px;border-radius:8px;border:1px solid #c9a55a40;background:#ffffff08}.class-list .choice[data-checked=true]{border:2px solid var(--area);background:color-mix(in srgb,var(--area) 15%,transparent);box-shadow:0 0 16px color-mix(in srgb,var(--area) 33%,transparent)}.class-card{display:flex;gap:12px;align-items:center}.emblem-sm{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex:none;border-radius:10px;border:2px solid var(--area);color:var(--area);background:#15131b}.choice[data-checked=true] .emblem-sm{background:var(--area);color:#0b0c12;border-color:#f4efe2}.class-card-text strong{font-family:var(--font-game);font-weight:400;font-size:13px}.class-card-text em{font-style:normal;font-size:10px;font-weight:700}.class-card-text small{display:block;margin-top:3px;color:#cfcbd8;font-size:11px;line-height:1.4}.class-detail-head{display:flex;gap:12px;align-items:center}.emblem{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:12px;border:2px solid #f4efe2}.class-detail-name{margin:0 0 4px;font-family:var(--font-game);font-weight:400;font-size:20px}.area-tag{display:inline-block;padding:3px 8px;border:1px solid;border-radius:10px;font-size:10px;font-weight:700}.body-text{margin:0;color:#cfcbd8;font-size:11px;line-height:1.45}.stats{margin:0;display:flex;flex-direction:column;gap:8px}.stat{display:grid;grid-template-columns:104px 1fr;align-items:center}.stat dt{font-size:11px;font-weight:600;color:#d8d4ca}.stat dd{margin:0;display:flex;gap:4px}.pip{flex:1;height:8px;border-radius:2px;background:#ffffff14}.abilities{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.ability{display:flex;gap:10px;align-items:center;padding:8px;border-radius:8px;border:1px solid #ffffff1a}.ability strong{display:block;font-size:12px}.ability span{font-size:10px;color:var(--text-secondary)}.ability[data-locked=true]{opacity:.55}.chips .chip{display:inline-block;padding:6px 12px;border-radius:14px;border:1.5px solid #c9a55a55;background:#ffffff08;color:#cfcbd8;font-size:11px}.chips .choice[data-checked=true] .chip{border-color:var(--gold-bright);background:#c9a55a33;color:var(--gold-bright)}.swatch{display:block;width:30px;height:30px;border:1.5px solid #00000066}.swatch-round{border-radius:15px}.swatch-square{border-radius:6px}.choice[data-checked=true] .swatch{border:3px solid var(--gold-bright);box-shadow:0 0 10px #ffe08a88}.name-field{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:8px;border:1.5px solid #c9a55a99;background:#0b0c12}.name-field[data-status=ok]{border-color:var(--ok)}.name-field[data-status=rejected]{border-color:var(--error)}.name-field input{flex:1;border:0;background:none;color:var(--text-primary);font-size:15px;font-weight:600;outline:none}.icon-button{display:inline-flex;padding:6px;border-radius:6px;border:1px solid #c9a55a99;background:#c9a55a26;color:var(--gold-bright);cursor:pointer}.name-status{min-height:16px;margin:6px 0 0;display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-secondary)}.name-status-ok{color:var(--ok);font-weight:700}.name-status-rejected{color:var(--error)}.link-button{background:none;border:0;padding:0;color:var(--gold-bright);text-decoration:underline;cursor:pointer}.pronouns{flex-wrap:nowrap}.pronouns .choice{flex:1}.pronoun-card{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 6px;border-radius:8px;border:1px solid #c9a55a40;background:#ffffff08}.pronoun-card strong{font-size:13px}.pronoun-card small{font-size:10px;color:var(--text-secondary)}.pronouns .choice[data-checked=true] .pronoun-card{border:2px solid var(--gold-bright);background:#c9a55a26;color:var(--gold-bright)}.confirm{grid-column:1 / -1;grid-row:1;justify-self:center;width:600px;display:flex;flex-direction:column;gap:16px}.creation{position:relative;overflow-x:clip}.creation>.creation-header,.creation>.creation-body,.creation>.creation-actions{position:relative;z-index:1}.creation-fx{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.creation-mist{position:absolute;left:-10%;right:-10%;bottom:0;height:32%;pointer-events:none;z-index:0;opacity:.55;background:radial-gradient(ellipse 40% 60% at 25% 80%,#3a4a7a55,transparent 70%),radial-gradient(ellipse 45% 55% at 75% 85%,#4a3a7a44,transparent 70%),radial-gradient(ellipse 60% 50% at 50% 100%,#2a3a6a66,transparent 75%);animation:creation-mist 18s ease-in-out infinite alternate}@keyframes creation-mist{0%{transform:translate(-3%);opacity:.45}to{transform:translate(3%);opacity:.65}}@media(prefers-reduced-motion:reduce){.creation-mist{animation:none}}.class-detail{gap:16px;padding:22px 22px 20px}.class-detail .class-detail-head{gap:14px}.class-detail .class-detail-name{font-size:22px;letter-spacing:1px;margin-bottom:6px}.class-detail .area-tag{padding:3px 10px;font-size:11px}.class-detail .cd-lore{font-size:12.5px;line-height:1.55;color:#d6d2de}.cd-section{display:flex;flex-direction:column;gap:12px;padding-top:14px;border-top:1px solid #c9a55a2e}.class-detail .stats{gap:10px}.class-detail .stat{grid-template-columns:110px 1fr}.class-detail .stat dt{font-size:12px}.class-detail .stat dd{gap:5px}.class-detail .pip{height:7px;border-radius:4px}.class-detail .abilities{gap:10px}.class-detail .ability{gap:12px;padding:11px 14px;border-radius:10px;background:#ffffff06;border-color:#ffffff17}.ability-icon{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:color-mix(in srgb,var(--area, #c9a55a) 22%,transparent);border:1px solid color-mix(in srgb,var(--area, #c9a55a) 55%,transparent);color:#9a96a6}.ability[data-locked=true] .ability-icon{background:#ffffff0a;border-color:#ffffff1f}.class-detail .ability strong{font-size:13px;margin-bottom:2px}.class-detail .ability span{font-size:11px;line-height:1.4}@media(max-height:860px){.class-detail{gap:9px;padding:14px 18px}.class-detail .class-detail-name{font-size:20px;margin-bottom:4px}.class-detail .emblem{width:48px;height:48px}.class-detail .cd-lore{font-size:11.5px;line-height:1.4}.cd-section{gap:7px;padding-top:8px}.class-detail .stats,.class-detail .abilities{gap:6px}.class-detail .ability{padding:6px 12px}.class-detail .ability span{line-height:1.3}.ability-icon{width:24px;height:24px}}.creation-body>.side-left,.creation-body>.side-right{align-self:center}.stage-confirm{--feet-y: calc(328px * var(--confirm-scale));--zoom: calc(var(--confirm-scale) / var(--shot-scale));--stage-pad: max(0px, calc(var(--circle-y) - var(--stage-top) - var(--feet-y)))}.stage-confirm .hero-shot canvas{width:calc(224px * var(--confirm-scale));height:calc(336px * var(--confirm-scale))}.stage-confirm .hero-shot:before{bottom:calc(8px * var(--confirm-scale) - 28px * var(--zoom));width:calc(280px * var(--zoom));height:calc(56px * var(--zoom))}.stage-confirm .class-badge{top:calc(var(--stage-pad) + 27px * var(--confirm-scale) - 10px);transform:translate(-50%,-100%)}.hero-sheet,.hero-kit{gap:16px;padding:22px 22px 20px}.hero-sheet-name{margin:0 0 10px;font-family:var(--font-game);font-size:26px;letter-spacing:2px;color:var(--gold-bright);overflow-wrap:anywhere}.hero-sheet-tags{margin:0;display:flex;flex-wrap:wrap;gap:6px}.hero-sheet-tags span{padding:3px 10px;border-radius:10px;border:1px solid var(--text-secondary);font-size:11px;font-weight:700}.hero-sheet-rows{list-style:none;margin:0;padding:14px 0 0;gap:0}.hero-sheet-rows li{display:flex;gap:12px;align-items:center;padding:10px 0}.hero-sheet-rows li+li{border-top:1px solid #ffffff10}.hero-sheet-rows li>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.hero-sheet-rows small{font-size:10px;font-weight:700;letter-spacing:1px;color:var(--text-muted)}.hero-sheet-rows li span:not(.ability-icon){color:#f4efe2;font-size:13px;font-weight:600;line-height:1.35}.edit-button{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:12px;border:1px solid #c9a55a55;background:none;color:var(--gold);font-size:10px;font-weight:600;cursor:pointer}.edit-button:hover{border-color:var(--gold);color:var(--gold-bright)}.hk-section{display:flex;flex-direction:column;gap:12px}.slots{list-style:none;margin:0;padding:0;display:flex;gap:8px}.slot{display:grid;place-items:center;width:46px;height:46px;border-radius:8px;border:1.5px solid var(--area);background:color-mix(in srgb,var(--area) 18%,#0b0c12);box-shadow:inset 0 0 12px color-mix(in srgb,var(--area) 30%,transparent)}.slot-locked{border-color:#ffffff1f;background:#15131b;box-shadow:none;color:#4e4f5e}.hk-text{margin:0;font-size:12.5px;line-height:1.5;color:#d6d2de}.hk-text strong{color:#f4efe2}.hk-mission{margin:0;display:flex;align-items:center;gap:8px;font-family:var(--font-game);font-size:15px;letter-spacing:1px;color:var(--gold-bright)}.hero-kit .note{font-size:12px;padding-top:14px}@media(max-height:860px){.hero-sheet-name{font-size:22px;margin-bottom:6px}.hero-sheet-rows{padding-top:8px}.hero-sheet-rows li{padding:7px 0}.hk-section{gap:8px}.slot{width:40px;height:40px}.hero-kit .note{padding-top:8px}}.menu-btn.char-btn{left:164px}.menu-btn.char-btn:after{content:"Personagem (C)"}.menu-btn.quest-btn{left:232px}.menu-btn.quest-btn:after{content:"Missões (J)"}.char-body{display:grid;grid-template-columns:330px 454px;gap:16px;height:620px}.char-id{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:14px;padding-bottom:28px;text-align:center}.char-portrait{position:relative;display:grid;place-items:center}.char-portrait:after{content:"";position:absolute;left:50%;bottom:-6px;width:190px;height:20px;transform:translate(-50%);z-index:-1;border-radius:50%;background:radial-gradient(closest-side,#c9a55a55,#c9a55a00)}.char-portrait .hero-shot canvas{display:block;width:224px;height:336px;image-rendering:pixelated}.char-plate{display:flex;flex-direction:column;align-items:center;gap:6px}.hud .char-plate p{margin:0}.hud .char-name{font-family:var(--font-game);font-size:24px;color:var(--gold-bright);text-shadow:0 2px 0 #000}.hud .char-class{font-family:var(--font-game);font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--area-light)}.char-tags{display:flex;justify-content:center;align-items:center;gap:8px}.char-area{padding:2px 8px;border-radius:4px;font-family:var(--font-game);font-size:10px;letter-spacing:1px;text-transform:uppercase;background:color-mix(in srgb,var(--area) 20%,transparent);color:var(--area-light);outline:1px solid var(--area)}.char-pronoun{font-size:13px;color:#b8b0a0}.hud .char-tagline{font-size:13px;font-style:italic;color:#e3a96a;text-wrap:balance}.char-sheet{display:flex;flex-direction:column;gap:8px;overflow-y:auto}.char-sheet .inv-subtitle{margin:6px 0 0}.char-sheet .inv-subtitle:first-child{margin-top:0}.xp-bar.char-xp{flex:none;height:12px;border-radius:6px;outline:1px solid #c9a24a66}.hud .char-xp-text{display:flex;justify-content:space-between;gap:8px;margin:0;font-size:12px;color:#b8b0a0}.char-attrs{display:grid;margin:0}.char-attr{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px solid #ffffff14;font-size:13px}.char-attr dt{color:#d8cfb8}.char-attr dd{display:flex;align-items:center;gap:4px;margin:0;font-family:var(--font-game);color:#eeeae0;text-align:right}.char-attr img{image-rendering:pixelated}.char-apts{display:grid;grid-template-columns:1fr 1fr;gap:6px 24px;font-size:13px;color:#d8cfb8}.char-apt{display:flex;justify-content:space-between;align-items:center;gap:8px}.char-pips{display:flex;gap:3px}.char-pips i{width:10px;height:10px;border-radius:2px;background:#2a2536}.char-pips i[data-on]{background:#e3c46a;box-shadow:0 0 4px #ffc65a66}.hud .char-note{margin:0;font-size:12px;font-style:italic;color:#8a7a5a}.char-abilities{display:flex;gap:10px;padding:4px 0 2px}.char-tree-link{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;margin-top:4px;padding:0;border:0;background:none;cursor:pointer;font-family:var(--font-game);font-size:12px;letter-spacing:1px;color:var(--gold-bright);text-decoration:underline transparent}.char-tree-link:hover{text-decoration-color:currentColor}.char-tree-link:focus-visible{outline:2px solid var(--gold-bright);outline-offset:2px}.quests-tab{display:flex;flex-direction:column;gap:14px;height:722px}.quests-journey{flex:none;min-height:300px;box-sizing:border-box}.quests-chronicle{flex:1;min-height:0;overflow-y:auto}.quests-tab .inv-subtitle{margin:0 0 12px}.char-missions,.char-chronicle{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}.char-missions{gap:10px}.hud .char-mission-title{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;margin:0;padding:8px 14px;box-sizing:border-box;border:1.5px solid #c9a55a33;border-radius:4px;cursor:pointer;text-align:left;color:#d8cfb8;background:#1a1622;transition:border-color .1s ease-out,box-shadow .1s ease-out}.hud .char-mission-title:hover,.hud .char-mission-title:focus-visible{outline:0;border-color:var(--gold-bright);box-shadow:0 0 12px #ffc65a33}.char-mission-icon{flex:none;display:grid;place-items:center;width:22px}.char-mission[data-state=done] .char-mission-icon{color:#7fc98a}.char-mission[data-state=active] .char-mission-icon{color:var(--gold-bright)}.char-mission-text{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.char-mission-name{font-family:var(--font-game);font-size:13px;letter-spacing:2px}.char-mission-next{font-size:12px;color:#b8b0a0}.hud .char-mission[data-state=active] .char-mission-title{min-height:60px;border:2px solid #e9c877;color:var(--gold-bright);background:linear-gradient(90deg,#3a2e1866,#221d2c);box-shadow:0 0 14px #ffc65a26}.char-mission[data-state=next]{opacity:.55}.char-mission-state{flex:none;padding:3px 8px;border-radius:4px;font-family:var(--font-game);font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#b8b0a0}.char-mission-state[data-state=active]{color:var(--gold-bright);outline:1.5px solid var(--gold);outline-offset:-1px}.char-chronicle{gap:10px;font-size:14px;color:#eeeae0}.char-chronicle li{display:flex;align-items:center;gap:12px}.char-diamond{flex:none;width:8px;height:8px;transform:rotate(45deg);background:#e3a94a;box-shadow:0 0 4px #ffc65a66}.char-date{min-width:36px;font-family:var(--font-game);font-size:11px;color:#e3a96a}.char-quest-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:grid;place-items:center;background:#05060ab3;border-radius:inherit;animation:hud-fade-in .14s ease-out}.char-quest{position:relative;width:min(460px,calc(100% - 48px));display:flex;flex-direction:column;gap:12px;padding:20px 22px;border-radius:10px;background:linear-gradient(180deg,#221d2c,#121019);box-shadow:inset 0 0 0 2px var(--gold),inset 0 0 0 5px #0d0c12,inset 0 0 0 6.5px color-mix(in srgb,var(--area, #c9a55a) 70%,transparent),0 12px 40px #000c}.char-quest-head{display:flex;align-items:center;gap:8px;color:var(--gold-bright)}.char-quest-head h3{flex:1;margin:0;font-family:var(--font-game);font-size:15px;letter-spacing:2px}.hud .char-quest-close{width:28px;height:28px}.char-quest-desc{margin:0;font-size:14px;line-height:21px;color:#e6e2d8;text-wrap:pretty}.char-quest .quest-obj{align-items:center}.char-quest .quest-name{flex:1}@media(prefers-reduced-motion:reduce){.char-quest-backdrop{animation:none}.hud .char-mission-title{transition:none}}.menu-btn.tree-btn{left:300px}.menu-btn.tree-btn:after{content:"Árvore (T)"}.hud .tree-keys{margin:0 0 0 auto;display:flex;align-items:center;gap:6px;font-size:12px;color:#eeeae0cc;white-space:nowrap}.tree-keys kbd,.tree-hint kbd{padding:2px 6px;border-radius:3px;font-size:10px;color:#eeeae0;background:#2a2536;outline:1px solid #eeeae026}.tree-keys kbd+kbd,.tree-keys kbd:nth-of-type(2){margin-left:8px}.tree-area{position:relative;width:1200px;height:640px;overflow:hidden;border:1.5px solid #c9a55a55;border-radius:6px;background:#08090e url(/ui/arvore-fundo.webp) center / cover no-repeat;cursor:grab;touch-action:none}.tree-area[data-dragging]{cursor:grabbing}.tree-world{position:absolute;left:0;top:0;width:1440px;height:900px;transform-origin:0 0}.tree-world[data-anim]{transition:transform .16s ease-out}.tree-levelup{position:absolute;z-index:3;left:50%;top:14px;translate:-50% 0;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 28px;white-space:nowrap;background:linear-gradient(180deg,#1d1a26f2,#0d0c12f2);border:2px solid var(--gold);outline:1px solid #000;box-shadow:inset 0 0 0 2px #3a2c12,0 0 24px #ffc65a44;animation:tree-banner .5s cubic-bezier(.2,.9,.3,1.2) both}.tree-levelup .bq-corner{width:12px;height:12px;border-width:2px}.tree-levelup-title{font-family:var(--font-game);font-size:14px;font-weight:400;letter-spacing:3px;color:var(--gold-bright);text-shadow:0 2px 0 #000}.tree-levelup-sub{font-size:12px;color:#eeeae0cc}@keyframes tree-banner{0%{opacity:0;transform:translateY(-10px) scale(.9)}}.tree-continue{position:absolute;z-index:3;left:50%;bottom:44px;translate:-50% 0;width:260px;margin:0}.tree-links{position:absolute;top:0;right:0;bottom:0;left:0;width:1440px;height:900px;overflow:visible;pointer-events:none}.tree-link{stroke:#2a2e3b;stroke-width:3;stroke-linecap:round}.tree-link[data-state=disponivel]{stroke:#ffe08a;stroke-opacity:.7}.tree-link[data-state=dominado]{stroke:var(--c);stroke-width:4;stroke-opacity:.9;filter:drop-shadow(0 0 5px color-mix(in srgb,var(--c) 60%,transparent))}.tree-link[data-new]{stroke-dasharray:var(--len);animation:tree-draw .4s .3s ease-out backwards}@keyframes tree-draw{0%{stroke-dashoffset:var(--len)}}.tree-selected{fill:none;stroke:#ffe08a;stroke-opacity:.9;stroke-width:2}.tree-selected-ring{fill:#e9c8770f;stroke:#e9c877;stroke-width:2.5;filter:drop-shadow(0 0 8px #ffc65a88)}.tree-core{position:absolute;width:124px;height:124px;transform:translate(-50%,-50%)}.tree-core-ring{display:grid;place-items:center;width:124px;height:124px;border-radius:50%;overflow:hidden;background:#0b0c12;border:2px solid #f4efe2;box-shadow:0 0 24px #fff3}.tree-core-ring .hero-portrait{border-radius:50%}.tree-core-level{position:absolute;left:50%;bottom:-10px;transform:translate(-50%);width:48px;height:19px;display:grid;place-items:center;font-family:var(--font-game);font-size:11px;color:#ffe08a;background:#0b0c12;border:2px solid #ffe08a;border-radius:8px}.tree-area[data-levelup] .tree-core-level{animation:tree-pop .4s .25s ease-out}.tree-area[data-levelup] .tree-core-ring{animation:tree-core-glow 1s .25s ease-out}@keyframes tree-pop{50%{transform:translate(-50%) scale(1.25)}}@keyframes tree-core-glow{30%{box-shadow:0 0 36px 8px #ffe08acc}}.tree-node{position:absolute;transform:translate(-50%,-50%)}.tree-node button{--shape: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);display:block;width:100%;height:100%;padding:2px;border:0;cursor:pointer;clip-path:var(--shape);background:#2f3342}.tree-node[data-shape=habilidade] button{--shape: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%)}.tree-node[data-shape=competencia] button{--shape: polygon(30% 0, 70% 0, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0 70%, 0 30%);padding:3px}.tree-node button:focus-visible{outline:none}.tree-node-fill{display:grid;place-items:center;width:100%;height:100%;clip-path:var(--shape);background:#12141b;color:#4a4f60}.tree-node[data-state=disponivel]{filter:drop-shadow(0 0 7px #ffe08a88)}.tree-node[data-state=disponivel] button{background:#ffe08a}.tree-node[data-state=disponivel] .tree-node-fill{background:#1a170c;color:#ffe08a}.tree-node[data-state=dominado]{filter:drop-shadow(0 0 9px color-mix(in srgb,var(--c) 80%,transparent))}.tree-node[data-state=dominado] button{background:#f4efe2}.tree-node[data-state=dominado] .tree-node-fill{background:var(--c);color:#0b0c12}.tree-node button:hover .tree-node-fill{filter:brightness(1.25)}.tree-node-ring{position:absolute;top:-9px;right:-9px;bottom:-9px;left:-9px;opacity:.8;pointer-events:none;clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);background:#2f3342;-webkit-mask:radial-gradient(circle,transparent 62%,#000 63%);mask:radial-gradient(circle,transparent 62%,#000 63%)}.tree-node[data-state=dominado] .tree-node-ring{background:var(--c)}.tree-node[data-state=disponivel] .tree-node-ring{background:#ffe08a}.tree-node-lock{position:absolute;right:-6px;bottom:-4px;color:#6e6f80;pointer-events:none}.tree-node[data-new]:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:2px solid #ffe08a;pointer-events:none;animation:tree-new-ring .6s 2 ease-out both}@keyframes tree-new-ring{0%{transform:scale(1);opacity:.9}to{transform:scale(1.6);opacity:0}}.tree-node-new{position:absolute;left:50%;bottom:calc(100% + 4px);transform:translate(-50%);padding:1px 4px;border-radius:3px;font-family:var(--font-game);font-size:9px;letter-spacing:1px;color:#ffe08a;background:#0b0c12e6;pointer-events:none}.tree-key-label{position:absolute;left:50%;top:50%;display:flex;flex-direction:column;gap:2px;padding:4px 8px;white-space:nowrap;background:#08090ecc;pointer-events:none}.tree-key-title{font-family:var(--font-game);font-size:13px;letter-spacing:2px;text-transform:uppercase;text-shadow:2px 2px 0 #000}.tree-key-sub{font-size:11px;color:var(--text-secondary)}.tree-area[data-loading] .tree-node{filter:none}.tree-zoom{position:absolute;z-index:3;right:16px;top:16px;display:flex;flex-direction:column;align-items:stretch;width:40px;background:#0d0c12e6;border:1.5px solid #c9a55a;border-radius:8px;box-shadow:0 4px #0009;cursor:default}.tree-zoom button{display:grid;place-items:center;height:40px;padding:0;border:0;background:none;color:var(--gold-bright);cursor:pointer}.tree-zoom button:hover:not(:disabled){background:#c9a55a26}.tree-zoom button:disabled{color:#5a5048;cursor:default}.tree-zoom button:focus-visible{outline:2px solid var(--gold-bright);outline-offset:-2px}.tree-zoom-level{display:grid;place-items:center;height:26px;font-family:var(--font-game);font-size:10px;color:#eeeae0;border-block:1px solid #c9a55a55}.tree-zoom button:nth-of-type(3){border-top:1px solid #c9a55a55}.tree-legend{position:absolute;z-index:2;left:0;bottom:0;display:grid;gap:6px;padding:12px 16px;width:262px;background:#0d0c12eb;border-top:1px solid #c9a55a55;border-right:1px solid #c9a55a55;border-top-right-radius:4px;font-size:13px;color:#eeeae0;cursor:default}.tree-legend>span{display:flex;align-items:center;gap:8px}.tree-dot{width:12px;height:12px;transform:rotate(45deg) scale(.8);border:2px solid #2f3342;background:#12141b}.tree-dot[data-state=dominado]{border-color:#f4efe2;background:var(--area)}.tree-dot[data-state=disponivel]{border-color:#ffe08a;background:#1a170c}.tree-dot[data-state=corrompido]{border-color:#a865f0;background:#3a2552}.tree-legend-shapes{margin-top:2px;font-size:11px;color:var(--text-muted)}.tree-shape{display:inline-block;width:11px;height:11px;border:1.5px solid #a3a3b3}.tree-shape[data-shape=descritor]{transform:rotate(45deg) scale(.8)}.tree-shape[data-shape=habilidade]{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:#a3a3b3;border:0}.tree-shape[data-shape=competencia]{border-radius:50%}.tree-hint{position:absolute;z-index:2;right:14px;bottom:12px;display:flex;align-items:center;gap:6px;margin:0;font-size:12px;color:#eeeae0b3;white-space:nowrap;pointer-events:none}.tree-hint kbd+kbd,.tree-hint kbd:nth-of-type(n+2){margin-left:8px}.tree-card{position:absolute;z-index:4;width:300px;box-sizing:border-box;padding:16px 16px 14px;cursor:default;background:linear-gradient(180deg,#1d1a26fa,#0d0c12fa);border:1.5px solid #e9c877;border-radius:6px;box-shadow:0 0 24px #ffc65a33,0 12px 32px #000c;animation:tree-card-in .12s ease-out}.tree-card[data-anim]{transition:left .16s ease-out,top .16s ease-out}.tree-card:before{content:"";position:absolute;top:calc(var(--arrow) - 6px);width:12px;height:12px;transform:rotate(45deg);background:#1a1722;border:1.5px solid #e9c877}.tree-card[data-side=right]:before{left:-7.5px;border-top:0;border-right:0}.tree-card[data-side=left]:before{right:-7.5px;border-bottom:0;border-left:0}@keyframes tree-card-in{0%{opacity:0;transform:scale(.96)}}.tree-card-close{position:absolute;top:8px;right:8px;display:grid;place-items:center;width:24px;height:24px;padding:0;border:0;border-radius:4px;background:none;color:#eeeae0b3;cursor:pointer}.tree-card-close:hover{color:var(--gold-bright)}.tree-card-close:focus-visible{outline:2px solid var(--gold-bright)}.tree-panel-body{display:flex;flex-direction:column;gap:12px}.tree-panel-head{display:flex;gap:12px;align-items:flex-start;padding:0 20px 12px 0;border-bottom:1px solid #ffffff14}.tree-panel-icon{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:6px;background:#12141b;border:2px solid #2f3342;color:#4a4f60}.tree-panel-icon[data-state=disponivel]{background:#1a170c;border-color:#ffe08a;color:#ffe08a;box-shadow:0 0 14px #ffe08a66}.tree-panel-icon[data-state=dominado]{background:var(--c);border-color:#f4efe2;color:#0b0c12;box-shadow:0 0 18px color-mix(in srgb,var(--c) 80%,transparent)}.tree-panel-diamond{width:14px;height:14px;transform:rotate(45deg);border:2px solid currentColor}.tree-kicker{margin:0;font-family:var(--font-game);font-size:10px;letter-spacing:1.5px;color:#6e6f80}.tree-panel-body[data-state=disponivel] .tree-kicker{color:#ffe08a}.tree-panel-body[data-state=dominado] .tree-kicker{color:var(--c-light)}.hud .tree-panel-name{margin:3px 0 1px;font-size:17px;font-weight:600;color:#f4efe2}.tree-panel-detail{margin:0;font-size:12px;color:var(--text-secondary)}.hud .tree-section{margin:0 0 6px;font-family:var(--font-game);font-size:10px;font-weight:400;letter-spacing:1.5px;text-transform:uppercase;color:#c9a55a}.tree-reward,.tree-how{margin:0;font-size:13px;line-height:1.5;color:#eeeae0cc}.tree-reward strong{color:var(--c-light);font-weight:600}.hud .tree-progress-line{display:flex;justify-content:space-between;margin:10px 0 6px;font-size:12px;color:var(--text-secondary)}.tree-progress-line span:last-child{color:#f4efe2;font-weight:600}.tree-bar{display:flex;gap:2px;height:10px;padding:2px;background:#000;border:1px solid #c9a55a66;border-radius:5px}.tree-bar i{flex:1;border-radius:3px;background:#ffffff14}.tree-bar i[data-on]{background:#ffe08a}.tree-panel-body[data-state=dominado] .tree-bar i{background:var(--c)}.tree-next{display:grid;gap:4px;margin:0;padding:0;list-style:none}.tree-next-btn{padding:0;border:0;background:none;font-size:13px;text-align:left;cursor:pointer;text-decoration:underline transparent}.tree-next-btn:hover{text-decoration-color:currentColor}.tree-next-btn:focus-visible{outline:2px solid var(--gold-bright);outline-offset:2px}.tree-next-btn span{color:var(--text-muted);font-size:12px}.tree-where{display:flex;align-items:center;gap:6px;margin:0;font-size:12px;color:var(--text-muted)}.tree-error{position:absolute;z-index:4;left:16px;top:16px;display:flex;flex-direction:column;gap:10px;padding:12px;cursor:default;border-left:3px solid var(--error);background:#1a0f12f2;font-size:14px}@media(prefers-reduced-motion:reduce){.tree-levelup,.tree-link[data-new],.tree-core-level,.tree-core-ring,.tree-node[data-new]:before,.tree-card{animation:none!important}.tree-world[data-anim],.tree-card[data-anim]{transition:none}}.levelup-text{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;flex-direction:column;align-items:center;pointer-events:none;animation:levelup-out .35s 2s ease-in forwards}.levelup-banner{position:relative;margin-top:11vh;display:flex;flex-direction:column;align-items:center;gap:4px;padding:18px 90px 22px;background:radial-gradient(closest-side,#0b0c12cc,#0b0c1299 60%,#0b0c1200)}.levelup-banner:before{content:"";position:absolute;top:-60px;right:-40px;bottom:-60px;left:-40px;border-radius:50%;pointer-events:none;mix-blend-mode:screen;opacity:0;background:radial-gradient(closest-side,#fffbe8,#ffe08acc 30%,#f2b65333,#f2b65300);animation:levelup-flash .65s .45s ease-out}.levelup-rays{position:absolute;left:50%;top:50%;width:760px;height:760px;margin:-380px 0 0 -380px;z-index:-1;pointer-events:none;background:repeating-conic-gradient(from 0deg,#ffe08a40,#ffe08a40 5deg,#ffe08a00 5deg,#ffe08a00 18deg);-webkit-mask:radial-gradient(closest-side,#000 18%,#0000 72%);mask:radial-gradient(closest-side,#000 18%,#0000 72%);animation:levelup-rays-in .55s .45s cubic-bezier(.2,.9,.3,1) both,levelup-spin 2.4s .45s linear both}.levelup-kicker{font-family:var(--font-game);font-size:18px;letter-spacing:6px;color:#ffe08a;text-shadow:0 2px 0 #000,0 0 4px #000,0 0 10px #000;animation:levelup-kicker .45s .38s cubic-bezier(.2,.9,.3,1) both}.hud .levelup-title{margin:0;font-family:var(--font-game);font-size:96px;line-height:1;font-weight:400;letter-spacing:4px;white-space:nowrap;color:transparent;background-image:linear-gradient(105deg,#fff0 40%,#ffffffe6,#fff0 60%),linear-gradient(180deg,#fff4cc,#ffe08a 48%,#f2b653);background-size:300% 100%,100% 100%;background-position:120% 0,0 0;background-repeat:no-repeat;-webkit-background-clip:text;background-clip:text;-webkit-text-stroke:3px #0b0c12;paint-order:stroke fill;filter:drop-shadow(0 5px 0 #8a5a12) drop-shadow(0 0 10px #f2b65399) drop-shadow(0 0 3px #000);animation:levelup-slam .48s .45s cubic-bezier(.2,.9,.3,1) both,levelup-shine .7s .95s ease-in-out both}.levelup-rule{position:relative;width:360px;height:3px;margin-top:8px;background:linear-gradient(90deg,transparent,#ffe08a,#fff4cc,#ffe08a,transparent);animation:levelup-rule .42s .62s cubic-bezier(.2,.9,.3,1) both}.levelup-rule .bq-corner{width:10px;height:10px;border-width:2px;top:-4px;bottom:auto;animation:none}.levelup-skip{position:absolute;bottom:132px;left:50%;translate:-50% 0;padding:7px 16px;border-radius:999px;font-size:13px;letter-spacing:.5px;color:#eeeae0;background:#0b0c12e0;box-shadow:inset 0 0 0 1px #c9a55a66;animation:levelup-hint .4s .8s ease-out both}@keyframes levelup-flash{0%{opacity:0;transform:scale(.2)}18%{opacity:1}to{opacity:0;transform:scale(1.5)}}@keyframes levelup-rays-in{0%{opacity:0;scale:.2}}@keyframes levelup-spin{0%{rotate:-12deg}to{rotate:18deg}}@keyframes levelup-kicker{0%{opacity:0;letter-spacing:22px}}@keyframes levelup-slam{0%{opacity:0;transform:scale(3);filter:blur(10px) drop-shadow(0 5px 0 #8a5a12)}55%{opacity:1;transform:scale(.94);filter:blur(0) drop-shadow(0 5px 0 #8a5a12) drop-shadow(0 0 24px #ffe08a) drop-shadow(0 0 3px #000)}to{transform:scale(1)}}@keyframes levelup-shine{0%{background-position:120% 0,0 0}to{background-position:-20% 0,0 0}}@keyframes levelup-rule{0%{transform:scaleX(0);opacity:0}}@keyframes levelup-hint{0%{opacity:0}}@keyframes levelup-out{to{opacity:0}}@media(prefers-reduced-motion:reduce){.levelup-text,.levelup-banner:before,.levelup-rays,.levelup-kicker,.hud .levelup-title,.levelup-rule,.levelup-skip{animation:none}}.chest-backdrop.hp-backdrop{place-items:center;padding:0;overflow:hidden}.hp-wrap{--hp-s: 1;--hp-k: min(var(--hp-s), var(--hp-fit, 1));position:absolute;left:50%;top:50%;display:flex;flex-direction:column;align-items:center;height:806px;transform:translate(-50%,-50%) scale(var(--hp-k));pointer-events:none;animation:hp-in .16s ease-out}.hp-wrap>*{pointer-events:auto}@keyframes hp-in{0%{opacity:0;translate:0 8px}}@media(max-height:860px),(max-width:1300px){.hp-wrap{--hp-s: .86}}@media(max-height:720px),(max-width:1100px){.hp-wrap{--hp-s: .72}}@media(max-height:600px),(max-width:920px){.hp-wrap{--hp-s: .6}}.hp-tabs{position:relative;z-index:2;display:flex;align-items:flex-end;gap:4px;height:38px}.hud .hp-tab{display:inline-flex;align-items:center;gap:10px;height:32px;padding:0 14px;box-sizing:border-box;cursor:pointer;border:1.5px solid #5a4524;border-bottom:0;border-radius:8px 8px 0 0;background:#15121bee;font-family:var(--font-game);font-size:13px;letter-spacing:2px;text-transform:uppercase;color:#8f7a50}.hp-tab kbd{display:grid;place-items:center;width:18px;height:18px;border-radius:3px;font-size:10px;letter-spacing:0;background:#2a2536;color:#8f7a50}.hud .hp-tab:hover{color:#c9a55a}.hud .hp-tab[aria-selected=true]{height:41px;margin-bottom:-3px;padding-bottom:3px;border:2.5px solid #e9c877;border-bottom:0;background:linear-gradient(180deg,#3a2e18,#221d2c);box-shadow:0 -2px 14px #ffc65a55;color:#ffe08a;cursor:default}.hp-tab[aria-selected=true] kbd{background:#c9a55a;color:#1b1406}.hud .hp-tab:focus-visible{outline:2px solid var(--gold-bright);outline-offset:2px}.hp-new{width:8px;height:8px;border-radius:50%;background:#d96c52;box-shadow:0 0 6px #d96c52aa}.menu-btn .hp-new{position:absolute;top:0;right:0;width:12px;height:12px;box-shadow:0 0 0 2px #0d0c12,0 0 8px #d96c52}.hp-frame{position:relative;z-index:1;box-sizing:border-box;padding:0 20px 20px;border:2.5px solid #e9c877;border-radius:6px;background:radial-gradient(120% 50% at 50% 0%,#c9a55a24 0%,transparent 60%),linear-gradient(180deg,#221d2c,#121019);box-shadow:0 0 36px #ffc65a40,0 8px #0009,0 16px 40px #000000b3}.hp-frame:before{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;border:1.5px solid #c9a55a66;border-radius:4px;pointer-events:none}.hp-frame[data-tab=inventario]{width:1101px}.hp-frame[data-tab=personagem]{width:845px}.hp-frame[data-tab=missoes]{width:685px}.hp-frame[data-tab=arvore]{width:1245px}.hp-frame .orn-top{top:-9px}.hp-frame .orn-left,.hp-frame .orn-right{width:13px;height:13px;top:calc(50% - 6.5px)}.hp-frame .orn-left{left:-8px}.hp-frame .orn-right{right:-8px}.hp-frame>.bq-corner{z-index:1}.hp-head{display:flex;align-items:center;gap:16px;height:64px;margin:20px 0 18px;padding-right:56px}.inv-medal{display:block;width:56px;height:56px;overflow:hidden}.inv-medal>*{display:block}.hp-heading{display:flex;flex-direction:column;gap:6px;min-width:0}.hud .hp-title{display:inline-flex;align-items:center;gap:8px;margin:0;font-family:var(--font-game);font-size:20px;letter-spacing:3px;text-transform:uppercase;color:var(--gold-bright);text-shadow:0 2px 0 #000,0 0 12px #ffc65a66}.hud .hp-sub{margin:0;font-family:var(--font-game);text-transform:uppercase}.inv-close{display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:50%;cursor:pointer;color:var(--gold-bright);background:linear-gradient(180deg,#3a3348,#1e1a28);box-shadow:inset 0 1px #ffffff26,inset 0 0 0 1.5px #c9a24a99,0 3px #000c}.inv-close:hover{color:#fff4cc;box-shadow:inset 0 1px #ffffff26,inset 0 0 0 1.5px var(--gold-bright),0 3px #000c,0 0 12px #ffc65a55}.inv-close:focus-visible{outline:2px solid var(--gold-bright);outline-offset:2px}.hp-close{position:absolute;z-index:2;top:34px;right:20px}.hud .inv-subtitle{margin:0 0 10px;font-family:var(--font-game);font-size:12px;letter-spacing:3px;text-transform:uppercase;color:#c9a55a}.hp-card{position:relative;box-sizing:border-box;padding:18px 18px 16px;border:1.5px solid #c9a55a55;border-radius:6px;background:#15121be6}.inv-tutorial-step{margin:-6px 0 14px}@media(prefers-reduced-motion:reduce){.hp-wrap{animation:none}}@media(pointer:coarse){.hud .hp-tab,.inv-close:not(.hp-close),.tree-zoom button{position:relative}.hud .hp-tab:after,.inv-close:after,.tree-zoom button:after{content:"";position:absolute;inset:calc(-12px / var(--hp-k))}.hud .hp-tab:after{inset:calc(-13px / var(--hp-k)) 0}.tree-zoom button:after{inset:0 calc(-12px / var(--hp-k))}}.hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;font-family:var(--font-ui);color:var(--text-primary)}.hud button,.hud-interactive,.hud-panel,.quest-tracker,.controls{pointer-events:auto}.hud h2,.hud p{margin:0;font-weight:inherit}.hud kbd{font-family:var(--font-game)}.hud-panel{position:absolute;background:linear-gradient(180deg,#1d1a26f2,#0d0c12f2);border-radius:10px;outline:2px solid var(--gold);outline-offset:-1px;box-shadow:0 1px #ffe6a61f,0 6px #0009}.orn{position:absolute;z-index:2;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-1 -1 16 16'%3E%3Cdefs%3E%3CradialGradient id='g'%3E%3Cstop offset='0' stop-color='%23FFF0C2'/%3E%3Cstop offset='1' stop-color='%23B8862E'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cpath d='M7 0 14 7 7 14 0 7Z' fill='url(%23g)' stroke='%232A1D10' stroke-width='1.5'/%3E%3C/svg%3E") center / 100% 100%}.orn-top{width:16px;height:16px;top:-9px;left:calc(50% - 8px)}.orn-left,.orn-right{width:11.4px;height:11.4px;top:calc(50% - 5.7px)}.orn-left{left:-6.7px}.orn-right{right:-6.7px}.player-panel{left:28px;top:28px;width:300px;display:flex;align-items:center;gap:12px;padding:14px 16px}.player-portrait{position:relative;flex-shrink:0;width:52px;height:52px;border-radius:26px;overflow:hidden;background:#0b0c12;outline:2px solid var(--gold);outline-offset:-1px}.player-portrait canvas{display:block}.player-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.player-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.player-name{min-width:0;overflow:hidden;text-overflow:ellipsis;font-family:var(--font-game);font-size:14px;color:#eeeae0;white-space:nowrap}.meter-row{position:relative;display:flex;align-items:center;gap:8px}.hp-bar,.xp-bar{flex:1;cursor:default}.hp-bar:focus-visible,.xp-bar:focus-visible{outline:2px solid var(--gold-bright);outline-offset:2px}.meter-tip{position:absolute;right:0;bottom:calc(100% + 6px);z-index:4;padding:4px 8px;border-radius:6px;white-space:nowrap;background:#0b0c12f2;outline:1px solid var(--gold);outline-offset:-.5px;box-shadow:0 3px #0009;font-size:11px;color:#eeeae0;pointer-events:none}.meter-flash{position:absolute;left:calc(100% + 28px);top:50%;transform:translateY(-50%);white-space:nowrap;pointer-events:none;font-family:var(--font-game);font-size:13px;color:#9be3b0;text-shadow:1px 0 #1a120b,-1px 0 #1a120b,0 1px #1a120b,0 -1px #1a120b,1px 1px #1a120b,-1px -1px #1a120b;animation:meter-flash 2s ease-out forwards}.meter-row:has(.xp-bar) .meter-flash{color:#ffe08a}.meter-flash[data-low]{color:#e86a6a}@keyframes meter-flash{0%{opacity:0}8%,75%{opacity:1}to{opacity:0}}.hp-bar{display:flex;gap:2px;height:14px;padding:2px;background:#000;border-radius:6px;outline:1px solid #c9a55a66;outline-offset:-.5px}.hp-bar span{flex:1;background:#5dbb7e;border-radius:2px}.xp-label{font-family:var(--font-game);font-size:11px;color:var(--gold)}.xp-bar{height:8px;background:#ffffff14;display:flex}.xp-fill{position:relative;min-width:4px;background:#e8a33d;overflow:hidden}.player-panel[data-gaining]{animation:xp-pulse .6s ease-out}.player-panel[data-gaining] .xp-fill{box-shadow:0 0 8px #ffc65a}.player-panel[data-gaining] .xp-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,#fff6d2e6 50%,transparent);animation:xp-shimmer .8s ease-out forwards}@keyframes xp-shimmer{to{transform:translate(100%)}}@keyframes xp-pulse{40%{transform:scale(1.03);box-shadow:0 1px #ffe6a61f,0 6px #0009,0 0 22px 4px #ffe08a8c}}.level-up{position:absolute;left:calc(100% + 16px);top:4px;z-index:3;font-family:var(--font-game);font-size:22px;letter-spacing:1px;color:#ffe08a;white-space:nowrap;text-shadow:2px 0 #1a120b,-2px 0 #1a120b,0 2px #1a120b,0 -2px #1a120b,2px 2px #1a120b,-2px 2px #1a120b,2px -2px #1a120b,-2px -2px #1a120b,0 0 14px #e8a33d;animation:xp-pop .4s cubic-bezier(.3,1.6,.5,1) both}@keyframes xp-pop{0%{opacity:0;transform:scale(.5)}}.xp-burst{position:absolute;width:0;height:0;z-index:5;pointer-events:none}.xp-float{position:absolute;left:0;top:0;transform:translate(-50%,-100%);font-family:var(--font-game);font-size:30px;letter-spacing:1px;color:#ffe08a;white-space:nowrap;text-shadow:2px 0 #1a120b,-2px 0 #1a120b,0 2px #1a120b,0 -2px #1a120b,2px 2px #1a120b,-2px 2px #1a120b,2px -2px #1a120b,-2px -2px #1a120b,0 0 16px #e8a33dcc;animation:xp-float 1.3s ease-out forwards}@keyframes xp-float{0%{opacity:0;transform:translate(-50%,-100%) scale(.5)}14%{opacity:1;transform:translate(-50%,calc(-100% - 8px)) scale(1.15)}24%{transform:translate(-50%,calc(-100% - 12px)) scale(1)}70%{opacity:1}to{opacity:0;transform:translate(-50%,calc(-100% - 48px)) scale(1)}}.xp-float[data-static]{animation:none}.xp-spark{position:absolute;left:0;top:0;animation:xp-ring .32s cubic-bezier(.2,.8,.3,1) both}.xp-spark-x,.xp-spark-y{display:block}.xp-spark-x{animation:xp-fly-x .65s cubic-bezier(.45,0,.75,.6) var(--delay) both}.xp-spark-y{animation:xp-fly-y .65s var(--delay) both}.xp-spark i{display:block;width:8px;height:8px;margin:-4px 0 0 -4px;background:#fff0b8;box-shadow:0 0 0 2px #ffc65a,0 0 10px 4px #e8a33dd9;animation:xp-dot calc(.65s + var(--delay)) linear both}@keyframes xp-ring{0%{transform:translateY(-18px)}to{transform:translate(var(--rx),var(--ry))}}@keyframes xp-fly-x{to{transform:translate(var(--dx))}}@keyframes xp-fly-y{0%{transform:translateY(0);animation-timing-function:cubic-bezier(.2,.7,.4,1)}30%{transform:translateY(-40px);animation-timing-function:cubic-bezier(.6,0,.9,.5)}to{transform:translateY(var(--dy))}}@keyframes xp-dot{0%{opacity:0;transform:scale(0)}8%{opacity:1;transform:scale(1.4)}20%{transform:scale(1)}88%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.4)}}.hotbar{left:50%;bottom:24px;transform:translate(-50%);display:flex;gap:10px;padding:14px 16px;background:radial-gradient(120% 90% at 50% 0%,color-mix(in srgb,var(--area) 12%,transparent) 0%,transparent 60%),linear-gradient(180deg,#221d2c,#121019);box-shadow:inset 0 0 0 5px #0d0c12,inset 0 0 0 6.5px color-mix(in srgb,var(--area) 70%,transparent),inset 0 0 30px #000a,0 6px #0009}.hotbar-slot{position:relative;width:54px;height:54px;border-radius:10px;display:grid;place-items:center;cursor:help;color:var(--area-light);background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--area) 45%,#0b0c12),#0b0c12 85%);box-shadow:inset 0 0 0 2px var(--area),inset 0 0 12px #000a,0 0 0 3px #0d0c12;transition:transform .12s ease-out,box-shadow .12s ease-out}.hotbar-slot:hover,.hotbar-slot:focus-visible{outline:0;transform:translateY(-3px);color:#fff;background:radial-gradient(circle at 50% 35%,var(--area-light) 0%,var(--area) 55%,#0b0c12 100%);box-shadow:inset 0 0 0 2px var(--area-light),0 0 0 3px #0d0c12,0 0 16px var(--area)}.hotbar-slot[data-locked]{color:#6e6a78;background:repeating-linear-gradient(135deg,#15131c 0,#15131c 6px,#1b1824 6px,#1b1824 12px);box-shadow:inset 0 0 0 1.5px #ffffff1f,inset 0 0 10px #000a,0 0 0 3px #0d0c12}.hotbar-slot[data-locked]>svg:first-child{opacity:.55}.hotbar-slot[data-locked]:hover,.hotbar-slot[data-locked]:focus-visible{color:#a8a4b4;background:repeating-linear-gradient(135deg,#1d1a26 0,#1d1a26 6px,#242030 6px,#242030 12px);box-shadow:inset 0 0 0 1.5px #c9a55a88,0 0 0 3px #0d0c12}.ability-tip{position:absolute;left:50%;bottom:calc(100% + 16px);transform:translate(-50%,4px);width:240px;display:flex;flex-direction:column;gap:4px;padding:10px 12px;border-radius:8px;text-align:left;pointer-events:none;background:linear-gradient(180deg,#1d1a26,#0d0c12);box-shadow:inset 0 0 0 1.5px var(--gold),0 8px 24px #000c;opacity:0;visibility:hidden;transition:opacity .12s ease-out,transform .12s ease-out}.hotbar-slot:hover .ability-tip,.hotbar-slot:focus-visible .ability-tip,.ability-slot[data-locked]:hover .ability-tip,.ability-slot[data-locked]:focus-visible .ability-tip{opacity:1;visibility:visible;transform:translate(-50%)}.ability-tip-kind{font-family:var(--font-game);font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--area-light)}.hotbar-slot[data-locked] .ability-tip-kind,.ability-slot[data-locked] .ability-tip-kind{color:#8f8a9c}.locked-abilities .ability-tip{left:auto;right:-8px;transform:translateY(4px)}.locked-abilities .ability-slot:hover .ability-tip,.locked-abilities .ability-slot:focus-visible .ability-tip{transform:none}.ability-slot[data-locked]:focus-visible{outline:2px solid var(--gold-bright);outline-offset:2px}.ability-tip-name{font-family:var(--font-game);font-size:15px;color:var(--gold-bright)}.ability-tip-desc{font-size:13px;line-height:19px;color:#eeeae0}.ability-tip-unlock{display:flex;align-items:center;gap:6px;margin-top:4px;padding-top:6px;border-top:1px solid #ffffff14;font-size:12px;color:var(--gold)}@media(prefers-reduced-motion:reduce){.hotbar-slot,.ability-tip{transition:none}}.controls{position:absolute;right:88px;bottom:40px;display:flex;align-items:center;gap:14px;font-size:12px;color:#eeeae0cc}.controls span{display:flex;align-items:center;gap:6px;white-space:nowrap}.controls kbd{padding:3px 6px;font-size:11px;color:#eeeae0;background:#0b0c12cc;outline:1px solid #eeeae040;outline-offset:-.5px}.quest-tracker{right:28px;top:28px;width:300px;display:flex;flex-direction:column;gap:12px;padding:16px}.quest-head{display:flex;flex-direction:column;gap:8px;padding-bottom:12px;border-bottom:1px solid #c9a55a40}.quest-title-row{display:flex;align-items:center;gap:8px}.quest-title{flex:1;min-width:0;font-family:var(--font-game);font-size:13px;letter-spacing:1px;color:var(--gold-bright)}.quest-progress{font-size:11px;font-weight:700;color:#c9c3b3}.quest-seal{padding:3px 6px 2px;border-radius:4px;font-family:var(--font-game);font-size:11px;line-height:14px;letter-spacing:1px;color:var(--ink);background:linear-gradient(180deg,#ffe08a,#c9a55a);box-shadow:0 2px #00000080}.quest-bar{display:block;height:3px;border-radius:2px;background:#ffffff14;overflow:hidden}.quest-bar-fill{display:block;height:100%;background:linear-gradient(90deg,#c9a55a,#ffe08a);transition:width .4s ease-out}.quest-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.quest-obj{display:flex;align-items:flex-start;gap:10px;padding:7px 8px;border-radius:6px}.quest-box{flex-shrink:0;width:14px;height:14px;margin-top:2px;border-radius:3px;display:grid;place-items:center;outline:1.5px solid #ffffff26;outline-offset:-.75px}.quest-text{flex:1;display:flex;flex-direction:column;gap:3px;font-size:13px;line-height:18px;color:#7c7d8e}.quest-hint{font-size:12px;line-height:16px;color:#7fd4ff}.quest-obj[data-state=current]{background:#c9a55a1f;outline:1px solid #c9a55a4d;outline-offset:-.5px}.quest-obj[data-state=current] .quest-box{outline-color:var(--gold)}.quest-obj[data-state=current] .quest-box:before{content:"";width:6px;height:6px;border-radius:1px;background:var(--gold-bright)}.quest-obj[data-state=current] .quest-text{color:#f4efe2}.quest-obj[data-state=current] .quest-name{font-weight:700}.quest-obj[data-state=done] .quest-box{background:var(--gold);outline-color:var(--gold);color:var(--ink)}.quest-obj[data-state=done] .quest-name{color:#6e6f80;text-decoration:line-through;text-decoration-color:#6e6f8099}.quest-tracker[data-celebrate]{animation:quest-glow .9s ease-out}@keyframes quest-glow{35%{box-shadow:0 1px #ffe6a61f,0 6px #0009,0 0 26px 6px #ffe08a99}}.quest-obj[data-fresh] .quest-box{animation:quest-check .56s cubic-bezier(.34,1.56,.64,1)}.quest-obj[data-fresh] .quest-box svg{animation:quest-tick .32s .18s ease-out both}@keyframes quest-check{0%{transform:scale(.6);box-shadow:0 0 #ffe08a00}45%{transform:scale(1.35);box-shadow:0 0 12px 3px #ffe08acc}to{transform:scale(1);box-shadow:0 0 #ffe08a00}}@keyframes quest-tick{0%{opacity:0;transform:scale(.3) rotate(-20deg)}}.tutorial-tip{position:absolute;top:28px;left:50%;transform:translate(-50%);width:500px;display:flex;align-items:center;gap:14px;padding:12px 16px;background:#0b0c12e6;border-radius:10px;outline:1.5px solid #7fd4ff99;outline-offset:-.75px;box-shadow:0 6px #0009}.tip-icon{flex-shrink:0;width:40px;height:40px;border-radius:20px;display:grid;place-items:center;background:#7fd4ff1f;outline:1.5px solid #7fd4ff;outline-offset:-.75px}.tip-text{flex:1;display:flex;flex-direction:column;gap:3px}.tip-title{font-family:var(--font-game);font-size:10px;letter-spacing:1px;color:#7fd4ff}.tip-body{font-size:12px;line-height:17px;color:#e6e2d8}.tip-dismiss{flex-shrink:0;padding:6px 10px;border-radius:6px;border:0;cursor:pointer;background:transparent;outline:1px solid #ffffff26;outline-offset:-.5px;font-size:11px;font-weight:600;color:#cfcbd8}.tip-dismiss:hover{background:#ffffff0f}.tip-dismiss:focus-visible{outline:2px solid var(--gold-bright)}.interact-prompt{position:absolute;transform:translate(-50%,calc(-100% - 8px));display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 14px;background:#0b0c12e8;outline:2px solid #7fd4ff99;outline-offset:-1px;box-shadow:0 2px #ffffff14,0 6px #00000080;animation:hud-fade-in .18s ease-out}.ip-row{display:flex;align-items:center;gap:8px}.ip-name{font-family:var(--font-game);font-size:13px;letter-spacing:1px;color:#bde9ff;white-space:nowrap}.ip-sub{font-size:11px;color:#a3a3b3;white-space:nowrap}.ip-action{display:flex;align-items:center;gap:8px;padding-top:4px;font-size:12px;font-weight:600;color:#eeeae0}.ip-key{padding:2px 7px;background:#e8a33d;color:#0d0e13;font-size:12px}.interact-prompt[data-kind=fogueira]{outline-color:#ffe08a99}.interact-prompt[data-kind=fogueira] .ip-name{color:#ffe08a}.interact-prompt[data-kind=bau]{outline-color:#c07a3e99}.interact-prompt[data-kind=bau] .ip-name{color:#e3a96a}.ip-icon{margin:-5px 0;image-rendering:pixelated}.hud-pill{position:absolute;top:40px;right:32px;display:flex;align-items:center;gap:8px;padding:8px 14px;background:#0b0c12b3;border:0;border-radius:16px;outline:1px solid #ffffff26;outline-offset:-.5px;font-size:12px;color:#cfcbd8;cursor:pointer}.hud-pill:hover{background:#0b0c12e6;color:#eeeae0}.hud-pill:focus-visible{outline:2px solid var(--gold-bright)}.menu-btn[data-active]{box-shadow:0 4px #0009,0 0 0 2px #0d0c12,0 0 0 4px var(--gold-bright),0 0 16px #ffc65a88}.menu-btn{position:absolute;left:28px;bottom:28px;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--gold);background:radial-gradient(circle at 50% 35%,#2a2534,#0d0c12 75%);color:var(--gold-bright);box-shadow:0 4px #0009;cursor:pointer;transition:box-shadow .16s ease-out}.menu-btn:hover{box-shadow:0 4px #0009,0 0 14px 2px #ffe08a66}.menu-btn:focus-visible{outline:2px solid var(--gold-bright);outline-offset:3px}.menu-btn:after{content:"Menu (Esc)";position:absolute;left:50%;bottom:calc(100% + 10px);transform:translate(-50%);z-index:2;padding:4px 8px;border-radius:6px;white-space:nowrap;background:#0b0c12f2;outline:1px solid var(--gold);outline-offset:-.5px;font:11px var(--font-ui);color:#eeeae0;opacity:0;pointer-events:none;transition:opacity .12s ease-out}.menu-btn:hover:after,.menu-btn:focus-visible:after{opacity:1}.bottom-shade{position:absolute;left:0;right:0;bottom:0;height:420px;background:linear-gradient(180deg,#0b0c1200,#0b0c12e6 60%,#0b0c12)}.quest-toast{position:absolute;left:32px;top:32px;display:flex;align-items:center;gap:12px;padding:12px 18px;background:#0d0c12e6;border-radius:10px;outline:2px solid var(--gold);outline-offset:-1px;box-shadow:0 4px #0009;animation:hud-fade-in .4s ease-out}.qt-icon{width:36px;height:36px;border-radius:18px;display:grid;place-items:center;background:var(--gold-bright)}.qt-text{display:flex;flex-direction:column;gap:3px;white-space:nowrap}.qt-kicker{font-family:var(--font-game);font-size:10px;letter-spacing:2px;color:var(--gold)}.qt-title{font-size:14px;font-weight:700;color:#f4efe2}.qt-desc{font-size:11px;color:#a3a3b3}.dlg{position:absolute;left:50%;bottom:34px;transform:translate(-50%);width:min(1120px,calc(100% - 64px));display:flex;align-items:flex-start;gap:20px;padding:24px;cursor:pointer;background:linear-gradient(180deg,#1d1a26f7,#0d0c12f7);border-radius:12px;outline:2px solid var(--gold);outline-offset:-1px;box-shadow:0 8px 24px #000a}.dlg-portrait{flex-shrink:0;display:block;width:112px;height:112px;border-radius:10px;overflow:hidden;background:radial-gradient(circle at 50% 40%,#2a2340,#0b0c12 75%);outline:2px solid var(--gold);outline-offset:-1px;image-rendering:pixelated}.dlg-portrait canvas{display:block}.dlg-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:12px}.dlg-speaker{display:flex;align-items:center;gap:10px}.dlg-name{font-family:var(--font-game);font-size:16px;letter-spacing:2px;color:var(--gold-bright);white-space:nowrap}.dlg-role{font-size:11px;color:#8a8a99;white-space:nowrap}.dlg-line{font-size:15px;line-height:23px;color:#f4efe2;min-height:46px}.dlg[data-speaker=narrador] .dlg-line{font-style:italic;color:#cfcbd8}.dlg-rest{visibility:hidden}.dlg-replies{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.dlg-reply{width:100%;display:flex;align-items:center;gap:10px;padding:9px 12px;border:0;border-radius:6px;cursor:pointer;text-align:left;background:#ffffff06;outline:1px solid #ffffff14;outline-offset:-.5px;font-size:13px;color:#cfcbd8}.dlg-reply .dlg-chevron{color:#6e6f80}.dlg-reply[data-suggested=true],.dlg-reply:hover,.dlg-reply:focus-visible{background:#c9a55a26;outline:1.5px solid var(--gold-bright);outline-offset:-.75px;color:var(--gold-bright)}.dlg-reply[data-suggested=true]{font-weight:600}.dlg-reply:focus-visible{outline:2px solid var(--gold-bright);outline-offset:2px}.dlg-reply[data-suggested=true] .dlg-chevron,.dlg-reply:hover .dlg-chevron{color:var(--gold-bright)}.dlg-key{font-family:var(--font-game);font-size:11px;color:var(--gold)}.dlg-reply-text{flex:1}.dlg-next{align-self:flex-end;display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:8px;border:1px solid var(--gold);background:#1d1a26;color:var(--gold-bright);font:600 12px var(--font-ui);cursor:pointer}.dlg-next:hover{background:#2a2433}.dlg-next:focus-visible{outline:2px solid var(--gold-bright);outline-offset:2px}.dlg-next kbd{font:11px var(--font-game);padding:1px 5px;border-radius:3px;background:#2a2433;color:var(--gold);border:1px solid #4a4050}.dlg-tag{display:flex;align-items:center;gap:4px;padding:3px 8px;border-radius:10px;background:#ffffff0a;outline:1px solid #ffffff1f;outline-offset:-.5px;font-size:10px;font-weight:700;color:#8a8a99;white-space:nowrap}.dlg-compact{top:28px;bottom:auto;width:min(600px,calc(100% - 820px));min-width:320px;gap:14px;padding:14px 18px;animation:hud-fade-in .2s ease-out}.dlg-compact .dlg-portrait{width:64px;height:64px;border-radius:8px}.dlg-compact .dlg-body{gap:6px}.dlg-compact .dlg-name{font-size:13px}.dlg-compact .dlg-line{font-size:14px;line-height:20px;min-height:0}.hud-toast{position:absolute;left:50%;bottom:124px;transform:translate(-50%);padding:10px 16px;background:#0b0c12e8;border-radius:10px;outline:1.5px solid #c9a55a99;outline-offset:-.75px;box-shadow:0 4px #0009;font-size:13px;color:#eeeae0;white-space:nowrap;animation:hud-fade-in .18s ease-out}.hud-toast.fala-destino{top:calc(50% + 18px);bottom:auto;max-width:min(620px,calc(100% - 32px));padding:12px 24px 13px;background:linear-gradient(180deg,#fff3cc,#f1d58e 55%,#d9b25e);border-radius:8px;outline:2px solid #7a5520;outline-offset:-1px;box-shadow:inset 0 0 0 3px #fff6d499,0 5px #3a260c,0 0 28px #ffd98a66;font-family:var(--font-game);font-size:18px;line-height:24px;letter-spacing:.5px;color:var(--ink);text-align:center;white-space:normal;text-wrap:balance;animation:fala-destino .26s ease-out}.hud-toast.fala-destino:before{content:"";position:absolute;left:calc(50% - 7px);top:-8px;width:14px;height:14px;transform:rotate(45deg);background:#fff3cc;border:solid #7a5520;border-width:2px 0 0 2px}@keyframes fala-destino{0%{opacity:0;transform:translate(-50%,-10px)}}@media(prefers-reduced-motion:reduce){.hud-toast.fala-destino{animation:none}}.pause-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:grid;place-items:center;background:#05060acc;animation:hud-fade-in .16s ease-out}.hud .toast{z-index:3}.pause-menu{position:relative;width:320px;display:flex;flex-direction:column;gap:10px;padding:28px 24px 24px}.pause-title{padding-bottom:8px;text-align:center;font-family:var(--font-game);font-size:22px;letter-spacing:3px;color:var(--gold-bright)}.pause-btn{padding:11px 16px;border:0;border-radius:8px;cursor:pointer;background:#ffffff06;outline:1px solid #ffffff1f;outline-offset:-.5px;font-size:14px;font-weight:600;color:#cfcbd8}.pause-btn[data-primary]{background:#c9a55a26;outline:1.5px solid var(--gold);color:var(--gold-bright)}.pause-btn:hover{background:#c9a55a26;color:var(--gold-bright)}.pause-sound{display:flex;align-items:center;justify-content:center;gap:8px}.pause-volume{display:grid;grid-template-columns:1fr auto;gap:8px;padding:4px 2px 6px;font-size:13px;font-weight:600;color:#cfcbd8}.pause-volume[data-disabled]{opacity:.45}.pause-volume input{grid-column:1 / -1;width:100%;height:18px;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}.pause-volume input[aria-disabled=true]{cursor:not-allowed}.pause-volume input:focus-visible{outline:2px solid var(--gold-bright);outline-offset:3px;border-radius:4px}.pause-volume input::-webkit-slider-runnable-track{height:6px;border-radius:3px;box-shadow:inset 0 0 0 1px #ffffff1f;background:linear-gradient(to right,var(--gold) var(--fill),#05060a var(--fill))}.pause-volume input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;margin-top:-5px;border-radius:50%;background:var(--gold-bright);border:2px solid #1a120b}.pause-volume input::-moz-range-track{height:6px;border-radius:3px;background:#05060a;box-shadow:inset 0 0 0 1px #ffffff1f}.pause-volume input::-moz-range-progress{height:6px;border-radius:3px;background:var(--gold)}.pause-volume input::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--gold-bright);border:2px solid #1a120b}.pause-btn:focus-visible{outline:2px solid var(--gold-bright);outline-offset:2px}.pause-question{text-align:center;font-family:var(--font-game);font-size:18px;letter-spacing:1px;color:var(--gold-bright)}.pause-note{padding-bottom:8px;text-align:center;font-size:13px;line-height:19px;color:#cfcbd8}.pause-btn[data-danger]{background:#d9534f1a;outline:1.5px solid #d9534f99;color:#f08a86}.pause-btn[data-danger]:hover{background:#d9534f33;outline-color:#e8716d;color:#ffb3b0}.pause-group{display:flex;flex-direction:column;gap:8px;margin:4px 0;padding:12px 12px 8px;border-radius:10px;background:#0003;box-shadow:inset 0 0 0 1px #c9a55a40}.pause-group-title{margin:0;font-family:var(--font-game);font-size:11px;letter-spacing:2px;color:var(--gold)}.rune-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;background:#05060a8c;animation:hud-fade-in .16s ease-out}.rune-panel{position:absolute;left:50%;bottom:28px;transform:translate(-50%);width:min(1376px,calc(100% - 64px));display:flex;flex-direction:column;gap:18px;padding:20px 24px;background:linear-gradient(180deg,#1d1a26f2,#0d0c12f2);border-radius:10px;outline:2px solid var(--area);outline-offset:-1px;box-shadow:0 1px #ffe6a61f,0 6px #0009,0 0 36px color-mix(in srgb,var(--area) 28%,transparent);animation:rune-rise .22s ease-out}.rune-panel:focus{outline:2px solid var(--area)}.rune-panel .orn{filter:drop-shadow(0 0 4px color-mix(in srgb,var(--area) 60%,transparent))}.rune-head{display:flex;align-items:center;gap:20px}.rune-title{display:flex;align-items:center;gap:8px;font-family:var(--font-game);font-size:13px;letter-spacing:2px;color:var(--area-light);white-space:nowrap}.rune-close{display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;border-radius:6px;cursor:pointer;background:#ffffff08;outline:1px solid #ffffff1f;outline-offset:-.5px;color:var(--text-secondary)}.rune-close:hover{color:var(--text-primary);background:#ffffff14}.rune-stem{font-size:19px;line-height:29px;color:var(--text-primary)}.rune-muted{color:var(--text-muted)}.rune-choices{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.rune-choice{position:relative;display:flex;align-items:center;gap:12px;padding:12px 14px;border:0;border-radius:8px;cursor:pointer;text-align:left;background:#ffffff08;outline:2px solid #c9a55a55;outline-offset:-1px;box-shadow:0 4px #0009;font-size:16px;line-height:21px;color:var(--text-primary);transition:background-color .12s ease-out,outline-color .12s ease-out,transform .12s ease-out}.rune-choice:hover:not(:disabled),.rune-choice:focus-visible{background:color-mix(in srgb,var(--area) 18%,transparent);outline-color:var(--area);box-shadow:0 4px color-mix(in srgb,var(--area) 40%,#000)}.rune-choice:focus-visible{outline-width:3px}.rune-choice:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px #0009}.rune-choice[aria-disabled=true]{cursor:default}.rune-key{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:6px;background:#1e212c;outline:1px solid #eeeae040;outline-offset:-.5px;font-size:15px;color:var(--text-primary)}.rune-choice:hover:not(:disabled) .rune-key,.rune-choice:focus-visible .rune-key{background:var(--area);color:#0d0e13}.rune-choice-text{flex:1;min-width:0}.rune-choice[data-state=wrong]{opacity:.5;outline-color:#e86a6a66}.rune-choice[data-state=wrong] .rune-choice-text{text-decoration:line-through;text-decoration-color:#e86a6a}.rune-choice[data-state=wrong] .rune-key{background:transparent;color:var(--error);outline-color:#e86a6a66}.rune-choice[data-state=right]{background:#8fe0a81f;outline-color:var(--ok);box-shadow:0 4px #2f7a3e}.rune-choice[data-state=right] .rune-key{background:var(--ok);color:#0d0e13}.rune-right-icon{flex:none;color:var(--ok)}.rune-feedback{display:flex;flex-direction:column;gap:6px;padding:12px 16px;border-radius:8px;font-size:15px;line-height:22px;color:#e6e2d8;background:#ffffff06;border-left:3px solid var(--gold);animation:hud-fade-in .18s ease-out}.rune-feedback[data-tone=retry]{border-left-color:var(--gold-bright)}.rune-feedback[data-tone=ok]{border-left-color:var(--ok);background:#8fe0a80f}.rune-feedback[data-tone=error]{border-left-color:var(--error);flex-direction:row;align-items:center;justify-content:space-between}.rune-feedback-title{font-family:var(--font-game);font-size:15px;letter-spacing:1px;color:var(--gold-bright)}.rune-feedback[data-tone=ok] .rune-feedback-title{color:var(--ok)}.rune-btn{padding:8px 14px;border:0;border-radius:8px;cursor:pointer;background:#ffffff0a;outline:1px solid #ffffff2a;font-size:13px;font-weight:600;color:var(--text-primary)}.rune-light{align-self:flex-end;margin-top:6px;padding:10px 26px;border:0;border-radius:22px;cursor:pointer;background:linear-gradient(180deg,#ffe08a,#c9a55a);outline:2px solid #ffe08a;outline-offset:-1px;box-shadow:0 4px #6b4f1d;font-family:var(--font-game);font-size:18px;letter-spacing:1px;color:#0d0e13}.rune-light:hover{filter:brightness(1.08)}.rune-light:active{transform:translateY(2px);box-shadow:0 2px #6b4f1d}.rune-light:focus-visible,.rune-close:focus-visible,.rune-btn:focus-visible{outline:2px solid var(--gold-bright);outline-offset:2px}@keyframes rune-rise{0%{opacity:0;transform:translate(-50%,12px)}}@keyframes hud-fade-in{0%{opacity:0}}@media(prefers-reduced-motion:reduce){.interact-prompt,.quest-toast,.hud-toast,.pause-backdrop,.rune-backdrop,.rune-feedback{animation-duration:.1s}.rune-panel{animation:hud-fade-in .1s ease-out}.rune-choice{transition:none}.quest-obj[data-fresh] .quest-box,.quest-obj[data-fresh] .quest-box svg,.quest-tracker[data-celebrate]{animation:none}.quest-bar-fill{transition:none}.player-panel[data-gaining],.level-up{animation:none}.player-panel[data-gaining] .xp-fill:after{content:none}.meter-flash{animation:none}}.area-banner{position:absolute;left:50%;top:124px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 44px 16px;pointer-events:none;text-align:center;white-space:nowrap;background:linear-gradient(#141220f5,#07070bf5);border:2px solid var(--gold);border-radius:10px;outline:1px solid #c9a55a55;outline-offset:4px;box-shadow:0 6px #000000a6,0 0 32px #000c;animation-name:area-banner;animation-timing-function:ease-out;animation-fill-mode:forwards}.area-banner:before,.area-banner:after{content:"";position:absolute;left:calc(50% - 7px);width:14px;height:14px;transform:rotate(45deg);background:radial-gradient(#fff0c2,#b8862e);border:1.5px solid #2a1d10}.area-banner:before{top:-9px}.area-banner:after{bottom:-9px}.ab-area{font-family:var(--font-game);font-size:13px;letter-spacing:4px;color:var(--gold);text-shadow:0 2px 0 #000}.ab-rule{width:220px;height:2px;background:linear-gradient(90deg,#c9a55a00,var(--gold),#c9a55a00)}.ab-hint{font-family:var(--font-game);font-weight:400;font-size:30px;letter-spacing:2px;color:var(--gold-bright);text-shadow:3px 3px 0 #5a3a14,0 0 18px #ffb84d55}@keyframes area-banner{0%{opacity:0;transform:translate(-50%,10px)}12%{opacity:1;transform:translate(-50%)}80%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-6px)}}@media(prefers-reduced-motion:reduce){@keyframes area-banner{0%,88%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%)}}}.player-coins{flex-shrink:0;display:inline-flex;align-items:center;gap:3px;font-family:var(--font-game);font-size:13px;color:#e3a96a;white-space:nowrap}.player-coins img{margin:-9px 0;image-rendering:pixelated}.player-coins[data-gaining]{animation:coin-pulse .24s ease-out infinite alternate}@keyframes coin-pulse{to{transform:scale(1.12);filter:drop-shadow(0 0 6px #e8a33d)}}.coin-fly i{width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#ffd9a0,#c07a3e 55%,#6b3c17);box-shadow:0 0 0 1px #2a1508,0 0 8px 2px #e8a33d99}.chest-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:grid;place-items:start center;padding-top:16vh;background:#05060a8c;animation:hud-fade-in .16s ease-out}.chest-panel{width:360px;padding-bottom:16px;text-align:center;background:#0b0a08f5;border:1px solid #8a5a2b;box-shadow:0 0 0 1px #000,inset 0 0 0 1px #3a2412,0 12px 32px #000c;animation:chest-pop .18s ease-out}.chest-head{position:relative;padding:9px 28px;border-bottom:1px solid #8a5a2b;background:linear-gradient(180deg,#2e1f12,#150e08)}.chest-head:before,.chest-head:after{content:"";position:absolute;top:calc(50% - 4px);width:8px;height:8px;transform:rotate(45deg);background:#c07a3e;box-shadow:0 0 0 1px #2a1508}.chest-head:before{left:10px}.chest-head:after{right:10px}.hud .chest-kicker{font-family:var(--font-game);font-size:14px;letter-spacing:3px;text-transform:uppercase;color:#c07a3e}.chest-item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 20px 12px}.chest-icon{image-rendering:pixelated;filter:drop-shadow(0 0 10px #e8a33d55)}.hud .chest-name{font-family:var(--font-game);font-size:20px;letter-spacing:1px;color:#d8cfb8}.hud .chest-flavor{margin:0 24px;padding-top:10px;border-top:1px solid #8a5a2b66;font-size:14px;font-style:italic;color:#a3764a}.hud .chest-error{margin:10px 24px 0;font-size:13px;color:var(--error)}.chest-actions{display:flex;justify-content:center;gap:12px;padding:16px 20px 0}.chest-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border:0;border-radius:2px;cursor:pointer;background:#1a120b;outline:1px solid #8a5a2b;font-family:var(--font-game);font-size:15px;color:#d8cfb8}.chest-btn kbd{padding:1px 6px;background:#2a1c10;outline:1px solid #8a5a2b;font-size:12px;color:#e8b070}.chest-take{background:linear-gradient(180deg,#5a3a1a,#2e1d0d);outline-color:#c07a3e;color:#ffe7c2}.chest-btn:hover:not(:disabled){filter:brightness(1.2)}.chest-btn:focus-visible{outline:2px solid #ffe08a;outline-offset:2px}.chest-btn:disabled{opacity:.6;cursor:default}@keyframes chest-pop{0%{opacity:0;transform:scale(.96)}}@media(prefers-reduced-motion:reduce){.chest-backdrop{animation-duration:.1s}.chest-panel,.player-coins[data-gaining]{animation:none}}.cutscene-dlg{cursor:default;pointer-events:none;animation:hud-fade-in .24s ease-out}.hp-bar span[data-off]{background:#2a2f36}.battle-side{position:absolute;right:20px;top:20px;width:236px;display:flex;flex-direction:column;gap:8px}.enemy-panel{position:relative;display:flex;flex-direction:column;padding:8px}.enemy-group{margin:0 0 6px;font-family:var(--font-game);font-size:12px;letter-spacing:1px;color:#e8a33d;text-align:center}.enemy-list{display:flex;flex-direction:column;gap:5px}.enemy-row{display:flex;gap:8px;align-items:center;width:100%;padding:4px 6px;border:0;border-radius:6px;cursor:pointer;text-align:left;color:inherit;font:inherit;background:#0b0c1299;outline:1.5px solid #ffffff1a;outline-offset:-.75px}.enemy-row[data-boss]{padding:6px}.enemy-row[aria-checked=true]{outline:2px solid var(--gold-bright);box-shadow:0 0 10px #ffc65a55;background:#1d1a26}.enemy-row:focus-visible{outline:2px solid var(--gold-bright);outline-offset:2px}.enemy-row:disabled,.enemy-row[aria-disabled=true]{cursor:default}.enemy-row[aria-disabled=true] .enemy-portrait img,.enemy-row[aria-disabled=true] .enemy-info{opacity:.55}.enemy-row[data-dead] .enemy-portrait img{filter:grayscale(1);opacity:.3}.enemy-row[data-dead] .enemy-info{opacity:.35}.enemy-portrait{position:relative;flex-shrink:0;border-radius:6px;background:#0b0c12;outline:2px solid var(--area);outline-offset:-1px}.enemy-portrait img{display:block;border-radius:6px;image-rendering:pixelated}.enemy-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.enemy-name{font-family:var(--font-game);font-size:11px;color:#eeeae0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:36px}.enemy-row[data-boss] .enemy-name{font-size:13px}.enemy-area{font-size:10px;line-height:12px;color:var(--area)}.enemy-hp{position:relative;display:flex;gap:1px;height:7px;padding:1px;background:#000;border-radius:5px}.enemy-row[data-boss] .enemy-hp{height:9px}.enemy-hp span:not(.enemy-hp-val){flex:1;background:#d96c52;border-radius:2px}.enemy-hp span[data-off]{background:#2a2f36}.enemy-hp-val{position:absolute;right:0;top:-28px;font-family:var(--font-game);font-size:10px;color:#cfcbd8}.enemy-chip-icon{position:absolute;right:2px;bottom:2px;color:#eeeae0;background:#0b0c12cc;border-radius:4px;padding:1px}.battle-foot{position:absolute;left:50%;bottom:28px;transform:translate(-50%);width:max-content;max-width:calc(100% - 64px);display:flex;flex-direction:column;gap:14px}.turn-log ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px}.turn-log ol:empty{display:none}.turn-log li{padding:5px 9px;border-radius:6px;background:#0d0c12;outline:1px solid #ffffff14;outline-offset:-.5px;font-size:12px;line-height:16px;color:#eeeae0;animation:hud-fade-in .22s ease-out}.turn-log li:last-child{background:#16141d;outline-color:#c9a55a80;color:#f4efe2;font-weight:600}.turn-log li:nth-last-child(2){opacity:.75}.turn-log li:nth-last-child(3){opacity:.55}.turn-log li:nth-last-child(4){opacity:.4}.battle-bar{position:relative;display:flex;flex-direction:column;padding:10px 16px;background:radial-gradient(120% 90% at 50% 0%,color-mix(in srgb,var(--area) 14%,transparent) 0%,transparent 60%),linear-gradient(180deg,#221d2c,#121019);box-shadow:inset 0 0 0 5px #0d0c12,inset 0 0 0 6.5px color-mix(in srgb,var(--area) 80%,transparent),inset 0 0 40px #000a,0 6px #0009,0 0 36px color-mix(in srgb,var(--area) 22%,transparent)}.battle-actions{display:grid;grid-template-columns:auto auto auto;gap:12px;align-items:stretch}.combo-box{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:6px 12px;cursor:help;border-radius:10px;background:linear-gradient(180deg,#1a1722,#0d0c12);box-shadow:inset 0 0 0 1.5px #c9a55a55,inset 0 1px #ffffff10}.combo-box[data-ready]{box-shadow:inset 0 0 0 1.5px var(--gold-bright),0 0 16px #ffc65a66;animation:combo-ready 1.1s ease-in-out infinite alternate}@keyframes combo-ready{to{box-shadow:inset 0 0 0 1.5px var(--gold-bright),0 0 26px #ffc65aaa}}.combo-label{font-family:var(--font-game);font-size:11px;letter-spacing:2px;color:var(--gold);text-shadow:0 1px 0 #000}.combo-pips{display:flex;align-items:center;gap:9px}.combo-pip{width:13px;height:13px;transform:rotate(45deg);border-radius:3px;background:linear-gradient(135deg,#2a2536,#0d0c12);box-shadow:inset 0 0 0 1.5px #c9a55a66}.combo-pip[data-on]{background:radial-gradient(circle at 30% 30%,#fff6d0 0%,var(--gold-bright) 45%,#b8862e 100%);box-shadow:0 0 0 1.5px #0d0c12,0 0 10px #ffc65a}.battle-action{display:flex;align-items:center;gap:14px;padding:10px 16px 10px 10px;border:0;border-radius:10px;cursor:pointer;text-align:left;background:linear-gradient(180deg,#2a2536,#17151f);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--area) 55%,transparent),inset 0 1px #ffffff14,0 4px #000a;color:#eeeae0;font:600 16px var(--font-ui);transition:transform .12s ease-out,box-shadow .12s ease-out,background .12s ease-out}.battle-action:hover:not(:disabled),.battle-action:focus-visible{outline:0;transform:translateY(-2px);background:linear-gradient(180deg,color-mix(in srgb,var(--area) 30%,#2a2536),#17151f);box-shadow:inset 0 0 0 2px var(--area),inset 0 1px #fff2,0 6px color-mix(in srgb,var(--area) 35%,#000),0 0 18px color-mix(in srgb,var(--area) 35%,transparent)}.battle-action:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 0 0 1.5px var(--area),0 1px #000a}.battle-action:disabled{opacity:.45;cursor:default}.ability-slot{position:relative;flex-shrink:0;display:grid;place-items:center;width:50px;height:50px;border-radius:10px;color:var(--area-light, var(--area));background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--area) 45%,#0b0c12),#0b0c12 85%);box-shadow:inset 0 0 0 2px var(--area),inset 0 0 12px #000a,0 0 0 3px #0d0c12}.battle-action:hover:not(:disabled) .ability-slot,.battle-action:focus-visible .ability-slot{color:#fff;background:radial-gradient(circle at 50% 35%,var(--area-light) 0%,var(--area) 55%,#0b0c12 100%);box-shadow:inset 0 0 0 2px var(--area-light),0 0 0 3px #0d0c12,0 0 14px var(--area)}.ability-slot kbd{position:absolute;right:-6px;bottom:-6px;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:linear-gradient(180deg,#ffe08a,#c9a55a);color:#2a1a05;font-size:11px;line-height:1;box-shadow:0 0 0 2px #0d0c12}.locked-abilities{display:flex;align-items:center;gap:10px;margin:0;padding:0 2px 0 6px;list-style:none;border-left:1px solid #ffffff14}.ability-slot[data-locked]{width:34px;height:34px;margin-left:6px;color:#6e6a78;cursor:help;background:repeating-linear-gradient(135deg,#15131c 0,#15131c 6px,#1b1824 6px,#1b1824 12px);box-shadow:inset 0 0 0 1.5px #ffffff1f,inset 0 0 10px #000a,0 0 0 3px #0d0c12}.ability-slot[data-locked]>svg:first-child{opacity:.55;filter:grayscale(1)}.locked-badge{position:absolute;right:-5px;bottom:-5px;width:18px;height:18px;padding:3px;border-radius:50%;background:#2a2536;color:#cfcbd8;box-shadow:0 0 0 2px #0d0c12,inset 0 0 0 1px #ffffff26}.battle-action-text{display:flex;flex-direction:column;gap:3px;min-width:0}.battle-action-text>span:first-child{font-family:var(--font-game);font-size:17px;font-weight:400;letter-spacing:2px;text-transform:uppercase;color:var(--gold-bright);text-shadow:0 2px 0 #000}.battle-action small{font-size:13px;font-weight:500;color:var(--area-light, var(--text-secondary))}@media(prefers-reduced-motion:reduce){.combo-box[data-ready]{animation:none}.battle-action{transition:none}}.battle-status{display:flex;gap:10px;margin:0;padding:0;list-style:none}.status-slot{position:relative;display:flex;align-items:center;gap:10px;padding:6px 12px 6px 6px;border-radius:10px;cursor:help;background:linear-gradient(180deg,#221e2c,#14121b);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--area) 35%,transparent)}.status-slot .ability-slot{width:34px;height:34px}.status-slot .battle-action-text{flex-direction:row;align-items:center;gap:10px}.status-slot .battle-action-text>span:first-child{font-size:14px;white-space:nowrap}.status-slot small{font-size:13px;font-weight:600;color:var(--area-light, var(--text-secondary))}.status-slot[data-empty] .ability-slot{filter:grayscale(1);opacity:.55}.status-slot:focus-visible{outline:2px solid var(--gold-bright);outline-offset:2px}.status-slot:hover .ability-tip,.status-slot:focus-visible .ability-tip{opacity:1;visibility:visible;transform:translate(-50%)}.combo-box:focus-visible{outline:2px solid var(--gold-bright);outline-offset:2px}.combo-box .ability-tip{left:0;transform:translateY(4px)}.combo-box:hover .ability-tip,.combo-box:focus-visible .ability-tip{opacity:1;visibility:visible;transform:none}.use-pips{display:inline-flex;align-items:center;gap:7px;padding:3px 2px}.use-pips .combo-pip{width:10px;height:10px}.anchor-group{position:absolute;z-index:3;display:flex;gap:5px;width:max-content;transform:translate(-50%);padding:4px;border-radius:10px;background:#0d0c12d9;box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--area) 70%,transparent),0 6px 18px #000a;animation:anchor-in .12s ease-out}@keyframes anchor-in{0%{opacity:0;scale:.9}}.anchor-action{display:flex;align-items:center;gap:7px;min-height:34px;padding:3px 9px 3px 3px;border:0;border-radius:7px;cursor:pointer;text-align:left;white-space:nowrap;background:linear-gradient(180deg,#2a2536,#17151f);color:#eeeae0;font:600 14px var(--font-ui);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--area) 55%,transparent),0 3px #000a;transition:transform .12s ease-out,box-shadow .12s ease-out,background .12s ease-out}.anchor-action:hover:not(:disabled):not([aria-disabled]),.anchor-action:focus-visible{outline:0;transform:translateY(-2px);background:linear-gradient(180deg,color-mix(in srgb,var(--area) 30%,#2a2536),#17151f);box-shadow:inset 0 0 0 2px var(--area),0 5px color-mix(in srgb,var(--area) 35%,#000),0 0 16px color-mix(in srgb,var(--area) 35%,transparent)}.anchor-action:disabled,.anchor-action[aria-disabled]{opacity:.45;cursor:default}.anchor-action .ability-slot{width:28px;height:28px;border-radius:6px}.anchor-action .ability-slot kbd{width:17px;height:17px;font-size:10px;right:-5px;bottom:-5px}.anchor-action .battle-action-text>span:first-child{font-size:12px;letter-spacing:1.5px}.anchor-action small{font-size:12px;font-weight:500;color:var(--area-light, var(--text-secondary))}.anchor-action .use-pips{gap:5px;padding:0}.anchor-action .use-pips .combo-pip{width:8px;height:8px}@keyframes anchor-fade{0%{opacity:0}}@media(prefers-reduced-motion:reduce){.anchor-group{animation-name:anchor-fade}.anchor-action{transition:none}}@media(max-width:900px){.status-slot .battle-action-text>span:first-child,.anchor-action small{display:none}}.anchor-group[data-reacting]{flex-direction:column;gap:8px;padding:10px;border-radius:12px;background:linear-gradient(180deg,#2a0f14f2,#120a0ef2);box-shadow:inset 0 0 0 2px #d95353,0 0 22px #d9535366,0 8px 22px #000c}@keyframes revide-pulse{to{box-shadow:inset 0 0 0 2px #ff7a7a,0 0 34px #ff5a5aaa,0 8px 22px #000c}}@media(prefers-reduced-motion:no-preference){.anchor-group[data-reacting]{animation:anchor-in .12s ease-out,revide-pulse 1.1s ease-in-out .12s infinite alternate}}.revide-head{display:flex;align-items:center;gap:8px;margin:0;padding:0 2px;color:#ff6b6b;white-space:nowrap}.revide-title{font-family:var(--font-game);font-size:18px;letter-spacing:2px;text-transform:uppercase;text-shadow:0 2px 0 #000,0 0 10px #ff4d4d88}.revide-who{font-size:14px;font-weight:600;color:#ffc9c9}.revide-actions{display:flex;gap:8px}.revide-action{display:flex;align-items:center;gap:10px;min-height:48px;padding:5px 12px 5px 5px;border:0;border-radius:9px;cursor:pointer;text-align:left;white-space:nowrap;color:#eeeae0;font:600 14px var(--font-ui);box-shadow:inset 0 0 0 2px var(--area),0 3px #000a}.revide-action:focus-visible{outline:2px solid var(--gold-bright);outline-offset:2px}.revide-action:disabled{opacity:.45;cursor:default}.revide-action .ability-slot{width:38px;height:38px;border-radius:8px}.revide-text{display:flex;flex-direction:column;gap:2px}.revide-text>span{font-family:var(--font-game);font-size:15px;letter-spacing:2px;text-transform:uppercase;color:var(--gold-bright);text-shadow:0 2px 0 #000}.revide-text small{font-size:13px;font-weight:600;color:var(--area-light)}.revide-defend{background:linear-gradient(180deg,color-mix(in srgb,var(--area) 35%,#2a2536),#17151f)}.revide-defend:hover:not(:disabled){box-shadow:inset 0 0 0 2px var(--area-light),0 3px #000a,0 0 16px color-mix(in srgb,var(--area) 50%,transparent)}.revide-uses{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#cfcbd8}.revide-take{--area: #b04545;--area-light: #ff9e9e;background:linear-gradient(180deg,#4a1a1f,#24100f)}.revide-take:hover:not(:disabled){box-shadow:inset 0 0 0 2px #ff7a7a,0 3px #000a,0 0 16px #ff5a5a66}.battle-error{font-size:12px;color:var(--error);text-align:center}.battle-wait,.battle-loading{font-size:13px;color:var(--text-secondary);text-align:center}.battle-loading{position:absolute;left:50%;bottom:160px;transform:translate(-50%);padding:10px 16px;background:#0b0c12e8;border-radius:10px}.battle-failed{display:flex;align-items:center;gap:12px}.battle-question{width:min(1000px,calc(100% - 64px));gap:14px;padding:22px 28px 24px;background:radial-gradient(120% 90% at 50% 0%,color-mix(in srgb,var(--area) 16%,transparent) 0%,transparent 60%),linear-gradient(180deg,#221d2c,#121019);outline:2px solid var(--gold);outline-offset:-1px;box-shadow:inset 0 0 0 5px #0d0c12,inset 0 0 0 6.5px color-mix(in srgb,var(--area) 80%,transparent),inset 0 0 40px #000a,0 6px #0009,0 0 44px color-mix(in srgb,var(--area) 30%,transparent)}.battle-question:focus{outline:2px solid var(--gold)}.bq-corner{position:absolute;width:22px;height:22px;border:3px solid var(--gold-bright);pointer-events:none;filter:drop-shadow(0 0 3px #ffc65a88)}.bq-corner[data-at=tl]{left:3px;top:3px;border-right:0;border-bottom:0;border-top-left-radius:8px}.bq-corner[data-at=tr]{right:3px;top:3px;border-left:0;border-bottom:0;border-top-right-radius:8px}.bq-corner[data-at=bl]{left:3px;bottom:3px;border-right:0;border-top:0;border-bottom-left-radius:8px}.bq-corner[data-at=br]{right:3px;bottom:3px;border-left:0;border-top:0;border-bottom-right-radius:8px}.battle-backdrop{background:radial-gradient(ellipse at 50% 55%,#05060a55,#05060acc 75%);animation:hud-fade-in .22s ease-out}.battle-question{animation:bq-in .28s cubic-bezier(.2,.8,.2,1)}@keyframes bq-in{0%{opacity:0;transform:translate(-50%,18px) scale(.97)}}.bq-corner{animation:bq-corner-in .22s .14s cubic-bezier(.2,.8,.2,1) backwards}.bq-corner[data-at=tl]{transform-origin:top left}.bq-corner[data-at=tr]{transform-origin:top right}.bq-corner[data-at=bl]{transform-origin:bottom left}.bq-corner[data-at=br]{transform-origin:bottom right}@keyframes bq-corner-in{0%{opacity:0;transform:scale(.4)}}.bq-choice{animation:bq-choice-in .2s calc(.18s + var(--i, 0) * 45ms) ease-out backwards}@keyframes bq-choice-in{0%{opacity:0;transform:translateY(8px)}}.battle-backdrop[data-leaving]{animation:bq-fade-out .2s ease-in forwards;pointer-events:none}.battle-backdrop[data-leaving] .battle-question{animation:bq-out .2s cubic-bezier(.4,0,1,1) forwards}@keyframes bq-out{to{opacity:0;transform:translate(-50%,-10px) scale(.99)}}@keyframes bq-fade-out{to{opacity:0}}@media(prefers-reduced-motion:reduce){.battle-backdrop,.battle-question,.bq-corner,.bq-choice{animation:hud-fade-in .1s ease-out}.battle-backdrop[data-leaving],.battle-backdrop[data-leaving] .battle-question{animation:bq-fade-out .1s ease-out forwards}}.bq-medal{flex:none;border-radius:50%;image-rendering:pixelated;background:#0b0c12;outline:2px solid var(--gold);outline-offset:1px;box-shadow:0 0 0 4px #0d0c12,0 0 0 5.5px var(--area),0 0 16px color-mix(in srgb,var(--area) 50%,transparent)}.bq-title{flex-direction:column;align-items:flex-start;gap:4px}.bq-action{display:inline-flex;align-items:center;gap:8px;font-size:20px;letter-spacing:3px;color:var(--gold-bright);text-shadow:0 2px 0 #000,0 0 12px #ffc65a66}.bq-target{font-size:11px;letter-spacing:2px;color:var(--area-light)}.battle-tools{display:flex;gap:8px;margin-left:auto}.battle-tools .rune-btn{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-radius:17px;outline:0;font-family:var(--font-game);font-size:13px;letter-spacing:1px;color:#eeeae0;background:linear-gradient(180deg,#3a3348,#1e1a28);box-shadow:inset 0 1px #ffffff26,inset 0 0 0 1.5px color-mix(in srgb,var(--area) 60%,transparent),0 3px #000c;transition:transform .1s ease-out,filter .1s ease-out}.battle-tools .rune-btn:first-child{color:#2a1a05;background:linear-gradient(180deg,#ffe08a,#d9a441);box-shadow:inset 0 1px #fff6d0,inset 0 0 0 1.5px #ffe9a8,0 3px #6b4f1d,0 0 12px #ffc65a44}.battle-tools .rune-btn:first-child svg{filter:drop-shadow(0 0 3px #fff3c0)}.battle-tools .rune-btn[aria-label]{width:34px;padding:0;justify-content:center;border-radius:50%}.battle-tools .rune-btn:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.12)}.battle-tools .rune-btn:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 1px #ffffff26,0 1px #000c}.battle-tools .rune-btn:disabled{filter:grayscale(.8) brightness(.7)}.battle-tools kbd{padding:0 5px;border-radius:4px;background:#2a1a0526;outline:1px solid #2a1a0555;font-size:10px;line-height:16px}.battle-question .bq-result{--tone: var(--gold-bright);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:16px 20px;border:0;border-radius:10px;position:relative;background:linear-gradient(90deg,color-mix(in srgb,var(--tone) 16%,#16141d),#16141d 55%);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--tone) 55%,transparent),inset 0 1px #ffffff14,0 3px #0008}.battle-question .bq-result[data-tone=ok]{--tone: var(--ok);background:linear-gradient(90deg,color-mix(in srgb,var(--ok) 16%,#16141d),#16141d 55%)}.bq-seal{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;color:#0d0e13;background:radial-gradient(circle at 35% 30%,#ffffffcc 0%,var(--tone) 45%,color-mix(in srgb,var(--tone) 55%,#000) 100%);box-shadow:0 0 0 3px #0d0c12,0 0 0 4.5px var(--tone),0 0 18px color-mix(in srgb,var(--tone) 60%,transparent);animation:bq-seal-pop .36s cubic-bezier(.34,1.56,.64,1)}@keyframes bq-seal-pop{0%{transform:scale(.3) rotate(-30deg);opacity:0}}.bq-result-body{display:flex;flex-direction:column;gap:8px;min-width:0}.battle-question .bq-result .rune-feedback-title{font-size:17px;color:var(--tone);text-shadow:0 2px 0 #000}.bq-note{padding:8px 12px;border-radius:6px;background:#00000040;font-size:14px;line-height:21px;color:#d8d3c6}.bq-note strong{color:var(--gold-bright)}.bq-explain{display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:23px;color:#eeeae0;text-wrap:pretty}.bq-explain-icon{flex:none;margin-top:3px;color:var(--tone)}.battle-question .bq-continue{align-self:end;margin:0;display:inline-flex;align-items:center;gap:6px;padding:10px 18px 10px 24px}@media(prefers-reduced-motion:reduce){.bq-seal{animation:none}}.rune-medal{display:grid;place-items:center;width:52px;height:52px;color:var(--area-light);background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--area) 45%,#0b0c12),#0b0c12 85%)}.battle-question .rune-close{margin-left:auto}.bq-stem{position:relative;padding:16px 22px;border-radius:4px;text-wrap:pretty;font-size:18px;line-height:29px;font-weight:500;color:#2b1d0e;background:radial-gradient(ellipse at center,#efe2c4,#e2cfa4 70%,#c9ae7a);box-shadow:inset 0 0 18px #8a5a2b66,inset 0 0 2px #5a3a1a,0 3px #0008}.battle-question .rune-choices{grid-template-columns:1fr;gap:8px}.bq-choice{padding:8px 14px 8px 10px;border-radius:10px;font-size:16px;line-height:22px;background:linear-gradient(180deg,#2a2536,#17151f);outline:1.5px solid #c9a55a44;box-shadow:inset 0 1px #ffffff14,0 4px #000a;transition:background-color .12s ease-out,outline-color .12s ease-out,transform .12s ease-out,box-shadow .12s ease-out}.bq-choice:hover:not(:disabled),.bq-choice:focus-visible{transform:translateY(-2px);background:linear-gradient(180deg,color-mix(in srgb,var(--area) 30%,#2a2536),#17151f);box-shadow:inset 0 1px #fff2,0 6px color-mix(in srgb,var(--area) 35%,#000),0 0 18px color-mix(in srgb,var(--area) 35%,transparent)}.bq-choice:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 1px #ffffff14,0 1px #000a}.bq-gem{width:30px;height:30px;margin:0 4px;border-radius:5px;transform:rotate(45deg);background:linear-gradient(135deg,color-mix(in srgb,var(--area) 45%,#1e212c),#12131a);outline:1.5px solid color-mix(in srgb,var(--area) 70%,transparent);box-shadow:0 0 0 3px #0b0c12;font-family:var(--font-game);font-size:14px}.bq-gem span{transform:rotate(-45deg)}.bq-choice:hover:not(:disabled) .bq-gem,.bq-choice:focus-visible .bq-gem{background:linear-gradient(135deg,var(--area-light) 0%,var(--area) 100%);color:#0d0e13;box-shadow:0 0 0 3px #0b0c12,0 0 12px var(--area)}.bq-choice[data-state=right]{background:linear-gradient(180deg,#2d4a36,#17231b)}.bq-choice[data-state=right] .bq-gem{background:var(--ok);color:#0d0e13;outline-color:var(--ok)}.bq-choice[data-state=wrong] .bq-gem{background:#1e212c;color:var(--error);outline-color:#e86a6a66}.rune-btn:disabled{opacity:.5;cursor:default}.victory-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 45%,#05060a55,#05060ad9 70%);animation:hud-fade-in .4s ease-out}.victory-panel{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}.victory-crest{position:relative;display:grid;place-items:center;width:96px;height:96px;border-radius:50%;color:#2a1a05;background:radial-gradient(circle at 35% 30%,#fff6d0 0%,var(--gold-bright) 45%,#b8862e 100%);box-shadow:0 0 0 4px #0d0c12,0 0 0 6px var(--gold),0 0 40px #ffc65aaa;animation:victory-crest .7s cubic-bezier(.34,1.56,.64,1) both}.victory-rays{position:absolute;top:-70px;right:-70px;bottom:-70px;left:-70px;z-index:-1;border-radius:50%;pointer-events:none;background:repeating-conic-gradient(from 0deg,#ffe08a33 0deg 8deg,transparent 8deg 22deg);mask:radial-gradient(circle,#000 30%,transparent 70%);animation:victory-rays 18s linear infinite,hud-fade-in .9s ease-out both}.victory-title{margin:6px 0 0;font-family:var(--font-game);font-size:40px;letter-spacing:4px;color:transparent;background:linear-gradient(100deg,#c9a55a,#ffe08a 35%,#fff8e0,#ffe08a 65%,#c9a55a) 0 0 / 250% 100%;-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 3px 0 #000) drop-shadow(0 0 18px #ffc65a66);animation:victory-title .9s .25s cubic-bezier(.2,.8,.2,1) both,victory-shine 2.4s 1.1s ease-in-out infinite}.victory-rule{width:320px;height:2px;background:linear-gradient(90deg,transparent,var(--gold-bright),transparent);transform-origin:center;animation:victory-rule .6s .7s ease-out both}.victory-xp{font-family:var(--font-game);font-size:30px;color:var(--gold-bright);text-shadow:0 2px 0 #000,0 0 16px #ffc65a99;animation:victory-xp .5s 1s cubic-bezier(.34,1.56,.64,1) both}.victory-continue{align-self:center;margin-top:10px;animation:hud-fade-in .4s 1.4s ease-out both}@keyframes victory-crest{0%{transform:scale(.2) rotate(-40deg);opacity:0}}@keyframes victory-rays{to{transform:rotate(360deg)}}@keyframes victory-title{0%{opacity:0;letter-spacing:22px;transform:translateY(8px)}}@keyframes victory-shine{0%,60%{background-position:100% 0}to{background-position:-150% 0}}@keyframes victory-rule{0%{transform:scaleX(0);opacity:0}}@keyframes victory-xp{0%{transform:scale(.3);opacity:0}}@media(prefers-reduced-motion:reduce){.victory-backdrop,.victory-crest,.victory-rays,.victory-title,.victory-rule,.victory-xp,.victory-continue{animation:none}}@media(prefers-reduced-motion:reduce){.cutscene-dlg,.turn-log li,.dlg-compact{animation:none}}.battle-actions[data-retreat]{grid-template-columns:auto auto auto auto}.battle-retreat{--area: #8a8196;--area-light: #d6d0e0;padding:6px}.battle-retreat .ability-slot{width:34px;height:34px}.battle-retreat .battle-action-text>span:first-child{font-size:14px;color:#d6d0e0}.retreat-confirm{position:absolute;right:16px;bottom:calc(100% + 10px);display:flex;flex-direction:column;gap:10px;padding:12px 14px;border-radius:10px;background:linear-gradient(180deg,#221d2c,#121019);box-shadow:inset 0 0 0 1.5px #c9a55a80,0 6px #0009,0 0 24px #0008;animation:hud-fade-in .16s ease-out}.retreat-confirm>p:first-child{margin:0;font-size:14px;font-weight:600;color:#f4efe2}.retreat-confirm-actions{display:flex;gap:10px;justify-content:flex-end}@media(prefers-reduced-motion:reduce){.retreat-confirm{animation:none}}.fullscreen-btn{position:absolute;z-index:2;right:calc(12px + var(--sr));bottom:calc(12px + var(--sb));width:44px;height:44px;display:grid;place-items:center;padding:0;border:0;border-radius:10px;cursor:pointer;background:#0b0c12b3;outline:1px solid #ffffff26;outline-offset:-.5px;color:#cfcbd8}.fullscreen-btn:hover{background:#0b0c12e6;color:var(--gold-bright)}.fullscreen-btn:focus-visible{outline:2px solid var(--gold-bright)}.fullscreen-btn[aria-pressed=true]{color:var(--gold-bright)}.player-panel{margin-left:var(--sl);margin-top:var(--st)}.menu-btn{margin-left:var(--sl);margin-bottom:var(--sb)}.quest-tracker,.battle-side{margin-right:var(--sr);margin-top:var(--st)}.hotbar,.battle-foot{margin-bottom:var(--sb)}.hud{--hud-s: 1}@media(max-height:500px){.hud{--hud-s: .75}.player-panel,.quest-tracker,.hotbar,.menu-btn,.battle-side,.battle-foot,.area-banner,.tutorial-tip,.inv-tutorial,.dlg{zoom:var(--hud-s)}.hotbar{left:auto;right:calc(80px + var(--sr));transform:none}.controls{display:none}.chest-backdrop{padding-top:12px}.hud .chest-panel{max-height:calc(100% - 24px)}}@media(max-height:500px){.rune-panel{max-height:calc(100% - 28px - 16px - var(--sb));overflow-y:auto;overscroll-behavior:contain}}.pause-backdrop{overflow-y:auto;place-items:safe center;padding:16px 0}@media(pointer:coarse){.controls,.wm-help,.tree-keys,.menu-btn:after{display:none}.jogo kbd:not(.rune-key){display:none}.quest-tracker{pointer-events:none}.hud-pill,.chest-btn,.anchor-action,.pause-btn,.rune-close,.battle-tools .rune-btn{min-height:40px}.rune-close,.battle-tools .rune-btn[aria-label]{min-width:40px}.pause-volume input{height:40px}.dlg-next,.tip-dismiss,.enemy-row,.battle-action{min-height:calc(40px / var(--hud-s))}}.worldmap-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;background:#05060acc;animation:wm-fade .22s ease-out}.worldmap{width:min(97vw,calc((97vh - 64px)*1.6));display:flex;flex-direction:column;gap:6px;animation:wm-rise .26s cubic-bezier(.2,.8,.2,1)}.wm-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.wm-title{margin:0;font:22px var(--font-game);letter-spacing:2px;text-transform:uppercase;color:var(--gold-bright);text-shadow:0 2px 0 #000}.wm-close{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:0;border-radius:999px;cursor:pointer;background:#0b0c12f2;outline:1.5px solid var(--gold);outline-offset:-.75px;color:var(--text-primary);font-size:13px}.wm-close:hover{outline-color:var(--gold-bright)}.wm-close:focus-visible{outline:2px solid var(--gold-bright);outline-offset:2px}.worldmap kbd{font:11px var(--font-game);color:var(--gold)}.wm-parchment{position:relative;aspect-ratio:1280 / 800;border-radius:6px;overflow:hidden;box-shadow:0 0 0 2px var(--gold),0 12px 40px #000c}.wm-parchment{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.wm-parchment:active{cursor:grabbing}.wm-parchment:focus-visible{outline:2px solid var(--gold-bright);outline-offset:3px}.wm-world{position:absolute;left:0;top:0;will-change:transform}.wm-art{display:block;width:100%;height:100%;-webkit-user-select:none;user-select:none;pointer-events:none}.wm-more{position:absolute;width:28px;height:28px;color:#f4efe2;opacity:.55;pointer-events:none;filter:drop-shadow(0 1px 2px #000) drop-shadow(0 0 6px #0008);animation:wm-nudge 1.6s ease-in-out infinite alternate}.wm-more[data-dir=left]{left:6px;top:calc(50% - 14px);--nx: -3px;--ny: 0}.wm-more[data-dir=right]{right:6px;top:calc(50% - 14px);--nx: 3px;--ny: 0}.wm-more[data-dir=up]{top:6px;left:calc(50% - 14px);--nx: 0;--ny: -3px}.wm-more[data-dir=down]{bottom:6px;left:calc(50% - 14px);--nx: 0;--ny: 3px}.wm-trail{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.wm-trail polyline{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.wm-trail-shadow{stroke:#f4efe266;stroke-width:7;stroke-dasharray:0 14}.wm-trail-dots{stroke:#2a1d10;stroke-width:4.5;stroke-dasharray:0 14}.wm-nodes{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;padding:0;list-style:none;pointer-events:none}.wm-nodes>li>*{pointer-events:auto}.wm-trail-lost{fill:none;stroke-width:4;stroke-dasharray:2 10;stroke-linecap:round;vector-effect:non-scaling-stroke}.wm-region{position:absolute;width:0;height:0}.wm-fog{position:absolute;left:0;top:0;width:calc(14vmin * var(--z, 1));height:calc(10vmin * var(--z, 1));transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(closest-side,#5a3388d9,#4a2a7399,#2a164000);filter:blur(6px);pointer-events:none!important;animation:wm-drift 7s ease-in-out infinite alternate}.wm-unknown{position:absolute;left:0;top:0;transform:translate(-50%,-13px);display:flex;flex-direction:column;align-items:center;gap:4px;cursor:help}.wm-unknown .wm-dot{background:#2b1e3d;border-color:#140c1f;box-shadow:0 0 0 2px #a865f066,0 0 14px 4px #a865f055;color:#c9b3e6}.wm-unknown .wm-name{color:#c9b3e6;background:#140c1fcc;outline-color:#a865f066;letter-spacing:3px}.wm-tip{position:absolute;top:calc(100% + 6px);padding:3px 8px;border-radius:6px;white-space:nowrap;background:#0b0c12f2;outline:1px solid #a865f0;outline-offset:-.5px;font:12px var(--font-ui);color:#eeeae0;opacity:0;transition:opacity .12s ease-out}.wm-unknown:hover .wm-tip{opacity:1}.wm-node{position:absolute;width:0;height:0}.wm-pin{position:absolute;left:0;top:0;transform:translate(-50%,-13px);display:flex;flex-direction:column;align-items:center;gap:4px;padding:0;border:0;background:none;cursor:pointer;color:inherit;white-space:nowrap}.wm-pin[aria-disabled=true]{cursor:default}.wm-dot{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 50% 38%,#fff1b8 0%,var(--gold-bright) 38%,#b8872a 100%);border:3px solid #2a1d10;box-shadow:0 0 0 2px #f4efe2aa,0 0 14px 4px #ffd27a88;transition:transform .14s ease-out,box-shadow .14s ease-out}.wm-name{padding:2px 8px 1px;border-radius:4px;background:#0d0c12d9;outline:1px solid #c9a55a88;outline-offset:-.5px;font:15px var(--font-game);letter-spacing:1px;color:var(--gold-bright);text-shadow:0 1px 0 #000}.wm-soon{font:600 11px var(--font-ui);letter-spacing:1px;text-transform:uppercase;color:#eeeae0;text-shadow:0 1px 2px #000,0 0 4px #000}.wm-pin:not([aria-disabled=true]):hover .wm-dot,.wm-pin:not([aria-disabled=true]):focus-visible .wm-dot{transform:scale(1.18);box-shadow:0 0 0 2px #f4efe2,0 0 20px 7px #ffd27acc}.wm-pin:not([aria-disabled=true]):hover .wm-name{outline-color:var(--gold-bright)}.wm-pin:focus-visible{outline:none}.wm-pin:focus-visible .wm-name{outline:2px solid var(--gold-bright);outline-offset:2px}.wm-node[data-state=soon] .wm-dot{background:#3a3542;border-color:#1a1620;box-shadow:0 0 0 2px #a3a3b366;color:#d8d4e0}.wm-node[data-state=soon] .wm-name{color:#cfc8b6;background:#0d0c12b3;outline-color:#6e6f8088}.wm-node[data-state=here] .wm-dot{box-shadow:0 0 0 2px #f4efe2,0 0 18px 6px #ffd27acc}.wm-here{position:absolute;left:0;bottom:20px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:2px;pointer-events:none}.wm-here .hero-portrait{display:block;border-radius:50%;background:#0d0c12;border:3px solid var(--gold-bright);box-shadow:0 3px #000a}.wm-here-label{padding:1px 6px;border-radius:3px;background:var(--gold-bright);color:var(--ink);white-space:nowrap;font:11px var(--font-game);letter-spacing:1px;text-transform:uppercase}.wm-aurelia .hero-portrait{border-color:#c58cff}.wm-aurelia .wm-here-label{background:#7a4fb0;color:#f4efe2}.wm-node[data-label=above] .wm-pin{flex-direction:column-reverse;transform:translate(-50%,calc(-100% + 13px))}.wm-node[data-label=above] .wm-here{bottom:auto;top:18px;flex-direction:column-reverse}.wm-help{margin:0;text-align:center;font-size:12px;color:var(--text-secondary)}.wm-help kbd+kbd{margin-left:4px}@keyframes wm-fade{0%{opacity:0}}@keyframes wm-nudge{to{transform:translate(var(--nx),var(--ny));opacity:.8}}@keyframes wm-drift{to{transform:translate(-46%,-52%) scale(1.06);opacity:.85}}@keyframes wm-rise{0%{opacity:0;transform:translateY(8px) scale(.985)}}@media(prefers-reduced-motion:reduce){.worldmap-backdrop,.worldmap,.wm-fog,.wm-more{animation:none}.wm-dot{transition:none}}:root{--bg: #0d0e13;--text-primary: #eeeae0;--text-secondary: #a3a3b3;--text-muted: #6e6f80;--gold: #c9a55a;--gold-bright: #ffe08a;--ink: #1a120b;--ok: #8fe0a8;--error: #e86a6a;--font-game: "Pixelify Sans", system-ui, sans-serif;--font-ui: "Inter", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}#root{box-sizing:border-box;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)}body{margin:0;background:var(--bg);color:var(--text-primary);font-family:var(--font-ui)}button,input{font:inherit}:focus-visible{outline:2px solid var(--gold-bright);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.panel{position:relative;display:flex;flex-direction:column;gap:14px;padding:20px;background:linear-gradient(#1d1a26f2,#0d0c12f2);border:2px solid var(--gold);border-radius:10px;box-shadow:0 6px #0009}.panel:before{content:"";position:absolute;top:-8px;left:calc(50% - 7px);width:14px;height:14px;transform:rotate(45deg);background:radial-gradient(#fff0c2,#b8862e);border:1.5px solid #2a1d10}.panel-title,.panel-subtitle{margin:0;font-family:var(--font-game);font-weight:400;font-size:13px;letter-spacing:1px;color:var(--gold)}.note{display:flex;gap:8px;margin:0;padding-top:10px;border-top:1px solid #c9a55a40;color:var(--text-secondary);font-size:11px;line-height:1.45}.btn{display:inline-flex;align-items:center;gap:8px;border-radius:22px;padding:12px 24px;cursor:pointer;font-weight:600;font-size:14px}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:linear-gradient(#f2b653,#c27f1e);border:2px solid var(--gold-bright);color:var(--ink);font-family:var(--font-game);letter-spacing:2px;text-transform:uppercase}.btn-secondary{background:linear-gradient(#1d1a26f2,#0d0c12f2);border:2px solid var(--gold);color:var(--text-primary)}.choice-group{border:0;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.choice-legend{width:100%;padding:0;margin-bottom:8px;font-size:11px;font-weight:600;color:#d8d4ca}.choice{cursor:pointer}.choice:has(input:focus-visible){outline:2px solid var(--gold-bright);outline-offset:2px;border-radius:8px}.toast{position:fixed;bottom:24px;right:24px;display:flex;align-items:center;gap:12px;padding:12px 16px;background:#0b0c12f2;border:1.5px solid var(--error);border-radius:10px}.logo{--u: 1px;display:flex;flex-direction:column;align-items:center}.logo-presents{display:flex;align-items:center;gap:calc(10 * var(--u));font:400 calc(13 * var(--u)) / normal var(--font-ui);color:#f4efe2;white-space:nowrap;filter:drop-shadow(2px 2px 0 #000)}.logo-presents:before,.logo-presents:after{content:"";width:calc(40 * var(--u));height:calc(2 * var(--u));background:#c9a55a}.logo-lockup{position:relative;display:block;width:calc(600 * var(--u));height:calc(260 * var(--u))}.logo-herois{position:absolute;left:0;top:calc(46 * var(--u));width:100%;text-align:center;font:900 calc(104 * var(--u)) / normal "Cinzel Decorative",serif;letter-spacing:calc(4 * var(--u));background-image:linear-gradient(180deg,#fff6d0,#f5c860 45%,#c98a2e 70%,#8a5a1e);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 calc(7 * var(--u)) 0 #1a120b) drop-shadow(0 0 calc(15 * var(--u)) #ffb84d55)}.logo-tail{position:absolute;top:calc(196 * var(--u));width:calc(50 * var(--u));height:calc(40 * var(--u));overflow:visible}.logo-tail-l{left:calc(96 * var(--u))}.logo-tail-r{left:calc(454 * var(--u))}.logo-ribbon{position:absolute;left:calc(130 * var(--u));top:calc(184 * var(--u));width:calc(340 * var(--u));height:calc(52 * var(--u));display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#4b6fd6,#23398a);border-radius:calc(4 * var(--u));outline:calc(3 * var(--u)) solid #e2c27a;outline-offset:calc(-1.5 * var(--u));box-shadow:0 calc(5 * var(--u)) 0 #000000a6;font:900 calc(28 * var(--u)) / normal "Cinzel",serif;letter-spacing:calc(10 * var(--u));color:#fff;white-space:nowrap}.title-screen{min-height:100%;display:flex;flex-direction:column;padding:36px 48px 104px;background:linear-gradient(90deg,#0b0c12cc,#0b0c1200) left top / 560px 100% no-repeat,linear-gradient(180deg,#0b0c1299,#0b0c1200) left top / 100% 360px no-repeat,url(/key-art.png) center / cover no-repeat,#0b0c12}.title-logo{margin:0;display:flex;justify-content:center}.title-logo .logo{--u: clamp(.45px, min(100vw / 760, (100vh - 330px) / 570), 1px)}.title-menu{margin-top:auto;width:300px;display:flex;flex-direction:column;gap:12px}.title-card{display:flex;align-items:center;gap:14px;width:100%;padding:11px 18px;text-align:left;cursor:pointer;background:linear-gradient(#1d1a26e6,#0d0c12e6);border:1.5px solid #c9a55a99;border-radius:12px;color:#f4efe2}.title-card:disabled{opacity:.6;cursor:wait}.title-card-icon{display:inline-flex;color:#c9a55a}.title-card-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.title-card-text strong{font-weight:400;font-size:14px;text-transform:uppercase}.title-card-text small{font-size:12px;color:#a3a3b3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.title-card:hover:not(:disabled){border-color:var(--gold-bright)}.title-card-primary{padding:12px 18px;background:linear-gradient(#f2b653,#c27f1e);border:2px solid var(--gold-bright);border-radius:14px;box-shadow:0 5px #8a5a12;color:var(--ink);margin-bottom:5px}.title-card-primary .title-card-icon{color:var(--ink)}.title-card-primary .title-card-text strong{font-family:var(--font-game);font-size:18px;letter-spacing:2px}.title-card-primary .title-card-text small{font-weight:600;color:#3a2410}.title-card-primary:hover:not(:disabled){filter:brightness(1.06)}.title-card-primary:active:not(:disabled){transform:translateY(3px);box-shadow:0 2px #8a5a12}.title-continue .title-card-text strong{font-size:16px;letter-spacing:1px}.title-portrait{flex:none;width:46px;height:46px;border-radius:50%;overflow:hidden;border:2px solid var(--ink);background:#0b0c12}.title-portrait canvas,.title-portrait span{display:block;width:100%;height:100%}.title-error{margin:0;padding:8px 12px;border-radius:8px;background:#0b0c12e6;color:var(--error);font-size:12px}.hub{min-height:100%;display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px 32px;background:radial-gradient(ellipse 75% 70% at 50% 58%,transparent 45%,#05060acc 85%,#05060a 100%),url(/scenes/criacao-fundo.webp) center / cover no-repeat,#05060a}.hub-header{display:flex;flex-direction:column;align-items:center;gap:4px}.hub-logo{--u: .42px}.hub-logo .logo-presents{display:none}.hub-title{margin:0;font-family:var(--font-game);font-weight:400;font-size:30px;letter-spacing:3px;color:var(--gold-bright);text-shadow:3px 3px 0 #5a3a14}.hub-notice{margin:0;padding:8px 14px;border:1.5px solid var(--gold);border-radius:10px;background:#0b0c12e6;font-size:13px}.hub-slots{list-style:none;margin:0;padding:12px 0 0;display:flex;flex-wrap:wrap;justify-content:center;gap:28px}.hub-card{position:relative;width:264px;height:100%;min-height:468px;padding:20px 16px 18px;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;color:var(--text-primary);background:linear-gradient(#1d1a26f2,#0d0c12f2);border:2px solid var(--gold);border-radius:10px;box-shadow:0 6px #0009;transition:transform .12s ease-out,border-color .12s ease-out}.hub-card:before{content:"";position:absolute;top:-8px;left:calc(50% - 7px);width:14px;height:14px;transform:rotate(45deg);background:radial-gradient(#fff0c2,#b8862e);border:1.5px solid #2a1d10}.hub-card:hover:not(:disabled),.hub-card:focus-visible{border-color:var(--gold-bright);transform:translateY(-4px)}.hub-card:focus-visible{outline:3px solid var(--gold-bright);outline-offset:4px;box-shadow:0 6px #0009,0 0 24px #ffe08a66}.hub-card[aria-disabled=true]{cursor:wait}.hub-card[aria-current=true]{border-color:var(--gold-bright);background:linear-gradient(#2a2233f2,#120f18f2);box-shadow:0 6px #0009,0 0 0 1px #ffe08a,0 0 28px #f2b65399,inset 0 0 36px #f2b65326}.hub-badge{position:absolute;top:12px;right:12px;padding:3px 8px;border-radius:6px;background:linear-gradient(#f2b653,#c27f1e);border:1.5px solid var(--gold-bright);color:var(--ink);font-family:var(--font-game);font-size:11px;letter-spacing:1px;text-transform:uppercase}.hub-shot{display:block}.hub-shot canvas{display:block;width:224px;height:336px}.hub-name{margin-top:6px;font-family:var(--font-game);font-size:20px;letter-spacing:1px;color:#eeeae0}.hub-class{font-size:12px;font-weight:600;color:var(--area)}.hub-story{font-size:12px;color:var(--text-secondary)}.hub-coins{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:#d9a066}.hub-coins img{image-rendering:pixelated}.hub-card-empty{justify-content:center;gap:12px;border-style:dashed;border-color:#c9a55a99;background:#0d0c12b3;color:var(--gold);font-family:var(--font-game);font-size:18px;letter-spacing:1px}.hub-card-empty:before{display:none}.hub-slot{position:relative}.hub-delete{position:absolute;z-index:1;top:12px;left:12px;display:flex;align-items:center;gap:4px;padding:3px 7px;border:1px solid #ffffff26;border-radius:6px;background:#0b0c12cc;color:var(--text-secondary);font-size:11px;font-weight:600;cursor:pointer;transition:transform .12s ease-out,color .12s,border-color .12s}.hub-slot:has(.hub-card:hover,.hub-card:focus-visible) .hub-delete{transform:translateY(-4px)}.hub-delete:hover,.hub-delete:focus-visible{color:var(--error);border-color:var(--error)}.hub-delete:focus-visible{outline:2px solid var(--error);outline-offset:2px}.hub-delete[aria-disabled=true]{cursor:wait}.hub-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;padding:16px;background:#05060acc;animation:hub-fade-in .16s ease-out}.hub-dialog{position:relative;width:min(420px,100%);display:flex;flex-direction:column;gap:12px;padding:28px 24px 24px;background:linear-gradient(#1d1a26f2,#0d0c12f2);border-radius:10px;outline:2px solid var(--gold);outline-offset:-1px;box-shadow:0 6px #0009}.hub-dialog:before{content:"";position:absolute;top:-8px;left:calc(50% - 7px);width:14px;height:14px;transform:rotate(45deg);background:radial-gradient(#fff0c2,#b8862e);border:1.5px solid #2a1d10}.hub-dialog-title{margin:0;text-align:center;font-family:var(--font-game);font-weight:400;font-size:20px;letter-spacing:1px;color:var(--gold-bright);overflow-wrap:anywhere}.hub-dialog-text{margin:0;font-size:14px;line-height:1.5;color:var(--text-primary)}.hub-dialog-form{display:flex;flex-direction:column;gap:8px;font-size:13px;color:var(--text-secondary)}.hub-dialog-form strong{color:var(--text-primary)}.hub-dialog-input{padding:10px 12px;border:1.5px solid #ffffff33;border-radius:8px;background:#05060a;color:var(--text-primary);font:inherit;font-size:15px}.hub-dialog-input:focus-visible{outline:2px solid var(--gold-bright);outline-offset:1px}.hub-dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}.hub-dialog-danger{background:linear-gradient(#c24444,#8a2626);border:2px solid var(--error);color:#fff;font-weight:700}.hub-dialog-danger:disabled{opacity:.45;cursor:not-allowed}.hub-dialog-danger:focus-visible{outline:2px solid var(--error);outline-offset:2px}.hub-dialog-actions [aria-disabled=true]{cursor:wait}@keyframes hub-fade-in{0%{opacity:0}}.hub-error{padding:8px 12px;border-radius:8px;background:#0b0c12e6}.hub-actions{display:flex;align-items:center;gap:20px;margin-top:auto;padding-top:8px}.hub-hint{margin:0;font-size:12px;color:var(--text-secondary)}.hub-hint kbd{font-family:var(--font-game);color:var(--gold)}@media(prefers-reduced-motion:reduce){.hub-card,.hub-delete{transition:none}.hub-card:hover:not(:disabled),.hub-card:focus-visible,.hub-slot:has(.hub-card:hover,.hub-card:focus-visible) .hub-delete{transform:none}.hub-dialog-backdrop{animation-duration:.1s}}@media(max-height:760px){.hub-logo{display:none}.hub{gap:10px;padding:16px 32px}}.screen-center{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.auth-screen{background:radial-gradient(ellipse at center,#0b0c12cc,#0b0c1299 45%,#0b0c1233),url(/key-art.png) center / cover no-repeat,#0b0c12}.auth-logo{margin:0 0 8px;display:flex;justify-content:center}.auth-logo .logo{--u: clamp(.35px, min(100vw / 900, (100vh - 520px) / 420), .7px)}.auth-panel{width:380px}.auth-tabs{display:flex;gap:8px}.auth-tabs button{flex:1;padding:8px;border-radius:8px;border:1px solid #c9a55a55;background:#ffffff08;color:var(--text-secondary);cursor:pointer}.auth-tabs button[aria-selected=true]{border-color:var(--gold-bright);background:#c9a55a33;color:var(--gold-bright)}.auth-form{display:flex;flex-direction:column;gap:12px}.auth-form label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:600;color:#d8d4ca}.auth-form input[type=email],.auth-form input[type=password]{padding:10px 12px;border-radius:8px;border:1.5px solid #c9a55a99;background:#0b0c12;color:var(--text-primary)}.auth-form .checkbox{flex-direction:row;align-items:center;font-weight:400}.form-error{margin:0;color:var(--error);font-size:12px}.jogo{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:var(--bg);--st: env(safe-area-inset-top, 0px);--sr: env(safe-area-inset-right, 0px);--sb: env(safe-area-inset-bottom, 0px);--sl: env(safe-area-inset-left, 0px)}.jogo-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;margin:0}.small-screen{padding:24px 16px;text-align:center;line-height:1.5}.small-screen-panel{width:min(380px,100%);display:flex;flex-direction:column;align-items:center;gap:14px}.small-screen-panel p{margin:0}.small-screen-link{font-family:var(--font-game);font-size:14px;letter-spacing:1px;color:var(--gold-bright);word-break:break-all}.small-screen-panel .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%}.small-screen-status{min-height:1.5em;font-size:13px;color:var(--text-secondary)}@media(orientation:landscape)and (max-height:560px){.small-screen{flex-direction:row;gap:28px;padding:12px 24px}.small-screen .auth-logo{margin:0}.small-screen .auth-logo .logo{--u: clamp(.3px, min(40vw / 900, (100vh - 40px) / 420), .55px)}.small-screen-panel{width:min(360px,52vw);gap:8px;padding-top:14px;padding-bottom:12px}.small-screen-panel>svg{display:none}.small-screen-panel p[role=alert]{font-size:14px}}.hero-shot{position:relative}.hero-shot canvas,.hero-portrait{image-rendering:pixelated}.sprite-error{position:absolute;bottom:-28px;left:0;right:0;margin:0;text-align:center;font-size:12px;color:var(--text-secondary)}.portrait-initial{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-game);color:var(--gold);background:#0b0c12}