:root{--bg: #0d0f13;--panel: rgba(18, 21, 27, .88);--panel-solid: #12151b;--line: #262c36;--ink: #d7dce4;--ink-dim: #8a93a2;--accent: #c9a227;--hp: #b8433c;--mp: #3d6fb5;--xp: #4d9a6a;--danger: #e05252;--radius: 6px;--font: ui-monospace, "Cascadia Mono", "Segoe UI Mono", Menlo, monospace}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:13px;user-select:none}#game{position:fixed;inset:0;width:100%;height:100%;display:block;cursor:crosshair;background:#0a0c10}.panel{position:absolute;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px 14px;backdrop-filter:blur(4px);box-shadow:0 4px 12px #00000080}.hud{position:fixed;inset:0;pointer-events:none}.hud .panel,.hud .keyhints,.hud .modal-overlay{pointer-events:auto}.tag{font-size:11px;color:var(--ink-dim);border:1px solid var(--line);border-radius:3px;padding:0 4px}.tag-level{color:var(--accent);border-color:#3a3320}.panel-self{top:12px;left:12px;width:260px}.panel-minimap{top:12px;right:12px;padding:4px;display:flex;align-items:center;justify-content:center}#minimap-canvas{display:block;border-radius:4px;background:#00000080;width:160px;height:160px}.self-head{display:flex;align-items:center;gap:6px;margin-bottom:6px}.self-name{font-weight:700;letter-spacing:.02em}.bar{position:relative;height:14px;margin-top:4px;background:#0a0c10;border:1px solid var(--line);border-radius:3px;overflow:hidden}.bar-slim{height:11px}.bar>i{display:block;height:100%;width:0%;transition:width .12s linear}.bar>span{position:absolute;inset:0;display:grid;place-items:center;font-size:10px;color:#e8ecf3;text-shadow:0 1px 2px #000}.bar-hp>i{background:linear-gradient(180deg,#d1554d,var(--hp))}.bar-mp>i{background:linear-gradient(180deg,#4c86d6,var(--mp))}.bar-xp>i{background:linear-gradient(180deg,#5fb37f,var(--xp))}.panel-target{top:12px;left:50%;transform:translate(-50%);width:240px}.target-head{display:flex;align-items:center;gap:6px;margin-bottom:4px}.target-head>span:first-child{font-weight:700}.panel-dungeon{top:72px;left:50%;transform:translate(-50%);width:min(300px,calc(100vw - 32px));padding:8px 12px;pointer-events:none}.dungeon-head{display:flex;align-items:baseline;gap:8px}.dungeon-kicker{color:var(--accent);font-size:9px;font-weight:700;letter-spacing:.14em}.dungeon-head strong{color:var(--ink);font-size:13px}.dungeon-lesson{margin:4px 0 0;color:var(--ink-dim);font-size:10px;line-height:1.35}.dungeon-meta{display:flex;flex-wrap:wrap;gap:4px 10px;margin-top:6px;color:var(--ink);font-size:11px;font-variant-numeric:tabular-nums}.dungeon-meta>span+span{color:var(--ink-dim)}.panel-stats{top:184px;right:12px;min-width:132px}.stat{display:flex;justify-content:space-between;gap:12px;line-height:1.6}.stat .k{color:var(--ink-dim)}.stat .v{font-variant-numeric:tabular-nums}.panel-inventory{right:12px;bottom:96px;width:300px;max-height:calc(100vh - 140px);overflow:auto}.inv-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}.inv-head .hint{font-size:10px;color:var(--ink-dim);margin-left:auto}.equip-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid var(--line)}.inv-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:4px}.cell{position:relative;aspect-ratio:1;background:#0a0c10;border:1px solid var(--line);border-radius:3px;color:var(--ink-dim);font-size:9px;padding:2px;overflow:hidden;text-align:left;cursor:pointer;font-family:inherit}.cell:hover{border-color:#3b4553}.cell.filled{color:var(--ink)}.cell.selected{outline:1px solid var(--accent);outline-offset:-2px}.cell .qty{position:absolute;right:2px;bottom:1px;font-size:9px;color:var(--ink);text-shadow:0 1px 2px #000}.cell .slotname{color:#5d6675;font-size:8px;text-transform:uppercase}.cell.item-equipment{background:linear-gradient(135deg,#1a2233,#0a0c10);border-color:#38465f}.cell.item-material{background:linear-gradient(135deg,#23221b,#0a0c10);border-color:#424036}.cell .itemname{font-size:10px;line-height:1.1;text-align:center;word-break:break-word}.keyhints{position:absolute;right:12px;bottom:24px;max-width:calc(50vw - 300px);display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px 10px;font-size:10px;color:var(--ink-dim);opacity:.75;text-align:right}@media(max-width:900px){.keyhints{bottom:8px;max-width:calc(100vw - 24px);justify-content:center}}.keyhints b{color:var(--ink);font-weight:600}.chat{position:fixed;left:12px;bottom:40px;width:340px;max-width:calc(50vw - 300px);background:var(--panel);border:8px solid transparent;border-image:url(/assets_processados/fantasy-ui-borders/panel-border-015.png) 16 stretch;overflow:hidden}.chat-log{height:150px;overflow-y:auto;padding:6px 8px;font-size:12px;line-height:1.45;user-select:text}.chat-line{word-wrap:break-word}.chat-line .who{color:var(--ink-dim)}.chat-line.ch-global .who{color:#6f9ce8}.chat-line.ch-system{color:var(--accent);font-style:italic}.chat-line.ch-error{color:var(--danger)}.chat-form{display:flex;border-top:1px solid var(--line)}.chat-toggle{position:absolute;top:2px;right:4px;z-index:2;width:22px;height:22px;padding:0;line-height:1;font-size:11px;background:#0a0c1099;color:var(--ink-dim);border:1px solid var(--line);border-radius:4px;cursor:pointer}.chat-toggle:hover{color:var(--ink)}.chat.recolhido .chat-log,.chat.recolhido .chat-form{display:none}.chat.recolhido{width:30px;height:26px;min-height:0;overflow:visible}.chat-channel,.chat-input{background:#0a0c10;border:0;color:var(--ink);font-family:inherit;font-size:12px;padding:6px 8px;outline:none}.chat-channel{border-right:1px solid var(--line);cursor:pointer}.chat-input{flex:1}.chat-input::placeholder{color:#555f6d}.login{position:fixed;inset:0;display:grid;place-items:center;overflow:auto;overflow-x:hidden;padding:clamp(24px,5vw,72px);background:#080c0e;z-index:10;isolation:isolate}.login[hidden]{display:none}.login:before,.login:after{content:"";position:absolute;inset:0;pointer-events:none}.login:before{z-index:-2;background:linear-gradient(90deg,#04080aeb,#05090bad 48%,#04080ad6),url(/assets_processados/ruined-city-background/Ruined%20City%20Background%20Preview.png) center / cover no-repeat;image-rendering:pixelated}.login:after{z-index:-1;background:radial-gradient(ellipse at 20% 43%,rgba(83,148,145,.15),transparent 40%),linear-gradient(180deg,#02060914 30%,#020507db)}.login-shell{width:min(1120px,100%);display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,470px);align-items:center;gap:clamp(40px,9vw,148px);position:relative}.login-hero{max-width:500px;padding:28px 0;text-shadow:0 3px 18px rgba(0,0,0,.88)}.login-eyebrow,.login-kicker{margin:0 0 12px;color:#d8bf72;font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.brand{margin:0;color:#f2f0e9;font-family:Georgia,Times New Roman,serif;font-size:clamp(48px,6vw,78px);font-weight:700;letter-spacing:.08em;line-height:.92}.brand span{color:#dfba42;text-shadow:0 0 24px rgba(223,186,66,.3)}.tagline{max-width:430px;margin:22px 0 0;color:#ccd4d1;font-family:Georgia,Times New Roman,serif;font-size:clamp(17px,1.8vw,21px);line-height:1.52}.login-hero-rule{width:92px;height:1px;margin:30px 0 16px;background:linear-gradient(90deg,#dfba42,#dfba4200)}.login-hero-note{max-width:355px;margin:0;color:#dce4e0b8;font-size:11px;line-height:1.6}.login-card{width:100%;min-width:0;padding:clamp(24px,3vw,34px);background:linear-gradient(145deg,#131b1ff5,#080d10f0);border:1px solid rgba(208,183,100,.34);border-radius:14px;box-shadow:0 24px 72px #0000008a,inset 0 1px #ffffff0d;backdrop-filter:blur(8px)}.login-card-head{margin-bottom:25px}.login-card-head .login-kicker{margin-bottom:9px;color:#c9a227}.login-card-head h2,.login-form-heading,.saved-characters h3{margin:0;color:#f0f1eb;font-family:Georgia,Times New Roman,serif}.login-card-head h2{font-size:28px;line-height:1.1}.login-card-head>p:last-child{margin:9px 0 0;color:#9ca9a8;font-size:12px;line-height:1.5}.login-form-heading{margin:0 0 16px;font-size:17px}.saved-characters{margin-bottom:24px;padding:16px;background:#cba63112;border:1px solid rgba(203,166,49,.22);border-radius:9px}.saved-characters h3{margin:0 0 11px;font-size:16px}#saved-characters-list{display:grid;gap:7px}#saved-characters-list .primary{min-height:42px;padding:9px 11px;background:#c9a22724;border:1px solid rgba(222,188,75,.36);color:#ece9dc;font-size:12px}#saved-characters-list .primary:hover{background:#c9a2273d}.field{display:block;border:0;padding:0;margin:0 0 16px}.field>span,.field>legend{display:block;margin-bottom:8px;padding:0;color:#b8c1bf;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.field input[type=text]{width:100%;min-height:46px;background:#050a0cb8;border:1px solid rgba(164,182,177,.25);border-radius:7px;color:#eff4ef;font-family:inherit;font-size:13px;padding:11px 12px;outline:none;transition:border-color .14s ease,box-shadow .14s ease,background .14s ease}.field input[type=text]::placeholder{color:#71807e}.field input[type=text]:focus{background:#070e10e6;border-color:#d8b94f;box-shadow:0 0 0 3px #d8b94f21}.class-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.class-option{min-height:58px;display:grid;grid-template-columns:10px minmax(0,1fr);align-content:center;align-items:center;column-gap:8px;padding:9px 10px;background:#050a0c94;border:1px solid rgba(164,182,177,.2);border-radius:7px;color:#c9d1ce;font-family:inherit;font-size:12px;font-weight:700;text-align:left;cursor:pointer;transition:border-color .14s ease,background .14s ease,transform .14s ease,box-shadow .14s ease}.class-option:hover{border-color:#dce3dd80;background:#1f2f31a8;transform:translateY(-1px)}.class-option[aria-checked=true]{color:#fffaf0;border-color:#d8b94f;background:linear-gradient(135deg,#c9a22740,#182525c7);box-shadow:inset 0 0 0 1px #eccb6229,0 5px 18px #0000002e}.class-option .dot{width:10px;height:10px;border-radius:50%;flex:none}.class-option:after{grid-column:2;margin-top:3px;color:#84918e;font-size:9px;font-weight:400;line-height:1.25}.class-option[data-class-id=gladiator]:after{content:"Linha de frente"}.class-option[data-class-id=arcanist]:after{content:"Magia destrutiva"}.class-option[data-class-id=cleric]:after{content:"Cura e proteção"}.class-option[data-class-id=sentinel]:after{content:"Alcance e precisão"}.class-option[data-class-id=halberdier]:after{content:"Controle do campo"}button.primary{width:100%;background:linear-gradient(135deg,#e2c45d,#bd8d20);border:1px solid #f1d477;border-radius:7px;color:#1a160a;font-family:inherit;font-size:13px;font-weight:700;letter-spacing:.03em;padding:12px;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,filter .14s ease}button.primary:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 8px 22px #b8841642}button.primary:disabled{opacity:.5;cursor:progress}.login-submit{margin-top:3px;min-height:48px}.login-submit span{margin-left:6px;font-size:17px;vertical-align:-1px}button.ghost{background:transparent;border:1px solid var(--line);border-radius:3px;color:var(--ink-dim);font-family:inherit;cursor:pointer;padding:1px 6px}.login-status{min-height:24px;margin:12px 0 0;font-size:11px;line-height:1.5;color:#93a19e}.login-status.error{color:var(--danger)}.login-status.busy{color:var(--accent)}.login button:focus-visible{outline:2px solid #f3d36d;outline-offset:3px}@media(max-width:820px){.login{align-items:start;padding:24px 16px 36px}.login:before{background-position:center top}.login-shell{grid-template-columns:minmax(0,1fr);max-width:500px;gap:18px}.login-hero{max-width:none;padding:0 8px}.brand{font-size:clamp(42px,14vw,62px)}.tagline{max-width:420px;margin-top:12px;font-size:16px}.login-hero-rule,.login-hero-note{display:none}.login-card{padding:24px 20px}.class-list{grid-template-columns:repeat(2,minmax(0,1fr))}.class-option:last-child:nth-child(odd){grid-column:1 / -1}}@media(max-width:350px){.class-list{grid-template-columns:minmax(0,1fr)}.class-option:last-child:nth-child(odd){grid-column:auto}}@media(min-width:821px)and (max-height:860px){.login{padding-block:16px}.login-card{padding:22px 24px}.login-card-head{margin-bottom:14px}.login-card-head h2{font-size:25px}.login-card-head>p:last-child{display:none}.saved-characters{margin-bottom:14px;padding:10px}.saved-characters h3{margin-bottom:7px;font-size:14px}#saved-characters-list{gap:5px}#saved-characters-list .primary{min-height:36px;padding:6px 9px}.login-form-heading{margin-bottom:10px;font-size:15px}.field{margin-bottom:10px}.field input[type=text]{min-height:42px;padding-block:8px}.class-option{min-height:48px;padding:6px 8px}.class-list{gap:6px}.login-submit{min-height:43px}.login-status{min-height:18px;margin-top:7px}}@media(prefers-reduced-motion:reduce){.class-option,button.primary,.field input[type=text]{transition:none}}.modal-overlay{position:fixed;inset:0;display:grid;place-items:center;background:#000000b3;backdrop-filter:blur(4px);z-index:20}.modal-overlay[hidden]{display:none}.modal-card{width:480px;max-width:calc(100vw - 32px);background:var(--panel-solid);border:1px solid var(--line);border-radius:8px;padding:24px}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.modal-head h2{margin:0;font-size:16px;font-weight:700;color:var(--ink)}.modal-foot{display:flex;align-items:center;justify-content:space-between;margin-top:16px}.terms-card{width:min(560px,calc(100vw - 32px));max-height:calc(100vh - 48px);display:flex;flex-direction:column}.terms-scroll{flex:1 1 auto;overflow-y:auto;max-height:46vh;border:1px solid var(--line);border-radius:var(--radius);padding:16px;background:#0a0c10;font-size:13px;line-height:1.55;color:var(--ink)}.terms-scroll h3{margin:14px 0 6px;font-size:13px;font-weight:700;color:var(--accent, #7fd1c0);text-transform:uppercase;letter-spacing:.04em}.terms-scroll h3:first-child{margin-top:0}.terms-scroll p,.terms-scroll ul{margin:6px 0}.terms-scroll ul{padding-left:18px}.terms-scroll li{margin:4px 0}.terms-meta{margin-top:12px;font-size:11px;color:#7a7a85}.terms-choices{display:grid;gap:10px;margin-top:16px}.terms-check{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--ink);cursor:pointer}.terms-check input{margin-top:3px;accent-color:var(--accent, #7fd1c0)}.terms-check strong{color:#fff}.terms-card .modal-foot{margin-top:16px}.field select,.field textarea{width:100%;background:#0a0c10;border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);font-family:inherit;font-size:13px;padding:9px 10px;outline:none;resize:vertical}.field select:focus,.field textarea:focus{border-color:var(--accent)}.store-card{width:540px;background:radial-gradient(circle at top right,#1d1b14,var(--panel-solid));border-color:#4a3f20}.store-hero{text-align:center;padding:24px;background:linear-gradient(180deg,rgba(201,162,39,.1),transparent);border-radius:var(--radius);margin-bottom:24px;border:1px solid #3a3320}.store-hero h3{margin:0 0 8px;font-size:20px;color:var(--accent);text-transform:uppercase;letter-spacing:.05em}.store-hero p{margin:0;color:var(--ink);font-size:13px;line-height:1.5}.store-features{margin-bottom:24px}.store-features ul{list-style:none;padding:0;margin:0;display:grid;gap:12px}.store-features li{color:var(--ink-dim);font-size:14px}.store-foot{background:#0a0c10;margin:0 -24px -24px;padding:20px 24px;border-top:1px solid var(--line);border-radius:0 0 8px 8px}.price-tag{font-size:24px;font-weight:700;color:var(--ink)}.price-tag span{font-size:13px;color:var(--ink-dim);font-weight:400}.store-btn{width:auto;min-width:200px;font-size:16px;padding:12px}.panel-skills{grid-area:skills;display:flex;gap:4px;padding:8px;background:var(--surface);border-radius:var(--radius) var(--radius) 0 0;border:1px solid var(--border);border-bottom:none}.panel-dialogue{position:absolute;top:20%;left:50%;transform:translate(-50%);width:400px;background:var(--surface);border:1px solid var(--border);box-shadow:0 8px 32px #000c;border-radius:var(--radius);z-index:100;display:flex;flex-direction:column}.dialogue-head{padding:8px 12px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;font-weight:600;color:var(--primary)}.dialogue-text{padding:16px;font-size:1.1em;line-height:1.5;color:var(--text);white-space:pre-wrap}.dialogue-options{padding:8px;display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--border)}.dialogue-option{padding:8px 12px;background:#ffffff0d;border:1px solid transparent;border-radius:4px;cursor:pointer;text-align:left;transition:all .2s;color:var(--text)}.dialogue-option:hover{background:#ffffff1a;border-color:var(--primary)}.skillbar{position:fixed;left:50%;transform:translate(-50%);bottom:20px;display:grid;grid-auto-flow:column;grid-auto-columns:52px;grid-auto-rows:52px;gap:8px;padding:10px;background:#0a0c1099;border:1px solid rgba(255,255,255,.1);border-radius:12px;backdrop-filter:blur(10px);box-shadow:0 10px 30px #00000080,inset 0 1px #ffffff1a;z-index:5}@media(max-width:900px){.skillbar{grid-auto-columns:42px;grid-auto-rows:42px;gap:6px;padding:8px}}.skillbar[hidden]{display:none}.skill-slot{position:relative;width:100%;height:100%;overflow:hidden;display:block;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:var(--ink);font-family:var(--font);cursor:pointer;transition:all .15s ease;box-shadow:0 4px 10px #0000004d}.skill-slot:not(.locked):hover{border-color:#ffffff80;transform:translateY(-2px);box-shadow:0 6px 15px #00000080,0 0 15px var(--accent)}.skill-slot:not(.locked):active{transform:translateY(1px)}.skill-slot.locked{cursor:not-allowed;opacity:.7}.skill-slot:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.skill-icon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:26px;opacity:.9;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6));z-index:1}.skill-key{position:absolute;top:3px;left:5px;color:var(--accent);font-weight:700;font-size:11px}.skill-cost{position:absolute;top:3px;right:5px;color:var(--mp);font-size:10px}.skill-name{position:relative;line-height:1.15;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skill-cooldown{position:absolute;inset:0;background:#06080bb8;transform:scaleY(0);transform-origin:top;pointer-events:none}.skill-timer{position:absolute;inset:0;display:grid;place-items:center;font-size:16px;font-weight:700;color:var(--ink);pointer-events:none}.skill-slot.cooling{border-color:var(--line);cursor:default}.skill-slot.no-mana .skill-name,.skill-slot.no-mana .skill-key{color:var(--ink-dim)}.skill-slot.no-mana .skill-cost{color:var(--danger)}@media(max-width:720px){.skill-slot{width:54px;height:50px}.skill-name{font-size:10px}}.panel-party{top:140px;left:20px;width:260px}.party-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-subtle);padding-bottom:8px;margin-bottom:8px;color:var(--text-dim);font-size:.85rem}.party-member{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.party-member-header{display:flex;justify-content:space-between;font-size:.85rem}.party-member-name{font-weight:600;color:var(--text-bright)}.guild-members-list{display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto}.guild-member-row{display:flex;justify-content:space-between;padding:6px;background:var(--bg-hover);border-radius:4px}.toast-container{position:absolute;top:100px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;pointer-events:none;z-index:2000}.toast{background:var(--bg-panel);border:1px solid var(--primary);border-radius:6px;padding:12px 16px;box-shadow:0 4px 12px #00000080;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:auto;animation:slideDown .3s ease-out}.inventory .cell{position:relative;background:#0006;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:border-color .1s}.item-icon{position:absolute;width:32px;height:32px;object-fit:contain;mix-blend-mode:multiply;z-index:1}.itemname,.slotname{z-index:2}.qty{z-index:2;position:absolute}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.toast-actions{display:flex;gap:8px}