:root{--parch: #f1e7cf;--parch-dark: #e4d6b5;--ink: #3a3127;--ink-soft: #6b5d49;--wood: #8a6a45;--wood-dark: #5e4730;--ro-blue: #6f8fc0;--ro-blue-dark: #4a6896;--gold: #d9a93c;--hp: #59c25e;--hp-low: #d9534f;--sp: #5c8fd6;--bxp: #d9a93c;--jxp: #b06fd0;--shadow: 0 4px 14px rgba(30, 22, 10, .45)}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden}body{font-family:Quicksand,sans-serif;font-weight:500;color:var(--ink);background:#1a2030;user-select:none;-webkit-user-select:none}#app{position:fixed;top:0;right:0;bottom:0;left:0}#game{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;cursor:crosshair}#ui{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}#ui .hud,#ui .window,#ui .overlay,#ui button,#ui .authwrap,#ui input{pointer-events:auto}.bar{position:relative;height:14px;margin-top:5px;background:#1c160ebf;border:1px solid rgba(0,0,0,.55);border-radius:7px;overflow:hidden;box-shadow:inset 0 2px 3px #00000080}.bar .fill{position:absolute;top:0;right:0;bottom:0;left:0;width:50%;border-radius:6px;transition:width .18s ease-out;background:linear-gradient(180deg,#fff6,#fff0 45%,#0002),var(--hp)}.bar.hp .fill{background-color:var(--hp)}.bar.hp.danger .fill{background-color:var(--hp-low)}.bar.sp .fill{background-color:var(--sp)}.bar.xp{height:9px}.bar.xp.base .fill{background-color:var(--bxp)}.bar.xp.job .fill{background-color:var(--jxp)}.bar span{position:absolute;top:0;right:0;bottom:0;left:0;text-align:center;font-size:10px;line-height:13px;font-weight:700;color:#fff;text-shadow:0 1px 2px #000c;letter-spacing:.4px}.bar.xp span{font-size:8px;line-height:9px}.bar.small{height:10px;margin-top:3px}#char-panel{position:absolute;top:12px;left:12px;width:252px;background:linear-gradient(180deg,#f1e7cff5,#e4d6b5f5);border:2px solid var(--wood-dark);border-radius:10px;box-shadow:var(--shadow),inset 0 1px #fff8;padding:9px 11px 10px}#char-head{display:flex;gap:9px;align-items:center}#portrait{width:52px;height:52px;border-radius:8px;border:2px solid var(--wood);background:linear-gradient(180deg,#bcd2e8,#8fb0d0);image-rendering:pixelated}#char-name{font-family:Almendra SC,serif;font-size:19px;line-height:1.05;color:var(--wood-dark)}#char-job{font-size:11px;color:var(--ink-soft);margin-top:2px;font-weight:600}#char-zeny{margin-top:6px;font-size:12px;font-weight:700;color:#8a6d1f;text-align:right}#stat-alert,#skill-alert{margin-top:5px;font-size:11px;font-weight:700;color:#fff;background:linear-gradient(180deg,#e0b34a,#c08f25);border:1px solid #8a6d1f;border-radius:6px;padding:3px 7px;text-shadow:0 1px 1px #0007;cursor:pointer;animation:pulse 1.6s infinite}#skill-alert{background:linear-gradient(180deg,#c07ad0,#9655ab);border-color:#6e3a80}@keyframes pulse{0%,to{opacity:1}50%{opacity:.65}}#quest-tracker{position:absolute;top:232px;left:12px;width:252px;background:linear-gradient(180deg,#f1e7cfeb,#e4d6b5eb);border:2px solid var(--wood-dark);border-radius:10px;box-shadow:var(--shadow);padding:7px 11px 8px;cursor:pointer}#quest-tracker:hover{border-color:var(--gold)}.qt-head{font-size:9.5px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#8a6d1f}.qt-title{font-family:Almendra SC,serif;font-size:15px;color:var(--wood-dark)}.qt-prog{font-family:Quicksand;font-size:12px;font-weight:700;color:#4d8a45}.qt-desc{font-size:11px;color:var(--ink-soft);line-height:1.35;margin-top:1px}.qt-reward{font-size:10px;font-weight:700;color:#8a6d1f;margin-top:3px}.pl-bubble.emote{font-size:26px!important;padding:2px 10px!important;line-height:1.2}#minimap-wrap{position:absolute;top:12px;right:12px;width:184px;background:linear-gradient(180deg,#f1e7cff2,#e4d6b5f2);border:2px solid var(--wood-dark);border-radius:10px;box-shadow:var(--shadow);padding:7px 8px 6px;text-align:center}#zone-name{font-family:Almendra SC,serif;font-size:15px;color:var(--wood-dark);margin-bottom:5px;white-space:nowrap;overflow:hidden}#minimap{width:168px;height:200px;border-radius:6px;border:1px solid var(--wood-dark);background:#223}#clock{margin-top:4px;font-size:11px;font-weight:700;color:var(--ink-soft)}#clock-icon{margin-right:5px}#target-frame{position:absolute;top:12px;left:50%;transform:translate(-50%);width:230px;background:#1c160ed1;border:1px solid #000;border-radius:8px;padding:6px 10px 8px;box-shadow:var(--shadow)}#target-name{text-align:center;font-size:13px;font-weight:700;color:#ffe9b0;text-shadow:0 1px 2px #000}#target-name .mvp{color:#ffd24a}#castbar{position:absolute;bottom:162px;left:50%;transform:translate(-50%);width:260px;height:16px;background:#14100ad9;border:1px solid #000;border-radius:8px;overflow:hidden}#castbar-fill{position:absolute;top:0;right:0;bottom:0;left:0;width:0%;background:linear-gradient(180deg,#ffe9a8,#d9a93c)}#castbar span{position:absolute;top:0;right:0;bottom:0;left:0;text-align:center;font-size:11px;line-height:15px;font-weight:700;color:#fff;text-shadow:0 1px 2px #000}#hotbar{position:absolute;bottom:14px;left:50%;transform:translate(-50%);display:flex;gap:5px;background:linear-gradient(180deg,#f1e7cff2,#e4d6b5f2);border:2px solid var(--wood-dark);border-radius:12px;padding:7px;box-shadow:var(--shadow)}.hot-slot{position:relative;width:46px;height:46px;background:linear-gradient(180deg,#cdbd97,#b8a67d);border:1px solid var(--wood-dark);border-radius:8px;box-shadow:inset 0 2px 4px #00000059;cursor:pointer}.hot-slot canvas{position:absolute;top:3px;right:3px;bottom:3px;left:3px;width:38px;height:38px;image-rendering:pixelated}.hot-slot .key{position:absolute;top:1px;left:4px;font-size:9px;font-weight:700;color:#fff;text-shadow:0 1px 1px #000;z-index:2}.hot-slot .cost{position:absolute;bottom:1px;right:4px;font-size:9px;font-weight:700;color:#cfe3ff;text-shadow:0 1px 1px #000;z-index:2}.hot-slot .count{position:absolute;bottom:1px;right:4px;font-size:10px;font-weight:700;color:#fff;text-shadow:0 1px 1px #000;z-index:2}.hot-slot .cd{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:7px;background:#0a0a14ad;display:none;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:700;z-index:3}.hot-slot.on-cd .cd{display:flex}.hot-slot.no-sp canvas{filter:grayscale(1) brightness(.6)}.hot-slot:hover{border-color:var(--gold)}.hot-slot.flash{animation:slotflash .25s}@keyframes slotflash{0%{box-shadow:0 0 12px 3px #ffd24a}to{box-shadow:inset 0 2px 4px #00000059}}#menu-buttons{position:absolute;bottom:14px;right:14px;display:flex;gap:6px}#menu-buttons button,.overlay-card button,#respawn-btn{font-family:Quicksand,sans-serif;font-size:12px;font-weight:700;color:#fff;background:linear-gradient(180deg,var(--ro-blue),var(--ro-blue-dark));border:1px solid #2e4a72;border-radius:8px;padding:8px 13px;cursor:pointer;text-shadow:0 1px 2px #0008;box-shadow:0 2px 6px #0006,inset 0 1px #fff5}#menu-buttons button:hover,.overlay-card button:hover{filter:brightness(1.12)}#menu-buttons button:active{transform:translateY(1px)}#log{position:absolute;bottom:14px;left:14px;width:320px;max-height:148px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;font-size:11.5px;font-weight:600;pointer-events:none!important}#log div{color:#fff;text-shadow:0 1px 2px #000,0 0 4px #0008;padding:1px 0;line-height:1.3;animation:logfade 9s forwards}#log .gain{color:#ffe9a8}#log .drop{color:#b8e6ff}#log .lvl{color:#7dff8a}#log .dmg-in{color:#ff9a9a}#log .sys{color:#d9c8ff}@keyframes logfade{0%,75%{opacity:1}to{opacity:0}}.window{position:absolute;top:90px;left:290px;width:320px;background:linear-gradient(180deg,#f3ead4fb,#e6d9bafb);border:2px solid var(--wood-dark);border-radius:10px;box-shadow:var(--shadow);z-index:30}.win-title{font-family:Almendra SC,serif;font-size:16px;color:#fff;background:linear-gradient(180deg,var(--ro-blue),var(--ro-blue-dark));border-bottom:1px solid #2e4a72;border-radius:8px 8px 0 0;padding:6px 12px 5px;cursor:grab;text-shadow:0 1px 2px #0009;letter-spacing:.5px}.win-close{float:right;cursor:pointer;font-size:18px;line-height:16px;color:#ffe1e1;padding:0 2px}.win-close:hover{color:#fff;transform:scale(1.15)}.win-body{padding:10px 12px 12px;font-size:12.5px}.stat-row{display:flex;align-items:center;justify-content:space-between;padding:3px 2px;border-bottom:1px dashed #c9b88f}.stat-row b{width:42px;color:var(--wood-dark);font-size:13px}.stat-row .val{width:30px;text-align:right;font-weight:700}.stat-row .eff{flex:1;font-size:10.5px;color:var(--ink-soft);padding-left:10px}.stat-plus{width:22px;height:22px;margin-left:8px;background:linear-gradient(180deg,#e0b34a,#c08f25);color:#fff;border:1px solid #8a6d1f;border-radius:5px;font-weight:700;font-size:14px;line-height:19px;text-align:center;cursor:pointer;text-shadow:0 1px 1px #0007}.stat-plus:hover{filter:brightness(1.15)}.stat-plus.disabled{opacity:.25;pointer-events:none}.stat-derived{margin-top:8px;font-size:11px;color:var(--ink-soft);line-height:1.55}.stat-points{margin-top:7px;font-weight:700;color:#8a6d1f;text-align:center}.skill-row{display:flex;gap:9px;align-items:center;padding:6px 4px;border-bottom:1px dashed #c9b88f}.skill-row canvas{width:36px;height:36px;border-radius:6px;border:1px solid var(--wood);background:#2a3447;image-rendering:pixelated;flex:none}.skill-row .sk-info{flex:1;min-width:0}.skill-row .sk-name{font-weight:700;font-size:12.5px}.skill-row .sk-lv{color:#8a6d1f}.skill-row .sk-desc{font-size:10.5px;color:var(--ink-soft);line-height:1.3}.skill-row .sk-key{font-size:10px;color:var(--ro-blue-dark);font-weight:700}.skill-row.locked{opacity:.45}#inv-zeny{text-align:right;font-weight:700;color:#8a6d1f;margin-bottom:6px}.inv-grid{display:grid;grid-template-columns:repeat(6,44px);gap:5px}.inv-slot{position:relative;width:44px;height:44px;background:linear-gradient(180deg,#cdbd97,#b8a67d);border:1px solid var(--wood-dark);border-radius:7px;box-shadow:inset 0 2px 4px #0000004d;cursor:pointer}.inv-slot canvas{position:absolute;top:3px;right:3px;bottom:3px;left:3px;width:36px;height:36px;image-rendering:pixelated}.inv-slot .count{position:absolute;bottom:0;right:3px;font-size:10px;font-weight:700;color:#fff;text-shadow:0 1px 2px #000}.inv-slot:hover{border-color:var(--gold)}.inv-slot.equipped{border:2px solid var(--gold);box-shadow:0 0 7px #d9a93c88,inset 0 2px 4px #0000004d}.inv-equip-row{margin-top:9px;font-size:11px;color:var(--ink-soft);line-height:1.5}.inv-equip-row b{color:var(--wood-dark)}.shop-tabs{display:flex;gap:5px;margin-bottom:8px}.shop-tabs button{flex:1;font-family:inherit;font-size:11px;font-weight:700;padding:5px;border-radius:6px;cursor:pointer;border:1px solid var(--wood);background:#cdbd97;color:var(--ink-soft)}.shop-tabs button.active{background:linear-gradient(180deg,var(--ro-blue),var(--ro-blue-dark));color:#fff;border-color:#2e4a72}.shop-row{display:flex;align-items:center;gap:8px;padding:4px 2px;border-bottom:1px dashed #c9b88f}.shop-row canvas{width:30px;height:30px;image-rendering:pixelated;flex:none}.shop-row .sh-name{flex:1;font-size:12px;font-weight:600}.shop-row .sh-price{font-size:11.5px;font-weight:700;color:#8a6d1f}.shop-row button{font-family:inherit;font-size:10.5px;font-weight:700;padding:3px 9px;border-radius:5px;cursor:pointer;color:#fff;background:linear-gradient(180deg,#6da964,#4d8a45);border:1px solid #38652f}.shop-row button.sell{background:linear-gradient(180deg,#c98a4b,#a96a2e);border-color:#7c4d1f}.shop-row button:disabled{opacity:.35;cursor:default}#dialog-body p{line-height:1.5;margin-bottom:10px;font-size:13px}#dialog-body .dlg-opts{display:flex;flex-direction:column;gap:6px}#dialog-body button{font-family:inherit;font-size:12px;font-weight:700;color:#fff;background:linear-gradient(180deg,var(--ro-blue),var(--ro-blue-dark));border:1px solid #2e4a72;border-radius:7px;padding:7px 10px;cursor:pointer;text-align:left}#dialog-body button:hover{filter:brightness(1.12)}#dialog-body button.gold{background:linear-gradient(180deg,#e0b34a,#c08f25);border-color:#8a6d1f}#help-body{font-size:12px;line-height:1.55}#help-body h4{font-family:Almendra SC,serif;color:var(--wood-dark);margin:8px 0 2px}#help-body kbd{background:#3a3127;color:#ffe9a8;border-radius:4px;padding:0 5px;font-size:10.5px;font-family:inherit}#tooltip{position:absolute;z-index:90;max-width:240px;background:#18130cf0;border:1px solid var(--gold);border-radius:8px;padding:8px 10px;font-size:11.5px;color:#e8ddc4;pointer-events:none;line-height:1.45;box-shadow:0 4px 12px #000a}#tooltip .tt-name{font-weight:700;font-size:13px;color:#ffe9a8}#tooltip .tt-type{font-size:10px;color:#9fb4d8;margin-bottom:3px}#tooltip .tt-flavor{font-style:italic;color:#b0a58c;font-size:10.5px;margin-top:4px}#tooltip .tt-stat{color:#8fd49a}#hover-label{position:absolute;z-index:60;pointer-events:none;transform:translate(-50%,-100%);font-size:11px;font-weight:700;color:#fff;text-shadow:0 1px 2px #000,0 0 5px #000;background:#00000073;border-radius:5px;padding:1px 7px;white-space:nowrap}#hover-label .hl-lv{color:#ffd24a}#hover-label.npc{color:#9fffb2}#hover-label.item{color:#b8e6ff}#zone-banner{position:absolute;top:17%;left:50%;transform:translate(-50%);font-family:Almendra SC,serif;font-size:34px;color:#fff;text-shadow:0 2px 8px #000,0 0 22px #d9a93c99;pointer-events:none;white-space:nowrap;animation:zonein 3.2s forwards}@keyframes zonein{0%{opacity:0;letter-spacing:14px}15%{opacity:1;letter-spacing:4px}80%{opacity:1}to{opacity:0}}#announce{position:absolute;top:30%;left:50%;transform:translate(-50%);font-family:Almendra SC,serif;font-size:44px;color:#ffd24a;text-shadow:0 2px 4px #000,0 0 30px #ffb02e;pointer-events:none;white-space:nowrap;animation:announcein 2.6s forwards}@keyframes announcein{0%{opacity:0;transform:translate(-50%) scale(.4)}18%{opacity:1;transform:translate(-50%) scale(1.12)}28%{transform:translate(-50%) scale(1)}78%{opacity:1}to{opacity:0}}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#0c0a12a8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.overlay-card{background:linear-gradient(180deg,#f3ead4,#e0d2ab);border:3px solid var(--wood-dark);border-radius:14px;padding:28px 40px;text-align:center;box-shadow:0 10px 40px #000c;max-width:430px}.overlay-card h2{font-family:Almendra SC,serif;font-size:34px;color:var(--wood-dark);margin-bottom:8px}.overlay-card.gold h2{color:#b8860b;text-shadow:0 0 18px #ffd24a88;font-size:44px}.overlay-card p{font-size:14px;line-height:1.5;margin-bottom:16px;color:var(--ink-soft)}.overlay-card button{font-size:14px;padding:10px 22px}.authwrap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:120}#login-bg,#charsel-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.fireflies{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.firefly{position:absolute;width:4px;height:4px;border-radius:50%;background:#ffe9a8;box-shadow:0 0 8px 3px #ffe9a88c;animation:drift 9s linear infinite alternate,glowpulse 2s ease-in-out infinite alternate}@keyframes drift{0%{transform:translate(0)}25%{transform:translate(34px,-26px)}50%{transform:translate(-20px,-52px)}75%{transform:translate(26px,-78px)}to{transform:translate(-12px,-110px)}}@keyframes glowpulse{0%{opacity:.15}to{opacity:1}}#login-card{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);text-align:center;width:min(430px,92vw)}.game-logo{font-family:Almendra SC,serif;font-size:clamp(42px,6vw,64px);line-height:1;color:#f3e6c2;text-shadow:0 3px 0 #6a4a22,0 7px 22px #000,0 0 70px #d9a93c66;margin-bottom:4px}.logo-sub{font-size:12px;letter-spacing:4px;text-transform:uppercase;color:#b9a8d8;text-shadow:0 1px 4px #000;margin-bottom:34px}.ro-panel{background:linear-gradient(180deg,#162228f0,#0e161cf0);border:1px solid #4a6a66;outline:1px solid #0a1012;border-radius:8px;box-shadow:0 10px 40px #000c,inset 0 1px #ffffff14;text-align:left}.ro-panel-title{font-family:Almendra SC,serif;font-size:17px;letter-spacing:2px;text-align:center;color:#cfe8dc;background:linear-gradient(180deg,#2e544e,#16302c);border-bottom:1px solid #0a1012;border-radius:7px 7px 0 0;padding:7px 0 5px;text-shadow:0 1px 3px #000}.ro-panel-title:before,.ro-panel-title:after{content:" ✦ ";color:#6fae9a;font-size:11px}.ro-panel-body{padding:16px 22px 18px}.ro-panel-body label{display:block;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#8fb0a4;margin:10px 0 4px;text-align:center}.ro-panel-body input{display:block;width:100%;font-family:inherit;font-size:14px;font-weight:600;text-align:center;color:#e8f0ea;background:#0d1417;border:1px solid #3a5a54;border-radius:5px;padding:8px;outline:none}.ro-panel-body input:focus{border-color:#d9a93c;box-shadow:0 0 10px #d9a93c44}.auth-error{margin-top:10px;font-size:12px;font-weight:700;text-align:center;color:#ffb3ab;background:#4a1f1bcc;border:1px solid #7c2c24;border-radius:6px;padding:6px 8px}.ro-btn-row{display:flex;gap:10px;margin-top:16px;justify-content:center}.ro-btn{font-family:Quicksand,sans-serif;font-size:13px;font-weight:700;color:#dff0e8;letter-spacing:1px;background:linear-gradient(180deg,#3e7060,#1e423a);border:1px solid #0e1f1b;border-radius:18px;outline:1px solid #6fae9a44;padding:9px 26px;cursor:pointer;text-shadow:0 1px 2px #000;box-shadow:0 3px 8px #0009,inset 0 1px #fff2}.ro-btn:hover{filter:brightness(1.2)}.ro-btn:active{transform:translateY(1px)}.ro-btn:disabled{opacity:.4;cursor:default;filter:none}.ro-btn.gold{background:linear-gradient(180deg,#c89a36,#8a6418);color:#fff7e0;outline-color:#ffd24a55;border-color:#4a3408}.ro-btn.alt{background:linear-gradient(180deg,#44566e,#232f40);outline-color:#7a96c455;border-color:#11161f;color:#d8e4f5}.ro-btn.danger{background:linear-gradient(180deg,#8a3a32,#4e1c18);outline-color:#d0665a55;border-color:#2a0e0b;color:#ffd8d2}.link-btn{display:block;margin:14px auto 0;background:none;border:none;font-family:inherit;font-size:11.5px;font-weight:600;color:#8fb0a4;text-decoration:underline;cursor:pointer}.link-btn:hover{color:#cfe8dc}#version-tag{position:absolute;left:14px;bottom:12px;font-size:10.5px;line-height:1.5;color:#8d7fb0;text-shadow:0 1px 3px #000}.ro-window{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:linear-gradient(180deg,#f3ead4f7,#e2d4b4f7);border:2px solid var(--wood-dark);border-radius:12px;box-shadow:0 14px 60px #000d}.ro-window-title{font-family:Almendra SC,serif;font-size:19px;color:#fff;background:linear-gradient(180deg,var(--ro-blue),var(--ro-blue-dark));border-bottom:1px solid #2e4a72;border-radius:10px 10px 0 0;padding:8px 16px 6px;letter-spacing:1px;text-shadow:0 1px 3px #0009}.ro-window-title #acct-label{font-size:12px;font-family:Quicksand;opacity:.8;margin-left:8px;letter-spacing:0}#btn-logout{float:right;cursor:pointer;font-size:17px;color:#ffd6d6;padding:0 4px;line-height:1}#btn-logout:hover{color:#fff;transform:scale(1.12)}#charsel-window{width:min(820px,95vw)}#charsel-main{display:flex;gap:14px;padding:14px 16px 6px}#char-grid{display:grid;grid-template-columns:repeat(3,150px);gap:12px;align-content:start}.char-card{position:relative;height:168px;background:linear-gradient(180deg,#fdfbf4,#ece4d0);border:2px solid #b8a67d;border-radius:10px;cursor:pointer;text-align:center;box-shadow:inset 0 2px 8px #0001,0 2px 6px #0003;transition:transform .12s,box-shadow .12s,border-color .12s}.char-card:hover{transform:translateY(-2px);border-color:var(--gold)}.char-card.selected{border-color:#5fb3a1;box-shadow:0 0 0 2px #5fb3a166,0 0 18px #5fb3a155,inset 0 2px 8px #0001}.char-card canvas{width:116px;height:116px;margin-top:6px;image-rendering:pixelated}.char-card .cc-name{position:absolute;left:0;right:0;bottom:7px;font-size:12.5px;font-weight:700;color:var(--wood-dark);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 6px}.char-card .cc-badge{position:absolute;top:5px;left:6px;font-size:9.5px;font-weight:700;color:#fff;background:linear-gradient(180deg,var(--ro-blue),var(--ro-blue-dark));border-radius:5px;padding:2px 6px;text-shadow:0 1px 1px #0008}.char-card.empty{background:repeating-linear-gradient(45deg,#e8dfc8,#e8dfc8 8px,#e0d5ba 8px,#e0d5ba 16px);border-style:dashed}.char-card.empty:hover{border-color:var(--ro-blue)}.cc-plus{font-size:44px;font-weight:300;color:#b0a07c;line-height:110px}#char-info{flex:1;min-width:230px;background:linear-gradient(180deg,#efe6cf,#e2d4b3);border:1px solid #b8a67d;border-radius:10px;padding:12px;text-align:center}#ci-empty{color:#9c8b68;font-size:13px;font-weight:600;padding-top:110px;line-height:1.6}#ci-portrait{width:86px;height:86px;border-radius:10px;border:2px solid var(--wood);image-rendering:pixelated}#ci-name{font-family:Almendra SC,serif;font-size:20px;color:var(--wood-dark);margin:4px 0 8px}#ci-table{width:100%;border-collapse:collapse;font-size:12px;margin-bottom:6px}#ci-table th{text-align:left;color:#fff;background:var(--ro-blue);padding:2.5px 8px;width:70px;font-size:10.5px;letter-spacing:1px;border-bottom:1px solid #fff3}#ci-table td{text-align:right;padding:2.5px 8px;font-weight:700;color:var(--ink);background:#f6efdd;border-bottom:1px solid #d9cba6}#ci-hex{margin-top:2px}#charsel-buttons{display:flex;justify-content:space-between;padding:10px 16px 14px}#charnew-screen{background:#0a08148c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:130}#charnew-window{width:min(560px,94vw)}#cn-main{display:flex;gap:18px;padding:18px 20px 4px}#cn-left{text-align:center}#cn-stage{display:flex;align-items:center;gap:6px}#cn-preview{width:192px;height:192px;image-rendering:pixelated;background:radial-gradient(ellipse 60px 16px at 50% 86%,#0003,transparent),linear-gradient(180deg,#cfe0ea,#a8c2d4 60%,#8fae9a 60.5%,#7d9c88);border:2px solid var(--wood);border-radius:10px}.cn-arrow{width:30px;height:30px;border-radius:50%;font-size:13px;cursor:pointer;color:#fff;background:linear-gradient(180deg,var(--ro-blue),var(--ro-blue-dark));border:1px solid #2e4a72}.cn-arrow:hover{filter:brightness(1.15)}#cn-right{flex:1}#cn-right label{display:block;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--ink-soft);margin:8px 0 4px}#cn-right input{width:100%;font-family:inherit;font-size:14px;font-weight:700;color:var(--ink);background:#fdfbf4;border:2px solid var(--wood);border-radius:6px;padding:7px 10px;outline:none}#cn-right input:focus{border-color:var(--gold)}.cn-stepper{display:flex;align-items:center;justify-content:space-between;background:#fdfbf4;border:2px solid var(--wood);border-radius:6px;padding:3px}.cn-stepper span{font-size:13px;font-weight:700;color:var(--wood-dark)}.cn-stepper button{width:26px;height:24px;border-radius:5px;border:1px solid #2e4a72;background:linear-gradient(180deg,var(--ro-blue),var(--ro-blue-dark));color:#fff;font-size:11px;cursor:pointer}#cn-skin-row{gap:4px}.cn-skin-btn{flex:1;font-family:inherit;font-size:11.5px;font-weight:700;padding:4px 6px;border-radius:5px;cursor:pointer;border:1px solid var(--wood);background:#cdbd97;color:var(--ink-soft)}.cn-skin-btn.active{background:linear-gradient(180deg,var(--ro-blue),var(--ro-blue-dark));color:#fff;border-color:#2e4a72}.cn-row-disabled{opacity:.35;pointer-events:none}#cn-colors{display:flex;gap:6px;flex-wrap:wrap}.cn-swatch{width:26px;height:26px;border-radius:6px;cursor:pointer;border:2px solid #0006;box-shadow:inset 0 2px 3px #fff5,inset 0 -2px 3px #0004}.cn-swatch.active{border-color:var(--gold);box-shadow:0 0 8px #d9a93c99;transform:scale(1.12)}#cn-hex{display:block;margin:6px auto 0}#cn-error{margin:8px 18px 0}#charnew-window .ro-btn-row{padding:10px 0 16px}#title-screen{background:radial-gradient(ellipse at 50% 35%,rgba(80,110,160,.35),transparent 60%),linear-gradient(180deg,#131b2e,#1d2b45 45%,#2c4258 75%,#3d5a64);-webkit-backdrop-filter:none;backdrop-filter:none}#title-card{text-align:center;max-width:520px;padding:20px}#title-card h1{font-family:Almendra SC,serif;font-size:64px;line-height:1;color:#f3e6c2;text-shadow:0 3px 0 #8a6a45,0 6px 24px #000,0 0 60px #d9a93c55;margin-bottom:6px}.title-sub{font-size:14px;color:#9fb4d8;letter-spacing:3px;text-transform:uppercase;margin-bottom:30px}#name-input{display:block;margin:0 auto 14px;width:240px;font-family:inherit;font-size:16px;font-weight:700;text-align:center;color:var(--ink);background:var(--parch);border:2px solid var(--wood-dark);border-radius:9px;padding:9px;outline:none}#name-input:focus{border-color:var(--gold);box-shadow:0 0 12px #d9a93c66}#start-btn{font-family:Almendra SC,serif!important;font-size:20px!important;padding:12px 34px!important;background:linear-gradient(180deg,#e0b34a,#b8862a)!important;border-color:#8a6d1f!important}.title-controls{margin-top:34px;display:flex;flex-direction:column;gap:7px;font-size:12.5px;color:#8da3c4}.title-controls b{color:#d8e4f5}.fct{position:absolute;z-index:50;pointer-events:none;transform:translate(-50%,-100%);font-weight:700;font-size:17px;color:#fff;text-shadow:0 1px 0 #000,0 2px 5px #000;animation:fct-rise .9s ease-out forwards}.fct.crit{color:#ffd24a;font-size:23px}.fct.miss{color:#cfd6e4;font-size:13px;font-style:italic}.fct.heal{color:#7dff8a}.fct.hurt{color:#ff6b6b}.fct.sp{color:#7db8ff}@keyframes fct-rise{0%{opacity:0;margin-top:0;transform:translate(-50%,-100%) scale(.6)}12%{opacity:1;transform:translate(-50%,-100%) scale(1.15)}25%{transform:translate(-50%,-100%) scale(1)}to{opacity:0;margin-top:-46px}}#labels{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:25}.plabel{position:absolute;transform:translate(-50%,-100%);display:flex;flex-direction:column;align-items:center;pointer-events:none;white-space:nowrap}.plabel .pl-row{display:flex;align-items:center;gap:4px}.plabel .pl-name{font-size:11.5px;font-weight:700;color:#fff;text-shadow:0 1px 2px #000,0 0 5px #000}.plabel.me .pl-name{color:#b8e6ff}.plabel .pl-skull{font-size:13px;line-height:1;display:none}.plabel .pl-skull.white{display:inline;color:#f5f5f5;text-shadow:0 0 4px #000,0 1px 2px #000}.plabel .pl-skull.red{display:inline;color:#ff3b30;text-shadow:0 0 6px #ff000088,0 1px 2px #000}.plabel .pl-hp{width:44px;height:5px;margin-top:2px;background:#14100acc;border:1px solid #000;border-radius:3px;overflow:hidden}.plabel .pl-hp div{height:100%;background:linear-gradient(180deg,#7de27d,#3da344);border-radius:2px}.plabel .pl-hp.low div{background:linear-gradient(180deg,#f08a7a,#c0392b)}.plabel .pl-bubble{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);max-width:200px;white-space:normal;text-align:center;background:#fffffff5;color:#2b2018;border:1px solid #8a6a45;border-radius:10px;padding:4px 9px;font-size:11.5px;font-weight:600;line-height:1.3;box-shadow:0 2px 8px #0006}.plabel .pl-bubble:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#fffffff5}#chat-input{position:absolute;bottom:76px;left:50%;transform:translate(-50%);width:420px;z-index:40;font-family:Quicksand,sans-serif;font-size:13px;font-weight:600;color:var(--ink);background:#f3ead4f7;border:2px solid var(--wood-dark);border-radius:9px;padding:8px 12px;outline:none;box-shadow:var(--shadow)}#chat-input:focus{border-color:var(--gold)}#log .chat{color:#fff}#log .chat b{color:#ffe9a8}#log .chat.mine b{color:#b8e6ff}#char-name .skull.white{color:#6b5d49;text-shadow:0 0 3px #fff}#char-name .skull.red{color:#d0021b}#mobile-notice{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 30%,rgba(120,90,180,.3),transparent 65%),linear-gradient(180deg,#120e26,#2a1d4e 45%,#4a3274 78%,#241a3a);text-align:center;padding:24px}@media (pointer: coarse) and (max-width: 820px){#mobile-notice{display:flex}}.mn-card{max-width:340px;color:#d8cff0}.mn-logo{font-family:Almendra SC,serif;font-size:36px;line-height:1.05;color:#f3e6c2;text-shadow:0 3px 0 #6a4a22,0 6px 18px #000;margin-bottom:14px}.mn-emoji{font-size:44px;margin-bottom:14px}.mn-card p{font-size:14.5px;line-height:1.5;margin-bottom:12px}.mn-card .mn-sub{font-size:12px;color:#9d8fc8}#mn-copy{font-family:Quicksand,sans-serif;font-size:14px;font-weight:700;color:#fff7e0;background:linear-gradient(180deg,#c89a36,#8a6418);border:1px solid #4a3408;border-radius:20px;padding:11px 26px;cursor:pointer;box-shadow:0 3px 10px #000a}#online-count{margin-top:16px;font-size:12.5px;font-weight:700;color:#8fd49a;text-shadow:0 1px 4px #000}.hidden{display:none!important}