.book-backdrop{position:fixed;inset:0;background:radial-gradient(circle at center,#0000008c,#000000d9 80%);z-index:9000;display:flex;align-items:center;justify-content:center;animation:bookFadeIn .2s ease-out}@keyframes bookFadeIn{0%{opacity:0}to{opacity:1}}.book-stage{position:relative;display:flex;align-items:center;justify-content:center;--page-top: 13%;--page-bottom: 14%;--page-outer: 9%;--page-gutter: 3.5%}.book-sprite{position:absolute;inset:0;pointer-events:none}.book-pages{position:absolute;inset:0;pointer-events:none;font-family:Cinzel,Georgia,serif;color:#2a1810}.book-pages.fade-in{animation:pagesFadeIn .25s ease-out forwards}.book-pages.fade-out{animation:pagesFadeOut .22s ease-in forwards}@keyframes pagesFadeIn{0%{opacity:0}to{opacity:1}}@keyframes pagesFadeOut{0%{opacity:1}to{opacity:0}}.book-page{position:absolute;top:var(--page-top);bottom:var(--page-bottom);padding:4px 8px;pointer-events:auto;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;min-height:0;scrollbar-width:thin;scrollbar-color:rgba(107,62,28,.4) transparent}.book-page::-webkit-scrollbar{width:5px}.book-page::-webkit-scrollbar-track{background:transparent}.book-page::-webkit-scrollbar-thumb{background:#6b3e1c66;border-radius:3px}.book-page::-webkit-scrollbar-thumb:hover{background:#6b3e1cb3}.book-page.left{left:var(--page-outer);right:calc(50% + var(--page-gutter))}.book-page.right{left:calc(50% + var(--page-gutter));right:var(--page-outer)}.book-page-frame{position:absolute;top:var(--page-top);bottom:var(--page-bottom);pointer-events:none;border:1px solid rgba(107,62,28,.55);box-shadow:inset 0 0 0 1px #fff0c82e,inset 0 0 14px #28160a2e;background:linear-gradient(155deg,#fff0c80f,#ffdcaa05,#28160a0f);border-radius:1px;z-index:1}.book-page-frame.left{left:var(--page-outer);right:calc(50% + var(--page-gutter))}.book-page-frame.right{left:calc(50% + var(--page-gutter));right:var(--page-outer)}.book-page{z-index:2}.book-bookmarks{position:absolute;top:calc(var(--page-top) + 18px);bottom:calc(var(--page-bottom) + 18px);right:calc(var(--page-outer) - 2px);width:22px;display:flex;flex-direction:column;gap:2px;z-index:12;pointer-events:none}.book-bookmark{pointer-events:auto;flex:1 1 auto;min-height:12px;max-height:36px;border:1.5px solid rgba(40,22,10,.6);border-radius:0 4px 4px 0;cursor:pointer;padding:0;position:relative;transition:transform .12s,box-shadow .12s,opacity .12s;opacity:.55;box-shadow:1px 1px 3px #00000080;font-family:Cinzel,serif;font-size:0;color:transparent}.book-bookmark:hover{opacity:1;transform:translate(3px);box-shadow:2px 2px 6px #000000b3}.book-bookmark.active{opacity:1;transform:translate(6px);box-shadow:2px 2px 8px #000000b3,inset 0 0 6px #ffe6b466}.book-bookmark span{position:absolute;right:calc(100% + 8px);top:50%;transform:translateY(-50%);background:#140a05f2;border:1px solid #c5a059;color:#fbe9b8;font-size:11px;letter-spacing:1px;text-transform:uppercase;padding:4px 8px;border-radius:3px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .12s}.book-bookmark:hover span,.book-bookmark.active span{opacity:1}.monster-portrait{width:100%;height:100%;display:block;image-rendering:pixelated;object-fit:contain;background:radial-gradient(circle at 50% 40%,rgba(255,240,200,.18) 0%,rgba(40,22,10,.05) 70%,transparent 100%)}.stat-book-tier{display:flex;align-items:flex-start;gap:8px;padding:6px 4px;border-bottom:1px dashed rgba(107,62,28,.3)}.stat-book-tier:last-child{border-bottom:none}.stat-book-tier-num{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#b8853a33;border:1.5px solid rgba(107,62,28,.45);font-family:Cinzel,serif;font-weight:700;font-size:14px;color:#6b2c0a;flex-shrink:0}.stat-book-tier.unlocked .stat-book-tier-num{background:#6ec96e40;border-color:#4a8a3a;color:#2a6a1a}.stat-book-tier-body{flex:1;font-family:Georgia,serif;font-size:13px;line-height:1.45;color:#3a1f10}.stat-book-tier-name{font-family:Cinzel,serif;font-weight:700;color:#6b2c0a;text-transform:uppercase;letter-spacing:1px;font-size:12px;margin-bottom:1px}.stat-book-choice-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px;margin-top:4px}.stat-book-choice{border:1.5px solid rgba(107,62,28,.4);border-radius:4px;padding:5px 6px;background:#fff0c81a;font-family:Georgia,serif;font-size:11px;line-height:1.35;color:#3a1f10}.stat-book-choice b{font-family:Cinzel,serif;font-size:10px;color:#6b2c0a;text-transform:uppercase;letter-spacing:.8px;display:block;margin-bottom:2px}.stat-book-choice.chosen{background:#6ec96e26;border-color:#4a8a3a}.stat-link{cursor:pointer;border-radius:3px;padding:1px 4px;margin:-1px -4px;transition:background .12s}.stat-link:hover{background:#b8853a33}.book-close{position:absolute;top:14px;right:14px;width:52px;height:52px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#7a3818,#2a1208 75%);border:3px solid #c5a059;color:#fbe9b8;font-family:Cinzel,serif;font-weight:700;font-size:22px;cursor:pointer;z-index:20;pointer-events:auto;box-shadow:0 4px 14px #000000bf,inset 0 0 8px #ffdc9640;transition:transform .15s,background .15s,box-shadow .15s}.book-close:hover{transform:scale(1.08);background:radial-gradient(circle at 30% 30%,#9a4218,#3a1808 75%);box-shadow:0 6px 18px #000000d9,0 0 16px #c5a0598c,inset 0 0 8px #ffdc9666}.page-turn{position:absolute;top:50%;transform:translateY(-50%);width:64px;height:64px;border:3px solid #c5a059;border-radius:50%;background:linear-gradient(150deg,#2a1810,#120a06);color:#fbe9b8;font-size:32px;font-weight:700;cursor:pointer;z-index:15;pointer-events:auto;display:flex;align-items:center;justify-content:center;font-family:Cinzel,serif;box-shadow:0 6px 16px #000000b3,inset 0 0 8px #ffdc962e;transition:transform .15s,background .15s,box-shadow .15s,border-color .15s}.page-turn:hover:not(:disabled){transform:translateY(-50%) scale(1.1);border-color:#f0d088;box-shadow:0 8px 22px #000c,0 0 18px #f0d0888c,inset 0 0 10px #ffdc964d}.page-turn:disabled{opacity:.25;cursor:default}.page-turn.prev{left:-36px}.page-turn.next{right:-36px}.book-page-num{position:absolute;bottom:-34px;left:50%;transform:translate(-50%);font-family:Cinzel,serif;font-size:13px;color:#c5a059;letter-spacing:3px;text-transform:uppercase;z-index:10;pointer-events:none;text-shadow:0 2px 4px rgba(0,0,0,.8)}@media(max-width:700px),(max-height:620px){.book-close{top:8px;right:8px;width:44px;height:44px;font-size:18px;border-width:2px}.page-turn{width:52px;height:52px;font-size:26px;border-width:2px}.page-turn.prev{left:8px}.page-turn.next{right:8px}.book-page-num{bottom:8px;font-size:12px}}.book-h1{font-family:Cinzel,serif;font-size:34px;font-weight:700;color:#6b2c0a;text-align:center;margin:0 0 10px;letter-spacing:3px;text-transform:uppercase;text-shadow:1px 1px 0 rgba(255,235,180,.4)}.book-h2{font-family:Cinzel,serif;font-size:20px;font-weight:700;color:#6b3e1c;margin:0 0 6px;letter-spacing:1.5px;text-transform:uppercase;border-bottom:1px solid rgba(107,62,28,.3);padding-bottom:3px}.book-text{font-family:Georgia,serif;font-size:16px;line-height:1.5;color:#3a1f10;margin:0 0 10px}.book-stat-row{display:flex;justify-content:space-between;font-family:Georgia,serif;font-size:15px;color:#3a1f10;margin:3px 0;border-bottom:1px dotted rgba(107,62,28,.2);padding-bottom:3px}.book-stat-row b{color:#6b2c0a}.book-grid{display:grid;gap:4px}.book-thumb{aspect-ratio:1;background:#3c1e0f14;border:1.5px solid rgba(107,62,28,.3);border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .1s,border-color .1s,box-shadow .1s;overflow:hidden;position:relative;font-size:18px}.book-thumb:hover{transform:scale(1.06);border-color:#b8853a;box-shadow:0 0 8px #b8853a80}.book-thumb.selected{border-color:#b8853a;box-shadow:0 0 10px #b8853ab3,inset 0 0 6px #b8853a4d;background:#b8853a26}.book-thumb img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.book-button{width:56px;height:56px;border:2px solid #c5a059;border-radius:8px;background:linear-gradient(150deg,#2a1810,#120a06);color:#fbe9b8;font-family:Cinzel,serif;font-size:9px;font-weight:700;letter-spacing:1px;text-transform:uppercase;cursor:pointer;position:relative;transition:transform .12s,box-shadow .12s,border-color .12s;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;pointer-events:auto;box-shadow:0 4px 10px #0009}.book-button:hover{transform:translateY(-2px);border-color:#f0d088;box-shadow:0 6px 16px #c5a05980}.book-button .icon{font-size:22px;line-height:1}.book-button .key{position:absolute;top:2px;left:4px;font-size:9px;color:#888;font-family:monospace}.minimap{position:relative;width:100%;aspect-ratio:1;border:2px solid #6b3e1c;border-radius:4px;background:linear-gradient(135deg,#2a3a18,#1a2510);overflow:hidden;margin:6px 0}.minimap-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(107,62,28,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(107,62,28,.15) 1px,transparent 1px);background-size:10% 10%}.minimap-marker{position:absolute;width:12px;height:12px;margin-left:-6px;margin-top:-6px;border-radius:50%;border:1.5px solid #fff;cursor:pointer;transition:transform .12s,box-shadow .12s}.minimap-marker:hover{transform:scale(1.5);z-index:5}.minimap-marker.player{background:#6ec96e;box-shadow:0 0 6px #6ec96e}.minimap-marker.enemy{background:#d44040}.minimap-marker.resource{background:#c5a059}.minimap-marker.trader{background:#5a9ad8}.minimap-marker.town{background:#f0d088;width:16px;height:16px;margin-left:-8px;margin-top:-8px}.minimap-marker.dungeon{background:#6a3a8a;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);border-radius:0}.minimap-tooltip{position:absolute;background:#140a05f2;border:1px solid #c5a059;color:#fbe9b8;font-family:Cinzel,serif;font-size:10px;padding:4px 8px;border-radius:3px;pointer-events:none;z-index:20;white-space:nowrap;transform:translate(8px,-100%)}.minimap-zoom{width:100%;margin:4px 0;accent-color:#c5a059}.minimap-legend{display:grid;grid-template-columns:1fr 1fr;gap:2px 6px;font-family:Georgia,serif;font-size:9px;color:#3a1f10}.minimap-legend-dot{display:inline-block;width:8px;height:8px;border-radius:50%;border:1px solid #fff;margin-right:4px;vertical-align:middle}.bestiary-portrait{width:100%;aspect-ratio:1;background:#3c1e0f1a;border:2px solid #6b3e1c;border-radius:6px;margin-bottom:6px;display:flex;align-items:center;justify-content:center;overflow:hidden;font-size:60px}.bestiary-portrait img{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:cover;object-position:center top;border-radius:3px;box-shadow:0 2px 8px #0006 inset}.weakness-tag{display:inline-block;background:#d4505026;color:#8a2020;border:1px solid rgba(212,80,80,.4);padding:2px 6px;border-radius:3px;font-size:10px;margin:2px 4px 2px 0;font-family:Cinzel,serif;text-transform:uppercase;letter-spacing:.5px}.resist-tag{display:inline-block;background:#5a9ad826;color:#205080;border:1px solid rgba(90,154,216,.4);padding:2px 6px;border-radius:3px;font-size:10px;margin:2px 4px 2px 0;font-family:Cinzel,serif;text-transform:uppercase;letter-spacing:.5px}.loot-tag{display:inline-block;background:#b48c3c26;color:#6a4818;border:1px solid rgba(180,140,60,.45);padding:2px 6px;border-radius:3px;font-size:10px;margin:2px 4px 2px 0;font-family:Cinzel,serif;letter-spacing:.3px}.perk-track-tabs{display:flex;gap:4px;margin-bottom:6px}.perk-track-tab{flex:1;padding:4px 0;background:#3c1e0f1a;border:1.5px solid rgba(107,62,28,.3);border-radius:3px;font-family:Cinzel,serif;font-size:9px;font-weight:700;color:#6b3e1c;cursor:pointer;text-align:center;text-transform:uppercase;letter-spacing:.5px;transition:all .12s}.perk-track-tab:hover{background:#b8853a26}.perk-track-tab.active{background:#b8853a40;border-color:#b8853a;color:#6b2c0a}.perk-tier-row{border-top:1px dashed rgba(107,62,28,.3);padding:4px 0}.perk-tier-label{font-family:Cinzel,serif;font-size:9px;color:#8a6a3a;letter-spacing:1px;margin-bottom:2px;text-transform:uppercase}.hud-overlay{position:fixed;bottom:0;left:0;right:0;z-index:800;display:grid;grid-template-columns:1fr 2fr 1fr;gap:8px;padding:0 8px 8px;pointer-events:none;font-family:Cinzel,serif}.hud-panel{background:linear-gradient(150deg,#1e140eeb,#0f0a06f2);border:2px solid #c5a059;border-radius:8px;box-shadow:inset 0 0 10px #0009,0 4px 14px #000000b3;pointer-events:auto;position:relative;padding:8px}.hud-panel:before,.hud-panel:after{content:"";position:absolute;width:6px;height:6px;background:#c5a059;border:1px solid #fff;border-radius:1px;box-shadow:0 0 3px #c5a059}.hud-panel:before{top:3px;left:3px}.hud-panel:after{top:3px;right:3px}.hud-section-label{font-size:9px;color:#c5a059;letter-spacing:2px;text-transform:uppercase;margin-bottom:4px;text-align:center;opacity:.8}.hud-chat{display:flex;flex-direction:column;height:180px}.hud-chat-log{flex:1;overflow-y:auto;font-family:Georgia,serif;font-size:11px;color:#d8c8a0;padding:4px;background:#0006;border-radius:3px;border:1px solid rgba(197,160,89,.2);margin-bottom:4px}.hud-chat-log p{margin:1px 0;line-height:1.3}.hud-chat-input{width:100%;background:#00000080;border:1px solid rgba(197,160,89,.3);color:#fbe9b8;padding:4px 6px;font-family:Georgia,serif;font-size:11px;border-radius:3px}.hud-chat-input:focus{outline:none;border-color:#c5a059}.hud-center{display:grid;grid-template-columns:80px 1fr;gap:8px;align-items:stretch}.hud-avatar{width:80px;height:80px;border:2px solid #c5a059;border-radius:8px;background:radial-gradient(circle,#c5a05926,#0f0805);display:flex;align-items:center;justify-content:center;font-size:36px;position:relative}.hud-avatar-name{position:absolute;bottom:-16px;left:50%;transform:translate(-50%);font-size:9px;color:#c5a059;white-space:nowrap;letter-spacing:1px;text-transform:uppercase}.hud-hotbars{display:flex;flex-direction:column;gap:4px;justify-content:center}.hud-hotbar-row{display:flex;gap:4px;align-items:center}.hud-hotbar-label{font-size:9px;color:#c5a059;width:30px;text-align:center;letter-spacing:1px;text-transform:uppercase}.hud-slot{width:38px;height:38px;background:linear-gradient(135deg,#1a0f08,#0f0805);border:2px solid #3a2515;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#fbe9b8;cursor:pointer;position:relative;transition:all .12s}.hud-slot:hover{border-color:#c5a059;transform:scale(1.05)}.hud-slot .num{position:absolute;top:1px;left:3px;font-size:8px;color:#888;font-family:monospace}.hud-slot .cd-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;background:#0009;border-radius:3px}.hud-right{display:flex;flex-direction:column;gap:4px}.hud-biometrics{display:grid;grid-template-columns:auto 1fr auto;gap:3px 6px;align-items:center;font-size:10px;color:#d8c8a0}.hud-bio-label{font-size:9px;color:#c5a059;text-transform:uppercase;letter-spacing:1px}.hud-bio-bar{height:8px;background:#00000080;border:1px solid rgba(197,160,89,.3);border-radius:2px;overflow:hidden}.hud-bio-bar>div{height:100%;transition:width .3s}.hud-bio-val{font-family:monospace;font-size:9px;color:#fbe9b8;min-width:28px;text-align:right}.hud-weapon-card{background:#0006;border:1px solid rgba(197,160,89,.3);border-radius:4px;padding:4px 6px;display:flex;align-items:center;gap:6px;margin-top:2px}.hud-weapon-icon{width:28px;height:28px;background:#c5a0591a;border:1px solid rgba(197,160,89,.4);border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:16px}.hud-weapon-info{flex:1}.hud-weapon-name{font-size:11px;color:#fbe9b8;font-weight:700}.hud-weapon-stat{font-size:9px;color:#888;font-family:monospace}.hud-book-buttons{display:flex;gap:4px;justify-content:space-around;margin-top:4px}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;background:#000;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;touch-action:none}:root{--hud-strip-px: clamp(110px, 22vh, 220px)}body{font-family:Courier New,monospace;color:#fff;user-select:none;-webkit-user-select:none}canvas{display:block}canvas{-webkit-touch-callout:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0000004d}::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff59}