@font-face{font-family:FallbackSerif;src:local("Palatino Linotype"),local("Book Antiqua")}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#080b0a;color:#eee;font-family:Georgia,"Times New Roman",serif;user-select:none}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:2px solid #d9b968;outline-offset:3px}#app,#gameCanvas{position:absolute;inset:0;width:100%;height:100%}#gameCanvas{background:#101b16;cursor:crosshair}.hidden{display:none!important}.screen{position:fixed;z-index:50;inset:0}.screen-fx{position:fixed;z-index:8;inset:0;pointer-events:none}.screen-fx#vignette{background:radial-gradient(ellipse at center,transparent 48%,rgba(3,5,4,.33) 100%);mix-blend-mode:multiply}.screen-fx#damageFlash{background:radial-gradient(ellipse at center,transparent 30%,rgba(158,12,4,.68) 100%);opacity:0;transition:opacity .12s}.screen-fx#damageFlash.flash{opacity:1}.screen-fx#weatherLayer{overflow:hidden}.eyebrow{color:#cdb66f;letter-spacing:.24em;font:700 10px/1.3 Arial,sans-serif;text-transform:uppercase}.eyebrow.dark{color:#6f4f24}.title-screen{background:linear-gradient(#62788a 0,#8f9a8d 38%,#263b31 72%,#101713 100%);overflow:hidden}.title-screen:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.22),transparent 30%,transparent 70%,rgba(0,0,0,.25)),linear-gradient(0deg,rgba(3,8,6,.75),transparent 52%);pointer-events:none}.title-landscape{position:absolute;inset:0;overflow:hidden;filter:saturate(.78)}.sun{position:absolute;left:67%;top:12%;width:20vw;height:20vw;border-radius:50%;background:radial-gradient(circle,#fff7c8 0,#e8d59a 12%,rgba(236,213,151,.3) 42%,transparent 70%);filter:blur(2px)}.mountain{position:absolute;transform:rotate(45deg);background:linear-gradient(135deg,#384844,#1d2b27 60%);box-shadow:-25px -25px 65px rgba(212,220,202,.2)}.mountain-a{width:48vw;height:48vw;left:-12vw;top:23vh}.mountain-b{width:37vw;height:37vw;left:28vw;top:32vh;background:linear-gradient(135deg,#5e6d65,#24342f 62%)}.mountain-c{width:45vw;height:45vw;right:-12vw;top:29vh;background:linear-gradient(135deg,#4e6259,#1c2c27 65%)}.forest-line{position:absolute;bottom:0;left:0;width:100%;height:34%;background:repeating-linear-gradient(77deg,transparent 0 19px,#14241e 20px 22px,transparent 23px 41px),linear-gradient(transparent,#0d1814);clip-path:polygon(0 43%,3% 28%,5% 49%,8% 20%,10% 45%,13% 13%,15% 45%,18% 22%,21% 47%,25% 14%,28% 43%,31% 24%,34% 49%,38% 18%,41% 44%,44% 9%,47% 45%,50% 20%,53% 48%,57% 16%,60% 44%,63% 28%,66% 47%,69% 12%,72% 46%,76% 19%,79% 43%,82% 12%,85% 42%,88% 21%,91% 45%,95% 14%,97% 39%,100% 25%,100% 100%,0 100%)}.tower-silhouette{position:absolute;left:54%;bottom:25%;width:80px;height:250px;background:linear-gradient(90deg,#17231f,#35433b 50%,#15201c);clip-path:polygon(35% 0,65% 0,69% 8%,64% 10%,64% 76%,75% 82%,75% 100%,25% 100%,25% 82%,36% 76%,36% 10%,31% 8%);filter:drop-shadow(0 5px 15px #0b1310)}.tower-silhouette:before{content:"";position:absolute;left:50%;top:-65px;transform:translateX(-50%);width:120px;height:100px;border-radius:50%;border:18px solid #26352f;clip-path:polygon(0 40%,100% 40%,100% 100%,0 100%)}.tower-silhouette i,.tower-silhouette b{position:absolute;background:#14211c;height:50px;width:180px;left:50%;transform:translateX(-50%);bottom:15px;border-radius:50% 50% 0 0}.tower-silhouette b{width:280px;height:36px;bottom:-10px}.title-fog{position:absolute;z-index:2;width:80%;height:25%;background:radial-gradient(ellipse,rgba(222,226,211,.28),transparent 66%);filter:blur(25px);animation:fogdrift 16s ease-in-out infinite alternate}.fog-a{left:-20%;bottom:19%}.fog-b{right:-20%;bottom:10%;animation-delay:-7s}@keyframes fogdrift{to{transform:translateX(18%) scale(1.15)}}.title-content{position:absolute;z-index:4;left:8vw;top:50%;transform:translateY(-50%);width:min(570px,84vw);text-shadow:0 2px 16px #06100c}.title-content h1{margin:10px 0 5px;font:500 clamp(50px,7vw,96px)/.78 Georgia,serif;letter-spacing:.015em;color:#f5efdc}.title-content h1 span{display:block;font-size:.42em;letter-spacing:.31em;margin:0 0 13px 7px;color:#d8d3c3}.title-rule{display:flex;align-items:center;width:77%;gap:11px;color:#c6a755;margin:16px 0}.title-rule i{height:1px;flex:1;background:linear-gradient(90deg,transparent,#c6a755)}.title-rule i:last-child{background:linear-gradient(90deg,#c6a755,transparent)}.title-rule b{font-size:10px}.subtitle{font-style:italic;color:#ded8c7;font-size:17px;margin:0 0 25px}.title-actions{display:flex;flex-direction:column;gap:8px;width:310px}.btn{position:relative;border:1px solid rgba(208,190,137,.32);padding:12px 22px;background:rgba(11,17,14,.84);text-transform:uppercase;letter-spacing:.12em;font:700 12px/1.2 Arial,sans-serif;cursor:pointer;transition:transform .16s,border-color .16s,background .16s;box-shadow:0 8px 22px rgba(0,0,0,.25)}.btn:hover{transform:translateY(-1px);border-color:#d3bb72}.btn:active{transform:translateY(1px)}.btn span{display:block}.btn small{display:block;margin-top:5px;text-transform:none;letter-spacing:.02em;font:italic 12px Georgia,serif;color:#a9ad9f}.btn-primary{background:linear-gradient(#876a31,#59401d);border-color:#d9bc71;color:#fff7df;box-shadow:inset 0 0 0 1px rgba(0,0,0,.45),0 8px 25px rgba(0,0,0,.32)}.btn-primary:hover{background:linear-gradient(#9a7a3b,#644b22)}.btn-secondary{background:linear-gradient(rgba(40,49,43,.94),rgba(18,24,21,.95))}.btn-quiet{background:transparent;border-color:transparent;box-shadow:none;color:#c6c4b7}.btn.wide{width:100%;margin-top:19px}.btn.compact{padding:10px 15px}.fan-note{font:10px Arial,sans-serif;color:rgba(229,231,221,.55);margin-top:18px;letter-spacing:.04em}.version-tag{position:absolute;z-index:3;right:25px;bottom:20px;font:10px Arial,sans-serif;letter-spacing:.17em;color:rgba(255,255,255,.55)}.creator-screen,.modal-screen{display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse,rgba(23,34,28,.72),rgba(3,6,5,.95));backdrop-filter:blur(6px)}.parchment-panel{color:#30271c;background:#d8c9a6;background-image:radial-gradient(circle at 16% 18%,rgba(255,255,255,.32),transparent 35%),linear-gradient(95deg,rgba(117,85,44,.07),transparent 15%,rgba(255,255,255,.06) 50%,rgba(90,63,31,.08));border:1px solid #a48752;box-shadow:inset 0 0 0 3px rgba(76,54,25,.16),inset 0 0 60px rgba(97,66,28,.16),0 24px 80px rgba(0,0,0,.62)}.stone-panel{background:linear-gradient(135deg,rgba(32,39,35,.98),rgba(12,17,15,.98));border:1px solid #75694c;box-shadow:inset 0 0 0 2px rgba(205,188,135,.08),0 24px 80px rgba(0,0,0,.7)}.creator-card{position:relative;width:min(820px,92vw);padding:30px 38px 31px;max-height:94vh;overflow:auto}.creator-heading{display:flex;align-items:center;gap:15px;margin-bottom:20px}.creator-heading h2,.modal-card h2{font-size:34px;font-weight:400;margin:1px 0}.seal{display:grid;place-items:center;width:51px;height:51px;border:1px solid #795f35;border-radius:50%;color:#765528;font-size:23px;box-shadow:inset 0 0 0 4px rgba(117,80,31,.1)}.close-corner{position:absolute!important;right:13px;top:11px}.icon-btn{display:grid;place-items:center;width:35px;height:35px;border:1px solid rgba(211,190,130,.25);background:rgba(8,12,10,.55);font:26px/1 Georgia,serif;cursor:pointer;color:#d8ccb0}.icon-btn:hover{border-color:#cbb16b;background:rgba(83,63,31,.6)}.icon-btn.dark{color:#4b3920;background:rgba(255,255,255,.18);border-color:#826a46}.field-label{display:block;margin:12px 0 7px;color:#604825;font:700 10px Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase}.name-input{width:100%;border:0;border-bottom:1px solid #80673d;background:rgba(255,255,255,.18);padding:9px 12px;color:#2d251b;font:24px Georgia,serif;box-shadow:inset 0 3px 10px rgba(88,59,29,.05)}.class-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.class-card{position:relative;min-height:138px;padding:15px 12px;border:1px solid rgba(102,76,38,.35);background:rgba(255,255,255,.14);color:#362a1c;cursor:pointer;text-align:center;transition:.15s}.class-card:hover,.class-card.selected{border-color:#6a4b20;background:rgba(255,249,222,.55);box-shadow:inset 0 0 0 2px rgba(108,74,29,.13)}.class-card.selected:after{content:"◆";position:absolute;right:7px;top:5px;color:#795728;font-size:10px}.class-card span,.class-card strong,.class-card small,.class-card em{display:block}.class-card .class-icon{font-size:31px;color:#785825;margin-bottom:2px}.class-card strong{font-size:18px}.class-card small{font-style:italic;margin:4px auto 9px;max-width:190px;color:#6c5b43}.class-card em{font:700 9px Arial,sans-serif;letter-spacing:.05em;text-transform:uppercase;color:#775b31}.sign-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.sign-chip{display:flex;align-items:center;gap:10px;text-align:left;padding:9px 12px;border:1px solid rgba(102,76,38,.35);background:rgba(255,255,255,.12);color:#352a1d;cursor:pointer}.sign-chip:hover,.sign-chip.selected{background:rgba(255,249,222,.55);border-color:#6a4b20}.sign-chip b{font-size:23px;color:#785825}.sign-chip span{font-weight:bold}.sign-chip small{display:block;font-weight:normal;font-style:italic;color:#75644c;margin-top:2px}.modal-card{position:relative;width:min(760px,92vw);padding:36px}.how-card h2{margin-bottom:22px}.control-columns{display:grid;grid-template-columns:1fr 1fr;gap:30px}.control-columns h3{color:#d6bd76;font-weight:normal;margin:5px 0 13px}.control-columns p{color:#c9c8bf;font:13px Arial,sans-serif;line-height:1.9}.tip-box{display:flex;gap:18px;margin-top:22px;padding:15px;border:1px solid rgba(211,184,107,.25);background:rgba(188,155,72,.07)}.tip-box b{color:#ddc77e;white-space:nowrap}.tip-box span{color:#babbb4;font-style:italic}.hud{position:fixed;z-index:10;inset:0;pointer-events:none}.hud-glass{background:linear-gradient(135deg,rgba(12,18,15,.91),rgba(18,26,22,.73));border:1px solid rgba(214,193,130,.26);box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),0 5px 22px rgba(0,0,0,.24);backdrop-filter:blur(4px)}.player-card{position:absolute;left:18px;top:18px;width:294px;height:76px;display:flex;padding:8px}.portrait{position:relative;width:58px;display:grid;place-items:center;border:1px solid #8f794b;background:radial-gradient(circle,#465646,#1a211d);font-size:27px;color:#d4bc77}.portrait b{position:absolute;right:-6px;bottom:-5px;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#98783c;border:1px solid #e1ca87;font:10px Arial,sans-serif}.vitals{flex:1;margin-left:10px}.hero-line{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.hero-line strong{font-size:14px;font-weight:normal;color:#efe6cb}.hero-line span{font:9px Arial,sans-serif;text-transform:uppercase;letter-spacing:.1em;color:#b1aa95;max-width:110px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar{position:relative;height:12px;margin:2px 0;background:#090d0b;border:1px solid rgba(255,255,255,.13);overflow:hidden}.bar i{position:absolute;inset:0 auto 0 0;width:100%;transition:width .2s;background:linear-gradient(#ba4037,#6c1718);box-shadow:inset 0 1px rgba(255,255,255,.25)}.bar.magicka i{background:linear-gradient(#477bb3,#183c73)}.bar.stamina i{background:linear-gradient(#6d9f58,#2f612b)}.bar span{position:absolute;inset:0;display:grid;place-items:center;font:8px Arial,sans-serif;color:rgba(255,255,255,.82);text-shadow:0 1px #000}.compass{position:absolute;top:16px;left:50%;transform:translateX(-50%);width:min(440px,33vw);height:42px;overflow:hidden}.compass:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,14,11,.95),transparent 30%,transparent 70%,rgba(9,14,11,.95));z-index:2}.compass-ticks{position:absolute;left:50%;top:0;height:100%;width:1200px;transform:translateX(-50%);transition:transform .12s}.compass-mark{position:absolute;top:8px;transform:translateX(-50%);font:9px Arial,sans-serif;color:#bfb9a7;text-align:center}.compass-mark.cardinal{color:#e5d497;font-weight:bold;font-size:11px}.compass-mark.quest{color:#e5b640;font-size:16px;top:3px;text-shadow:0 0 7px #8d5a00}.compass-mark.poi{color:#c8c1ad;font-size:12px}.compass-center{position:absolute;z-index:3;left:50%;top:0;transform:translateX(-50%);font-size:9px;color:#ead491}.quest-tracker{position:absolute;right:18px;top:18px;width:260px;padding:12px 15px 11px;border-left:2px solid #c59d42}.tracker-label{font:700 8px Arial,sans-serif;letter-spacing:.2em;color:#c7a64f;margin-bottom:5px}.quest-tracker strong{display:block;color:#eee5cc;font-weight:normal;font-size:15px}.quest-tracker p{font:12px/1.35 Arial,sans-serif;color:#bbbcb5;margin:4px 0 6px}.quest-distance{font:9px Arial,sans-serif;color:#d6bd70}.status-pills{position:absolute;left:20px;top:105px;display:flex;flex-direction:column;gap:4px}.status-pill{padding:5px 8px;background:rgba(10,14,12,.78);border-left:2px solid #6d8e61;color:#d0d1c8;font:9px Arial,sans-serif;letter-spacing:.04em}.interaction-prompt{position:absolute;left:50%;bottom:132px;transform:translateX(-50%);display:flex;align-items:center;gap:10px;padding:8px 15px;background:rgba(8,12,10,.87);border:1px solid rgba(221,199,130,.37);font:12px Arial,sans-serif;color:#dfddd2}.interaction-prompt kbd{font-size:14px}.location-banner{position:absolute;left:50%;top:19%;transform:translateX(-50%);text-align:center;text-shadow:0 2px 12px #000;animation:bannerin 4s both}.location-banner small,.location-banner strong,.location-banner span{display:block}.location-banner small{font:9px Arial,sans-serif;letter-spacing:.27em;color:#d2b96e}.location-banner strong{font-size:35px;font-weight:normal;color:#f4edda;margin:2px 0}.location-banner span{font:8px Arial,sans-serif;letter-spacing:.2em;color:#b6b7ae}@keyframes bannerin{0%{opacity:0;transform:translate(-50%,10px)}12%,70%{opacity:1;transform:translate(-50%,0)}100%{opacity:0}}.boss-hud{position:absolute;left:50%;top:76px;transform:translateX(-50%);width:400px;text-align:center}.boss-hud span{display:block;font-size:14px;color:#e9deca;text-shadow:0 1px 5px #000;margin-bottom:4px}.boss-hud div{height:7px;border:1px solid #a48c63;background:#120d0c}.boss-hud i{display:block;height:100%;background:linear-gradient(90deg,#641719,#b14533);width:100%}.combat-hint{position:absolute;left:50%;bottom:160px;transform:translateX(-50%);padding:7px 13px;background:rgba(10,14,12,.8);color:#d5d2c6;font:11px Arial,sans-serif}.bottom-hud{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);display:flex;align-items:flex-end;gap:7px}.hotbar{display:flex;padding:4px;pointer-events:auto}.hot-slot{position:relative;width:84px;height:63px;border:1px solid transparent;background:rgba(255,255,255,.025);cursor:pointer;color:#c7c6bc}.hot-slot:hover{background:rgba(255,255,255,.06)}.hot-slot.active{border-color:#c4a557;background:radial-gradient(circle,rgba(177,136,55,.23),transparent 74%)}.hot-slot kbd{position:absolute;left:5px;top:4px;color:#969b92}.slot-icon{font-size:25px;display:block;margin-top:2px;color:#ddd0aa;text-shadow:0 2px 7px #000}.spell-icon{color:#6aa5df}.potion-icon{color:#c45452}.hot-slot small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:8px Arial,sans-serif;color:#aeafa8;margin-top:3px}.hot-slot em{position:absolute;right:5px;top:4px;background:#9a3a32;color:#fff;border-radius:8px;padding:1px 5px;font:8px Arial,sans-serif}.hot-slot>i{position:absolute;height:2px;bottom:0;left:0;background:#65a0d9}.gold-display{height:41px;min-width:62px;padding:0 11px;display:flex;align-items:center;gap:6px;color:#e2c56f;font:13px Arial,sans-serif}.gold-display span{font-size:16px}#minimap{position:absolute;right:18px;bottom:18px;width:158px;height:158px;border-radius:50%;border:2px solid rgba(212,192,131,.45);background:rgba(7,12,9,.76);box-shadow:0 5px 25px rgba(0,0,0,.4);transform:scale(.75);transform-origin:bottom right}.menu-tabs{position:absolute;right:180px;bottom:19px;display:flex;pointer-events:auto}.menu-tabs button{padding:7px 9px;border:0;border-right:1px solid rgba(255,255,255,.1);background:transparent;color:#bdbdb4;cursor:pointer;font:8px Arial,sans-serif;text-transform:uppercase}.menu-tabs button:hover{color:#efd995;background:rgba(255,255,255,.06)}.menu-tabs kbd{display:block;margin-bottom:3px;color:#e1d6ba}.interaction-prompt kbd,kbd{min-width:19px;padding:2px 5px;border:1px solid rgba(255,255,255,.25);border-bottom-width:2px;border-radius:2px;background:rgba(0,0,0,.28);font:9px Arial,sans-serif;text-align:center;color:#e7dbbb}.game-panel{position:fixed;z-index:40;inset:0;padding:4.5vh 5vw;background:rgba(3,6,5,.82);backdrop-filter:blur(5px)}.panel-shell{height:100%;display:flex;flex-direction:column;background:linear-gradient(105deg,#1d2521,#0e1411);border:1px solid #76694a;box-shadow:inset 0 0 0 3px rgba(203,184,127,.06),0 20px 70px #000}.panel-header{display:flex;align-items:center;padding:19px 24px;border-bottom:1px solid rgba(204,183,121,.22);background:rgba(0,0,0,.18)}.panel-header h2{margin:1px 0 0;font-weight:normal;font-size:30px}.panel-nav{display:flex;margin-left:auto;margin-right:22px;align-self:stretch}.panel-nav button{padding:0 16px;border:0;border-bottom:2px solid transparent;background:transparent;color:#aaa99f;cursor:pointer;font:10px Arial,sans-serif;text-transform:uppercase}.panel-nav button:hover,.panel-nav button.active{color:#ead89f;border-bottom-color:#c6a756}.panel-nav kbd{margin-left:5px}.panel-body{position:relative;flex:1;min-height:0;overflow:auto;padding:22px}.panel-footer{display:flex;justify-content:space-between;padding:9px 23px;border-top:1px solid rgba(204,183,121,.16);color:#8f928a;font:9px Arial,sans-serif}.inventory-screen{display:flex;flex-direction:column;height:100%;min-height:0}.carry-banner{display:grid;grid-template-columns:190px minmax(220px,1fr) 250px;align-items:center;gap:18px;margin-bottom:17px;padding:14px 18px;border:1px solid rgba(209,185,117,.28);border-left:4px solid #b99a4e;background:linear-gradient(90deg,rgba(187,146,50,.16),rgba(255,255,255,.025));box-shadow:inset 0 0 25px rgba(0,0,0,.18)}.carry-banner>div:first-child{display:flex;align-items:baseline;gap:12px}.carry-banner span{font:700 10px Arial,sans-serif;letter-spacing:.16em;color:#c9ad64}.carry-banner strong{font:normal 27px Georgia,serif;color:#f0e2b8;white-space:nowrap}.carry-banner strong em{font:normal 16px Georgia,serif;color:#aaa99d}.carry-banner p{margin:0;color:#b5b6ae;font:11px Arial,sans-serif;text-align:right}.carry-track{height:12px;border:1px solid rgba(255,255,255,.16);background:#090d0b;overflow:hidden}.carry-track i{display:block;height:100%;background:linear-gradient(90deg,#6f8b49,#c5a54e);box-shadow:0 0 12px rgba(194,159,72,.3)}.carry-banner.near{border-left-color:#d17f3f}.carry-banner.near .carry-track i{background:linear-gradient(90deg,#a77b35,#d47f3c)}.carry-banner.over{border-left-color:#c84238;background:linear-gradient(90deg,rgba(155,42,32,.2),rgba(255,255,255,.025))}.carry-banner.over strong{color:#ef8d80}.carry-banner.over .carry-track i{background:linear-gradient(90deg,#a9342e,#e35a44)}.inventory-layout{display:grid;grid-template-columns:220px minmax(300px,1fr) 290px;gap:18px;flex:1;min-height:0;height:auto}.category-list{border-right:1px solid rgba(206,183,116,.17);padding-right:15px}.category-list button{display:flex;width:100%;justify-content:space-between;padding:10px 12px;border:0;border-left:2px solid transparent;background:transparent;color:#aaa99f;cursor:pointer;text-align:left}.category-list button.active,.category-list button:hover{color:#efdca3;border-left-color:#c8a653;background:linear-gradient(90deg,rgba(195,155,62,.12),transparent)}.category-list em{font:10px Arial,sans-serif;color:#767b74}.item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;align-content:start}.item-card{position:relative;min-height:100px;padding:10px;border:1px solid rgba(208,189,132,.13);background:rgba(255,255,255,.025);cursor:pointer;color:#c5c5bd;text-align:left}.item-card:hover,.item-card.selected{border-color:#b89a51;background:rgba(179,137,51,.08)}.item-card .item-icon{display:block;font-size:28px;color:#d7c18a}.item-card strong{display:block;font-size:13px;margin:4px 0 3px;color:#e1dccb}.item-card small{font:9px Arial,sans-serif;color:#8e948c}.item-card em{position:absolute;right:7px;top:6px;background:#554226;padding:2px 5px;font:8px Arial,sans-serif;color:#e5d2a0}.item-detail{padding:18px;border:1px solid rgba(208,189,132,.13);background:rgba(0,0,0,.16);overflow:auto}.detail-icon{font-size:50px;color:#d9c384}.item-detail h3{font-size:23px;font-weight:normal;margin:9px 0 3px}.item-rarity{font:9px Arial,sans-serif;letter-spacing:.14em;color:#b69852;text-transform:uppercase}.stat-table{margin:18px 0;border-top:1px solid rgba(255,255,255,.09)}.stat-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.07);font:11px Arial,sans-serif;color:#9fa39c}.stat-row b{color:#ddd8c8}.item-desc{font-style:italic;color:#aaa99f;line-height:1.5}.detail-actions{display:flex;gap:7px;margin-top:17px}.detail-actions button{flex:1}.map-layout{display:grid;grid-template-columns:minmax(480px,1fr) 280px;gap:20px;height:100%}.world-map{position:relative;min-height:450px;overflow:hidden;border:1px solid #6f5937;background:#bdae86;box-shadow:inset 0 0 70px rgba(72,45,18,.38);border-radius:45% 48% 42% 47% / 35% 39% 45% 41%}.world-map svg{position:absolute;inset:0;width:100%;height:100%}.map-marker{position:absolute;transform:translate(-50%,-50%);width:26px;height:26px;border-radius:50%;border:1px solid #4e3b23;background:#d0bf94;color:#513a20;display:grid;place-items:center;cursor:pointer;font-size:13px;box-shadow:0 2px 6px rgba(58,36,15,.45)}.map-marker:hover,.map-marker.selected{transform:translate(-50%,-50%) scale(1.2);background:#f0dfac}.map-marker.undiscovered{filter:grayscale(1);opacity:.45}.map-marker.quest:after{content:"◆";position:absolute;top:-15px;color:#ab641d;font-size:11px}.map-player{position:absolute;transform:translate(-50%,-50%);z-index:5;color:#8b1f18;text-shadow:0 1px #fff;font-size:19px;pointer-events:none}.map-sidebar{border-left:1px solid rgba(207,187,128,.16);padding-left:20px}.map-sidebar h3{font-size:23px;font-weight:normal;margin:6px 0}.map-sidebar p{font:12px/1.6 Arial,sans-serif;color:#aeb0a8}.map-sidebar .btn{width:100%;margin-top:12px}.map-legend{margin-top:25px;border-top:1px solid rgba(255,255,255,.09);padding-top:15px;color:#999d96;font:10px/2 Arial,sans-serif}.journal-layout{display:grid;grid-template-columns:290px 1fr;gap:24px;height:100%}.quest-list{border-right:1px solid rgba(205,183,121,.16);padding-right:16px;overflow:auto}.quest-list button{width:100%;text-align:left;padding:12px;border:0;border-left:2px solid transparent;background:transparent;color:#aaa;font-size:14px;cursor:pointer}.quest-list button span{display:block;margin-top:4px;font:8px Arial,sans-serif;letter-spacing:.12em;color:#8d9189;text-transform:uppercase}.quest-list button.active,.quest-list button:hover{border-left-color:#c5a451;background:linear-gradient(90deg,rgba(187,144,50,.12),transparent);color:#eadfbf}.quest-detail{max-width:760px;padding:15px 10px}.quest-detail h3{font-size:30px;font-weight:normal;margin:4px 0 7px}.quest-faction{font:9px Arial,sans-serif;color:#c3a457;letter-spacing:.17em;text-transform:uppercase}.quest-detail>p{color:#bcbdb5;font-style:italic;line-height:1.7}.objective-list{margin:22px 0;padding:0;list-style:none}.objective-list li{padding:10px 12px;margin:5px 0;border-left:2px solid #78683f;background:rgba(255,255,255,.025);color:#c7c7bf}.objective-list li.done{text-decoration:line-through;color:#737871;border-left-color:#465048}.objective-list li.active{border-left-color:#d1ad4e;color:#f0dfae}.character-layout{display:grid;grid-template-columns:260px 1fr;gap:30px;height:100%}.paper-doll{text-align:center;padding:15px;border-right:1px solid rgba(205,183,121,.16)}.hero-silhouette{position:relative;height:330px;margin:0 auto 15px;color:#c7b277}.hero-silhouette .head{position:absolute;left:50%;top:18px;transform:translateX(-50%);width:48px;height:58px;border-radius:48% 48% 40% 40%;background:linear-gradient(90deg,#6b624e,#a38f66,#655d4b)}.hero-silhouette .body{position:absolute;left:50%;top:70px;transform:translateX(-50%);width:125px;height:165px;background:linear-gradient(90deg,#373d38,#77705e,#2b312d);clip-path:polygon(32% 0,68% 0,100% 25%,80% 100%,20% 100%,0 25%)}.hero-silhouette .legs{position:absolute;left:50%;top:220px;transform:translateX(-50%);width:90px;height:105px;background:linear-gradient(90deg,#292e2b 0 40%,transparent 40% 58%,#292e2b 58%);clip-path:polygon(0 0,100% 0,93% 100%,58% 100%,50% 24%,42% 100%,7% 100%)}.character-stats{overflow:auto}.attribute-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:25px}.attribute{padding:12px;border:1px solid rgba(210,188,124,.13);background:rgba(255,255,255,.025)}.attribute span{display:block;color:#969b93;font:9px Arial,sans-serif;text-transform:uppercase}.attribute b{display:block;font-size:25px;font-weight:normal;color:#e1d4af;margin-top:4px}.skill-list{display:grid;grid-template-columns:1fr 1fr;gap:6px 20px}.skill{display:grid;grid-template-columns:110px 1fr 28px;align-items:center;gap:8px;color:#b8bab3;font:10px Arial,sans-serif}.skill-track{height:5px;background:#080c0a}.skill-track i{display:block;height:100%;background:linear-gradient(90deg,#6f5b30,#c1a151)}.faction-cards{display:flex;flex-wrap:wrap;gap:8px;margin-top:23px}.faction-card{padding:9px 12px;border:1px solid rgba(210,188,124,.14);color:#aaa;font:10px Arial,sans-serif}.alchemy-layout{display:grid;grid-template-columns:1fr 330px;gap:25px;height:100%}.ingredient-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;align-content:start}.ingredient{padding:12px;border:1px solid rgba(210,188,124,.14);background:rgba(255,255,255,.025);cursor:pointer;color:#bbb;text-align:left}.ingredient.selected{border-color:#c1a153;background:rgba(190,147,54,.1)}.ingredient b{font-size:25px;display:block;color:#84a866}.ingredient strong{display:block;color:#ddd6bf;margin:4px 0}.ingredient small{font:9px Arial,sans-serif;color:#8e938c}.alchemy-pot{display:flex;flex-direction:column;text-align:center;padding:20px;border:1px solid rgba(210,188,124,.14);background:rgba(0,0,0,.15)}.cauldron{font-size:80px;margin:20px;color:#93bd7b;text-shadow:0 0 20px rgba(83,168,64,.3)}.alchemy-slots{display:flex;gap:8px;justify-content:center;margin-bottom:20px}.alchemy-slot{width:80px;height:70px;border:1px dashed #786a48;display:grid;place-items:center;color:#797e76;font-size:10px}.alchemy-result{min-height:70px;color:#c9c7bb;font-style:italic}.dialogue{position:fixed;z-index:45;inset:0;display:flex;align-items:flex-end;justify-content:center;padding:0 7vw 5vh;background:linear-gradient(transparent 40%,rgba(2,4,3,.75));pointer-events:none}.dialogue-portrait{width:180px;margin-right:13px;text-align:center;pointer-events:auto}.dialogue-portrait canvas{width:180px;height:220px;filter:drop-shadow(0 10px 15px #000)}.dialogue-portrait span{display:block;padding:6px;background:#161c18;border:1px solid #786b4d;color:#c9b982;font:9px Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase}.dialogue-card{width:min(720px,68vw);padding:20px 23px;pointer-events:auto}.dialogue-head{display:flex;justify-content:space-between}.dialogue-head h2{font-size:26px;font-weight:normal;margin:2px 0}.disposition{font:9px Arial,sans-serif;color:#bf9f52;letter-spacing:.08em;text-transform:uppercase}.dialogue-card>p{min-height:44px;color:#d2d0c5;font-style:italic;line-height:1.5}.dialogue-options{display:flex;flex-wrap:wrap;gap:7px}.dialogue-options button{padding:8px 12px;border:1px solid rgba(205,183,118,.2);background:rgba(255,255,255,.035);color:#c4c4bc;cursor:pointer;font:10px Arial,sans-serif}.dialogue-options button:hover{border-color:#c3a454;color:#ebd99f;background:rgba(192,148,54,.1)}.loot-window{position:fixed;z-index:46;right:6vw;top:15vh;width:min(390px,88vw);padding:18px}.loot-window header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(76,56,28,.28);padding-bottom:10px}.loot-window h3{font-size:24px;font-weight:normal;margin:1px 0}.loot-items{max-height:43vh;overflow:auto;margin:10px 0}.loot-row{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:8px;padding:9px;border-bottom:1px solid rgba(76,56,28,.18);cursor:pointer}.loot-row:hover{background:rgba(255,255,255,.23)}.loot-row>span{font-size:23px}.loot-row strong{font-size:13px}.loot-row small{display:block;color:#796849;font-style:italic}.loot-row em{font:10px Arial,sans-serif}.lockpick-card{width:min(650px,92vw);text-align:center}.lockpick-card>p{color:#b9bab2;font-style:italic}.lock-tumblers{display:flex;justify-content:center;align-items:flex-end;gap:18px;height:235px;margin:22px 0;padding:20px 25px;border:1px solid rgba(210,186,118,.2);background:linear-gradient(#0c100e,#24211a)}.tumbler{position:relative;width:55px;height:175px;border:0;border-left:5px solid #594a35;border-right:5px solid #78654a;background:linear-gradient(90deg,#151713,#27261f,#121411);cursor:pointer;overflow:hidden}.tumbler:before{content:"";position:absolute;left:0;right:0;bottom:var(--target,110px);height:var(--tolerance,22px);background:rgba(211,168,63,.24);border-top:1px solid #d1a83f;border-bottom:1px solid #d1a83f;box-shadow:0 0 12px rgba(220,172,54,.2)}.tumbler .pin{position:absolute;left:6px;right:6px;height:22px;bottom:0;background:linear-gradient(#b9aa82,#6f6247);border:1px solid #d7c89c;box-shadow:0 2px 5px #000}.tumbler.set .pin{background:linear-gradient(#d9b95b,#8f6c21);box-shadow:0 0 14px rgba(232,190,69,.55)}.tumbler.set:after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;color:#e5c86d;font-size:20px}.lockpick-footer{display:flex;align-items:center;justify-content:space-between;color:#c9b77f;font:11px Arial,sans-serif}.level-card{text-align:center}.level-rays{font-size:50px;color:#986f28}.level-card>p{font-style:italic}.level-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:22px}.level-choices button{padding:18px 10px;border:1px solid rgba(101,73,34,.35);background:rgba(255,255,255,.12);color:#30261a;cursor:pointer}.level-choices button:hover{background:rgba(255,249,222,.57);border-color:#775522}.level-choices b,.level-choices strong,.level-choices span{display:block}.level-choices b{font-size:32px;color:#80602d}.level-choices strong{font-size:17px;margin:6px}.level-choices span{font:10px/1.6 Arial,sans-serif;color:#6e5d43}.pause-screen{display:flex;align-items:center;justify-content:center;background:rgba(3,6,5,.75);backdrop-filter:blur(6px)}.pause-card{width:350px;padding:30px;text-align:center}.pause-card h2{font-size:40px;font-weight:normal;margin:2px 0 20px}.pause-card>.btn{width:100%;margin:4px 0}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:10px 3px;border-bottom:1px solid rgba(255,255,255,.08);color:#aaa;font:11px Arial,sans-serif}.toggle{width:38px;height:19px;border:1px solid #64665f;border-radius:12px;background:#252a27;padding:2px;cursor:pointer}.toggle i{display:block;width:13px;height:13px;border-radius:50%;background:#777;transition:.16s}.toggle.active{background:#705b2d;border-color:#a58b4d}.toggle.active i{transform:translateX(18px);background:#e1cd91}.death-screen{display:grid;place-items:center;background:radial-gradient(ellipse,rgba(36,8,8,.78),rgba(2,3,3,.97));text-align:center}.death-screen h2{font-size:48px;font-weight:normal;margin:5px}.death-screen p{color:#aaa;font-style:italic}.death-rune{font-size:62px;color:#8b4440}.toast-stack{position:fixed;z-index:70;left:50%;top:11%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:7px;pointer-events:none}.toast{min-width:260px;max-width:520px;padding:10px 16px;background:rgba(10,15,12,.93);border:1px solid rgba(213,190,124,.35);border-left:3px solid #c1a050;color:#dbd8ca;text-align:center;box-shadow:0 6px 25px rgba(0,0,0,.4);animation:toastlife 3.8s both;font-size:12px}.toast b{display:block;color:#e5cd86;margin-bottom:3px;font:8px Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase}@keyframes toastlife{0%{opacity:0;transform:translateY(-8px)}8%,82%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-8px)}}.crosshair{position:fixed;z-index:12;width:24px;height:24px;transform:translate(-50%,-50%);pointer-events:none}.crosshair i,.crosshair b{position:absolute;inset:0}.crosshair i:before,.crosshair i:after,.crosshair b:before,.crosshair b:after{content:"";position:absolute;background:rgba(241,224,177,.84);box-shadow:0 1px 2px #000}.crosshair i:before{width:6px;height:1px;left:0;top:11px}.crosshair i:after{width:6px;height:1px;right:0;top:11px}.crosshair b:before{width:1px;height:6px;top:0;left:11px}.crosshair b:after{width:1px;height:6px;bottom:0;left:11px}.touch-controls{position:fixed;z-index:20;inset:auto 15px 15px;display:flex;justify-content:flex-end;gap:10px;pointer-events:none}.touch-controls button,.touch-stick{pointer-events:auto}.touch-stick{position:absolute;left:0;bottom:0;width:100px;height:100px;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:rgba(0,0,0,.23)}.touch-stick i{position:absolute;left:50%;top:50%;width:42px;height:42px;transform:translate(-50%,-50%);border-radius:50%;background:rgba(221,203,148,.3);border:1px solid rgba(255,255,255,.28)}.touch-controls button{align-self:flex-end;width:53px;height:53px;border-radius:50%;border:1px solid rgba(224,203,143,.4);background:rgba(8,12,10,.65);color:#e7d7a6}.rain-drop{position:absolute;top:-20%;width:1px;height:42px;background:linear-gradient(transparent,rgba(180,207,219,.48));transform:rotate(12deg);animation:rainfall linear infinite}@keyframes rainfall{to{transform:translate(-20vw,125vh) rotate(12deg)}}.snow-flake{position:absolute;top:-5%;color:rgba(255,255,255,.7);animation:snowfall linear infinite}@keyframes snowfall{to{transform:translate(10vw,110vh) rotate(220deg)}}@media(max-width:900px){.quest-tracker{top:102px;width:220px}.player-card{width:275px}.compass{width:34vw}.menu-tabs{display:none}.carry-banner{grid-template-columns:170px 1fr}.carry-banner p{display:none}.inventory-layout{grid-template-columns:155px 1fr}.item-detail{display:none}.map-layout{grid-template-columns:1fr}.map-sidebar{display:none}.character-layout{grid-template-columns:180px 1fr}.panel-nav button{padding:0 8px;font-size:8px}.dialogue-card{width:calc(100vw - 220px)}.class-card{min-height:125px}.creator-card{padding:25px}.alchemy-layout{grid-template-columns:1fr 260px}}@media(max-width:680px),(pointer:coarse){.touch-controls{display:flex!important}.title-content{left:7vw}.title-content h1{font-size:50px}.player-card{left:8px;top:8px;transform:scale(.86);transform-origin:top left}.quest-tracker{right:8px;top:8px;width:190px;transform:scale(.86);transform-origin:top right}.compass{display:none}.bottom-hud{bottom:80px;transform:translateX(-50%) scale(.78);transform-origin:bottom center}.hot-slot{width:72px}.gold-display{display:none}#minimap{right:8px;bottom:75px;transform:scale(.6)}.control-columns,.class-grid,.sign-row{grid-template-columns:1fr}.creator-card{max-height:96vh}.creator-card .class-card{min-height:80px}.creator-card .class-icon{font-size:23px}.sign-chip{min-height:50px}.game-panel{padding:0}.panel-header{padding:12px}.panel-nav{display:none}.panel-body{padding:12px}.carry-banner{grid-template-columns:1fr;padding:9px 12px;gap:7px}.carry-banner>div:first-child{justify-content:space-between}.inventory-layout{grid-template-columns:100px 1fr}.map-layout{display:block}.journal-layout{grid-template-columns:140px 1fr}.character-layout{display:block}.paper-doll{display:none}.attribute-grid{grid-template-columns:repeat(2,1fr)}.skill-list{grid-template-columns:1fr}.alchemy-layout{display:block}.alchemy-pot{display:none}.dialogue{padding:0 8px 85px}.dialogue-portrait{display:none}.dialogue-card{width:100%}.location-banner strong{font-size:27px}.how-card{max-height:92vh;overflow:auto}.control-columns{gap:4px}.level-choices{grid-template-columns:1fr}.level-card{max-height:90vh;overflow:auto}}