:root{--night: #120C08;--wood-0: #1A110A;--wood-1: #2B1D13;--wood-2: #3A2819;--wood-3: #4A3421;--wood-4: #6B4A2B;--panel: var(--wood-1);--panel2: var(--wood-2);--line: rgba(227, 176, 75, .38);--paper: #F6E7C8;--muted: #C9AE85;--gold: #E8B54F;--gold-hi: #FBDE93;--gold-deep: #8E5F1E;--parch: #F1E2BF;--parch-2: #E0C894;--ink: #3A2412;--red: #C9452F;--green: #4E9A4A;--blue: #5DADEC;--font-title: "Cinzel", Georgia, serif;--font-ui: "Alegreya Sans", "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;--font-text: "Alegreya", Georgia, serif;--wood-tex: repeating-linear-gradient(91deg, rgba(255,235,200,.022) 0 2px, transparent 2px 11px), repeating-linear-gradient(89deg, rgba(0,0,0,.07) 0 1px, transparent 1px 17px);--studs: radial-gradient(circle at 9px 9px, var(--gold-hi) 0 2px, var(--gold-deep) 2.6px 3.6px, transparent 4.2px), radial-gradient(circle at calc(100% - 9px) 9px, var(--gold-hi) 0 2px, var(--gold-deep) 2.6px 3.6px, transparent 4.2px), radial-gradient(circle at 9px calc(100% - 9px) , var(--gold-hi) 0 2px, var(--gold-deep) 2.6px 3.6px, transparent 4.2px), radial-gradient(circle at calc(100% - 9px) calc(100% - 9px) , var(--gold-hi) 0 2px, var(--gold-deep) 2.6px 3.6px, transparent 4.2px);--frame: 0 0 0 2px var(--wood-0), 0 0 0 4px var(--gold-deep), 0 0 0 5px var(--wood-0), inset 0 0 0 1.5px rgba(251,222,147,.35), inset 0 0 24px rgba(0,0,0,.45);--safe-l: max(10px, env(safe-area-inset-left, 0px));--safe-r: max(10px, env(safe-area-inset-right, 0px));--safe-t: max(8px, env(safe-area-inset-top, 0px));--safe-b: max(8px, env(safe-area-inset-bottom, 0px));color-scheme:dark}*{box-sizing:border-box;margin:0}[hidden]{display:none!important}html,body{height:100%;overflow:hidden}body{background:radial-gradient(ellipse at 50% 30%,#3A2616 0%,var(--night) 72%);color:var(--paper);font-family:var(--font-ui);font-weight:700;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;touch-action:none;overscroll-behavior:none}canvas#cv{position:fixed;top:0;right:0;bottom:0;left:0;display:block;touch-action:none}#screens,#hud,#actions,#chat,#toasts,#banner,#overlay,#rotate{zoom:calc(var(--uiz, 1) * var(--ui-esc, 1))}body.pad #actions .act:not(#aInteract):before{content:attr(data-pad)!important}body.pad #aInteract span:before{content:"(A) "!important}.cfg-range{width:150px;flex:none;accent-color:var(--gold);padding:0;box-shadow:none;background:none;border:0}.fase-row>.cfg-opts{display:flex;flex-direction:row;gap:4px;flex:none}.cfg-opts .chip-btn{min-width:46px}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}button:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:2px}input{font:inherit;font-weight:600;color:var(--paper);background:var(--wood-0);border:1.5px solid var(--gold-deep);border-radius:8px;padding:10px 12px;width:100%;user-select:text;-webkit-user-select:text;box-shadow:inset 0 2px 6px #00000080}input::placeholder{color:#c9ae8599}h1,h2,h3{font-family:var(--font-title);letter-spacing:.02em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:42px;padding:8px 18px;border-radius:9px;font-weight:800;font-size:15px;letter-spacing:.01em;background:var(--wood-tex),linear-gradient(180deg,#5a3e26,#3e2a19);color:var(--paper);border:2px solid var(--gold-deep);box-shadow:inset 0 1px #fbde9340,0 3px 0 var(--wood-0);transition:transform .08s,filter .15s}.btn:hover:not(:disabled){filter:brightness(1.18)}.btn:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 1px #fbde9340,0 1px 0 var(--wood-0)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.gold{background:linear-gradient(180deg,var(--gold-hi),var(--gold) 52%,#C48A2C);color:#2e1b08;border-color:#6b4412;box-shadow:inset 0 1px #fff2c6,inset 0 -2px #78460a59,0 3px 0 var(--wood-0);text-shadow:0 1px 0 rgba(255,240,200,.5)}.btn.danger{background:linear-gradient(180deg,#7a2a1e,#561a12);border-color:#b0503a}.btn.on{border-color:var(--gold);color:var(--gold-hi)}.btn.sm{min-height:34px;padding:5px 12px;font-size:13.5px;border-radius:8px}.btn.wide{width:100%}.btn.link,button.link{background:none;border:0;box-shadow:none;color:var(--muted);text-decoration:underline;font-size:13px;padding:6px}.btn-row{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:12px}.chip{display:inline-flex;align-items:center;gap:4px;background:#1a110ad1;border:1.5px solid var(--gold-deep);border-radius:999px;padding:2px 10px;font-size:13px;box-shadow:inset 0 1px #fbde9326}.muted{color:var(--muted);font-size:13.5px;line-height:1.45;font-weight:600}.empty{color:var(--muted);font-size:13.5px;padding:8px;font-weight:600}.hint{color:var(--muted);font-size:12.5px;margin-top:6px;font-weight:600}.eyebrow{display:block;font-family:var(--font-title);font-weight:700;letter-spacing:.22em;font-size:11px;color:var(--gold);margin-bottom:6px}.eyebrow.red{color:#ff9a86}#screens{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;overflow-y:auto;touch-action:pan-y;background:radial-gradient(ellipse at 50% 0%,rgba(232,181,79,.2),transparent 55%),radial-gradient(ellipse at 50% 35%,#3A2616 0%,var(--night) 78%)}#screens:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.45;background-image:radial-gradient(1.5px 1.5px at 20% 30%,#FFE7B0 50%,transparent 51%),radial-gradient(1px 1px at 70% 20%,#fff 50%,transparent 51%),radial-gradient(1.2px 1.2px at 40% 80%,#FFE7B0 50%,transparent 51%),radial-gradient(1px 1px at 85% 60%,#fff 50%,transparent 51%),radial-gradient(1.4px 1.4px at 10% 70%,#fff 50%,transparent 51%);background-size:300px 300px}.screen{position:relative;min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:max(18px,var(--safe-t)) 16px 24px}.logo{text-align:center}.logo .cross{display:inline-block;font-size:34px;color:var(--gold);text-shadow:0 0 24px rgba(232,181,79,.7)}.logo h1{font-size:clamp(34px,7vw,64px);font-weight:900;color:var(--gold);text-shadow:0 3px 0 #5A3510,0 5px 0 var(--wood-0),0 0 40px rgba(232,181,79,.35);line-height:1}.logo p{letter-spacing:.32em;font-size:12px;color:var(--muted);text-transform:uppercase;margin-top:8px}.week{font-size:14px;color:var(--muted);text-align:center;font-weight:600}.week b{color:var(--paper)}.title{font-size:22px;color:var(--gold);text-align:center;text-shadow:0 2px 0 var(--wood-0)}.card,.panel,.creator{background:var(--studs),var(--wood-tex),linear-gradient(180deg,#3B2819,var(--wood-1) 60%,#241810);border-radius:12px;box-shadow:var(--frame),0 18px 50px #0009}.card{padding:16px}.btn.install{background:#1a110acc;border-color:var(--gold-deep);color:var(--gold)}.auth{width:min(380px,100%);display:flex;flex-direction:column;gap:10px}.auth label,.creator label{display:flex;flex-direction:column;gap:5px;font-size:13.5px;color:var(--muted)}.form-msg{font-size:13.5px;min-height:18px;color:var(--muted)}.form-msg.err{color:#ff9a86}.form-msg.ok{color:#9bd98a}.tabs{display:flex;gap:4px;background:var(--wood-0);border-radius:10px;padding:4px;flex-wrap:wrap;box-shadow:inset 0 2px 6px #00000080}.tab{flex:1;padding:7px 10px;border-radius:7px;font-weight:800;font-size:13.5px;color:var(--muted);white-space:nowrap}.tab.on{background:linear-gradient(180deg,var(--gold-hi),var(--gold));color:#2e1b08;box-shadow:0 2px #6b4412}.tabs.small .tab{font-size:12.5px;padding:5px 8px}.char-list{display:flex;flex-direction:column;gap:12px;width:min(520px,100%)}.char-card{display:flex;align-items:center;gap:12px;padding:12px 16px}.char-card .portrait{width:64px;height:64px}.char-card .info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.char-card .info b{font-family:var(--font-title);font-size:19px;color:var(--gold-hi)}.char-card .info small{color:var(--muted);font-size:13px}.char-card .col{display:flex;flex-direction:column;gap:6px}.creator{display:grid;grid-template-columns:240px 1fr;gap:18px;width:min(920px,100%);padding:18px}.creator-left{display:flex;flex-direction:column;align-items:center;gap:10px}.creator-preview{width:220px;height:220px;border-radius:10px;background:radial-gradient(circle at 50% 62%,#fbde9333,#00000059 70%),var(--wood-0);box-shadow:inset 0 0 0 2px var(--gold-deep),inset 0 0 30px #0009}.creator-right{display:flex;flex-direction:column;gap:10px;min-width:0}.creator h4,.panel h4{font-family:var(--font-title);color:var(--gold);font-size:14px;margin-top:4px;letter-spacing:.04em}.class-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.class-card{display:flex;flex-direction:column;gap:4px;text-align:left;padding:10px;border-radius:9px;background:var(--wood-2);border:2px solid var(--wood-0);box-shadow:inset 0 0 0 1px #fbde931f}.class-card.on{border-color:var(--gold);background:linear-gradient(180deg,#5A3E22,var(--wood-2));box-shadow:0 0 14px #e8b54f59}.class-card .ci{font-size:24px}.class-card b{font-size:15px}.class-card small{font-size:12px;color:var(--muted);line-height:1.35;font-weight:600}.class-card .skill{color:var(--gold)}.look-opts{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px}.swatches,.chips-row{display:flex;flex-wrap:wrap;gap:6px}.sw{width:30px;height:30px;border-radius:50%;border:2px solid var(--wood-0);box-shadow:0 0 0 1.5px var(--gold-deep);font-size:13px;color:var(--muted)}.sw.on{box-shadow:0 0 0 2px var(--wood-0),0 0 0 4px var(--gold-hi)}.chip-btn{padding:5px 11px;border-radius:999px;background:var(--wood-2);font-size:13px;border:1.5px solid var(--wood-0);box-shadow:inset 0 0 0 1px #fbde931a}.chip-btn.on{border-color:var(--gold);color:var(--gold-hi);background:#4e3520}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:8}.hud-l{position:absolute;left:var(--safe-l);top:var(--safe-t);display:flex;flex-direction:column;gap:6px;width:min(300px,42vw)}.pf{display:flex;align-items:center;gap:0}.lvl{position:relative;z-index:1;width:46px;height:46px;flex:none;border-radius:50%;display:grid;place-items:center;font-family:var(--font-title);font-weight:900;font-size:18px;color:#2e1b08;background:radial-gradient(circle at 35% 30%,#FFF0C2,var(--gold) 55%,#A86E22);box-shadow:0 0 0 2px var(--wood-0),0 0 0 4px var(--gold-deep),0 0 0 5px var(--wood-0),0 4px 8px #00000080}.bars{flex:1;display:flex;flex-direction:column;gap:3px;margin-left:-6px;padding:5px 8px 5px 12px;border-radius:0 10px 10px 0;background:var(--wood-tex),linear-gradient(180deg,#3B2819,var(--wood-1));box-shadow:0 0 0 2px var(--wood-0),inset 0 0 0 1px #fbde9340,0 3px 8px #0006}.bar{position:relative;height:14px;border-radius:3px;background:var(--wood-0);overflow:hidden;box-shadow:inset 0 0 0 1.5px #5a3e22,inset 0 2px 4px #0009}.bar i{position:absolute;inset:2px auto 2px 2px;border-radius:2px;transition:width .2s;max-width:calc(100% - 4px)}.bar span{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:10.5px;font-weight:800;text-shadow:0 1px 0 #000,0 0 3px #000}.bar.hp i{background:linear-gradient(180deg,#ff9c82,#d9442c 55%,#a52a18);box-shadow:inset 0 1px #ffffff59}.bar.hp.low{animation:pulse .8s infinite}.bar.fe i{background:linear-gradient(180deg,#a8d6ff,#3e86dc 55%,#2a5da8);box-shadow:inset 0 1px #ffffff59}.bar.sta{height:7px}.bar.sta i{inset:1.5px auto 1.5px 1.5px;background:linear-gradient(180deg,#b8eba0,#5fb352);transition:width .08s}.chips{display:flex;flex-wrap:wrap;gap:4px}.side-card{background:var(--wood-tex),linear-gradient(180deg,#3b2819f0,#2b1d13f0);border-radius:9px;padding:7px 10px;display:flex;flex-direction:column;gap:3px;box-shadow:0 0 0 2px var(--wood-0),inset 0 0 0 1px #fbde9347,0 3px 8px #00000059}.side-card b{font-size:13px;color:var(--gold-hi)}.side-card small{font-size:12px;color:var(--paper);line-height:1.3;font-weight:600}.side-card .keys{display:flex;gap:4px;align-items:center;font-size:16px}.side-card .keys span{filter:grayscale(1) brightness(.5)}.side-card .keys span.on{filter:none;animation:pop .4s}.side-card .keys em{margin-left:auto;font-style:normal;font-size:12px;color:var(--muted)}#sheepHud em{font-style:normal;font-size:12px;color:var(--muted)}#grupoHud .gm{position:relative;font-size:12px;font-weight:700;padding:1px 6px;margin-top:2px;border-radius:3px;background:var(--wood-0);overflow:hidden}#grupoHud .gm span{position:relative;z-index:1;text-shadow:0 1px 0 #000}#grupoHud .gm i{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(180deg,#d9442c,#a52a18);opacity:.75}#grupoHud .gm.longe{opacity:.45}#questHud{pointer-events:auto;text-align:left;cursor:pointer;font:inherit;color:inherit}#questHud:hover{box-shadow:0 0 0 2px var(--wood-0),inset 0 0 0 1.5px var(--gold),0 3px 8px #00000059}#questHud em{font-style:normal;font-size:12px;color:#ffe38a;line-height:1.3}#missionDetails{display:flex;flex-direction:column;gap:6px}#bQuestToggle{display:none;pointer-events:auto;touch-action:manipulation;min-height:44px;padding:6px 12px;border-radius:8px;background:#1a110ae6;color:var(--gold-hi);font-size:12px}body.touch #bQuestToggle{display:block;margin-bottom:6px}body.touch #bQuestToggle[aria-expanded=false]{margin-bottom:0}.qbar{position:relative;height:12px;border-radius:3px;background:var(--wood-0);overflow:hidden;margin:2px 0;box-shadow:inset 0 0 0 1px #5a3e22}.qbar i{position:absolute;inset:0 auto 0 0;background:linear-gradient(180deg,var(--gold-hi),var(--gold) 60%,#B07A26)}.qbar span{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:10px;font-weight:800;text-shadow:0 1px 0 #000,0 0 3px #000}.quest-focus{padding:12px;border-radius:10px;background:var(--wood-2);box-shadow:inset 0 0 0 1.5px var(--gold-deep);display:flex;flex-direction:column;gap:4px}.quest-focus p{font-family:var(--font-text);font-size:14px;line-height:1.4;font-weight:500}.quest-focus small{font-size:12.5px;color:var(--muted)}.quest-focus .where{color:#ffe38a}.quest-focus .btn-row{justify-content:flex-start;margin-top:4px}.map-wrap{display:grid;grid-template-columns:1fr 230px;gap:12px}.map-left{display:flex;flex-direction:column;gap:8px;min-width:0}.world-map{width:100%;height:auto;max-height:62vh;object-fit:contain;border-radius:6px;box-shadow:0 0 0 2px var(--wood-0),0 0 0 4px var(--gold-deep),0 0 0 5px var(--wood-0);background:#000;cursor:pointer;touch-action:none;image-rendering:pixelated}.map-info{padding:10px;border-radius:9px;background:var(--wood-2);box-shadow:inset 0 0 0 1px #fbde932e;display:flex;flex-direction:column;gap:3px}.map-info small{font-size:12.5px;color:var(--muted)}.map-info p{font-family:var(--font-text);font-size:14px;line-height:1.4;font-weight:500}.map-info .btn-row{justify-content:flex-start;margin-top:4px}.map-list{max-height:70vh;overflow-y:auto;display:flex;flex-direction:column;gap:3px}.map-list h4{margin-top:6px}.map-item{display:flex;align-items:center;gap:8px;text-align:left;padding:6px 8px;border-radius:7px;background:var(--wood-2);font-size:13px;box-shadow:inset 0 0 0 1px #fbde9314}.map-item:hover{background:var(--wood-4)}.map-item span{width:22px;text-align:center}#sheepHud[data-heat="0"]{box-shadow:0 0 0 2px var(--wood-0),inset 0 0 0 2px #5dadec}#sheepHud[data-heat="1"]{box-shadow:0 0 0 2px var(--wood-0),inset 0 0 0 2px #f2c14e}#sheepHud[data-heat="2"]{box-shadow:0 0 0 2px var(--wood-0),inset 0 0 0 2px #ff8a3c}#sheepHud[data-heat="3"]{box-shadow:0 0 0 2px var(--wood-0),inset 0 0 0 2px #ff3c3c,0 0 16px #ff3c3c80}.hud-r{position:absolute;right:var(--safe-r);top:var(--safe-t);display:flex;flex-direction:column;align-items:flex-end;gap:8px}#minimap{width:150px;height:104px;border-radius:6px;background:#000;box-shadow:0 0 0 2px var(--wood-0),0 0 0 4px var(--gold-deep),0 0 0 5px var(--wood-0),0 5px 12px #00000073;margin:5px 5px 0 0}.hud-btns{display:flex;gap:6px}.hud-btns button{pointer-events:auto;width:38px;height:38px;border-radius:8px;font-size:16px;background:var(--wood-tex),linear-gradient(180deg,#5a3e26,#3e2a19);border:2px solid var(--gold-deep);box-shadow:inset 0 1px #fbde9340,0 2px 0 var(--wood-0)}.hud-btns button:hover{filter:brightness(1.2)}#zoneName{position:absolute;left:50%;top:calc(var(--safe-t) + 4px);transform:translate(-50%);text-align:center;opacity:0;padding:6px 30px 8px;background:linear-gradient(90deg,transparent,rgba(26,17,10,.75) 18%,rgba(26,17,10,.75) 82%,transparent)}#zoneName:before,#zoneName:after{content:"";position:absolute;left:12%;right:12%;height:1.5px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}#zoneName:before{top:0}#zoneName:after{bottom:0}#zoneName b{display:block;font-family:var(--font-title);font-size:21px;color:var(--gold-hi);text-shadow:0 2px 0 #000}#zoneName small{font-size:12px;color:var(--muted)}#zoneName.on{animation:zone 3.4s ease forwards}#bossBar{position:absolute;left:50%;bottom:calc(var(--safe-b) + 16px);transform:translate(-50%);width:min(480px,46vw);text-align:center}#bossBar .bn{display:inline-block;font-family:var(--font-title);font-weight:900;font-size:14px;color:#ffd2b8;text-shadow:0 2px 0 #000;margin-bottom:4px;padding:1px 16px;background:linear-gradient(90deg,transparent,rgba(26,17,10,.8) 20%,rgba(26,17,10,.8) 80%,transparent)}#bossBar .bb{height:14px;border-radius:3px;background:var(--wood-0);overflow:hidden;padding:2px;box-shadow:0 0 0 2px var(--wood-0),0 0 0 4px var(--gold-deep),0 0 0 5px var(--wood-0)}#bossBar i{display:block;height:100%;border-radius:2px;background:linear-gradient(180deg,#ff8a5c,#c2301e 55%,#7a1410);box-shadow:inset 0 1px #ffffff4d;transition:width .2s}#bossBar .bp{width:70%;height:6px;margin:6px auto 0;border-radius:2px;background:var(--wood-0);overflow:hidden;box-shadow:0 0 0 1.5px var(--gold-deep)}#bossBar .bp i{display:block;height:100%;width:0;background:linear-gradient(180deg,#fff0a0,#e8b54f);transition:width .15s}#xpBar{position:absolute;left:0;right:0;bottom:0;height:5px;background:var(--wood-0);box-shadow:0 -1px 0 var(--gold-deep)}#xpBar i{display:block;height:100%;background:linear-gradient(180deg,var(--gold-hi),var(--gold) 60%,#A86E22);transition:width .3s}#vignette{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:7;box-shadow:inset 0 0 120px #e0483a00}#vignette.on{animation:hurt .45s}#actions{position:fixed;right:calc(var(--safe-r) + 6px);bottom:calc(var(--safe-b) + 10px);width:230px;height:200px;z-index:9;pointer-events:none}.act{position:absolute;pointer-events:auto;border-radius:50%;display:grid;place-items:center;font-size:20px;color:var(--paper);background:radial-gradient(circle at 35% 30%,#6b4a2b,#3a2819 70%);border:2px solid var(--gold-deep);box-shadow:0 0 0 2px var(--wood-0),inset 0 1px #fbde934d,0 4px 10px #00000073;touch-action:none}.act.down{transform:scale(.92);background:radial-gradient(circle at 35% 30%,#9a6e3a,#5a3e22 70%)}.act *,.act:before,.act:after{pointer-events:none}.act.lg{width:86px;height:86px;right:0;bottom:0;font-size:34px;background:radial-gradient(circle at 35% 30%,#FFF0C2,var(--gold) 55%,#A86E22);color:#2e1b08;border-color:#6b4412}.act.md{width:62px;height:62px;right:96px;bottom:6px;font-size:26px;color:var(--gold-hi);overflow:hidden}.act.md:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;height:var(--cd, 0%);transition:height .1s}.act.md.nofe{filter:grayscale(.8)}.act.sm{width:50px;height:50px}.act[data-act=dodge]{right:90px;bottom:80px}.act[data-act=defend]{right:18px;bottom:100px}.act[data-act=item1]{right:150px;bottom:112px}.act[data-act=item2]{right:212px;bottom:68px}.act.vazio{opacity:.5;filter:grayscale(1)}.act[data-act=mount]{right:160px;bottom:50px}.act[data-act=botija]{right:96px;bottom:140px}.act[data-act=botija]:after{content:attr(data-n);position:absolute;right:-6px;bottom:-4px;background:var(--wood-0);color:#9fe6f0;font-size:10.5px;border-radius:4px;padding:0 4px;font-weight:800;box-shadow:0 0 0 1.5px var(--gold-deep)}.act[data-act=lock]{right:40px;bottom:156px;width:42px;height:42px;font-size:17px}.act[data-act=lock].on{border-color:var(--gold-hi);box-shadow:0 0 0 2px var(--wood-0),0 0 12px #fbde93b3}.act[data-act=mount].on{border-color:var(--gold-hi);background:radial-gradient(circle at 35% 30%,#9a6e3a,#5a3e22 70%)}.act[data-act^=item]:after{content:attr(data-n);position:absolute;right:-4px;bottom:-4px;background:var(--wood-0);color:var(--paper);font-size:11px;border-radius:4px;padding:0 4px;font-weight:800;box-shadow:0 0 0 1.5px var(--gold-deep)}#aInteract{right:0;bottom:210px;width:auto;height:40px;padding:0 16px;border-radius:8px;font-size:14px;font-weight:800;white-space:nowrap;background:linear-gradient(180deg,var(--gold-hi),var(--gold) 55%,#C48A2C);color:#2e1b08;border-color:#6b4412;animation:pop .3s}body.touch #aInteract{min-width:160px;max-width:min(320px,70vw);height:auto;min-height:52px;padding:10px 16px;white-space:normal;line-height:1.25;animation:none}body:not(.touch) #actions{left:0;right:0;bottom:calc(var(--safe-b) + 26px);width:auto;height:auto;display:flex;flex-direction:row-reverse;justify-content:center;align-items:flex-end;gap:10px}body:not(.touch) #actions .act:not(#aInteract){position:relative;inset:auto;width:54px;height:54px;font-size:22px;border-radius:9px;background:radial-gradient(circle at 50% 40%,#5a3e26,#2e2014 75%);box-shadow:0 0 0 2px var(--wood-0),inset 0 0 0 1px #fbde9340,inset 0 0 12px #00000080,0 4px 8px #0006}body:not(.touch) #actions .act.lg{width:64px;height:64px;font-size:28px;background:radial-gradient(circle at 50% 35%,#FFF0C2,var(--gold) 55%,#A86E22)}body:not(.touch) #actions .act:not(#aInteract):before{content:attr(data-key);position:absolute;left:50%;bottom:-20px;transform:translate(-50%);white-space:nowrap;font-size:10.5px;font-weight:800;color:var(--ink);background:linear-gradient(180deg,var(--parch),var(--parch-2));border-radius:3px;padding:0 6px;box-shadow:0 0 0 1.5px var(--wood-0)}body:not(.touch) #actions .act:not(#aInteract):hover{filter:brightness(1.18)}body:not(.touch) #actions .act.md{overflow:visible}body:not(.touch) #actions .act.md:after{border-radius:9px}body:not(.touch) #aInteract{position:fixed;right:auto;left:50%;bottom:calc(var(--safe-b) + 112px);transform:translate(-50%)}body:not(.touch) #bossBar{bottom:calc(var(--safe-b) + 150px)}body:not(.touch) #toasts{bottom:calc(var(--safe-b) + 205px)}body:not(.touch) #aInteract span:before{content:"[E] ";opacity:.7}#stick{position:fixed;width:116px;height:116px;margin:-58px 0 0 -58px;border-radius:50%;z-index:9;pointer-events:none;opacity:0;transition:opacity .15s;background:radial-gradient(circle,#1a110a40,#1a110a80);border:2px solid rgba(232,181,79,.55);box-shadow:0 0 0 2px #1a110a80}#stick.on{opacity:1}#knob{position:absolute;left:50%;top:50%;width:50px;height:50px;margin:-25px 0 0 -25px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#FFF0C2,var(--gold) 60%,#A86E22);box-shadow:0 0 0 2px var(--wood-0),0 3px 8px #0006}#chat{position:fixed;left:var(--safe-l);bottom:calc(var(--safe-b) + 8px);width:min(300px,26vw);z-index:9;display:flex;flex-direction:column;gap:4px}#chatLog{max-height:110px;overflow-y:auto;font-size:13px;display:flex;flex-direction:column;gap:2px;opacity:0;transition:opacity .3s;pointer-events:none}#chat.fresh #chatLog,#chat.open #chatLog{opacity:1}#chatLog div{background:#1a110ac7;border-radius:6px;padding:3px 8px;line-height:1.3;-webkit-user-select:text;user-select:text;font-weight:600}#chatLog b{color:#9fd8ff}#chatLog .me b{color:var(--gold)}.chat-row{display:flex;gap:6px;align-items:center}#chatToggle{width:40px;height:40px;flex:none;border-radius:8px;background:#1a110acc;border:2px solid var(--gold-deep);font-size:18px;display:none}#chatIn{height:34px;padding:4px 10px;font-size:13.5px;background:#1a110ab8;border-color:#8e5f1eb3}body.touch #chatToggle{display:block}body.touch #chatIn{display:none}body.touch #chat.open #chatIn{display:block}body.touch #chat{left:auto;right:260px;bottom:calc(var(--safe-b) + 8px);width:min(300px,34vw)}#toasts{position:fixed;left:50%;bottom:calc(var(--safe-b) + 110px);transform:translate(-50%);z-index:20;display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none;width:min(560px,90vw)}.toast{position:relative;background:radial-gradient(ellipse at 50% 50%,var(--parch) 55%,var(--parch-2));color:var(--ink);font-family:var(--font-text);font-weight:700;border-radius:4px;padding:8px 20px;font-size:14.5px;text-align:center;line-height:1.35;box-shadow:0 0 0 1.5px #8a6a3a,0 0 0 3px #1a110a8c,0 6px 18px #0006;animation:rise .3s}.toast:before,.toast:after{content:"";position:absolute;top:-3px;bottom:-3px;width:8px;border-radius:4px;background:linear-gradient(90deg,#8a5a2a,#c9a060,#8a5a2a);box-shadow:0 0 0 1px #4a2e14}.toast:before{left:-6px}.toast:after{right:-6px}.toast.out{opacity:0;transform:translateY(6px);transition:.3s}#banner{position:fixed;left:50%;top:26%;transform:translate(-50%);z-index:15;text-align:center;pointer-events:none;opacity:0;width:90vw}#banner small{display:block;font-family:var(--font-title);font-weight:700;letter-spacing:.38em;font-size:13px;color:var(--gold);text-shadow:0 2px 0 #000}#banner b{display:block;font-family:var(--font-title);font-size:clamp(26px,5vw,46px);color:var(--gold-hi);text-shadow:0 3px 0 #000,0 0 30px rgba(0,0,0,.6)}#banner i{font-family:var(--font-text);font-size:15px;color:var(--paper);font-style:italic;text-shadow:0 1px 4px #000}#banner.on{animation:banner 3s ease forwards}#overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;pointer-events:none}.modal{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:max(12px,var(--safe-t)) var(--safe-r) max(12px,var(--safe-b)) var(--safe-l);background:radial-gradient(ellipse at center,#120c0873,#0a0603bf);pointer-events:auto;animation:fade .18s}.modal.out{opacity:0;transition:opacity .16s}.panel{width:min(520px,calc(100% - 12px));max-height:calc(100% - 10px);overflow-y:auto;touch-action:pan-y;padding:18px 20px;animation:pop .22s;scrollbar-width:thin;scrollbar-color:var(--gold-deep) var(--wood-0)}.panel.wide{width:min(920px,calc(100% - 12px))}.panel h3{font-size:19px;color:var(--gold-hi);line-height:1.25;text-shadow:0 2px 0 var(--wood-0)}.p-head{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding-bottom:10px;position:relative}.p-head:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent,var(--gold) 15%,var(--gold) 85%,transparent);opacity:.6}.p-head h3{flex:1}.x{width:36px;height:36px;border-radius:50%;flex:none;font-size:15px;color:#2e1b08;font-weight:900;background:radial-gradient(circle at 35% 30%,#FFF0C2,var(--gold) 55%,#A86E22);box-shadow:0 0 0 2px var(--wood-0),0 2px 0 var(--wood-0)}.x:hover{filter:brightness(1.1)}.dlg-head{display:flex;align-items:center;gap:12px;margin-bottom:10px}.dlg-head h3{padding:3px 14px;border-radius:4px;background:linear-gradient(180deg,var(--parch),var(--parch-2));color:var(--ink);text-shadow:none;box-shadow:0 0 0 1.5px #8a6a3a,0 0 0 3px var(--wood-0);font-size:17px}.portrait{width:64px;height:64px;border-radius:8px;flex:none;background:radial-gradient(circle at 50% 60%,#fbde9338,#0006 75%),var(--wood-0);box-shadow:0 0 0 2px var(--gold-deep),0 0 0 3.5px var(--wood-0)}.dlg-text{white-space:pre-line;line-height:1.5;font-size:16.5px;font-family:var(--font-text);font-weight:500}.answers{display:flex;flex-direction:column;gap:8px;margin-top:12px}.answer{justify-content:flex-start;text-align:left;min-height:46px}.answer.right{background:linear-gradient(180deg,#6dba5e,#3e7f36);border-color:#a8e09a}.answer.wrong{background:linear-gradient(180deg,#d45a40,#932a1a);border-color:#ffa08a}.porque{margin-top:10px;padding:10px 14px;border-radius:4px;text-align:left;color:var(--ink);background:radial-gradient(ellipse at 50% 50%,var(--parch) 60%,var(--parch-2));box-shadow:0 0 0 1.5px #8a6a3a,0 0 0 3px var(--wood-0)}.porque b{display:block;font-family:var(--font-title);color:#6b4412;font-size:13px;margin-bottom:3px}.porque p{font-family:var(--font-text);font-size:15px;line-height:1.45;font-weight:600}.fase-row small.certa{color:#9bd98a}.feedback{margin-top:10px;font-size:15px;text-align:center;font-family:var(--font-text)}.feedback.ok{color:#9bd98a}.feedback.no{color:#ff9a86}.verse .lie{color:#ff9a86;font-size:20px;margin-bottom:6px}.dead h2{color:#ff9a86;font-size:28px;text-align:center;text-shadow:0 2px 0 #000}.dead p{white-space:pre-line;text-align:center;line-height:1.5;margin-top:8px;font-family:var(--font-text);font-size:15.5px;font-weight:500}.victory{text-align:center}.victory h2{font-size:28px;color:var(--gold-hi);text-shadow:0 2px 0 #000}blockquote{margin:10px 0;padding:10px 16px;border-radius:4px;font-family:var(--font-text);font-style:italic;font-weight:600;line-height:1.45;text-align:left;color:var(--ink);background:radial-gradient(ellipse at 50% 50%,var(--parch) 60%,var(--parch-2));box-shadow:0 0 0 1.5px #8a6a3a,0 0 0 3px var(--wood-0)}blockquote cite{display:block;margin-top:4px;font-size:12.5px;color:#8a5a1a;font-style:normal;font-family:var(--font-ui);font-weight:800}.lesson{font-size:15px;line-height:1.45;color:var(--muted);font-family:var(--font-text);font-weight:500}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:12px 0}.stats div{background:var(--wood-2);border-radius:8px;padding:8px 4px;box-shadow:inset 0 0 0 1px #fbde932e}.stats b{display:block;font-size:19px;color:var(--gold-hi)}.stats small{font-size:12px;color:var(--muted)}.rewards{font-size:13.5px;color:var(--muted)}.loot{display:flex;align-items:center;gap:12px;text-align:left;margin-top:10px;padding:10px;border-radius:9px;background:var(--wood-2);box-shadow:inset 0 0 0 1.5px var(--gold-deep)}.loot.legendary{background:linear-gradient(90deg,#e8b54f52,#e8b54f14);animation:glow 1.6s infinite alternate}.loot .big{font-size:34px}.loot small{display:block;font-size:12.5px;color:var(--muted);line-height:1.35;font-family:var(--font-text)}.ico,.cell,.slot{position:relative;display:grid;place-items:center;border-radius:8px;background:radial-gradient(circle at 50% 42%,#54391f,#2a1c11 78%);box-shadow:0 0 0 2px var(--wood-0),inset 0 0 0 1.5px var(--gold-deep),inset 0 0 0 3px #00000059,inset 0 -10px 16px #00000059}.ico:after,.cell:after,.slot.has:after{content:"";position:absolute;left:5px;top:5px;width:6px;height:6px;border-radius:50%;background:var(--c, transparent);box-shadow:0 0 6px var(--c, transparent)}.item-list{display:flex;flex-direction:column;gap:7px}.item-row{display:flex;align-items:center;gap:12px;padding:9px 10px;border-radius:9px;background:var(--wood-2);box-shadow:inset 0 0 0 1px #fbde9324,0 2px 0 var(--wood-0)}.item-row .ico{width:48px;height:48px;flex:none;font-size:25px}.item-row .info{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}.item-row .info b{font-size:15px}.item-row .info small{font-size:12px;color:var(--muted)}.item-row .info .desc{font-family:var(--font-text);font-size:12.5px;opacity:.85;font-weight:500}.item-row .info .rar,.detail .rar{font-weight:700;color:var(--muted)}.stat-chips{display:flex;flex-wrap:wrap;gap:4px;margin:3px 0 1px}.sc{display:inline-flex;align-items:center;gap:4px;padding:1px 8px;border-radius:4px;font-size:12px;font-weight:800;background:var(--wood-0);box-shadow:inset 0 0 0 1px #fbde9329;white-space:nowrap}.sc em{font-style:normal;font-size:11px}.sc.up{background:#4e9a4a38;box-shadow:inset 0 0 0 1px #9bd98a80}.sc.up em{color:#9bd98a}.sc.down{background:#c9452f33;box-shadow:inset 0 0 0 1px #ff9a8673}.sc.down em{color:#ff9a86}.sc.tag{font-weight:700;color:var(--muted)}.sc.tag.up{color:#9bd98a}.sc.tag.down{color:#ff9a86}.req{font-size:12px;color:var(--muted)}.req .ok{color:#9bd98a}.req .no{color:#ff9a86}.inv-layout{display:grid;grid-template-columns:196px minmax(0,1fr) 240px;gap:14px;align-items:start}.inv-side{display:flex;flex-direction:column;gap:8px;align-items:stretch}.char-preview{width:100%;height:150px;border-radius:9px;background:radial-gradient(circle at 50% 62%,#fbde9338,#00000059 70%),var(--wood-0);box-shadow:inset 0 0 0 2px var(--gold-deep),inset 0 0 24px #0009;object-fit:contain}.equip{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.slot{aspect-ratio:1;flex-direction:column;gap:0;padding:2px}.slot span{font-size:22px;line-height:1}.slot:not(.has) span{filter:grayscale(1) brightness(1.4);opacity:.28}.slot small{position:absolute;bottom:1px;left:0;right:0;text-align:center;font-size:9px;color:var(--muted);font-weight:700}.slot:hover,.cell:hover{filter:brightness(1.2)}.slot.sel,.cell.sel{background:radial-gradient(circle at 50% 42%,#8a6232,#4a3220 80%);box-shadow:0 0 0 2px var(--wood-0),inset 0 0 0 2px var(--gold-hi),0 0 12px #fbde938c}.statgrid{display:grid;grid-template-columns:1fr 1fr;gap:4px;width:100%}.statgrid div{background:var(--wood-0);border-radius:5px;padding:3px 8px;display:flex;justify-content:space-between;align-items:center;box-shadow:inset 0 0 0 1px #fbde931f}.statgrid small{font-size:11.5px;color:var(--muted)}.statgrid b{color:var(--gold-hi)}.set-bonus{font-size:12.5px;color:var(--gold);text-align:center}.inv-center{display:flex;flex-direction:column;gap:8px;min-width:0}.bag-tabs{display:flex;gap:5px;flex-wrap:wrap}.bag-tabs button{width:38px;height:38px;border-radius:50%;font-size:17px;background:var(--wood-2);box-shadow:0 0 0 2px var(--wood-0),inset 0 0 0 1.5px var(--gold-deep)}.bag-tabs button.on{background:radial-gradient(circle at 35% 30%,#FFF0C2,var(--gold) 55%,#A86E22);box-shadow:0 0 0 2px var(--wood-0),0 0 10px #fbde9380}.bag-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.bag-head h4{margin:0}.bag-head small{color:var(--muted);font-size:12.5px}.bag{display:grid;grid-template-columns:repeat(auto-fill,minmax(54px,1fr));gap:7px;padding:10px;border-radius:9px;background:var(--wood-0);box-shadow:inset 0 0 0 1.5px #8e5f1e99,inset 0 4px 14px #0009}.cell{aspect-ratio:1;font-size:25px}.cell span{line-height:1;filter:drop-shadow(0 2px 1px rgba(0,0,0,.5))}.cell.vazio{background:radial-gradient(circle at 50% 42%,#3a2818,#24180f 78%);cursor:default}.cell.vazio:after{display:none}.cell.vazio:hover{filter:none}.cell em,.slot em{position:absolute;right:4px;bottom:1px;font-style:normal;font-size:12px;font-weight:900;color:#fff;text-shadow:0 0 2px #000,0 1px 0 #000,1px 0 0 #000,-1px 0 0 #000}.bag-foot{display:flex;align-items:center;gap:10px;font-size:14px}.inv-detail{position:sticky;top:0;display:flex;flex-direction:column;gap:4px;padding:12px;border-radius:10px;min-height:280px;background:var(--wood-tex),linear-gradient(180deg,#3e2a1a,#2a1c12);box-shadow:0 0 0 2px var(--wood-0),inset 0 0 0 1.5px var(--gold-deep),inset 0 0 20px #0006}.det-art{height:110px;display:grid;place-items:center;font-size:64px;border-radius:8px;margin-bottom:4px;background:radial-gradient(circle at 50% 55%,color-mix(in srgb,var(--c, #E8B54F) 45%,transparent),transparent 62%),radial-gradient(circle at 50% 50%,#4e361f,#24180f 75%);box-shadow:inset 0 0 0 1px #fbde9326}.det-art span{filter:drop-shadow(0 4px 3px rgba(0,0,0,.55))}.inv-detail h3{font-size:18px;text-align:center}.inv-detail .rar{text-align:center;font-size:12.5px}.inv-detail p{font-family:var(--font-text);font-size:14px;line-height:1.4;color:var(--gold-hi);font-weight:600}.inv-detail .btn-row{margin-top:auto;padding-top:8px}.inv-detail .det-empty{margin:auto 0;text-align:center;color:var(--muted);font-size:13.5px;font-family:var(--font-text)}.detail{margin-top:10px;padding:10px;border-radius:9px;background:var(--wood-2);display:flex;flex-direction:column;gap:3px}.detail small{font-size:12.5px;color:var(--muted)}.detail p{font-family:var(--font-text);font-size:14px;line-height:1.4;font-weight:500}.detail .btn-row{justify-content:flex-start;margin-top:6px}.item-pop .inv-detail{position:static;min-height:0;padding:0;background:none;box-shadow:none}.cat-head{font-family:var(--font-title);font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);margin:6px 0 0}h4.cat-head{padding-bottom:4px;border-bottom:1px solid var(--line)}.cat-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.panel.menu{padding:14px 16px 16px 12px}.menu-layout{display:grid;grid-template-columns:74px minmax(0,1fr);gap:14px}.rail{display:flex;flex-direction:column;gap:6px;padding:10px 6px;border-radius:10px;align-self:start;position:sticky;top:0;background:var(--wood-0);box-shadow:inset 0 0 0 1.5px var(--gold-deep),inset 0 0 14px #0009}.rail-btn{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 0;border-radius:8px;color:var(--muted)}.rail-btn .ri{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:20px;background:var(--wood-2);box-shadow:inset 0 0 0 1.5px #8e5f1eb3;transition:transform .12s}.rail-btn small{font-size:10.5px;font-weight:800}.rail-btn:hover .ri{transform:scale(1.06);filter:brightness(1.2)}.rail-btn.on{color:var(--gold-hi)}.rail-btn.on .ri{background:radial-gradient(circle at 35% 30%,#FFF0C2,var(--gold) 55%,#A86E22);box-shadow:0 0 0 2px var(--wood-0),0 0 0 3.5px var(--gold-hi),0 0 14px #fbde9373}.rail-btn em{position:absolute;top:0;right:4px;min-width:18px;height:18px;border-radius:9px;font-style:normal;font-size:11px;display:grid;place-items:center;background:var(--red);color:#fff;box-shadow:0 0 0 1.5px var(--wood-0)}.menu-main{min-width:0}.menu-title{flex:1;display:flex;flex-direction:column}.menu-title h3{font-size:26px}.menu-title small{color:var(--muted);font-size:13px}.tab-body{margin-top:4px;display:flex;flex-direction:column;gap:8px}.fase-list{display:flex;flex-direction:column;gap:5px}.fase-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;background:var(--wood-2);box-shadow:inset 0 0 0 1px #fbde931a}.fase-row>div{flex:1;display:flex;flex-direction:column;min-width:0}.fase-row small{font-size:12.5px;color:var(--muted);line-height:1.3}.fase-row.done{box-shadow:inset 0 0 0 1.5px #9bd98a80}.fase-row.locked{opacity:.55}.num{width:32px;height:32px;flex:none;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:13.5px;background:var(--wood-0);box-shadow:inset 0 0 0 1.5px var(--gold-deep)}.fase-row.cfg{padding:10px 12px}.toggle{position:relative;flex:none;width:54px;height:30px;border-radius:15px;background:var(--wood-0);box-shadow:inset 0 0 0 1.5px var(--gold-deep),inset 0 2px 5px #0009;transition:background .15s}.toggle i{position:absolute;left:4px;top:4px;width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#d9c7a0,#8a7350);box-shadow:0 2px 3px #00000080;transition:left .15s,background .15s}.toggle.on{background:linear-gradient(180deg,#5e8a3a,#3e6a28)}.toggle.on i{left:28px;background:radial-gradient(circle at 35% 30%,#FFF0C2,var(--gold) 60%,#A86E22)}.tags{display:flex;flex-wrap:wrap;gap:6px}.tag{background:linear-gradient(180deg,var(--parch),var(--parch-2));color:var(--ink);border-radius:3px;padding:2px 10px;font-size:12.5px;box-shadow:0 0 0 1.5px var(--wood-0)}.secret{color:#ff9aa8;font-size:13.5px;font-family:var(--font-text)}.rank{list-style:none;padding:0;display:flex;flex-direction:column;gap:4px}.rank li{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:8px;background:var(--wood-2);box-shadow:inset 0 0 0 1px #fbde931a}.rank li.me{box-shadow:inset 0 0 0 2px var(--gold)}.rank .pos{width:28px;text-align:center;font-weight:900}.rank b{flex:0 1 auto}.rank small{flex:1;color:var(--muted);font-size:12.5px}.rank em{font-style:normal;font-weight:900;color:var(--gold-hi)}.social{display:grid;grid-template-columns:1fr 1fr;gap:16px}.soc-col{display:flex;flex-direction:column;gap:8px;min-width:0}.soc-form{display:flex;flex-direction:column;gap:6px}.soc-search input{margin-top:4px}.rank li .btn.sm{min-height:28px;padding:3px 9px}#chatLog .cla b{color:#ffd23f}#chatLog .cla{box-shadow:inset 2px 0 #ffd23f}body.narrow .social{grid-template-columns:1fr}.ctl-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ctl-card{background:var(--wood-2);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:7px;box-shadow:inset 0 0 0 1px #fbde931f}.ctl-card.atual{box-shadow:inset 0 0 0 2px var(--gold);background:linear-gradient(180deg,#4A3420,var(--wood-2))}.ctl-card h4{display:flex;align-items:center;gap:8px;margin-bottom:2px}.ctl-card h4 em{font-style:normal;font-size:10.5px;font-weight:900;color:#2e1b08;background:var(--gold);border-radius:999px;padding:2px 8px;font-family:var(--font-ui);letter-spacing:0}.ctl{display:grid;grid-template-columns:132px 1fr;align-items:center;gap:10px;font-size:13.5px;line-height:1.3;font-weight:600}.ctl-k{display:flex;flex-wrap:wrap;gap:4px}kbd{font:800 11.5px var(--font-ui);color:var(--ink);background:linear-gradient(180deg,var(--parch),var(--parch-2));border:1px solid #8A6A3A;border-bottom-width:3px;border-radius:5px;padding:1px 7px;white-space:nowrap}.ctl-i{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;font-size:15px;background:radial-gradient(circle at 35% 30%,#6b4a2b,#3a2819 70%);border:2px solid var(--gold-deep)}.ctl-i.gold{background:radial-gradient(circle at 35% 30%,#FFF0C2,var(--gold) 55%,#A86E22);color:#2e1b08;border-color:#6b4412}.ctl-pill{font-size:11.5px;font-weight:900;padding:4px 10px;border-radius:6px;background:linear-gradient(180deg,var(--gold-hi),var(--gold));color:#2e1b08}body.narrow .ctl-grid{grid-template-columns:1fr}body.compact .ctl{grid-template-columns:110px 1fr;font-size:12.5px}body.compact .ctl-card{padding:9px;gap:5px}.help{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.help ul{padding-left:18px;font-size:13.5px;line-height:1.55;color:var(--muted);font-weight:600}.help b{color:var(--paper)}.mini-canvas{width:100%;aspect-ratio:2 / 1;border-radius:8px;display:block;background:#000;touch-action:none;box-shadow:0 0 0 2px var(--wood-0),0 0 0 4px var(--gold-deep)}.mini-msg{font-size:14px;color:var(--muted);margin-bottom:8px;line-height:1.4;font-family:var(--font-text)}.big-btn{min-height:52px;font-size:17px;padding:8px 28px}.mini-end{margin-top:12px;text-align:center;padding:12px;border-radius:9px;background:var(--wood-2);box-shadow:inset 0 0 0 1.5px var(--gold-deep)}.mini-end p{font-size:14px;line-height:1.45;margin:6px 0;font-family:var(--font-text)}.mini-end .big{font-size:22px;color:var(--gold-hi)}.memory{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}.memory .card{aspect-ratio:3 / 4;padding:0;border-radius:8px;font-size:clamp(22px,4vw,34px);display:grid;place-items:center;background:linear-gradient(180deg,#8a5a35,#5a3820);border:2px solid var(--gold-deep);box-shadow:0 2px 0 var(--wood-0);transition:transform .2s}.memory .card span{opacity:0;transition:opacity .15s}.memory .card.up{background:var(--parch);transform:rotateY(0) scale(1.03)}.memory .card.up span{opacity:1}.memory .card.ok{background:#cfe8bf;border-color:var(--green)}#novaVersao{position:fixed;left:50%;top:calc(var(--safe-t) + 54px);transform:translate(-50%);z-index:60;padding:10px 18px;border-radius:8px;font-weight:800;font-size:14px;color:#2e1b08;background:linear-gradient(180deg,var(--gold-hi),var(--gold) 55%,#C48A2C);box-shadow:0 0 0 2px var(--wood-0),0 6px 18px #00000080;animation:pop .3s}#rotate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:none;place-items:center;text-align:center;background:var(--night);padding:24px}#rotate span{display:block;font-size:54px;margin-bottom:10px;animation:tilt 1.6s infinite}#rotate b{display:block;font-family:var(--font-title);font-size:22px;color:var(--gold)}#rotate small{color:var(--muted)}@media (orientation: portrait) and (pointer: coarse){body.playing #rotate{display:grid}}body.compact .hud-l{width:min(250px,38vw);gap:4px}body.compact .lvl{width:36px;height:36px;font-size:15px}body.compact .bars{padding:3px 6px 3px 10px}body.compact .bar{height:12px}body.compact .bar span{font-size:9.5px}body.compact .chip{font-size:11.5px;padding:1px 8px}body.compact #minimap{width:112px;height:78px}body.compact .hud-btns button{width:34px;height:34px;font-size:14px}body.compact #zoneName b{font-size:16px}body.compact .side-card{padding:5px 8px}body.compact .side-card small{font-size:11px}body.compact .panel{padding:12px 14px}body.compact .panel h3{font-size:16px}body.compact .menu-title h3{font-size:19px}body.compact .dlg-text{font-size:14.5px}body.compact .portrait{width:48px;height:48px}body.compact .answers{display:grid;grid-template-columns:1fr 1fr;gap:6px}body.compact .answer{min-height:40px;font-size:13.5px}body.compact .stats{margin:6px 0}body.compact blockquote{padding:6px 10px;font-size:13.5px;margin:6px 0}body.compact .inv-layout{grid-template-columns:160px minmax(0,1fr) 200px;gap:10px}body.compact .char-preview{height:96px}body.compact .statgrid div{padding:2px 6px}body.compact .statgrid b{font-size:13px}body.compact .slot small{display:none}body.compact .bag{grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:6px;padding:8px}body.compact .cell{font-size:21px}body.compact .det-art{height:76px;font-size:44px}body.compact .inv-detail{min-height:0;padding:9px}body.compact .menu-layout{grid-template-columns:56px minmax(0,1fr);gap:10px}body.compact .rail{padding:6px 4px;gap:3px}body.compact .rail-btn .ri{width:38px;height:38px;font-size:17px}body.compact .rail-btn small{display:none}body.compact .help{grid-template-columns:1fr 1fr}body.compact .logo h1{font-size:34px}body.compact .screen{gap:8px;justify-content:flex-start}body.compact .creator{grid-template-columns:170px 1fr;gap:12px;padding:12px}body.compact .creator-preview{width:160px;height:160px}body.compact .mini-canvas{max-height:46vh;width:auto;margin:0 auto}body.compact #toasts{bottom:calc(var(--safe-b) + 70px)}body.compact .map-wrap{grid-template-columns:1fr 190px}body.compact .world-map{max-height:54vh}body.compact .map-list{max-height:72vh}body.compact #questHud .qbar{height:10px}body.narrow .map-wrap{grid-template-columns:1fr}body.narrow .map-list{max-height:30vh}body.narrow .class-grid{grid-template-columns:1fr 1fr}body.narrow .look-opts{grid-template-columns:1fr}body.narrow .inv-layout{grid-template-columns:150px minmax(0,1fr)}body.narrow .inv-layout>.inv-detail{display:none}body.narrow .menu-layout{grid-template-columns:52px minmax(0,1fr);gap:8px}body.narrow .rail-btn small{display:none}body.narrow .memory{grid-template-columns:repeat(4,1fr)}body.narrow .help,body.tiny .creator,body.tiny .inv-layout{grid-template-columns:1fr}body.tiny .stats{grid-template-columns:1fr 1fr}@keyframes pop{0%{transform:scale(.94);opacity:0}to{transform:none;opacity:1}}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{transform:translateY(8px);opacity:0}}@keyframes pulse{50%{box-shadow:inset 0 0 0 2px #ff5a5f,0 0 10px #ff5a5f}}@keyframes hurt{0%{box-shadow:inset 0 0 140px #e0483aa6}to{box-shadow:inset 0 0 120px #e0483a00}}@keyframes zone{0%{opacity:0;transform:translate(-50%,-6px)}12%,75%{opacity:1;transform:translate(-50%)}to{opacity:0}}@keyframes banner{0%{opacity:0;transform:translate(-50%,10px) scale(.96)}12%,75%{opacity:1;transform:translate(-50%)}to{opacity:0}}@keyframes glow{to{box-shadow:0 0 22px #e8b54f73}}@keyframes tilt{0%,30%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition:none!important}}.modal.cinema{padding:0;background:#000;z-index:50;animation:fade .5s}.modal.cinema .panel.cine{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;max-height:none;height:100%;padding:0;overflow:hidden;background:#000;border:0;box-shadow:none;border-radius:0;animation:none}.modal.cinema .panel.cine:before,.modal.cinema .panel.cine:after{display:none}.cine-cv{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;cursor:pointer}.cine-title{position:absolute;left:0;right:0;top:18%;text-align:center;pointer-events:none;opacity:0;transform:translateY(8px) scale(.98);transition:opacity 1.1s ease,transform 1.6s ease}.cine-title.on{opacity:1;transform:none}.cine-title b{display:block;font-family:Cinzel,serif;font-weight:900;font-size:clamp(26px,6vw,64px);letter-spacing:.12em;color:#fbde93;text-shadow:0 0 24px rgba(242,193,78,.55),0 3px 0 #3A2412}.cine-title span{display:block;margin-top:6px;font-family:Alegreya,serif;font-style:italic;font-size:clamp(14px,2.4vw,22px);color:#f3e6c8;text-shadow:0 2px 6px #000}.cine-bar{position:absolute;left:0;right:0;bottom:0;min-height:22%;padding:14px max(16px,var(--safe-r)) max(12px,var(--safe-b)) max(16px,var(--safe-l));background:linear-gradient(to bottom,#0000,#000000d1 28%,#000);display:flex;flex-direction:column;justify-content:flex-end;gap:8px;pointer-events:none}.modal.cinema .panel.cine{box-shadow:inset 0 9vh #000}.cine-sub{margin:0 auto;max-width:980px;min-height:3.1em;text-align:center;font-family:Alegreya,serif;font-weight:600;font-size:clamp(15px,2.3vw,23px);line-height:1.4;color:#fff6e0;text-shadow:0 2px 4px #000,0 0 12px rgba(0,0,0,.8)}.cine-btns{display:flex;align-items:center;justify-content:flex-end;gap:8px;pointer-events:auto}.cine-hint{margin-right:auto;color:#f3e6c88c;font-family:Cinzel,serif;font-size:12px;letter-spacing:.08em}.cine-btns .btn{opacity:.78}.cine-btns .btn:hover,.cine-btns .btn:focus-visible{opacity:1}.cine-lista{flex-wrap:wrap;max-width:60%;justify-content:flex-end}@media (max-width: 640px){.cine-hint{display:none}.cine-lista{max-width:100%}}#ceu{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:39;pointer-events:none}#screens{background:transparent!important}#screens:before{display:none}.logo .cross{font-size:40px;color:#fff4d0;text-shadow:0 0 18px #FFE08A,0 0 40px rgba(255,214,120,.9);animation:cruz 4s ease-in-out infinite}@keyframes cruz{50%{text-shadow:0 0 26px #FFE08A,0 0 70px rgba(255,214,120,1);transform:translateY(-2px)}}.logo h1{color:#fff6de;text-shadow:0 2px 0 #8E5F1E,0 4px 0 #5A3510,0 0 30px rgba(255,220,140,.8),0 0 70px rgba(255,200,120,.5);letter-spacing:.06em}.logo p{color:#fff0d0;text-shadow:0 1px 4px rgba(60,30,40,.8)}.week,.muted{text-shadow:0 1px 3px rgba(40,20,30,.6)}#screens .card,#screens .creator{box-shadow:var(--frame),0 0 60px #ffdc9640,0 18px 50px #2814288c}#screens .title{color:#fff4d6;text-shadow:0 2px 0 #5A3510,0 0 24px rgba(255,214,140,.7)}.creator-preview{box-shadow:inset 0 0 0 2px var(--gold-deep),0 0 30px #ffdc9659}.char-card .portrait{width:84px;height:84px;border-radius:10px;background:radial-gradient(circle at 50% 70%,#ffe2968c,#5a3c6e99 75%);box-shadow:inset 0 0 0 2px var(--gold-deep),0 0 18px #ffdc964d}.cine-title b{font-weight:700;letter-spacing:.28em;font-size:clamp(22px,4.4vw,52px);color:#f4eee2;text-shadow:0 0 30px rgba(255,236,200,.35),0 2px 12px rgba(0,0,0,.8)}.cine-title span{font-family:Alegreya,serif;font-style:italic;font-weight:500;letter-spacing:.08em;color:#f4eee2bf;text-shadow:0 1px 8px #000}.cine-title b:after{content:"";display:block;width:120px;height:1px;margin:12px auto 0;background:linear-gradient(90deg,transparent,rgba(244,238,226,.7),transparent)}.cine-sub{font-family:Alegreya,serif;font-weight:500;font-size:clamp(14px,1.9vw,20px);letter-spacing:.01em;color:#f2eee6;text-shadow:0 1px 3px #000,0 0 10px rgba(0,0,0,.9);max-width:860px}.cine-bar{background:linear-gradient(to bottom,transparent,rgba(0,0,0,.55) 40%,rgba(0,0,0,.85))}.cine-btns .btn{background:transparent!important;border:1px solid rgba(244,238,226,.28)!important;box-shadow:none!important;color:#f4eee2cc!important;font-family:Alegreya,serif;font-weight:500;letter-spacing:.1em;text-transform:uppercase;font-size:11px;min-height:30px;padding:4px 12px;border-radius:2px;opacity:.7}.cine-btns .btn:hover,.cine-btns .btn:focus-visible{opacity:1;border-color:#f4eee2b3!important}.cine-hint{font-family:Alegreya,serif;font-style:italic;letter-spacing:.06em;color:#f4eee266}#offlineStatus{position:fixed;z-index:45;top:calc(env(safe-area-inset-top,0px) + 6px);left:50%;transform:translate(-50%);max-width:46vw;padding:4px 9px;border:1px solid #44645c;border-radius:8px;background:#0d1921e6;color:#c8e7d6;font:600 11px system-ui,sans-serif;cursor:pointer}#offlineStatus.warning{color:#ffe1a1;border-color:#aa8540}.sync-conflict{padding:12px;border:1px solid #aa8540;border-radius:8px;color:#ffe1a1}.sync-conflict .btn{margin:4px}@media (max-width:700px){#offlineStatus{top:auto;bottom:calc(env(safe-area-inset-bottom,0px) + 4px);max-width:48vw;font-size:10px}}@media (pointer:coarse){#offlineStatus{top:auto;bottom:calc(env(safe-area-inset-bottom,0px) + 4px);max-width:42vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px}}.art-icon{display:inline-block;vertical-align:middle;flex-shrink:0}.item-art{display:inline-block;vertical-align:middle;object-fit:contain}#ceu{filter:saturate(.28) brightness(.46) hue-rotate(12deg)}#screens:not(.creating) .card{background:linear-gradient(145deg,#22303e,#111b28);border:1px solid #a2b6b54d;border-radius:5px;box-shadow:0 15px 55px #0007}#screens:not(.creating) .logo h1{color:#dbd9c4;text-shadow:0 3px 30px #06121c;font-weight:700;letter-spacing:.08em}#screens:not(.creating) .logo .cross{color:#c8cfbf;text-shadow:0 0 22px #aacbc766}#screens:not(.creating) .logo p,#screens:not(.creating) .muted,#screens:not(.creating) .week{color:#b3c2c4}#screens:not(.creating) .btn{border:1px solid #91a7a366;background:#293b47;border-radius:3px;box-shadow:none;color:#d0d6ce}#screens:not(.creating) .btn.gold{color:#192632;background:#c7bea0;border-color:#d8d0b2;text-shadow:none}#screens:not(.creating) .char-card .info b{color:#d9d8bc}#screens:not(.creating) .char-card .info small{color:#a1b3ba}#screens.creating{background:#0c131d!important;color:#e4e6df}#screens.creating:before{display:block;position:fixed;opacity:1;background:radial-gradient(ellipse at 14% 50%,#263b4a55,transparent 57%),radial-gradient(ellipse at 87% 6%,#293b4c44,transparent 50%)}.forge-screen{--gold: #c3b68d;--muted: #99a8ae;--paper: #e4e6df;--font-ui: "Alegreya Sans",system-ui,sans-serif;--line: #9bacb329;justify-content:flex-start;gap:0;max-width:1120px;margin:0 auto;padding:26px 30px 18px;font-weight:500}.forge-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding-bottom:17px;border-bottom:1px solid var(--line)}.forge-brand{display:flex;align-items:center;gap:12px;color:#d5d0b7;font:700 16px var(--font-title);letter-spacing:.2em}.forge-brand .art-icon{color:#a4b9bc}.forge-header-meta,.forge-footnote{font-size:10px;letter-spacing:.18em;color:#8f9da6}.forge-title{width:100%;padding:26px 0 24px}.overline{display:block;font:700 10px var(--font-ui);letter-spacing:.19em;color:#aca88c}.forge-title h1{margin-top:7px;font:500 clamp(26px,3vw,36px) var(--font-text);letter-spacing:-.01em;color:#ececdf}.forge-title p{margin-top:5px;color:#9dabb4;font-size:15px}.character-forge{display:grid;grid-template-columns:minmax(270px,360px) minmax(0,1fr);gap:24px;width:100%;align-items:stretch}.pilgrim-preview{min-width:0;display:flex;flex-direction:column;position:relative;background:#101b27;border:1px solid #82969d35;overflow:hidden}.preview-kicker{display:flex;align-items:center;justify-content:center;gap:9px;position:absolute;z-index:1;top:20px;left:0;width:100%;color:#c0c9c7;font-size:9px;letter-spacing:.2em}.tiny-diamond{width:4px;height:4px;border:1px solid #beb58e;transform:rotate(45deg)}.pilgrim-canvas{display:block;width:100%;height:auto;aspect-ratio:360 / 440}.preview-caption{text-align:center;position:relative;margin-top:-40px;z-index:1;padding:0 12px}.preview-caption h2{font:500 24px var(--font-text);color:#e1e5dd;letter-spacing:.02em;overflow-wrap:anywhere}.preview-caption p{color:#97aaaf;font-size:12px;margin-top:5px}.preview-turn{display:flex;justify-content:center;align-items:center;gap:18px;margin:auto 0 11px;padding-top:15px}.preview-turn button{display:grid;place-items:center;min-width:34px;min-height:32px;color:#b5c0bf;border:1px solid #83989d30;border-radius:3px}.preview-turn button:hover{background:#c7d6d012}.face-label{width:70px;text-align:center;font-size:11px;color:#93a7ae}.preview-modes{display:flex;border-top:1px solid #82969d25;padding:8px 6px;justify-content:space-around;gap:2px}.preview-modes button{min-height:32px;display:flex;align-items:center;gap:5px;color:#91a3ac;font-size:11px;padding:4px 7px;border-radius:2px}.preview-modes button.on{color:#dad7bf;background:#bacac014}.creation-panel{min-width:0;display:flex;flex-direction:column;border:1px solid #82969d35;background:linear-gradient(125deg,#1b293570,#111b28a6)}.creation-steps{display:flex;padding:0 24px;border-bottom:1px solid #82969d30;gap:20px}.creation-step{display:flex;align-items:center;gap:9px;min-height:61px;padding:3px 0 0;border-bottom:2px solid transparent;font-size:13px;color:#8a9ba7}.creation-step.active{border-color:#c4bb93;color:#e2deca}.creation-step.complete{color:#b3c7c4}.step-number{display:grid;place-items:center;width:23px;height:23px;border:1px solid #7c929c40;border-radius:50%;font-size:10px}.creation-step.active .step-number{border-color:#bfb58d88;background:#b7b28b12}.creation-body{padding:22px 24px 14px;flex:1}.section-heading{margin-bottom:18px}.section-heading h2{font:500 25px var(--font-text);letter-spacing:0;margin-top:6px;color:#e3e6df}.section-heading h2:focus{outline:none}.section-heading p{margin-top:5px;color:#97a6b0;font-size:13px}.vocation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.vocation{position:relative;display:flex;align-items:center;text-align:left;min-width:0;gap:10px;padding:10px 11px;min-height:63px;border:1px solid #83959f2b;background:#101b2566;border-radius:3px;transition:border-color .18s,background .18s}.vocation:hover{background:#28394388;border-color:#8a9f9f70}.vocation.selected{background:linear-gradient(110deg,#53636235,#77826b16);border-color:#b9b18b9c}.vocation-emblem{color:#9bb3ba;width:31px;flex:none}.vocation.selected .vocation-emblem{color:#d5ccac}.vocation-label{display:flex;flex-direction:column;gap:4px}.vocation-label b{font:600 15px var(--font-text);color:#d9e0db}.vocation-label small{font-size:10.5px;color:#8fa3ae;font-weight:500}.selection-mark{position:absolute;right:7px;top:6px;color:#d0c79e}.vocation-detail{border-top:1px solid #8199a22d;margin-top:17px;padding-top:14px}.vocation-detail-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.vocation-detail h3{font:600 17px var(--font-text);color:#d8d8c3}.vocation-detail-top>span{font-size:11px;color:#9f9f8d}.vocation-detail p{margin-top:6px;color:#a8b4bb;font-size:13px;line-height:1.45}.vocation-skill{display:flex;align-items:center;gap:6px;margin-top:11px;color:#bdc6b7;font-size:12px}.vocation-skill small{color:#8c9ca7;margin-left:auto;font-size:11px}.creation-footer{margin-top:auto;padding:0 24px 19px}.creator-message{min-height:22px;font-size:12px;color:#e8b69a;padding-bottom:5px}.creation-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:14px;border-top:1px solid #8199a22d}.quiet-button{display:inline-flex;gap:8px;align-items:center;color:#aab6ba;font-size:13px;min-height:39px}.forge-primary{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:11px 20px;min-height:40px;background:#c7bea0;border:1px solid #e2d8b8;border-radius:3px;color:#17232c;font-size:13px;font-weight:700;transition:background .2s}.forge-primary:hover:not(:disabled){background:#ded6ba}.forge-primary:disabled{opacity:.45;cursor:wait}.forge-footnote{display:flex;justify-content:space-between;width:100%;margin-top:18px;font-size:9px;color:#788b98}.appearance-tabs{display:flex;gap:18px;border-bottom:1px solid #8199a22d;margin-bottom:20px}.appearance-tabs button{min-height:36px;border-bottom:1px solid transparent;color:#96a6b1;font-size:13px;padding:0 0 9px}.appearance-tabs button.on{color:#d3d2b8;border-color:#d3d2b8}.appearance-fields{display:grid;grid-template-columns:1fr;gap:19px}.appearance-field{padding:0;margin:0;border:0;min-width:0}.appearance-field legend{color:#b6c1c4;font-size:12px;padding:0;margin-bottom:9px}.ink-swatches{display:flex;gap:9px;flex-wrap:wrap;padding:2px}.ink-swatch{width:27px;height:27px;border-radius:50%;background:var(--swatch);border:3px solid #18232e;outline:1px solid #8fa2ac59;display:grid;place-items:center;color:#fff}.ink-swatch.on{outline:1px solid #e1d9b6;box-shadow:0 0 0 3px #d1cba41c}.ink-swatch .art-icon{opacity:0;filter:drop-shadow(0 1px 1px #000)}.ink-swatch.on .art-icon{opacity:1}.ink-choices{display:flex;flex-wrap:wrap;gap:6px}.ink-choices button{padding:6px 10px;min-height:30px;border:1px solid #8299a435;border-radius:3px;color:#9faeb6;font-size:12px}.ink-choices button.on{background:#a4b8ae19;border-color:#b3b5928c;color:#d9d7bd}.random-look{display:inline-flex;gap:8px;align-items:center;margin-top:22px;color:#a7babd;font-size:12px;min-height:32px}.name-field{display:flex;flex-direction:column;gap:9px;font-size:12px;color:#b8c2c5}.name-field input{background:#0c1621;border:1px solid #77969b66;border-radius:3px;box-shadow:none;color:#e3e6df;font-family:var(--font-text);font-size:18px;font-weight:500;padding:12px 14px}.name-field input::placeholder{color:#728693}.name-field input[aria-invalid=true]{border-color:#db9b86}.name-help{font-size:11px;color:#8c9eaa;line-height:1.4;margin-top:7px}.journey-summary{border:1px solid #8299a435;background:#151f2b88;padding:17px;margin-top:25px}.journey-summary h3{display:flex;align-items:center;gap:11px;font:500 21px var(--font-text);color:#d6d5bb;margin-top:12px}.journey-summary>p{font-size:12px;color:#95a8b1;margin:4px 0 0 34px}.starting-stats{display:flex;gap:22px;margin-top:20px;padding-bottom:16px;border-bottom:1px solid #8299a435}.starting-stats>div{display:flex;align-items:center;gap:6px;color:#9eb1b4;font-size:12px}.starting-stats b{color:#dbe1d9;font-size:15px}.starting-gear{display:flex;gap:10px;align-items:center;margin-top:14px}.starting-gear>span{display:flex;flex-direction:column;gap:4px}.starting-gear small{font-size:9px;color:#8096a1;letter-spacing:.1em}.starting-gear b{color:#b8c4c7;font-size:12px;font-weight:500}.journey-note{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:24px;color:#a7b7b7;font:italic 14px var(--font-text)}.journey-note>span{font:10px var(--font-ui);color:#8497a1;margin-left:25px;width:100%}.forge-screen button:focus-visible,.forge-screen input:focus-visible{outline:2px solid #cbd9ce;outline-offset:4px}#actions .act .art-icon{width:24px;height:24px;pointer-events:none;color:#ddd9ba}#actions .act.lg .art-icon{width:32px;height:32px}#actions .act .item-art{pointer-events:none}.ico>.art-icon,.slot>.art-icon,.cell>.art-icon,.det-art .art-icon{color:var(--c,#c0c9c1)}.det-art .item-art{width:72px!important;height:72px!important}.det-art .art-icon{width:62px;height:62px}.hud-btns .art-icon{width:20px;height:20px}.char-card .info small .art-icon{color:#bdc3ba}@media (min-width:761px) and (max-height:820px){.forge-screen{padding-top:17px}.forge-title{padding:17px 0}.forge-title h1{font-size:29px}.character-forge{grid-template-columns:310px minmax(0,1fr);gap:20px}.creation-steps,.creation-step{min-height:50px}.creation-body{padding-top:16px}.section-heading{margin-bottom:13px}.vocation{min-height:55px;padding:8px 10px}.vocation-detail{margin-top:12px;padding-top:11px}.creation-footer{padding-bottom:15px}.creator-message{min-height:15px}.forge-footnote{margin-top:13px}}@media (max-width:900px) and (min-width:641px){.forge-screen{padding-left:18px;padding-right:18px}.character-forge{grid-template-columns:260px minmax(0,1fr);gap:16px}.creation-body,.creation-footer{padding-left:17px;padding-right:17px}.creation-steps{padding:0 17px;gap:16px}.vocation{gap:7px}.vocation-label b{font-size:13px}.vocation-label small{font-size:9px}.vocation-emblem{width:24px}.vocation-emblem .art-icon{width:23px}}@media (max-width:640px){.forge-screen{padding:18px 15px}.forge-brand{font-size:13px}.forge-header-meta{font-size:8px;letter-spacing:.07em}.forge-title{padding:20px 0}.forge-title h1{font-size:28px}.character-forge{grid-template-columns:1fr;gap:16px}.pilgrim-preview{display:grid;grid-template-columns:46% 54%;min-height:220px;align-items:center}.pilgrim-canvas{grid-column:1;grid-row:1 / 5;width:100%;height:220px;object-fit:cover;object-position:center 58%}.preview-kicker{position:static;grid-column:2;grid-row:1;margin-top:22px;font-size:8px}.preview-caption{margin:0;grid-column:2;grid-row:2;padding:0 8px}.preview-caption h2{font-size:20px}.preview-caption p{font-size:10px;line-height:1.5}.preview-turn{grid-column:2;grid-row:3;gap:8px;margin:0;padding:0}.preview-modes{grid-column:2;grid-row:4;border:0;padding:5px;flex-wrap:wrap;justify-content:center}.preview-modes button{font-size:10px;padding:3px;gap:3px;min-height:24px}.preview-modes button .art-icon{width:12px}.creation-steps{padding:0 17px;justify-content:space-between;gap:10px}.creation-step{min-height:54px;gap:7px;font-size:12px}.creation-body{padding:20px 17px 12px}.creation-footer{padding:0 17px 18px}.vocation{padding:10px 8px;min-height:67px;gap:7px}.vocation-emblem{width:24px}.vocation-emblem .art-icon{width:22px}.vocation-label b{font-size:13px}.vocation-label small{font-size:10px;line-height:1.3}.forge-footnote{font-size:8px;letter-spacing:.08em}.starting-stats{gap:16px}}@media (prefers-reduced-motion:reduce){.forge-screen *{animation:none!important;transition:none!important}}
