.mobile-controls{display:none;position:fixed;bottom:0;left:0;right:0;pointer-events:none;z-index:1000;padding:env(safe-area-inset-bottom) 20px 20px 20px}.mobile-dpad{position:fixed;left:20px;bottom:calc(20px + env(safe-area-inset-bottom));width:240px;height:240px;pointer-events:auto;display:flex;flex-direction:column;align-items:center;justify-content:center}.mobile-dpad-middle{display:flex;gap:0;align-items:center;justify-content:center;width:100%}.mobile-actions{position:fixed;right:20px;bottom:calc(20px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:15px;pointer-events:auto}.mobile-menu-toggle{position:fixed;top:10px;right:10px;pointer-events:auto;z-index:1001}.mobile-btn{background:linear-gradient(135deg,#1e1e32f2,#323250f2);border:3px solid rgba(100,149,237,.7);border-radius:12px;color:#a0c8ff;cursor:pointer;font-weight:700;padding:0;transition:all .1s ease;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;box-shadow:0 4px 12px #0009,inset 0 1px #ffffff1a;font-size:14px;letter-spacing:.5px}.mobile-btn:disabled{opacity:.5;cursor:not-allowed}.mobile-btn:active,.mobile-btn.active{background:linear-gradient(135deg,#6495ed80,#4682b480);border-color:#6495ed;transform:scale(.92);box-shadow:0 2px 6px #000000b3,inset 0 2px 4px #6495ed4d}.mobile-btn-up,.mobile-btn-down,.mobile-btn-left,.mobile-btn-right{width:70px;height:70px;display:flex;align-items:center;justify-content:center;font-size:28px;line-height:1;flex-shrink:0}.mobile-btn-up{margin-bottom:-5px}.mobile-btn-down{margin-top:-5px}.mobile-btn-left{margin-right:-5px}.mobile-btn-right{margin-left:-5px}.mobile-btn-wait{width:60px;height:60px;display:flex;align-items:center;justify-content:center;font-size:26px;background:linear-gradient(135deg,#501414e6,#3c1414e6);border-color:#c86464b3;line-height:1;flex-shrink:0}.mobile-btn-wait:active,.mobile-btn-wait.active{background:linear-gradient(135deg,#c8646480,#96505080);border-color:#f99}.mobile-btn-action{width:110px;height:70px;display:flex;align-items:center;justify-content:center;font-size:13px;min-width:110px;min-height:70px;padding:0;flex-shrink:0}.mobile-btn-use{background:linear-gradient(135deg,#1e501ef2,#143c14f2);border-color:#64c864b3}.mobile-btn-use:active,.mobile-btn-use.active{background:linear-gradient(135deg,#64c86480,#50965080);border-color:#64c864}.mobile-btn-special{background:linear-gradient(135deg,#501e50f2,#3c143cf2);border-color:#c864c8b3}.mobile-btn-special:active,.mobile-btn-special.active{background:linear-gradient(135deg,#c864c880,#96509680);border-color:#de64de}.mobile-btn-pickup{background:linear-gradient(135deg,#503c14f2,#3c280af2);border-color:#c8a050b3}.mobile-btn-pickup:active,.mobile-btn-pickup.active{background:linear-gradient(135deg,#c8a05080,#96783c80);border-color:#ffd966}.mobile-btn-menu{width:60px;height:60px;display:flex;align-items:center;justify-content:center;font-size:24px;background:linear-gradient(135deg,#28283ce6,#1e1e32e6);border-color:#64649680}.mobile-btn-menu:active,.mobile-btn-menu.active{background:linear-gradient(135deg,#6464c880,#5050b480);border-color:#a0a0ff}@media (max-width: 767px) and (orientation: portrait){html,body{overflow:hidden;position:fixed;width:100%;height:100%}.mobile-controls{display:flex}#game{padding-bottom:calc(300px + env(safe-area-inset-bottom))}.mobile-dpad{left:20px;width:220px;height:220px}.mobile-btn-up,.mobile-btn-down,.mobile-btn-left,.mobile-btn-right{width:65px;height:65px;font-size:26px}.mobile-btn-wait{width:55px;height:55px;font-size:24px}.mobile-btn-action{width:100px;height:65px;font-size:12px}.mobile-menu-toggle{top:calc(10px + env(safe-area-inset-top));right:10px}}@media (max-width: 926px) and (orientation: landscape){html,body{overflow:hidden;position:fixed;width:100%;height:100%}.mobile-controls{display:flex}.mobile-dpad{left:calc(20px + env(safe-area-inset-left));bottom:calc(20px + env(safe-area-inset-bottom));width:200px;height:200px}.mobile-actions{right:calc(20px + env(safe-area-inset-right));bottom:calc(20px + env(safe-area-inset-bottom));gap:12px}.mobile-btn-up,.mobile-btn-down,.mobile-btn-left,.mobile-btn-right{width:60px;height:60px;font-size:24px}.mobile-btn-wait{width:50px;height:50px;font-size:22px}.mobile-btn-action{width:95px;height:60px;font-size:11px}#game{padding-right:calc(250px + env(safe-area-inset-right))}}@media (min-width: 768px) and (max-width: 1024px) and (pointer: coarse){.mobile-controls{display:flex}.mobile-dpad{left:30px;bottom:30px;width:260px;height:260px}.mobile-actions{right:30px;bottom:30px;gap:18px}.mobile-btn-up,.mobile-btn-down,.mobile-btn-left,.mobile-btn-right{width:75px;height:75px;font-size:30px}.mobile-btn-wait{width:65px;height:65px;font-size:28px}.mobile-btn-action{width:120px;height:75px;font-size:14px}#game{padding-bottom:350px;padding-right:280px}}@media (min-width: 1025px) and (min-height: 1026px) and (pointer: coarse){.mobile-controls{display:flex;padding:30px}.mobile-dpad{left:40px;bottom:40px;width:300px;height:300px}.mobile-actions{right:40px;bottom:40px;gap:20px}.mobile-btn-up,.mobile-btn-down,.mobile-btn-left,.mobile-btn-right{width:85px;height:85px;font-size:32px}.mobile-btn-wait{width:72px;height:72px;font-size:30px}.mobile-btn-action{width:130px;height:80px;font-size:15px}#game{padding-bottom:400px;padding-right:320px}}@media (pointer: coarse){.mobile-btn{min-height:48px;min-width:48px}}@media (prefers-reduced-motion: reduce){.mobile-btn{transition:none}.mobile-btn:active,.mobile-btn.active{transform:none}}@media (prefers-color-scheme: dark){.mobile-btn{border-color:#6495edcc}}@media (pointer: fine) and (min-width: 1025px){.mobile-controls{display:none!important}}.theme-selector-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:2000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.theme-selector-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;cursor:pointer}.theme-selector-content{position:relative;z-index:2001;background:var(--panel);border:2px solid var(--panel-edge);border-radius:16px;padding:32px;max-width:900px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #000c;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.theme-selector-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:16px;border-bottom:2px solid var(--panel-edge)}.theme-selector-header h2{margin:0;color:var(--accent);font-size:28px;font-weight:700}.theme-selector-close{background:none;border:none;color:var(--text);font-size:24px;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.theme-selector-close:hover{background:var(--panel-highlight);color:var(--accent)}.theme-selector-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.theme-selector-card{position:relative;background:transparent;border:2px solid var(--panel-edge);border-radius:12px;padding:0;cursor:pointer;transition:all .2s ease;overflow:hidden}.theme-selector-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 8px 20px #0006}.theme-selector-card.active{border-color:var(--accent);background:var(--panel-highlight)}.theme-selector-preview{width:100%;height:80px;display:flex;align-items:center;justify-content:center;border-bottom:2px solid currentColor}.theme-selector-preview-text{font-weight:700;font-size:16px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.theme-selector-info{padding:16px}.theme-selector-info h3{margin:0 0 8px;font-size:18px}.theme-selector-info p{margin:0;font-size:12px;line-height:1.4}.theme-selector-checkmark{position:absolute;top:12px;right:12px;background:var(--accent);color:var(--bg-ink);width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;box-shadow:0 2px 8px #0006}@media (max-width: 640px){.theme-selector-content{max-width:95vw;padding:20px}.theme-selector-header h2{font-size:22px}.theme-selector-grid{grid-template-columns:1fr}.theme-selector-close{font-size:20px}}:root{color-scheme:dark;--bg-ink: #1b140e;--bg-shadow: #0d0a08;--panel: #241b13;--panel-edge: #3a2c1e;--panel-highlight: #2d2117;--text: #f3e8d3;--muted: #c7b79b;--accent: #d7b46a;--accent-deep: #9a6b2f;--blood: #6b2c24;--emerald: #2c6144}body{background:radial-gradient(circle at top,rgba(76,55,34,.45),transparent 55%),repeating-linear-gradient(135deg,#ffffff05 0,#ffffff05 6px,#00000005 6px,#00000005 12px),linear-gradient(180deg,var(--bg-ink),var(--bg-shadow));color:var(--text);font-family:Georgia,Times New Roman,serif;margin:0;padding:12px}.gameBanner{margin-bottom:16px;text-align:center;background:linear-gradient(180deg,#241b1399,#140f0b66);border:1px solid var(--panel-edge);border-radius:12px;padding:20px 24px;box-shadow:inset 0 0 0 1px #ffffff05,0 2px 8px #0000004d}.bannerContent{display:flex;align-items:center;justify-content:center;gap:24px}.bannerOrnament{color:var(--accent);font-size:20px;opacity:.7;animation:ornamentPulse 3s ease-in-out infinite}@keyframes ornamentPulse{0%,to{opacity:.7}50%{opacity:.4}}.bannerTitle{margin:0;display:flex;flex-direction:column;gap:4px;line-height:1}.bannerTitleMain{font-size:36px;font-weight:700;color:var(--accent);text-shadow:0 2px 4px rgba(0,0,0,.5),0 0 12px rgba(215,180,106,.3);letter-spacing:2px;text-transform:uppercase}.bannerTitleSub{font-size:22px;font-weight:400;color:var(--muted);font-style:italic;letter-spacing:4px;text-shadow:0 1px 2px rgba(0,0,0,.5)}@media (max-width: 768px){.bannerTitleMain{font-size:28px}.bannerTitleSub{font-size:18px;letter-spacing:2px}.bannerOrnament{font-size:16px}}.frame{border:1px solid var(--panel-edge);border-radius:12px;box-shadow:inset 0 0 0 1px #ffffff05}.panel-dark{background:linear-gradient(180deg,#1a130d,#140f0b)}.panel-mid{background:linear-gradient(180deg,#1b140e,#140f0b)}.panel-base{background:linear-gradient(180deg,var(--panel),var(--panel-highlight))}.pad-xs{padding:8px}.pad-sm{padding:10px 12px}.pad-md{padding:12px}.sectionDivider{margin-top:10px;border-top:1px solid var(--panel-edge);padding-top:10px}.padLeft12{padding-left:12px}.wrap{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:14px;align-items:start}.hudBarRow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:center}.hudBarItem{display:grid;gap:4px}.hudBarLabel{font-size:14px;color:var(--muted)}.hudBarTrack{position:relative;height:14px;background:#1c140f;border:1px solid var(--panel-edge);border-radius:999px;overflow:hidden}.hudBarFill{height:100%;width:0}.hudBarFill.hp{background:linear-gradient(90deg,#6b2c24,#b04a3d)}.hudBarFill.xp{background:linear-gradient(90deg,#6f5a2c,#d7b46a)}.hudBarText{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:13px;color:#f3e8d3;text-shadow:0 1px 2px rgba(0,0,0,.6)}#canvasWrap{width:fit-content}#gameCanvas{image-rendering:pixelated;width:100%;height:auto;border-radius:8px}#log{max-height:220px;overflow:auto}#todo{max-height:180px;overflow:auto}#panel{max-height:320px;overflow:auto}#minimapTitle{font-size:13px;color:var(--muted);margin-bottom:6px}#minimap{display:block;width:100%;height:auto;border-radius:8px;image-rendering:pixelated}.hint{color:var(--muted);font-size:14px}.controlsPanel{width:100%;box-sizing:border-box}.controlsGrid{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:4px 12px;align-items:baseline}.controlsKey{font-weight:700;white-space:nowrap}.controlsDesc{min-width:0;overflow-wrap:anywhere;color:var(--muted)}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.viewSwitch{gap:6px}.viewSwitch button{padding:6px 10px}.viewSwitch button[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-deep)}.menu{position:relative}.menu summary{list-style:none}.menu summary::-webkit-details-marker{display:none}.menu summary:after{content:"▾";margin-left:6px;font-size:12px;color:var(--muted)}.menuList{position:absolute;top:110%;left:0;min-width:180px;padding:8px;display:grid;gap:6px;background:linear-gradient(180deg,#221a12,#1a140e);border:1px solid var(--panel-edge);border-radius:12px;box-shadow:0 12px 28px #0006;z-index:10}.menuList button{width:100%;text-align:left}.menuLabel{font-size:13px;text-transform:uppercase;letter-spacing:.12em;color:#e6d3ad;margin-top:2px}button{background:linear-gradient(180deg,#2e2217,#20160f);color:var(--text);border:1px solid var(--panel-edge);border-radius:10px;padding:8px 12px;cursor:pointer;box-shadow:0 2px #00000040;font-family:Georgia,Times New Roman,serif;letter-spacing:.02em}summary.btnTiny,select.btnTiny{background:linear-gradient(180deg,#2e2217,#20160f);color:var(--text);border:1px solid var(--panel-edge);border-radius:10px;padding:6px 10px;cursor:pointer;box-shadow:0 2px #00000040;font-family:Georgia,Times New Roman,serif;letter-spacing:.02em}input.textInput{background:linear-gradient(180deg,#2e2217,#20160f);color:var(--text);border:1px solid var(--panel-edge);border-radius:10px;padding:6px 10px;font-family:Georgia,Times New Roman,serif;letter-spacing:.02em;flex:1;min-width:180px}input.textInput.invalid{border-color:#7a3c2a;box-shadow:0 0 0 2px #7a3c2a33}.inputErrorText{color:#f2b1a2;font-size:14px}select.btnTiny{-webkit-appearance:none;-moz-appearance:none;appearance:none}.radioGroup{display:flex;gap:8px;flex-wrap:wrap}.radioOption{position:relative;display:inline-flex;align-items:center}.radioOption input{position:absolute;opacity:0;pointer-events:none}.radioOption span{display:inline-block;padding:6px 10px;border-radius:10px;border:1px solid var(--panel-edge);background:linear-gradient(180deg,#2e2217,#20160f);color:var(--text);font-family:Georgia,Times New Roman,serif;letter-spacing:.02em;box-shadow:0 2px #00000040;cursor:pointer;transition:filter .15s ease,border-color .15s ease,box-shadow .15s ease}.radioOption span:hover{filter:brightness(1.1);border-color:#5a4228}.radioOption input:checked+span{border-color:var(--accent);box-shadow:0 0 0 1px #d7b46a73;filter:brightness(1.08)}button:hover{filter:brightness(1.1);border-color:#5a4228}button:disabled{opacity:.5;cursor:not-allowed;filter:none}.pill{padding:4px 10px;border-radius:999px;border:1px solid var(--panel-edge);background:#1f1711;font-size:14px;font-family:Georgia,Times New Roman,serif}.kv{display:flex;justify-content:space-between;gap:10px}.small{font-size:14px;color:var(--muted)}.muted{color:#b7a78c}b{color:var(--text)}.panelTitle{display:flex;justify-content:space-between;align-items:baseline;font-family:Georgia,Times New Roman,serif;letter-spacing:.04em}.panelMeta{color:#dbcaa9}.panelLine{color:#d6c5a2}.panelSectionTitle{font-family:Georgia,Times New Roman,serif;text-transform:uppercase;font-size:13px;letter-spacing:.12em;color:#e6d3ad}.grid{display:grid;grid-template-columns:1fr auto;gap:6px 8px;align-items:center}.btnTiny{padding:4px 8px;border-radius:8px;font-size:14px}.sep{border-top:1px solid var(--panel-edge);margin:8px 0}.tag{font-size:13px;padding:2px 6px;border:1px solid var(--panel-edge);border-radius:999px;background:#1c140e;color:#cbb894}.tagChosen{border-color:#6e4d2a;background:#6e4d2a40;color:#f2d39c}.rarityBadge{display:inline-block;margin-right:6px;padding:1px 6px;border-radius:999px;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;border:1px solid rgba(255,255,255,.08);background:#16100cb3}.rarity-common{color:#cbbda2}.rarity-uncommon{color:#6fd39b;border-color:#2f5d46}.rarity-rare{color:#7fa8ff;border-color:#3a4e8b}.rarity-epic{color:#f09ad3;border-color:#8b3f64}.rarity-legendary{color:#f6c36b;border-color:#8a5a22}.shopMeta{margin-top:6px}.shopDeal{color:#f2c67a;margin-top:4px}.priceTag{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:999px;font-size:11px;border:1px solid var(--panel-edge);color:#f0dfc1}.priceOk{background:#234f3a59;border-color:#2f5d46;color:#c6f3d9}.priceBad{background:#5b302266;border-color:#6b3b2a;color:#f2b1a2}.dealTag{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:999px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;border:1px solid #6b4a1e;color:#f3d39a;background:#402c1499}.marginTop10{margin-top:10px}#side .marginTop10{margin-top:8px}.marginTop12{margin-top:12px}.marginBottom10{margin-bottom:10px}.displayNone,.btnHidden{display:none}.classSelectOverlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f0a07e6;display:flex;align-items:center;justify-content:center;z-index:999}.classSelectOverlay.hidden{display:none}.saveModalOverlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f0a07e6;display:flex;align-items:center;justify-content:center;z-index:1000}.saveModalOverlay.hidden{display:none}.shopModalOverlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f0a07e6;display:flex;align-items:center;justify-content:center;z-index:1050;overflow-y:auto;padding:20px}.shopModalOverlay.hidden{display:none}.shopModalCard{background:linear-gradient(180deg,var(--panel),var(--panel-highlight));border:1px solid var(--panel-edge);border-radius:12px;padding:20px;width:min(720px,92%);max-height:80vh;overflow-y:auto;box-shadow:0 18px 40px #00000073}.shopModalCard button[data-close-shop],.shopModalCard button[data-close-quest]{display:block;margin-top:16px;width:100%}.deathOverlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f0a07eb;display:flex;align-items:center;justify-content:center;z-index:1100;padding:20px}.deathOverlay.hidden{display:none}.deathCard{background:linear-gradient(180deg,var(--panel),var(--panel-highlight));border:1px solid var(--panel-edge);border-radius:14px;padding:24px;width:min(760px,92%);box-shadow:0 18px 40px #00000073;display:grid;gap:12px}.deathBanner{font-size:26px;text-transform:uppercase;letter-spacing:.12em;color:#f3d39a}.deathStory{background:#15100b;border:1px solid var(--panel-edge);border-radius:10px;padding:12px;max-height:320px;overflow:auto}.deathActions{display:flex;justify-content:flex-end;gap:8px}.saveModalCard{background:linear-gradient(180deg,var(--panel),var(--panel-highlight));border:1px solid var(--panel-edge);border-radius:12px;padding:20px;width:min(720px,92%);box-shadow:0 18px 40px #00000073}.saveModalCard h3{margin:0 0 6px}.saveModalCard p{margin:0 0 12px;color:var(--muted);font-size:13px}.saveModalCard textarea{width:100%;min-height:200px;resize:vertical;background:#15100b;color:var(--text);border:1px solid var(--panel-edge);border-radius:10px;padding:10px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:12px}.saveModalActions{display:flex;gap:8px;justify-content:flex-end;margin-top:12px;flex-wrap:wrap}.infoModalCard{width:min(760px,92%)}.infoModalBody{max-height:min(70vh,640px);overflow:auto}.infoModalBody .sectionDivider:first-child{margin-top:0}.classSelectCard{background:linear-gradient(180deg,var(--panel),var(--panel-highlight));border:1px solid var(--panel-edge);border-radius:12px;padding:24px;width:min(540px,90%);box-shadow:0 18px 40px #00000073}.classSelectCard h2{margin:0 0 8px}.classSelectCard p{margin:0 0 16px;color:var(--muted)}.classGrid{display:grid;gap:12px}.classChoice{text-align:left;background:#1f1610;border:1px solid var(--panel-edge);border-radius:10px;padding:14px;color:var(--text);cursor:pointer;transition:border-color .2s,transform .2s}.classChoice strong{display:block;font-size:16px;margin-bottom:4px;color:var(--text)}.classChoice span{display:block;font-size:13px;color:var(--muted)}.classChoice small{display:block;margin-top:6px;font-size:12px;color:#d6c5a2}.classChoice:hover{border-color:#6e4d2a;transform:translateY(-1px)}a{color:#f1d7a1}.minimapControls{justify-content:space-between;align-items:center;margin-bottom:6px}@media (max-width: 1500px){.wrap,.hudBarRow{grid-template-columns:1fr}#canvasWrap,#side{width:100%}#gameCanvas{max-width:100%}}.site-footer{text-align:center;margin-top:2rem;color:#f8f9fa99;font-size:.875rem}.flex{display:flex;justify-content:center}.flex-col{flex-direction:column}.pride-flag-banner{height:8px;background:repeating-linear-gradient(90deg,#e40303,#e40303 calc(100% / 7),#ff8c00 calc(100% / 7),#ff8c00 calc(100% * 2 / 7),#ffff41 calc(100% * 2 / 7),#ffff41 calc(100% * 3 / 7),#008026 calc(100% * 3 / 7),#008026 calc(100% * 4 / 7),#0000f9 calc(100% * 4 / 7),#0000f9 calc(100% * 5 / 7),#86007d calc(100% * 5 / 7),#86007d calc(100% * 6 / 7),#e40303 calc(100% * 6 / 7),#e40303)}.kitten-image{display:block;max-height:96px;width:auto;filter:drop-shadow(0 8px 24px rgba(0,0,0,.35))}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.w-full{width:100%}.gap-8{gap:2rem}.py-12{padding-block:3rem}.items-center{align-items:center}.size-10{width:2.5rem;height:2.5rem}.block{display:block}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:4px}.skip-to-main{position:absolute;left:-9999px;z-index:9999}.skip-to-main:focus{left:12px;top:12px;padding:8px 12px;background:var(--panel);border:1px solid var(--accent);border-radius:8px;color:var(--accent)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.stat-group{display:flex;flex-direction:column;gap:4px;padding:8px 0;border-bottom:1px solid var(--panel-edge)}.stat-group:last-child{border-bottom:none}.stat-label{font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.stat-value{font-size:16px;font-weight:700;color:var(--accent);font-family:Courier New,monospace}.stat-bar{display:flex;height:6px;background:var(--bg-shadow);border-radius:3px;overflow:hidden;margin-top:2px}.stat-bar-fill{background:linear-gradient(90deg,var(--accent-deep),var(--accent));height:100%;border-radius:3px;transition:width .15s ease-out}.stat-bar-fill.low{background:var(--blood)}.stat-bar-fill.medium{background:var(--accent-deep)}.stat-bar-fill.high{background:var(--accent)}.log-message{display:flex;gap:8px;padding:6px 8px;line-height:1.4;border-left:2px solid transparent;border-radius:4px;transition:background .15s ease}.log-message:hover{background:var(--panel-highlight)}.log-symbol{min-width:20px;text-align:center;font-size:14px;height:18px;display:flex;align-items:center}.log-text{flex:1;word-wrap:break-word}.log-timestamp{font-size:10px;color:var(--muted);opacity:.6}.log-message.combat{border-left-color:#d7b46a;background:#d7b46a0d}.log-message.loot{border-left-color:#2c6144;background:#2c61440d}.log-message.levelup{border-left-color:#9a6b2f;background:#9a6b2f0d}.log-message.status{border-left-color:#6b2c24;background:#6b2c240d}.log-message.item{border-left-color:#a0969b;background:#a0969b0d}.shortcut-hint{display:inline-block;padding:2px 6px;margin-left:4px;background:var(--panel-highlight);border:1px solid var(--panel-edge);border-radius:4px;font-size:10px;color:var(--muted);font-family:Courier New,monospace;white-space:nowrap}@media (max-width: 768px){.shortcut-hint,.controlsPanel{display:none}}.muted{color:var(--muted);opacity:.9}a{color:var(--accent);text-decoration:underline;transition:color .15s ease}a:hover{color:#e8c96a}a:visited{color:var(--accent-deep)}.skill-panel{display:grid;gap:16px}.skill-panel h3{margin:0 0 8px;font-size:14px;text-transform:uppercase;letter-spacing:.12em;color:#e6d3ad}.skill-list{display:grid;gap:10px}.skill-card{background:linear-gradient(135deg,#1a130d,#0f0a07);border:1px solid var(--panel-edge);border-radius:8px;padding:10px 12px;transition:border-color .15s ease}.skill-card:hover:not(.unavailable){border-color:#6e4d2a;background:linear-gradient(135deg,#201810,#1a130d)}.skill-card.unavailable{opacity:.6}.skill-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px;gap:8px}.skill-header b{color:var(--text);font-size:14px}.skill-level,.skill-cooldown,.skill-ready{font-size:11px;padding:2px 6px;border-radius:4px;white-space:nowrap}.skill-level{background:#16100cb3;border:1px solid var(--panel-edge);color:var(--muted)}.skill-cooldown{background:#6b2c244d;border:1px solid #6b3b2a;color:#f2b1a2}.skill-ready{background:#2c61444d;border:1px solid #2f5d46;color:#c6f3d9}.skill-description{font-size:13px;color:var(--muted);margin-bottom:6px;line-height:1.3}.skill-effects{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:6px}.skill-effect{display:inline-block;padding:2px 6px;border-radius:4px;font-size:11px;font-weight:600;white-space:nowrap}.skill-effect.damage{background:#d7b46a33;border:1px solid #8a6b3f;color:#f3d39a}.skill-effect.defense{background:#2c614433;border:1px solid #2f5d46;color:#c6f3d9}.skill-effect.crit{background:#6b2c2433;border:1px solid #6b3b2a;color:#f2b1a2}.skill-effect.dodge{background:#7fa8ff26;border:1px solid #4a5a99;color:#b8d0f5}.skill-effect.heal{background:#4c8c6633;border:1px solid #3d6b4f;color:#a8e6c4}.skill-cost{font-size:12px;padding:4px 6px;border-radius:4px;margin-bottom:4px;border:1px solid var(--panel-edge)}.skill-cost.affordable{background:#2c61441a;border-color:#2f5d46;color:#c6f3d9}.skill-cost.unaffordable{background:#6b2c241a;border-color:#6b3b2a;color:#f2b1a2}.skill-cooldown-info,.skill-area{font-size:12px;color:var(--muted);margin-bottom:4px}.skill-error{font-size:12px;color:#f2b1a2;margin-top:4px;background:#6b2c2426;padding:4px 6px;border-radius:4px;border:1px solid #6b3b2a}.quick-skill-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:8px 0}.quick-skill{position:relative;aspect-ratio:1;background:linear-gradient(135deg,#20160f,#1a130d);border:1px solid var(--panel-edge);border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;padding:0}.quick-skill:hover:not(.disabled){border-color:#6e4d2a;background:linear-gradient(135deg,#2a1f17,#201810);transform:translateY(-2px)}.quick-skill.disabled{opacity:.5;cursor:not-allowed}.quick-skill.cooldown{filter:grayscale(.6)}.skill-name{font-size:12px;font-weight:700;color:var(--accent);text-align:center}.skill-cooldown-badge{position:absolute;bottom:2px;right:2px;width:16px;height:16px;background:#6b2c24e6;border:1px solid #f2b1a2;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#f2b1a2}.skill-selector-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f0a07eb;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1200;padding:20px}.skill-selector-modal h2{margin:0 0 20px;color:var(--text)}.skill-selector-list{display:grid;gap:8px;max-height:70vh;overflow-y:auto;width:min(600px,100%);padding:16px;background:linear-gradient(180deg,var(--panel),var(--panel-highlight));border:1px solid var(--panel-edge);border-radius:12px;margin-bottom:20px}.skill-selector-item{background:#1f1610;border:1px solid var(--panel-edge);border-radius:8px;padding:12px;cursor:pointer;transition:all .15s ease;text-align:left}.skill-selector-item:hover:not(.disabled){border-color:#6e4d2a;background:#24190f;transform:translate(4px)}.skill-selector-item.disabled{opacity:.5;cursor:not-allowed}.skill-selector-item b{display:block;margin-bottom:4px;color:var(--text)}.mana-cost{display:inline-block;padding:2px 6px;background:#7fa8ff1a;border:1px solid #4a5a99;border-radius:4px;font-size:11px;color:#b8d0f5;margin-left:8px}.error-text{font-size:12px;color:#f2b1a2;margin-top:4px}.btn-cancel{padding:8px 16px;background:linear-gradient(180deg,#2e2217,#20160f);border:1px solid var(--panel-edge);border-radius:8px;color:var(--text);cursor:pointer;transition:all .15s ease}.btn-cancel:hover{filter:brightness(1.1);border-color:#5a4228}.crafting-panel{display:grid;gap:16px}.crafting-stats{background:linear-gradient(135deg,#1a130d,#0f0a07);border:1px solid var(--panel-edge);border-radius:8px;padding:10px 12px}.stat-row{font-size:13px;color:var(--muted);margin-bottom:4px}.stat-row:last-child{margin-bottom:0}.stat-row b{color:var(--accent);font-family:Courier New,monospace}.active-craft-panel{background:linear-gradient(135deg,#2a1f0f,#1a130d);border:2px solid #8a6b3f;border-radius:8px;padding:12px;display:grid;gap:8px}.craft-title{font-size:14px;font-weight:700;color:#f3d39a;text-align:center}.craft-recipe{font-size:13px;color:var(--text);text-align:center}.craft-progress-bar{position:relative;height:16px;background:#0f0a07;border:1px solid var(--panel-edge);border-radius:4px;overflow:hidden}.craft-progress-fill{height:100%;background:linear-gradient(90deg,#6b2c24,#f3d39a);border-radius:4px;transition:width .15s ease}.craft-time{font-size:12px;color:var(--muted);text-align:center}.btn-cancel-craft{margin-top:4px;padding:6px 10px;font-size:12px}.crafting-panel h3{margin:0 0 8px;font-size:14px;text-transform:uppercase;letter-spacing:.12em;color:#e6d3ad}.recipe-list{display:grid;gap:10px}.recipe-card{background:linear-gradient(135deg,#1a130d,#0f0a07);border:1px solid var(--panel-edge);border-radius:8px;padding:10px 12px;transition:border-color .15s ease}.recipe-card:hover:not(.locked){border-color:#6e4d2a;background:linear-gradient(135deg,#201810,#1a130d)}.recipe-card.locked{opacity:.5;background:linear-gradient(135deg,#0f0a07,#0a0704)}.recipe-header{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px}.recipe-header b{flex:1;font-size:13px;color:var(--text)}.rarity-badge{font-size:11px;padding:2px 6px;border-radius:4px;white-space:nowrap;text-transform:uppercase;letter-spacing:.08em;font-weight:600}.rarity-badge.rarity-common{background:#a0969b26;border:1px solid #7a7077;color:#b8b0b5}.rarity-badge.rarity-uncommon{background:#2c614433;border:1px solid #2f5d46;color:#c6f3d9}.rarity-badge.rarity-rare{background:#7fa8ff26;border:1px solid #4a5a99;color:#b8d0f5}.rarity-badge.rarity-epic{background:#f09ad326;border:1px solid #8b3f64;color:#f8d0e8}.rarity-badge.rarity-legendary{background:#f6c36b33;border:1px solid #8a5a22;color:#f9e5b8}.recipe-description{font-size:12px;color:var(--muted);margin-bottom:6px;line-height:1.3}.recipe-requirements{display:flex;gap:12px;margin-bottom:6px;font-size:12px}.req-level,.req-time{color:#d6c5a2}.recipe-section{margin-bottom:6px;padding:6px 0;border-top:1px solid rgba(255,255,255,.05)}.recipe-section:first-of-type{border-top:none;margin-top:0}.section-label{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#a89b81;margin-bottom:4px}.ingredient-row{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted);padding:2px 0}.ingredient-qty{color:#d6c5a2;font-weight:600}.stats-list{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.stat{display:inline-block;padding:2px 6px;border-radius:3px;font-size:11px;font-weight:600;white-space:nowrap}.stat.attack{background:#d7b46a33;border:1px solid #8a6b3f;color:#f3d39a}.stat.defense{background:#2c614433;border:1px solid #2f5d46;color:#c6f3d9}.stat.crit{background:#6b2c2433;border:1px solid #6b3b2a;color:#f2b1a2}.stat.lifesteal{background:#4c8c6633;border:1px solid #3d6b4f;color:#a8e6c4}.btn-craft{width:100%;margin-top:8px;padding:6px 8px;font-size:12px}.btn-craft:disabled{opacity:.6}.craft-error{font-size:11px;color:#f2b1a2;background:#6b2c2426;padding:4px 6px;border-radius:4px;border:1px solid #6b3b2a;margin-bottom:4px}.craft-locked{text-align:center;font-size:12px;color:#c7b79b;padding:8px}.recipe-browser-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f0a07eb;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1300;padding:20px}.recipe-browser-modal h2{margin:0 0 16px;color:var(--text)}.recipe-filter-tabs{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap;justify-content:center}.filter-tab{padding:6px 12px;background:linear-gradient(180deg,#2e2217,#20160f);border:1px solid var(--panel-edge);border-radius:8px;color:var(--text);cursor:pointer;transition:all .15s ease}.filter-tab.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-deep)}.filter-tab:hover{border-color:#6e4d2a}.recipe-browser-list{display:grid;gap:6px;max-height:70vh;overflow-y:auto;width:min(600px,100%);padding:12px;background:linear-gradient(180deg,var(--panel),var(--panel-highlight));border:1px solid var(--panel-edge);border-radius:12px;margin-bottom:20px}.recipe-browser-item{background:#1f1610;border:1px solid var(--panel-edge);border-radius:6px;padding:8px 10px;transition:all .15s ease;cursor:pointer}.recipe-browser-item:hover:not(.locked){border-color:#6e4d2a;background:#24190f;transform:translate(2px)}.recipe-browser-item.locked{opacity:.5}.recipe-browser-item b{display:block;font-size:12px;margin-bottom:2px}.unlock-hint{font-size:11px;color:#c7b79b}.appearanceCollapsible{margin:12px 0;border:1px solid var(--panel-edge);border-radius:8px;background:#1f1610}.appearanceSummary{padding:12px;cursor:pointer;font-size:13px;font-weight:500;color:var(--text);text-transform:uppercase;letter-spacing:.08em;list-style:none;-webkit-user-select:none;user-select:none;transition:background-color .2s}.appearanceSummary:hover{background:#24190f}.appearanceSummary:before{content:"▶ ";display:inline-block;margin-right:6px;transition:transform .2s;color:var(--accent)}details[open]>.appearanceSummary:before{transform:rotate(90deg)}.appearanceSection{margin:0;padding:12px;border-top:1px solid var(--panel-edge)}.appearanceSection h3{margin:0 0 12px;font-size:14px;text-transform:uppercase;letter-spacing:.08em;color:var(--accent)}.portraitGallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px;margin-bottom:12px}.portraitCard{display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:1;background:#1f1610;border:2px solid var(--panel-edge);border-radius:10px;padding:8px;color:var(--text);cursor:pointer;transition:all .2s;font-size:12px}.portraitCard:hover{border-color:#6e4d2a;background:#24190f;transform:translateY(-2px)}.portraitCard.selected{border-color:var(--accent);background:#2d2117;box-shadow:inset 0 0 12px #d7b46a33}.portraitEmoji{font-size:32px;margin-bottom:4px}.portraitName{font-weight:500;font-size:11px;text-align:center;word-break:break-word}.portraitClass{font-size:9px;color:var(--muted);text-align:center;margin-top:2px}.appearanceCustomizerForm{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:12px}.formGroup{display:flex;flex-direction:column}.formGroup label{margin-bottom:4px;font-size:12px;color:var(--muted)}.formGroup select{padding:6px 8px;background:#1f1610;border:1px solid var(--panel-edge);border-radius:6px;color:var(--text);font-size:12px}.formGroup select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 8px #d7b46a33}#btnRandomAppearance{grid-column:1 / -1}.appearancePreview{text-align:center;background:#1f1610;border:1px solid var(--panel-edge);border-radius:10px;padding:16px;margin-top:12px}.previewLabel{font-size:12px;color:var(--muted);margin-bottom:8px;text-transform:uppercase;letter-spacing:.08em}.portraitContainer{width:100%;height:200px;margin:12px 0;display:flex;align-items:center;justify-content:center;background:#0000004d;border-radius:6px;overflow:hidden}.portraitImage{max-width:100%;max-height:100%;width:auto;height:auto}.appearancePreviewEmoji{font-size:48px;margin:8px 0}.appearanceDescription{font-size:13px;color:var(--text);font-style:italic}.smallTitle{margin:0;font-size:13px}