.combat-screen{display:flex;flex-direction:column;height:100%;min-height:500px;background:linear-gradient(180deg, #1a1a2e, #16213e, #0f3460);border-radius:4px;overflow:hidden}.combat-header{text-align:center;padding:8px 16px;background:rgba(0,0,0,.4);border-bottom:1px solid rgba(90,74,54,.3);font-size:.95rem}.combat-turn{font-family:"MedievalSharp","Georgia",serif;font-size:1.15rem}.combat-turn--player{color:#c9a84c}.combat-turn--monster{color:#c23030}.combat-bonus-badge{display:inline-block;background:#c9a84c;color:#1a1410;font-size:.7rem;font-weight:bold;padding:2px 8px;border-radius:10px;margin-left:4px;animation:pulse-gold .8s ease-in-out infinite alternate}.combat-arena{flex:1;display:flex;align-items:center;justify-content:space-around;padding:24px 32px;position:relative;min-height:220px}.combat-vs{font-family:"MedievalSharp","Georgia",serif;font-size:1.8rem;color:#c9a84c;text-shadow:0 0 10px rgba(201,168,76,.5);flex-shrink:0}.combat-fighter{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:160px;position:relative}.combat-fighter__name{font-family:"MedievalSharp","Georgia",serif;color:#f0dca0;font-size:.95rem}.combat-fighter__name small{color:#8a7a62;font-weight:normal}.combat-sprite{width:100px;height:120px;border-radius:4px;background:hsla(0,0%,100%,.06);border:2px solid rgba(90,74,54,.4);display:flex;align-items:center;justify-content:center;position:relative;font-size:3rem;transition:transform .2s}.combat-sprite--player::after{content:"🧑‍⚔️"}.combat-sprite--monster::after{content:"🐀"}.combat-bar{display:flex;align-items:center;gap:6px;width:100%}.combat-bar__label{font-size:.7rem;color:#8a7a62;width:36px;text-align:right;flex-shrink:0}.combat-bar__track{flex:1;height:16px;background:rgba(0,0,0,.5);border-radius:3px;border:1px solid rgba(90,74,54,.3);overflow:hidden;position:relative}.combat-bar__fill{height:100%;border-radius:2px;transition:width .5s ease}.combat-bar__num{font-size:.7rem;color:#e8dcc0;min-width:60px;text-align:left}.combat-bar .bar-hp .combat-bar__fill{background:linear-gradient(180deg, rgb(211.958677686, 81.041322314, 81.041322314), #c23030)}.combat-bar .bar-mana .combat-bar__fill{background:linear-gradient(180deg, rgb(79.8, 123.6, 211.2), #3060c0)}.combat-bar .bar-stamina .combat-bar__fill{background:linear-gradient(180deg, rgb(61.9230769231, 197.0769230769, 61.9230769231), #30a030)}.combat-floating{position:absolute;top:-10px;left:50%;transform:translateX(-50%);pointer-events:none;z-index:10}.float-num{display:block;font-weight:bold;font-size:1.15rem;text-shadow:0 1px 3px rgba(0,0,0,.8);animation:float-up 1.2s ease-out forwards;white-space:nowrap}@keyframes float-up{0%{opacity:1;transform:translateY(0) scale(1)}60%{opacity:1;transform:translateY(-40px) scale(1.15)}100%{opacity:0;transform:translateY(-70px) scale(0.8)}}.combat-log{height:110px;background:rgba(0,0,0,.45);border-top:1px solid rgba(90,74,54,.3);padding:8px 16px;overflow-y:auto}.combat-log::-webkit-scrollbar{width:6px}.combat-log::-webkit-scrollbar-track{background:#1a1410}.combat-log::-webkit-scrollbar-thumb{background:#5a4a36;border-radius:3px}.combat-log{font-size:.8rem}.combat-log__line{padding:2px 0;line-height:1.4}.combat-log--system{color:#d4c4a0;font-style:italic}.combat-log--attack{color:#e8dcc0}.combat-log--crit{color:#e8c84c;font-weight:bold}.combat-log--skill{color:#7cf}.combat-log--heal{color:#4caf50}.combat-log--defend{color:#2196f3}.combat-log--flee{color:#4caf50;font-style:italic}.combat-log--flee_fail{color:#8a7a62;font-style:italic}.combat-log--monster_attack{color:#c23030}.combat-log--bonus{color:#c9a84c;font-weight:bold}.combat-log--victory{color:#c9a84c;font-weight:bold;font-size:.95rem}.combat-log--defeat{color:#c23030;font-weight:bold}.combat-log--error{color:#f44336}.combat-bottom{background:rgba(0,0,0,.6);border-top:2px solid #c9a84c;padding:8px 16px;display:flex;gap:16px;align-items:center;justify-content:center;flex-wrap:wrap}.combat-action-btns{display:flex;gap:4px;flex-shrink:0}.combat-action-btn{display:flex;flex-direction:column;align-items:center;gap:2px;background:none;border:none;cursor:pointer;color:#e8dcc0;font-size:.65rem;padding:2px;transition:transform .15s,opacity .15s}.combat-action-btn:hover:not([disabled]){transform:translateY(-2px)}.combat-action-btn:hover:not([disabled]) .gi{border-color:#c9a84c;box-shadow:0 0 6px rgba(201,168,76,.4)}.combat-action-btn[disabled]{opacity:.35;cursor:not-allowed}.combat-action-btn .gi{transition:border-color .15s,box-shadow .15s}.cab-label{font-size:.6rem;color:#999;text-transform:uppercase;letter-spacing:.03em}.combat-slots{display:flex;gap:3px;flex-wrap:wrap;justify-content:center}.combat-slot{position:relative;display:flex;align-items:center;justify-content:center;background:none;border:none;padding:0;cursor:pointer;transition:transform .15s}.combat-slot:hover:not([disabled]):not(.combat-slot--empty){transform:translateY(-3px)}.combat-slot:hover:not([disabled]):not(.combat-slot--empty) .gi{border-color:#c9a84c;box-shadow:0 0 8px rgba(201,168,76,.4)}.combat-slot--disabled,.combat-slot[disabled]{opacity:.35;cursor:not-allowed}.combat-slot--empty{cursor:default;opacity:.3}.combat-slot--potion .gi{border-color:rgba(76,175,80,.5)}.combat-slot--extra .gi{border-style:dashed;border-color:rgba(201,168,76,.3)}.combat-slot .gi{transition:border-color .15s,box-shadow .15s}.combat-slot__cd{position:absolute;bottom:-1px;left:50%;transform:translateX(-50%);font-size:.55rem;color:#fa0;background:rgba(0,0,0,.8);padding:0 3px;border-radius:2px;white-space:nowrap;pointer-events:none}.combat-actions{display:none}.combat-hit{animation:combat-shake .4s ease}@keyframes combat-shake{0%,100%{transform:translateX(0);filter:brightness(1)}15%{transform:translateX(-8px);filter:brightness(1.6) sepia(0.5) saturate(2)}30%{transform:translateX(8px)}45%{transform:translateX(-5px);filter:brightness(1.3)}60%{transform:translateX(5px)}75%{transform:translateX(-3px)}}@keyframes pulse-gold{from{box-shadow:0 0 4px rgba(201,168,76,.4)}to{box-shadow:0 0 12px rgba(201,168,76,.8)}}.combat-result{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;padding:32px}.combat-result__title{font-family:"MedievalSharp","Georgia",serif;font-size:2.5rem;margin-bottom:16px}.combat-result--victory .combat-result__title{color:#c9a84c;text-shadow:0 0 20px rgba(201,168,76,.5)}.combat-result--defeat .combat-result__title{color:#c23030;text-shadow:0 0 20px rgba(194,48,48,.3)}.combat-result--flee .combat-result__title{color:#8a7a62}.combat-result p{font-size:.95rem;color:#d4c4a0;margin-bottom:24px}.combat-rewards{background:#352a1e;border:1px solid #5a4a36;border-radius:4px;padding:16px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.05),0 2px 8px rgba(0,0,0,.3);min-width:250px;text-align:left;margin-bottom:16px}.combat-rewards h3{font-family:"MedievalSharp","Georgia",serif;color:#c9a84c;font-size:1.15rem;margin-bottom:8px}.combat-reward{padding:4px 0;font-size:.8rem;color:#e8dcc0;border-bottom:1px solid rgba(90,74,54,.2)}.combat-reward:last-child{border-bottom:none}.combat-reward--levelup{color:#c9a84c;font-size:1.15rem;font-weight:bold;border-bottom:none;padding-top:8px}.slot-editor{display:flex;gap:6px;flex-wrap:wrap;padding:8px 0}.slot-editor__slot{display:flex;flex-direction:column;align-items:center;gap:4px}.slot-editor__preview{width:40px;height:40px}.slot-editor__preview .gi{width:40px;height:40px}.slot-editor__select{width:90px;font-size:.65rem;background:#1a1510;color:#e8dcc0;border:1px solid #5a4a36;border-radius:3px;padding:2px;cursor:pointer}.slot-editor__select:focus{border-color:#c9a84c;outline:none}.slot-editor__select option{background:#1a1510}.location-page{min-height:70vh;border-radius:12px;padding:20px;color:#eee;position:relative;overflow:hidden}.location-page--city{background:linear-gradient(180deg, #2a1a0a 0%, #3a2a1a 50%, #5a4a3a 100%)}.location-page--forest{background:linear-gradient(180deg, #0a1f0a 0%, #1a3a1a 50%, #2a5a2a 100%)}.location-page--dungeon{background:linear-gradient(180deg, #0a0a0a 0%, #1a1a2a 50%, #2a2a3a 100%)}.location-page--mountain{background:linear-gradient(180deg, #2a2a3a 0%, #4a4a5a 50%, #7a7a8a 100%)}.location-page--swamp{background:linear-gradient(180deg, #1a2a0a 0%, #2a3a1a 50%, #1a2a0a 100%)}.location-page--cave{background:linear-gradient(180deg, #1a0a0a 0%, #3a1a1a 50%, #5a2a2a 100%)}.location-page--field{background:linear-gradient(180deg, #3a3a2a 0%, #5a5a3a 50%, #8a8a5a 100%)}.location-page--ice{background:linear-gradient(180deg, #1a2a3a 0%, #3a5a7a 50%, #5a8aaa 100%)}.location-page--fire{background:linear-gradient(180deg, #2a0a0a 0%, #5a1a0a 50%, #8a3a0a 100%)}.location-page--twilight{background:linear-gradient(180deg, #1a0a2a 0%, #2a1a3a 50%, #3a2a5a 100%)}.location-page--sky{background:linear-gradient(180deg, #0a1a3a 0%, #1a3a6a 50%, #3a6aaa 100%)}.loc-header{text-align:center;margin-bottom:18px;position:relative;z-index:2}.loc-header__title{font-family:"Uncial Antiqua","MedievalSharp",serif;font-size:1.6rem;font-weight:normal;color:gold;text-shadow:0 2px 8px rgba(0,0,0,.7);margin-bottom:4px}.loc-header__sub{font-family:"MedievalSharp","Georgia",serif;font-size:.95rem;color:#ccc;text-shadow:0 1px 4px rgba(0,0,0,.5);margin-bottom:6px}.loc-header__energy{font-size:1rem;color:#ffdd57}.loc-header__energy strong{font-size:1.15rem}.loc-body{position:relative;z-index:2}.loc-visual{display:flex;gap:12px;margin-bottom:16px;align-items:stretch}.minimap{width:160px;min-width:160px;background:rgba(0,0,0,.55);border:1px solid rgba(255,215,0,.25);border-radius:8px;padding:8px;display:flex;flex-direction:column}.minimap__title{font-size:.7rem;color:#aaa;text-align:center;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.minimap__canvas{flex:1;position:relative;min-height:120px;background:radial-gradient(circle at 30% 40%, rgba(40, 80, 30, 0.3), transparent 50%),radial-gradient(circle at 70% 60%, rgba(60, 50, 30, 0.2), transparent 40%),rgba(15,20,10,.6);border-radius:4px;border:1px solid hsla(0,0%,100%,.08);overflow:hidden}.minimap__grid{position:absolute;inset:0;background:repeating-linear-gradient(0deg, transparent, transparent 24px, rgba(255, 255, 255, 0.03) 24px, rgba(255, 255, 255, 0.03) 25px),repeating-linear-gradient(90deg, transparent, transparent 24px, rgba(255, 255, 255, 0.03) 24px, rgba(255, 255, 255, 0.03) 25px)}.minimap__path{position:absolute;inset:0;background:linear-gradient(135deg, transparent 40%, rgba(180, 160, 100, 0.12) 42%, rgba(180, 160, 100, 0.12) 44%, transparent 46%),linear-gradient(45deg, transparent 55%, rgba(180, 160, 100, 0.08) 57%, rgba(180, 160, 100, 0.08) 59%, transparent 61%)}.minimap__dot{position:absolute;width:12px;height:12px;border-radius:50%;background:rgba(100,160,100,.7);border:2px solid hsla(0,0%,100%,.3);transform:translate(-50%, -50%);transition:all .3s;z-index:2}.minimap__dot--city{width:16px;height:16px;background:rgba(200,170,80,.8);border-color:rgba(255,215,0,.5)}.minimap__dot--active{background:gold;border-color:#fff;box-shadow:0 0 8px rgba(255,215,0,.6),0 0 16px rgba(255,215,0,.3);animation:minimap-pulse 2s ease-in-out infinite}.minimap__label{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);font-size:.65rem;white-space:nowrap;margin-bottom:2px}@keyframes minimap-pulse{0%,100%{box-shadow:0 0 8px rgba(255,215,0,.6)}50%{box-shadow:0 0 14px rgba(255,215,0,.9),0 0 24px rgba(255,215,0,.4)}}.loc-scene{flex:1;height:260px;position:relative;border-radius:10px;overflow:hidden;background:#0a0a0a;box-shadow:inset 0 0 30px rgba(0,0,0,.5)}.loc-scene .scene__sky,.loc-scene .scene__far,.loc-scene .scene__mid,.loc-scene .scene__near,.loc-scene .scene__ground,.loc-scene .scene__detail,.loc-scene .scene__overlay{position:absolute;left:0;right:0;pointer-events:none}.loc-scene .scene__sky{top:0;height:100%;z-index:0}.loc-scene .scene__far{top:0;height:100%;z-index:1}.loc-scene .scene__mid{bottom:0;height:65%;z-index:2}.loc-scene .scene__near{bottom:0;height:45%;z-index:3}.loc-scene .scene__ground{bottom:0;height:18%;z-index:4}.loc-scene .scene__detail{z-index:5}.loc-scene .scene__overlay{top:0;height:100%;z-index:6}.loc-scene--city .scene__sky{background:linear-gradient(180deg, #1a1525 0%, #2a1e35 20%, #5a3530 40%, #8a5530 55%, #c08040 70%, #daa050 85%, #e8c070 100%)}.loc-scene--city .scene__far{background:radial-gradient(ellipse 8px 35px at 15% 40%, rgba(40, 35, 60, 0.9) 50%, transparent 50%),radial-gradient(ellipse 6px 28px at 22% 45%, rgba(50, 40, 65, 0.8) 50%, transparent 50%),radial-gradient(ellipse 10px 40px at 80% 38%, rgba(45, 38, 60, 0.85) 50%, transparent 50%),radial-gradient(ellipse 7px 30px at 88% 43%, rgba(55, 45, 70, 0.75) 50%, transparent 50%)}.loc-scene--city .scene__far::before{content:"";position:absolute;bottom:35%;left:0;right:0;height:30%;background:linear-gradient(180deg, transparent 0%, rgba(60, 50, 40, 0.4) 100%)}.loc-scene--city .scene__mid{height:55%}.loc-scene--city .scene__mid::before{content:"";position:absolute;bottom:0;left:8%;width:80px;height:110px;background:linear-gradient(180deg, #4a3a2a, #5a4a3a);clip-path:polygon(0% 100%, 10% 30%, 20% 100%, 30% 25%, 40% 100%, 50% 15%, 60% 100%, 70% 20%, 80% 100%, 90% 35%, 100% 100%)}.loc-scene--city .scene__mid::after{content:"";position:absolute;bottom:0;right:5%;width:100px;height:120px;background:linear-gradient(180deg, #5a4a3a, #6a5a4a);clip-path:polygon(0% 100%, 5% 40%, 15% 100%, 25% 30%, 35% 100%, 45% 20%, 55% 100%, 65% 35%, 75% 100%, 85% 25%, 95% 100%, 100% 100%)}.loc-scene--city .scene__near{height:50%;background:linear-gradient(0deg, #5a4a3a 0%, #5a4a3a 35%, transparent 35%)}.loc-scene--city .scene__near::before{content:"";position:absolute;bottom:35%;left:20%;width:55%;height:65%;background:repeating-linear-gradient(90deg, #4a3a2a 0px, #4a3a2a 25px, #5a4a3a 25px, #5a4a3a 28px, #6a5a4a 28px, #6a5a4a 50px, #5a4a3a 50px, #5a4a3a 53px)}.loc-scene--city .scene__near::after{content:"";position:absolute;bottom:35%;left:35%;width:0;height:0;border-left:50px solid rgba(0,0,0,0);border-right:50px solid rgba(0,0,0,0);border-bottom:40px solid #6a5a4a;transform:translateY(-100%);filter:drop-shadow(0 -2px 4px rgba(0, 0, 0, 0.3))}.loc-scene--city .scene__ground{background:linear-gradient(180deg, #5a4a3a, #4a3a2a)}.loc-scene--city .scene__ground::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(90deg, rgba(80, 70, 55, 0.5) 0px, rgba(80, 70, 55, 0.5) 12px, rgba(60, 50, 40, 0.5) 12px, rgba(60, 50, 40, 0.5) 14px)}.loc-scene--city .scene__detail--1{bottom:18%;left:42%;width:16%;height:20%;background:linear-gradient(180deg, transparent 40%, #3a2a1a 40%);border-radius:4px 4px 0 0}.loc-scene--city .scene__detail--1::before{content:"";position:absolute;top:10%;left:30%;width:40%;height:30%;background:rgba(255,180,50,.5);box-shadow:0 0 8px rgba(255,160,40,.4);border-radius:2px}.loc-scene--city .scene__detail--2{bottom:70%;left:48%;width:4px;height:20px;background:#6a5a4a}.loc-scene--city .scene__detail--2::after{content:"";position:absolute;top:-4px;left:-4px;width:12px;height:8px;background:#c04040;clip-path:polygon(0% 100%, 50% 0%, 100% 100%)}.loc-scene--city .scene__detail--3{bottom:18%;right:10%;width:30px;height:40px}.loc-scene--city .scene__detail--3::before{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:4px;height:100%;background:linear-gradient(180deg, #5a4020, #3a2a15)}.loc-scene--city .scene__detail--3::after{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:20px;height:16px;background:radial-gradient(ellipse, #2a5a2a 40%, transparent 70%)}.loc-scene--city .scene__overlay{background:radial-gradient(circle at 75% 15%, rgba(255, 200, 80, 0.15) 0%, transparent 30%)}.loc-scene--forest .scene__sky{background:linear-gradient(180deg, #060e06 0%, #0a180a 25%, #0e220e 50%, #142a14 70%, #1a3518 90%, #1e3a1c 100%)}.loc-scene--forest .scene__far{background:radial-gradient(ellipse 30px 80px at 8% 100%, #0d200d 55%, transparent 55%),radial-gradient(ellipse 25px 70px at 18% 100%, #102810 50%, transparent 50%),radial-gradient(ellipse 35px 90px at 35% 100%, #0b1e0b 55%, transparent 55%),radial-gradient(ellipse 28px 75px at 52% 100%, #0e250e 50%, transparent 50%),radial-gradient(ellipse 40px 95px at 68% 100%, #0c1f0c 55%, transparent 55%),radial-gradient(ellipse 22px 65px at 82% 100%, #102610 50%, transparent 50%),radial-gradient(ellipse 30px 85px at 95% 100%, #0d220d 55%, transparent 55%);opacity:.7}.loc-scene--forest .scene__far::after{content:"";position:absolute;bottom:0;left:0;right:0;height:100%;background:linear-gradient(180deg, transparent 50%, rgba(10, 25, 10, 0.6) 100%)}.loc-scene--forest .scene__mid{height:70%;background:radial-gradient(ellipse 50px 120px at 5% 100%, #0d2a0d 50%, transparent 50%),radial-gradient(ellipse 60px 140px at 20% 100%, #1a3a1a 45%, transparent 45%),radial-gradient(ellipse 45px 110px at 38% 100%, #0e2e0e 50%, transparent 50%),radial-gradient(ellipse 70px 150px at 55% 100%, #153515 45%, transparent 45%),radial-gradient(ellipse 55px 130px at 72% 100%, #0d2a0d 50%, transparent 50%),radial-gradient(ellipse 50px 120px at 88% 100%, #1a3a1a 48%, transparent 48%)}.loc-scene--forest .scene__mid::before{content:"";position:absolute;bottom:20%;left:17%;width:6px;height:80px;background:linear-gradient(180deg, #3a2a15 0%, #2a1a0a 100%);border-radius:2px}.loc-scene--forest .scene__mid::after{content:"";position:absolute;bottom:20%;left:53%;width:8px;height:100px;background:linear-gradient(180deg, #3a2a15 0%, #2a1a0a 100%);border-radius:2px}.loc-scene--forest .scene__near{height:40%}.loc-scene--forest .scene__near::before{content:"";position:absolute;bottom:0;left:0;right:0;height:100%;background:radial-gradient(ellipse 80px 50px at 10% 100%, #1a4a1a 40%, transparent 40%),radial-gradient(ellipse 60px 35px at 30% 100%, #2a5a2a 45%, transparent 45%),radial-gradient(ellipse 70px 40px at 50% 100%, #1a4a1a 40%, transparent 40%),radial-gradient(ellipse 55px 30px at 70% 100%, #2a5a2a 45%, transparent 45%),radial-gradient(ellipse 90px 55px at 90% 100%, #1a4a1a 40%, transparent 40%)}.loc-scene--forest .scene__near::after{content:"";position:absolute;bottom:0;left:0;right:0;height:30px;background:radial-gradient(ellipse 15px 10px at 20% 60%, #8a4a20 40%, transparent 40%),radial-gradient(ellipse 12px 8px at 45% 70%, #7a3a15 45%, transparent 45%),radial-gradient(ellipse 10px 7px at 75% 50%, #8a4a20 40%, transparent 40%)}.loc-scene--forest .scene__ground{height:15%;background:linear-gradient(180deg, #2a4a1a, #1a3a0a)}.loc-scene--forest .scene__ground::before{content:"";position:absolute;top:0;left:0;right:0;height:100%;background:repeating-linear-gradient(90deg, transparent 0px, transparent 6px, rgba(50, 80, 30, 0.4) 6px, rgba(50, 80, 30, 0.4) 8px)}.loc-scene--forest .scene__ground::after{content:"";position:absolute;top:-8px;left:0;right:0;height:12px;background:repeating-linear-gradient(80deg, transparent 0px, transparent 3px, rgba(60, 100, 40, 0.5) 3px, rgba(60, 100, 40, 0.5) 5px, transparent 5px, transparent 12px)}.loc-scene--forest .scene__detail--1{bottom:20%;left:62%;width:40px;height:25px;background:linear-gradient(0deg, #3a2a15, #4a3a20);border-radius:3px 3px 0 0;transform:rotate(-5deg)}.loc-scene--forest .scene__detail--1::before{content:"";position:absolute;top:-3px;left:30%;width:6px;height:14px;background:#2a5a1a;border-radius:2px}.loc-scene--forest .scene__detail--2{bottom:16%;left:35%;width:14px;height:14px}.loc-scene--forest .scene__detail--2::before{content:"";position:absolute;inset:0;background:radial-gradient(circle, #cc3030 30%, #aa2020 50%, transparent 55%)}.loc-scene--forest .scene__detail--2::after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:3px;height:8px;background:#aaa;border-radius:1px}.loc-scene--forest .scene__detail--3{bottom:16%;right:20%;width:12px;height:12px}.loc-scene--forest .scene__detail--3::before{content:"";position:absolute;inset:0;background:radial-gradient(circle, #d4a030 30%, #b08020 55%, transparent 60%)}.loc-scene--forest .scene__detail--3::after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:2px;height:6px;background:#bbb;border-radius:1px}.loc-scene--forest .scene__overlay{background:radial-gradient(ellipse 3px 3px at 15% 20%, rgba(200, 255, 100, 0.6) 40%, transparent 50%),radial-gradient(ellipse 2px 2px at 40% 35%, rgba(180, 255, 80, 0.5) 40%, transparent 50%),radial-gradient(ellipse 3px 3px at 65% 25%, rgba(200, 255, 100, 0.4) 40%, transparent 50%),radial-gradient(ellipse 2px 2px at 80% 40%, rgba(180, 255, 80, 0.5) 40%, transparent 50%),radial-gradient(ellipse 2px 2px at 25% 50%, rgba(200, 255, 100, 0.3) 40%, transparent 50%),radial-gradient(ellipse 3px 3px at 55% 15%, rgba(180, 255, 80, 0.4) 40%, transparent 50%);animation:fireflies 6s ease-in-out infinite alternate}@keyframes fireflies{0%{opacity:.3;transform:translateY(0)}50%{opacity:.8;transform:translateY(-3px)}100%{opacity:.4;transform:translateY(1px)}}.loc-scene--dungeon .scene__sky{background:linear-gradient(180deg, #050508 0%, #0a0a10 50%, #0f0f18 100%)}.loc-scene--dungeon .scene__far{background:radial-gradient(ellipse 80% 70% at 50% 30%, #15101a 0%, transparent 60%)}.loc-scene--dungeon .scene__far::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(90deg, transparent 0px, transparent 36px, rgba(255, 255, 255, 0.015) 36px, rgba(255, 255, 255, 0.015) 38px)}.loc-scene--dungeon .scene__mid{height:80%}.loc-scene--dungeon .scene__mid::before{content:"";position:absolute;bottom:20%;left:15%;width:10px;height:55%;background:linear-gradient(0deg, #3a2a15, #2a1a0a);transform:rotate(-3deg);border-radius:2px}.loc-scene--dungeon .scene__mid::after{content:"";position:absolute;bottom:20%;right:18%;width:10px;height:55%;background:linear-gradient(0deg, #3a2a15, #2a1a0a);transform:rotate(3deg);border-radius:2px}.loc-scene--dungeon .scene__near{height:25%}.loc-scene--dungeon .scene__near::before{content:"";position:absolute;bottom:0;left:12%;right:12%;height:4px;background:repeating-linear-gradient(90deg, #4a4040 0px, #4a4040 20px, transparent 20px, transparent 22px)}.loc-scene--dungeon .scene__near::after{content:"";position:absolute;bottom:4px;left:12%;right:12%;height:3px;background:repeating-linear-gradient(90deg, transparent 0px, transparent 8px, #4a4040 8px, #4a4040 12px, transparent 12px, transparent 20px)}.loc-scene--dungeon .scene__ground{height:20%;background:linear-gradient(180deg, #1a1520, #0f0a15)}.loc-scene--dungeon .scene__ground::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse 20px 8px at 25% 40%, rgba(60, 50, 40, 0.4), transparent),radial-gradient(ellipse 15px 6px at 55% 60%, rgba(50, 40, 35, 0.3), transparent),radial-gradient(ellipse 25px 10px at 80% 30%, rgba(55, 45, 40, 0.35), transparent)}.loc-scene--dungeon .scene__detail--1{top:5%;left:25%;width:30px;height:25px}.loc-scene--dungeon .scene__detail--1::before{content:"";position:absolute;inset:0;clip-path:polygon(50% 100%, 40% 0%, 60% 0%);background:linear-gradient(180deg, #3a3040, #2a2030)}.loc-scene--dungeon .scene__detail--1::after{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);clip-path:polygon(50% 100%, 30% 0%, 70% 0%);width:20px;height:22px;background:linear-gradient(180deg, #4a4050, #3a3040)}.loc-scene--dungeon .scene__detail--2{top:8%;right:30%;width:25px;height:20px}.loc-scene--dungeon .scene__detail--2::before{content:"";position:absolute;inset:0;clip-path:polygon(50% 100%, 35% 0%, 65% 0%);background:linear-gradient(180deg, #35303a, #252028)}.loc-scene--dungeon .scene__detail--3{top:25%;left:48%;width:20px;height:30px;transform:translateX(-50%)}.loc-scene--dungeon .scene__detail--3::before{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:14px;height:22px;background:linear-gradient(180deg, rgba(255, 140, 40, 0.15), rgba(255, 100, 20, 0.4));border-radius:50% 50% 30% 30%;animation:lantern-glow 3s ease-in-out infinite alternate}.loc-scene--dungeon .scene__detail--3::after{content:"";position:absolute;bottom:20px;left:50%;transform:translateX(-50%);width:6px;height:4px;background:#4a3a2a;border-radius:1px}.loc-scene--dungeon .scene__overlay{background:radial-gradient(circle at 48% 30%, rgba(255, 120, 40, 0.08) 0%, transparent 25%),radial-gradient(circle at 15% 15%, rgba(255, 100, 30, 0.04) 0%, transparent 15%),radial-gradient(circle at 82% 20%, rgba(255, 100, 30, 0.04) 0%, transparent 15%);animation:dungeon-flicker 4s ease-in-out infinite alternate}@keyframes lantern-glow{from{opacity:.6;filter:brightness(0.8)}to{opacity:1;filter:brightness(1.2)}}@keyframes dungeon-flicker{0%{opacity:.7}25%{opacity:.9}50%{opacity:.6}75%{opacity:1}100%{opacity:.8}}.loc-scene--mountain .scene__sky{background:linear-gradient(180deg, #1a1a2a, #3a3a5a, #5a5a7a)}.loc-scene--mountain .scene__mid{height:80%;background:linear-gradient(130deg, transparent 30%, #5a5a6a 30%, #5a5a6a 32%, transparent 32%),linear-gradient(50deg, transparent 45%, #6a6a7a 45%, #6a6a7a 47%, transparent 47%),linear-gradient(140deg, transparent 55%, #4a4a5a 55%, #4a4a5a 57%, transparent 57%);clip-path:polygon(0% 100%, 15% 30%, 30% 70%, 45% 10%, 60% 60%, 75% 20%, 90% 50%, 100% 100%)}.loc-scene--mountain .scene__ground{height:15%;background:linear-gradient(180deg, #4a4a5a, #3a3a4a)}.loc-scene--swamp .scene__sky{background:linear-gradient(180deg, #0a1a08, #1a2a10, #0d1a08)}.loc-scene--swamp .scene__mid{height:50%;background:linear-gradient(180deg, rgba(40, 60, 20, 0.8), rgba(30, 50, 15, 0.9))}.loc-scene--swamp .scene__near{height:25%;background:radial-gradient(ellipse 60px 10px at 20% 50%, rgba(80, 120, 40, 0.4), transparent),radial-gradient(ellipse 80px 12px at 55% 60%, rgba(60, 100, 30, 0.3), transparent),radial-gradient(ellipse 50px 8px at 80% 40%, rgba(70, 110, 35, 0.35), transparent);animation:swamp-fog 8s ease-in-out infinite alternate}.loc-scene--swamp .scene__ground{height:15%;background:linear-gradient(180deg, #1a2a10, #0d1a08)}@keyframes swamp-fog{from{opacity:.6;transform:translateX(-5px)}to{opacity:1;transform:translateX(5px)}}.loc-scene--ice .scene__sky{background:linear-gradient(180deg, #1a2a3a, #3a5a7a, #5a8aaa)}.loc-scene--ice .scene__mid{height:50%;background:linear-gradient(180deg, rgba(180, 210, 240, 0.3), rgba(200, 230, 255, 0.5))}.loc-scene--ice .scene__near{height:30%}.loc-scene--ice .scene__near::before{content:"";position:absolute;bottom:10px;left:50%;transform:translateX(-50%);width:30px;height:50px;clip-path:polygon(50% 0%, 0% 100%, 100% 100%);background:linear-gradient(180deg, rgba(200, 230, 255, 0.8), rgba(160, 200, 240, 0.4));box-shadow:-50px 5px 0 0 rgba(160,200,240,.4),60px 10px 0 -2px rgba(180,220,255,.3)}.loc-scene--ice .scene__ground{height:15%;background:linear-gradient(180deg, #b0d0e8, #90b0d0)}.loc-scene--fire .scene__sky{background:linear-gradient(180deg, #1a0505, #3a0a0a, #5a1a0a)}.loc-scene--fire .scene__mid{height:40%;background:linear-gradient(180deg, #5a2a0a, #3a1a05)}.loc-scene--fire .scene__near{height:20%;background:radial-gradient(ellipse 40px 15px at 25% 50%, rgba(255, 80, 0, 0.5), transparent),radial-gradient(ellipse 50px 12px at 60% 50%, rgba(255, 60, 0, 0.4), transparent),radial-gradient(ellipse 35px 10px at 85% 50%, rgba(255, 100, 0, 0.3), transparent);animation:lava-glow 3s ease-in-out infinite alternate}.loc-scene--fire .scene__ground{height:15%;background:linear-gradient(180deg, #3a1a05, #2a1005)}@keyframes lava-glow{from{opacity:.7;filter:brightness(0.8)}to{opacity:1;filter:brightness(1.3)}}.loc-scene--twilight .scene__sky{background:linear-gradient(180deg, #0a0520, #1a0a3a, #2a1550)}.loc-scene--twilight .scene__far{background:radial-gradient(1px 1px at 10% 15%, #fff 50%, transparent 50%),radial-gradient(1px 1px at 30% 25%, rgba(255, 255, 255, 0.8) 50%, transparent 50%),radial-gradient(2px 2px at 50% 10%, rgba(200, 200, 255, 0.6) 50%, transparent 50%),radial-gradient(1px 1px at 70% 30%, #fff 50%, transparent 50%),radial-gradient(1px 1px at 85% 20%, rgba(255, 255, 255, 0.7) 50%, transparent 50%),radial-gradient(2px 2px at 90% 8%, rgba(255, 255, 255, 0.9) 50%, transparent 50%);animation:stars-twinkle 4s ease-in-out infinite alternate}.loc-scene--twilight .scene__ground{height:15%;background:linear-gradient(180deg, #2a1550, #1a0a3a)}@keyframes stars-twinkle{from{opacity:.6}to{opacity:1}}.loc-scene--sky .scene__sky{background:linear-gradient(180deg, #0a2a5a, #1a4a8a, #3a7abb)}.loc-scene--sky .scene__far{background:radial-gradient(ellipse 80px 30px at 20% 30%, rgba(255, 255, 255, 0.2), transparent),radial-gradient(ellipse 100px 25px at 55% 20%, rgba(255, 255, 255, 0.15), transparent),radial-gradient(ellipse 70px 20px at 80% 40%, rgba(255, 255, 255, 0.18), transparent);animation:clouds-drift 12s ease-in-out infinite alternate}.loc-scene--sky .scene__ground{height:8%;background:hsla(0,0%,100%,.05)}@keyframes clouds-drift{from{transform:translateX(-10px)}to{transform:translateX(10px)}}.loc-scene--cave .scene__sky{background:linear-gradient(180deg, #1a0808, #2a1010, #3a1818)}.loc-scene--cave .scene__far{background:radial-gradient(ellipse 90% 100% at 50% 0%, transparent 60%, #0a0505 80%)}.loc-scene--cave .scene__ground{height:20%;background:linear-gradient(0deg, #2a1515, transparent),repeating-linear-gradient(90deg, #3a2020 0, #3a2020 20px, #2a1515 20px, #2a1515 22px)}.loc-scene--field .scene__sky{background:linear-gradient(180deg, #3a3520, #5a5530, #7a7540)}.loc-scene--field .scene__mid{height:35%;background:linear-gradient(180deg, #6a6530, #5a5520)}.loc-scene--field .scene__ground{height:15%;background:linear-gradient(180deg, #5a5520, #4a4510)}.loc-scene--field .scene__ground::after{content:"";position:absolute;top:-10px;left:0;right:0;height:15px;background:repeating-linear-gradient(90deg, transparent 0, transparent 8px, rgba(80, 75, 40, 0.3) 8px, rgba(80, 75, 40, 0.3) 10px)}.loc-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:14px}.loc-btn{min-width:180px;font-size:1rem;padding:10px 18px;border-radius:8px;transition:transform .15s,box-shadow .15s}.loc-btn:not([disabled]):hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.4)}.loc-btn[disabled]{opacity:.5;cursor:not-allowed}.loc-sublocs{margin-bottom:14px;text-align:center}.loc-sublocs__title{font-size:.9rem;color:#aaa;margin-bottom:8px}.loc-subloc-btn{display:inline-block;background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.15);color:#ddd;padding:8px 16px;border-radius:6px;margin:4px;cursor:pointer;transition:background .2s,border-color .2s;font-size:.9rem}.loc-subloc-btn:hover{background:rgba(255,215,0,.15);border-color:rgba(255,215,0,.4);color:gold}.loc-subloc-btn--active{background:rgba(255,215,0,.2);border-color:gold;color:gold;font-weight:bold}.loc-log{background:rgba(0,0,0,.5);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;padding:12px;max-height:200px;overflow-y:auto;font-size:.9rem;line-height:1.6}.loc-log__empty{color:#888;text-align:center;font-style:italic}.loc-log__line{padding:2px 0;border-bottom:1px solid hsla(0,0%,100%,.05)}.loc-log__line:last-child{border-bottom:none}.loc-log--nothing{color:#999}.loc-log--stumble{color:#e55}.loc-log--find_wallet{color:gold}.loc-log--find_ingredient{color:#8f8}.loc-log--chest{color:orange}.loc-log--chest_trap{color:#f44}.loc-log--combat{color:#ff6b6b;font-weight:bold}.loc-log--travel{color:#7bf}.loc-log--error{color:#f66}.world-map-page{max-width:900px;margin:0 auto;padding:20px}.wmap-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.wmap-header h2{color:gold;font-size:1.5rem;margin:0}.wmap-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(260px, 1fr));gap:14px}.wmap-card{background:linear-gradient(135deg, rgba(40, 40, 60, 0.9), rgba(30, 30, 50, 0.9));border:1px solid hsla(0,0%,100%,.12);border-radius:10px;padding:16px;position:relative;transition:transform .2s,box-shadow .2s}.wmap-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,0,0,.4)}.wmap-card--current{border-color:gold;box-shadow:0 0 12px rgba(255,215,0,.3)}.wmap-card--locked{opacity:.5;filter:grayscale(0.5)}.wmap-card__grade{font-size:.75rem;color:#888;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}.wmap-card__name{font-size:1.15rem;font-weight:bold;color:#eee;margin-bottom:4px}.wmap-card__city{font-size:.9rem;color:#ccc;margin-bottom:4px}.wmap-card__levels{font-size:.85rem;color:#aaa;margin-bottom:6px}.wmap-card__desc{font-size:.8rem;color:#999;line-height:1.4;margin-bottom:8px}.wmap-card__badge{display:inline-block;background:rgba(255,215,0,.2);color:gold;padding:3px 10px;border-radius:12px;font-size:.8rem;font-weight:bold;margin-bottom:6px}.wmap-card__lock{color:#888;font-size:.85rem;text-align:center;margin-top:6px}.wmap-travel-btn{width:100%;margin-top:6px}@media(max-width: 768px){.loc-visual{flex-direction:column}.minimap{width:100%;min-width:unset}.minimap__canvas{min-height:80px}.loc-scene{height:200px}}.race-icon{position:relative;width:100%;height:100%;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 50% 40%, #3a3a4a, #1a1a2a);box-shadow:inset 0 0 15px rgba(0,0,0,.4)}.race-icon__head{position:absolute;border-radius:50%}.race-icon__eye{position:absolute;border-radius:50%;background:#fff}.race-icon__eye::after{content:"";position:absolute;border-radius:50%;background:#222;width:50%;height:50%;top:25%;left:25%}.race-icon--1{background:radial-gradient(circle at 50% 35%, #4a5a6a, #1a2a3a)}.race-icon--1 .ri-head{position:absolute;width:45%;height:50%;top:12%;left:27.5%;background:radial-gradient(ellipse at 50% 40%, #e8c8a0, #c8a878);border-radius:45% 45% 40% 40%}.race-icon--1 .ri-hair{position:absolute;width:50%;height:22%;top:8%;left:25%;background:#5a3a1a;border-radius:50% 50% 0 0}.race-icon--1 .ri-eye{position:absolute;width:8%;height:6%;background:#fff;border-radius:50%;top:30%}.race-icon--1 .ri-eye::after{content:"";position:absolute;width:50%;height:70%;background:#3a5a8a;border-radius:50%;top:15%;left:30%}.race-icon--1 .ri-eye--l{left:35%}.race-icon--1 .ri-eye--r{left:57%}.race-icon--1 .ri-mouth{position:absolute;width:14%;height:4%;top:45%;left:43%;border-bottom:2px solid #a08060;border-radius:0 0 50% 50%}.race-icon--1 .ri-body{position:absolute;width:60%;height:35%;bottom:0;left:20%;background:linear-gradient(180deg, #7a6a5a, #5a4a3a);border-radius:40% 40% 0 0;clip-path:polygon(15% 0%, 85% 0%, 100% 100%, 0% 100%)}.race-icon--1 .ri-armor{position:absolute;width:30%;height:8%;bottom:22%;left:35%;background:#8a7a6a;border-radius:2px;box-shadow:0 1px 0 #6a5a4a}.race-icon--2{background:radial-gradient(circle at 50% 35%, #3a4a3a, #1a2a1a)}.race-icon--2 .ri-head{position:absolute;width:40%;height:48%;top:14%;left:30%;background:radial-gradient(ellipse at 50% 40%, #f5e6c8, #e0c8a0);border-radius:42% 42% 38% 38%}.race-icon--2 .ri-hair{position:absolute;width:52%;height:55%;top:6%;left:24%;background:linear-gradient(180deg, #ffd700, #c8a000);border-radius:50% 50% 30% 30%;z-index:0}.race-icon--2 .ri-ear{position:absolute;width:12%;height:14%;top:20%;background:#e8d0a8;z-index:1}.race-icon--2 .ri-ear--l{left:19%;transform:rotate(-30deg);clip-path:polygon(100% 50%, 0% 0%, 40% 100%)}.race-icon--2 .ri-ear--r{right:19%;transform:rotate(30deg);clip-path:polygon(0% 50%, 100% 0%, 60% 100%)}.race-icon--2 .ri-eye{position:absolute;width:7%;height:5%;background:#fff;border-radius:50% 50% 50% 50%/60% 60% 40% 40%;top:31%;z-index:2}.race-icon--2 .ri-eye::after{content:"";position:absolute;width:50%;height:80%;background:#50c878;border-radius:50%;top:10%;left:30%}.race-icon--2 .ri-eye--l{left:37%}.race-icon--2 .ri-eye--r{left:56%}.race-icon--2 .ri-mouth{position:absolute;width:10%;height:3%;top:44%;left:45%;border-bottom:1.5px solid #c0a080;border-radius:0 0 50% 50%;z-index:2}.race-icon--2 .ri-body{position:absolute;width:55%;height:32%;bottom:0;left:22.5%;background:linear-gradient(180deg, #3a6a3a, #2a4a2a);border-radius:40% 40% 0 0;clip-path:polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%)}.race-icon--2 .ri-tiara{position:absolute;width:18%;height:5%;top:12%;left:41%;background:gold;clip-path:polygon(0% 100%, 20% 0%, 50% 60%, 80% 0%, 100% 100%);z-index:3}.race-icon--3{background:radial-gradient(circle at 50% 35%, #2a3a2a, #0a1a0a)}.race-icon--3 .ri-head{position:absolute;width:40%;height:48%;top:14%;left:30%;background:radial-gradient(ellipse at 50% 40%, #d8c098, #b8a078);border-radius:42% 42% 38% 38%}.race-icon--3 .ri-hair{position:absolute;width:52%;height:55%;top:6%;left:24%;background:linear-gradient(180deg, #3a6a2a, #2a4a1a);border-radius:50% 50% 30% 30%;z-index:0}.race-icon--3 .ri-ear{position:absolute;width:14%;height:16%;top:18%;background:#c8b088;z-index:1}.race-icon--3 .ri-ear--l{left:17%;transform:rotate(-35deg);clip-path:polygon(100% 50%, 0% 0%, 40% 100%)}.race-icon--3 .ri-ear--r{right:17%;transform:rotate(35deg);clip-path:polygon(0% 50%, 100% 0%, 60% 100%)}.race-icon--3 .ri-eye{position:absolute;width:7%;height:5%;background:#fff;border-radius:50%;top:31%;z-index:2}.race-icon--3 .ri-eye::after{content:"";position:absolute;width:50%;height:80%;background:#8a6a2a;border-radius:50%;top:10%;left:30%}.race-icon--3 .ri-eye--l{left:37%}.race-icon--3 .ri-eye--r{left:56%}.race-icon--3 .ri-mouth{position:absolute;width:10%;height:3%;top:44%;left:45%;border-bottom:1.5px solid #a08060;border-radius:0 0 50% 50%;z-index:2}.race-icon--3 .ri-body{position:absolute;width:55%;height:32%;bottom:0;left:22.5%;background:linear-gradient(180deg, #5a4a3a, #3a2a1a);border-radius:40% 40% 0 0;clip-path:polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%)}.race-icon--3 .ri-leaf{position:absolute;width:10%;height:8%;top:10%;left:45%;background:#4a8a2a;border-radius:0 50% 50% 50%;transform:rotate(-20deg);z-index:3}.race-icon--4{background:radial-gradient(circle at 50% 35%, #3a2a2a, #1a0a0a)}.race-icon--4 .ri-head{position:absolute;width:50%;height:50%;top:10%;left:25%;background:radial-gradient(ellipse at 50% 40%, #7a9a5a, #5a7a3a);border-radius:40% 40% 35% 35%}.race-icon--4 .ri-brow{position:absolute;width:42%;height:6%;top:18%;left:29%;background:#4a6a2a;border-radius:50% 50% 0 0}.race-icon--4 .ri-eye{position:absolute;width:9%;height:6%;background:#ffa;border-radius:50%;top:28%;z-index:1}.race-icon--4 .ri-eye::after{content:"";position:absolute;width:45%;height:70%;background:#a22;border-radius:50%;top:15%;left:30%}.race-icon--4 .ri-eye--l{left:33%}.race-icon--4 .ri-eye--r{left:58%}.race-icon--4 .ri-tusk{position:absolute;width:5%;height:8%;top:42%;background:#eee;border-radius:0 0 40% 40%;z-index:2}.race-icon--4 .ri-tusk--l{left:39%}.race-icon--4 .ri-tusk--r{left:56%}.race-icon--4 .ri-mouth{position:absolute;width:18%;height:5%;top:43%;left:41%;background:#3a2a1a;border-radius:0 0 50% 50%;z-index:1}.race-icon--4 .ri-body{position:absolute;width:70%;height:38%;bottom:0;left:15%;background:linear-gradient(180deg, #6a5a4a, #4a3a2a);border-radius:40% 40% 0 0;clip-path:polygon(10% 0%, 90% 0%, 100% 100%, 0% 100%)}.race-icon--4 .ri-shoulder{position:absolute;width:14%;height:10%;bottom:28%;background:#8a7a6a;border-radius:4px;z-index:1}.race-icon--4 .ri-shoulder--l{left:14%;transform:rotate(10deg)}.race-icon--4 .ri-shoulder--r{right:14%;transform:rotate(-10deg)}.race-icon--5{background:radial-gradient(circle at 50% 35%, #4a3a2a, #2a1a0a)}.race-icon--5 .ri-head{position:absolute;width:48%;height:42%;top:16%;left:26%;background:radial-gradient(ellipse at 50% 40%, #e0b888, #c0a068);border-radius:45% 45% 40% 40%}.race-icon--5 .ri-helmet{position:absolute;width:54%;height:20%;top:10%;left:23%;background:linear-gradient(180deg, #8a7a6a, #6a5a4a);border-radius:50% 50% 0 0;z-index:1}.race-icon--5 .ri-helmet::after{content:"";position:absolute;width:110%;height:35%;bottom:0;left:-5%;background:#a09080;border-radius:4px}.race-icon--5 .ri-eye{position:absolute;width:8%;height:6%;background:#fff;border-radius:50%;top:32%;z-index:2}.race-icon--5 .ri-eye::after{content:"";position:absolute;width:50%;height:70%;background:#5a3a1a;border-radius:50%;top:15%;left:30%}.race-icon--5 .ri-eye--l{left:34%}.race-icon--5 .ri-eye--r{left:58%}.race-icon--5 .ri-nose{position:absolute;width:10%;height:8%;top:36%;left:45%;background:#d0a070;border-radius:50%;z-index:2}.race-icon--5 .ri-beard{position:absolute;width:40%;height:30%;top:44%;left:30%;background:linear-gradient(180deg, #8a5a2a, #6a4a1a);border-radius:30% 30% 50% 50%;z-index:2}.race-icon--5 .ri-body{position:absolute;width:65%;height:32%;bottom:0;left:17.5%;background:linear-gradient(180deg, #7a6a5a, #5a4a3a);border-radius:35% 35% 0 0;clip-path:polygon(10% 0%, 90% 0%, 100% 100%, 0% 100%)}.race-icon--5 .ri-belt{position:absolute;width:50%;height:5%;bottom:20%;left:25%;background:#a08040;border-radius:2px;z-index:1}.race-icon--5 .ri-belt::after{content:"";position:absolute;width:16%;height:100%;left:42%;background:gold;border-radius:2px}.race-icon--6{background:radial-gradient(circle at 50% 35%, #2a2a3a, #0a0a1a)}.race-icon--6 .ri-head{position:absolute;width:44%;height:48%;top:12%;left:28%;background:radial-gradient(ellipse at 50% 40%, #b0a0c0, #8a7a9a);border-radius:44% 44% 38% 38%}.race-icon--6 .ri-scar{position:absolute;width:2%;height:20%;top:22%;left:40%;background:#6a4a6a;transform:rotate(15deg);z-index:3}.race-icon--6 .ri-horn{position:absolute;width:6%;height:14%;top:4%;background:#6a5a7a;z-index:2}.race-icon--6 .ri-horn--l{left:32%;clip-path:polygon(100% 100%, 50% 0%, 0% 100%);transform:rotate(-10deg)}.race-icon--6 .ri-horn--r{right:32%;clip-path:polygon(100% 100%, 50% 0%, 0% 100%);transform:rotate(10deg)}.race-icon--6 .ri-eye{position:absolute;width:8%;height:6%;background:#fff;border-radius:50%;top:30%;z-index:2}.race-icon--6 .ri-eye::after{content:"";position:absolute;width:55%;height:80%;background:#a020f0;border-radius:50%;top:10%;left:25%}.race-icon--6 .ri-eye--l{left:35%}.race-icon--6 .ri-eye--r{left:57%}.race-icon--6 .ri-mouth{position:absolute;width:14%;height:4%;top:44%;left:43%;border-bottom:2px solid #7a5a7a;border-radius:0 0 50% 50%;z-index:2}.race-icon--6 .ri-body{position:absolute;width:58%;height:34%;bottom:0;left:21%;background:linear-gradient(180deg, #4a3a5a, #2a1a3a);border-radius:40% 40% 0 0;clip-path:polygon(15% 0%, 85% 0%, 100% 100%, 0% 100%)}.race-icon--6 .ri-mark{position:absolute;width:6%;height:6%;bottom:26%;left:47%;background:#a050f0;border-radius:50%;box-shadow:0 0 6px #a050f0;z-index:1}.shop-page{max-width:700px;margin:0 auto;padding:1.2rem}.shop-npc-list{display:grid;grid-template-columns:repeat(auto-fill, minmax(200px, 1fr));gap:.8rem}.shop-npc-card{background:#1a1510;border:1px solid #3a3020;border-radius:8px;padding:1rem;text-align:center;cursor:pointer;transition:border-color .2s,transform .15s}.shop-npc-card:hover{border-color:#c9a55c;transform:translateY(-2px)}.shop-npc-card__icon{font-size:2rem;margin-bottom:.3rem}.shop-npc-card__name{color:#c9a55c;font-weight:600;font-size:1rem}.shop-npc-card__about{color:#888;font-size:.78rem;margin-top:.3rem}.shop-items-list{display:flex;flex-direction:column;gap:.5rem}.shop-item{display:flex;align-items:center;gap:.8rem;background:#1a1510;border:1px solid #2a2018;border-radius:6px;padding:.6rem .8rem;transition:border-color .2s}.shop-item:hover{border-color:#555}.shop-item__icon{font-size:1.6rem;flex-shrink:0;width:40px;text-align:center}.shop-item__info{flex:1;min-width:0}.shop-item__name{font-weight:600;font-size:.95rem}.shop-item__meta{color:#777;font-size:.75rem}.shop-item__stats,.shop-item__heal{color:#8c8;font-size:.75rem}.shop-item__desc{color:#666;font-size:.72rem;font-style:italic}.shop-item__price{display:flex;flex-direction:column;align-items:center;gap:.4rem;flex-shrink:0}.market-page{max-width:750px;margin:0 auto;padding:1.2rem}.market-filters{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.market-lots{display:flex;flex-direction:column;gap:.5rem}.market-lot{display:flex;align-items:center;gap:.8rem;background:#1a1510;border:1px solid #2a2018;border-radius:6px;padding:.6rem .8rem;transition:border-color .2s}.market-lot:hover{border-color:#555}.market-lot__icon{font-size:1.5rem;flex-shrink:0;width:36px;text-align:center}.market-lot__info{flex:1;min-width:0}.market-lot__name{font-weight:600;font-size:.95rem}.market-lot__meta{color:#777;font-size:.75rem}.market-lot__seller{color:#888;font-size:.75rem}.market-lot__price{display:flex;flex-direction:column;align-items:center;gap:.3rem;flex-shrink:0}.market-pager{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.8rem}.market-sell-form{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.hospital-page{max-width:500px;margin:0 auto;padding:1.5rem;text-align:center}.hospital-status{background:#1a1510;border:1px solid #2a2018;border-radius:10px;padding:1.5rem;margin-bottom:1rem}.hospital-status--healthy{border-color:#3a5a3a}.hospital-status--heal{border-color:#5a5a2a}.hospital-status--dead{border-color:#5a2a2a}.hospital-icon{font-size:2.5rem;margin-bottom:.5rem}.hospital-page p{margin:.3rem 0;font-size:.95rem;color:#bbb}.input--small{padding:.35rem .5rem;font-size:.85rem;background:#1a1510;border:1px solid #3a3020;color:#ddd;border-radius:4px}.input--small:focus{border-color:#c9a55c;outline:none}select.input--small{appearance:auto}.npc-page{max-width:700px;margin:0 auto;padding:1.2rem}.npc-list{display:grid;grid-template-columns:repeat(auto-fill, minmax(180px, 1fr));gap:.8rem}.npc-card{background:#1a1510;border:1px solid #3a3020;border-radius:8px;padding:1rem;text-align:center;cursor:pointer;transition:border-color .2s,transform .15s}.npc-card:hover{border-color:#c9a55c;transform:translateY(-2px)}.npc-card__icon{font-size:2rem;margin-bottom:.3rem}.npc-card__name{color:#c9a55c;font-weight:600;font-size:.95rem}.npc-card__about{color:#888;font-size:.75rem;margin-top:.3rem}.npc-dialog{max-width:650px;margin:0 auto;padding:1.2rem}.quest-offer{background:#1a1510;border:1px solid #3a3020;border-radius:8px;padding:1rem;margin-bottom:.7rem;transition:border-color .2s}.quest-offer:hover{border-color:#555}.quest-offer--complete{border-color:#4a6a3a}.quest-offer__name{color:#c9a55c;font-weight:700;font-size:1rem;margin-bottom:.3rem}.quest-offer__desc{color:#aaa;font-size:.85rem;margin-bottom:.4rem}.quest-offer__stages{margin-bottom:.4rem}.quest-stage-preview{color:#888;font-size:.78rem;padding-left:.5rem}.quest-offer__rewards{color:#8c8;font-size:.82rem;margin-bottom:.5rem}.quests-page{max-width:700px;margin:0 auto;padding:1.2rem}.quest-card{background:#1a1510;border:1px solid #2a2018;border-radius:8px;padding:1rem;margin-bottom:.7rem;transition:border-color .2s}.quest-card--ready{border-color:#6a8a3a}.quest-card--completed{opacity:.65;border-color:#333}.quest-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.3rem}.quest-card__name{color:#c9a55c;font-weight:700;font-size:1rem}.quest-card__badge{background:#4a6a2a;color:#dfd;font-size:.72rem;padding:.15rem .5rem;border-radius:10px}.quest-card__desc{color:#aaa;font-size:.85rem;margin-bottom:.3rem}.quest-card__npc{color:#777;font-size:.78rem;margin-bottom:.4rem}.quest-card__date{color:#666;font-size:.75rem;margin-top:.3rem}.quest-card__stages{margin-bottom:.5rem}.quest-stage{color:#bbb;font-size:.85rem;padding:.15rem 0}.quest-stage--done{color:#6a6}.quest-stage__count{color:#888;font-size:.78rem;margin-left:.3rem}.quest-card__actions{display:flex;gap:.5rem;margin-top:.5rem}.admin-page{display:flex;gap:1rem;min-height:70vh}.adm-sidebar{width:180px;flex-shrink:0;background:#151210;border:1px solid #2a2018;border-radius:8px;padding:.5rem;display:flex;flex-direction:column;gap:.2rem}.adm-menu-item{padding:.5rem .6rem;color:#aaa;font-size:.85rem;cursor:pointer;border-radius:5px;transition:background .15s,color .15s}.adm-menu-item:hover{background:#1e1a15;color:#ddd}.adm-menu-item--active{background:#2a2418;color:#c9a55c;font-weight:600}.adm-content{flex:1;min-width:0;overflow-x:auto}.adm-table{width:100%;border-collapse:collapse;font-size:.82rem}.adm-table th,.adm-table td{padding:.35rem .5rem;text-align:left;border-bottom:1px solid #222}.adm-table th{color:#c9a55c;font-size:.75rem;text-transform:uppercase}.adm-table tr:hover td{background:#1a1510}.adm-details{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#777;font-size:.75rem}.adm-filters{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-bottom:.5rem}.adm-r2{color:#6b6 !important}.adm-r3{color:#48f !important}.adm-r4{color:#c6f !important}.adm-r5{color:#f80 !important}.adm-r6{color:#fd4 !important;text-shadow:0 0 4px rgba(253,212,68,.3)}tr.adm-r3{background:rgba(68,136,255,.04)}tr.adm-r4{background:rgba(198,102,255,.05)}tr.adm-r5{background:rgba(255,136,0,.05)}tr.adm-r6{background:rgba(253,212,68,.06)}.adm-sortable{cursor:pointer;user-select:none}.adm-sortable:hover{color:#fd4}.adm-edit-form{display:flex;flex-wrap:wrap;gap:.5rem}.adm-field{display:flex;flex-direction:column;gap:.15rem;min-width:120px}.adm-field label{font-size:.72rem;color:#888;text-transform:uppercase}.adm-stat-row{display:flex;gap:.3rem;align-items:center;margin-bottom:.3rem}.adm-pager{display:flex;gap:.3rem;margin-top:.6rem}.adm-loc-group{background:#151210;border:1px solid #2a2018;border-radius:6px;margin-bottom:.5rem;padding:.6rem}.adm-loc-header{color:#c9a55c;font-weight:600;margin-bottom:.3rem}.adm-subloc{display:flex;justify-content:space-between;align-items:center;padding:.25rem 0 .25rem 1rem;color:#bbb;font-size:.85rem;border-top:1px solid #1e1a15}.btn--admin{background:linear-gradient(180deg, #4a3520, #3a2515);color:#fa0;border:1px solid #6a4a2a}.btn--admin:hover{background:linear-gradient(180deg, #5a4530, #4a3525)}.btn--xs{padding:.15rem .4rem;font-size:.75rem}.adm-icon-preview{display:inline-block;margin:4px 0}.adm-icon-picker{background:#1a1510;border:1px solid #3a3020;border-radius:6px;padding:8px;margin:6px 0;max-height:400px;overflow-y:auto}.adm-icon-picker.hidden{display:none}.adm-ip-category{margin-bottom:8px}.adm-ip-cat-label{font-size:.7rem;color:#c9a55c;margin-bottom:4px;text-transform:uppercase;letter-spacing:.05em}.adm-ip-grid{display:flex;gap:4px;flex-wrap:wrap}.adm-ip-cell{cursor:pointer;border-radius:4px;transition:transform .15s,box-shadow .15s}.adm-ip-cell:hover{transform:scale(1.15);box-shadow:0 0 8px rgba(201,165,92,.5)}.adm-ip-cell--selected{box-shadow:0 0 0 2px #c9a55c}.adm-ip-cell .gi{pointer-events:none}.gi{position:relative;width:40px;height:40px;overflow:hidden;flex-shrink:0;border-radius:4px;background:#1a1510;border:1px solid #3a3020}.gi>*{position:absolute}.gi--sword{background:linear-gradient(170deg, #1e1812, #14100a)}.gi--sword .gi-blade{width:5px;height:24px;top:2px;left:18px;background:linear-gradient(90deg, #c8d0d8 0%, #e8f0f8 35%, #f0f4f8 50%, #d0d8e0 65%, #a0aab4 100%);border-radius:2px 2px 0 0;box-shadow:inset 1px 0 0 hsla(0,0%,100%,.25),inset -1px 0 0 rgba(0,0,0,.2),0 0 3px rgba(200,210,220,.3)}.gi--sword .gi-blade::before{content:"";position:absolute;width:1px;height:18px;top:2px;left:2px;background:linear-gradient(180deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.05))}.gi--sword .gi-blade::after{content:"";position:absolute;bottom:-3px;left:-2px;width:9px;height:5px;background:linear-gradient(180deg, #e0e8f0, #b0b8c4);clip-path:polygon(50% 100%, 0% 0%, 100% 0%);filter:drop-shadow(0 1px 1px rgba(0, 0, 0, 0.3))}.gi--sword .gi-guard{width:16px;height:4px;top:26px;left:12px;background:linear-gradient(180deg, #e8d080, #c9a55c 40%, #a08040 100%);border-radius:1px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.35),inset 0 -1px 0 rgba(0,0,0,.3),0 1px 2px rgba(0,0,0,.4)}.gi--sword .gi-guard::before{content:"";position:absolute;width:4px;height:4px;top:0px;left:6px;background:radial-gradient(circle at 40% 35%, #f44, #a22);border-radius:50%;box-shadow:0 0 3px rgba(255,50,50,.4)}.gi--sword .gi-guard::after{content:"";position:absolute;width:2px;height:2px;top:0;left:1px;background:#d8c070;border-radius:50%;box-shadow:12px 0 0 #d8c070}.gi--sword .gi-grip{width:5px;height:9px;top:30px;left:18px;background:repeating-linear-gradient(180deg, #5a3a20 0px, #5a3a20 2px, #7a5030 2px, #7a5030 3px);border-radius:0 0 2px 2px;box-shadow:inset 1px 0 0 hsla(0,0%,100%,.1),inset -1px 0 0 rgba(0,0,0,.2)}.gi--sword .gi-grip::before{content:"";position:absolute;width:7px;height:3px;bottom:-2px;left:-1px;background:radial-gradient(circle at 50% 30%, #e8d898, #c9a55c);border-radius:50%;box-shadow:0 0 2px rgba(201,165,92,.4)}.gi--axe{background:linear-gradient(170deg, #1a1510, #120e08)}.gi--axe .gi-axe-head{width:16px;height:14px;top:5px;left:16px;background:linear-gradient(135deg, #d0d8e0 0%, #a0a8b0 40%, #808890 60%, #b0b8c0 100%);clip-path:polygon(0% 50%, 30% 0%, 100% 0%, 100% 100%, 30% 100%);box-shadow:inset 1px 1px 2px hsla(0,0%,100%,.3),inset -1px -1px 2px rgba(0,0,0,.3)}.gi--axe .gi-axe-head::before{content:"";position:absolute;width:2px;height:12px;top:1px;right:2px;background:linear-gradient(180deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.1))}.gi--axe .gi-axe-head::after{content:"";position:absolute;width:1px;height:14px;top:0;left:5px;background:linear-gradient(180deg, rgba(200, 210, 220, 0.5), transparent)}.gi--axe .gi-axe-shaft{width:4px;height:28px;top:8px;left:14px;background:linear-gradient(90deg, #5a3a18, #8a6a38 50%, #5a3a18);border-radius:2px;box-shadow:inset 1px 0 0 hsla(0,0%,100%,.1),inset -1px 0 0 rgba(0,0,0,.2)}.gi--axe .gi-axe-shaft::before{content:"";position:absolute;width:6px;height:4px;top:-1px;left:-1px;background:#8a7060;border-radius:2px}.gi--axe .gi-axe-shaft::after{content:"";position:absolute;width:1px;height:22px;top:4px;left:2px;background:linear-gradient(180deg, rgba(150, 120, 80, 0.4), rgba(80, 50, 20, 0.1))}.gi--dagger{background:linear-gradient(170deg, #181410, #100c08)}.gi--dagger .gi-dagger-blade{width:3px;height:16px;top:4px;left:19px;background:linear-gradient(90deg, #b0b8c4, #e0e8f0, #b0b8c4);border-radius:1px 1px 0 0;box-shadow:inset 0 0 1px hsla(0,0%,100%,.3),0 0 2px rgba(200,210,220,.2)}.gi--dagger .gi-dagger-blade::before{content:"";position:absolute;width:1px;height:12px;top:1px;left:1px;background:linear-gradient(180deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.05))}.gi--dagger .gi-dagger-blade::after{content:"";position:absolute;bottom:-3px;left:-1px;width:5px;height:4px;background:linear-gradient(180deg, #d0d8e0, #a0aab4);clip-path:polygon(50% 100%, 0% 0%, 100% 0%)}.gi--dagger .gi-dagger-guard{width:12px;height:3px;top:20px;left:14px;background:linear-gradient(180deg, #e8d080, #c9a55c, #a08040);border-radius:1px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.3),0 1px 1px rgba(0,0,0,.3)}.gi--dagger .gi-dagger-guard::before{content:"";position:absolute;width:3px;height:3px;left:4.5px;top:0;background:radial-gradient(circle at 40% 35%, #6cf, #38a);border-radius:50%;box-shadow:0 0 2px rgba(100,200,255,.5)}.gi--dagger .gi-dagger-grip{width:3px;height:10px;top:23px;left:19px;background:repeating-linear-gradient(180deg, #6a4020 0px, #6a4020 2px, #845030 2px, #845030 3px);border-radius:0 0 1px 1px;box-shadow:inset 1px 0 0 hsla(0,0%,100%,.08)}.gi--dagger .gi-dagger-grip::before{content:"";position:absolute;width:5px;height:2px;bottom:-1px;left:-1px;background:radial-gradient(circle at 50% 30%, #e8d898, #c9a55c);border-radius:50%}.gi--bow{background:linear-gradient(170deg, #14180e, #0c100a)}.gi--bow .gi-bow-limb{width:18px;height:30px;top:5px;left:6px;border:3px solid rgba(0,0,0,0);border-right:none;border-radius:50% 0 0 50%;background:rgba(0,0,0,0);border-image:linear-gradient(180deg, #9a7a40, #6a4a20, #9a7a40) 1;border-right:none;border-color:#7a5a30;box-shadow:inset 2px 0 2px hsla(0,0%,100%,.08),-1px 0 3px rgba(0,0,0,.3)}.gi--bow .gi-bow-limb::before{content:"";position:absolute;width:4px;height:4px;top:-2px;right:-1px;background:#9a7a40;border-radius:50%;box-shadow:0 28px 0 #9a7a40}.gi--bow .gi-bow-limb::after{content:"";position:absolute;width:2px;height:24px;top:3px;left:0px;background:linear-gradient(180deg, rgba(150, 120, 60, 0.3), transparent, rgba(150, 120, 60, 0.3))}.gi--bow .gi-bow-string{width:1px;height:28px;top:6px;left:21px;background:linear-gradient(180deg, #d0c8a0, #e0d8b8, #d0c8a0);box-shadow:0 0 1px rgba(200,200,160,.3)}.gi--bow .gi-bow-arrow{width:2px;height:22px;top:9px;left:24px;background:linear-gradient(180deg, #a0a8b0, #888, #6a5030, #5a3a18);box-shadow:0 0 1px rgba(0,0,0,.3)}.gi--bow .gi-bow-arrow::before{content:"";position:absolute;bottom:0;left:-2px;width:6px;height:4px;background:linear-gradient(90deg, #a09070, transparent, #a09070);clip-path:polygon(50% 100%, 0% 0%, 20% 0%, 50% 60%, 80% 0%, 100% 0%)}.gi--bow .gi-bow-arrow::after{content:"";position:absolute;top:-5px;left:-3px;width:8px;height:6px;background:linear-gradient(180deg, #c0c8d0, #808890);clip-path:polygon(50% 0%, 0% 100%, 100% 100%);box-shadow:0 -1px 2px rgba(200,210,220,.3)}.gi--staff{background:linear-gradient(170deg, #141018, #0c0a14)}.gi--staff .gi-staff-shaft{width:4px;height:32px;top:5px;left:18px;background:linear-gradient(90deg, #4a3a20, #7a6a40 50%, #4a3a20);border-radius:2px;box-shadow:inset 1px 0 0 hsla(0,0%,100%,.1),inset -1px 0 0 rgba(0,0,0,.2)}.gi--staff .gi-staff-shaft::before{content:"";position:absolute;width:6px;height:3px;top:2px;left:-1px;background:linear-gradient(90deg, #8a7a50, #c9a55c, #8a7a50);border-radius:1px;box-shadow:0 27px 0 #7a6a40}.gi--staff .gi-staff-shaft::after{content:"";position:absolute;width:1px;height:26px;top:3px;left:2px;background:linear-gradient(180deg, rgba(200, 180, 120, 0.2), transparent, rgba(200, 180, 120, 0.2))}.gi--staff .gi-staff-orb{width:10px;height:10px;top:1px;left:15px;background:radial-gradient(circle at 35% 30%, #aaf, #66d, #33a, #228);border-radius:50%;box-shadow:0 0 8px 3px rgba(100,100,255,.5),inset 1px 1px 2px hsla(0,0%,100%,.3),inset -1px -1px 2px rgba(0,0,30,.5)}.gi--staff .gi-staff-orb::before{content:"";position:absolute;width:3px;height:2px;top:2px;left:2px;background:hsla(0,0%,100%,.5);border-radius:50%}.gi--staff .gi-staff-orb::after{content:"";position:absolute;width:2px;height:2px;top:5px;left:5px;background:rgba(200,200,255,.6);border-radius:50%;box-shadow:-2px -1px 0 rgba(200,200,255,.3)}.gi--staff .gi-staff-glow{width:18px;height:18px;top:-3px;left:11px;background:radial-gradient(circle, rgba(100, 120, 255, 0.35), rgba(100, 120, 255, 0.1) 50%, transparent 70%);border-radius:50%}.gi--staff .gi-staff-glow::before{content:"";position:absolute;width:22px;height:22px;top:-2px;left:-2px;background:radial-gradient(circle, transparent 40%, rgba(100, 120, 255, 0.08) 60%, transparent 70%);border-radius:50%}.gi--spear{background:linear-gradient(170deg, #181510, #100e0a)}.gi--spear .gi-spear-tip{width:7px;height:12px;top:1px;left:17px;background:linear-gradient(90deg, #a0aab0, #d8e0e8, #a0aab0);clip-path:polygon(50% 0%, 0% 100%, 100% 100%);box-shadow:0 0 3px rgba(200,210,220,.3)}.gi--spear .gi-spear-tip::before{content:"";position:absolute;width:1px;height:8px;top:2px;left:3px;background:linear-gradient(180deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.1))}.gi--spear .gi-spear-tip::after{content:"";position:absolute;width:9px;height:3px;bottom:-1px;left:-1px;background:linear-gradient(90deg, #8a7a50, #c9a55c, #8a7a50);border-radius:1px}.gi--spear .gi-spear-shaft{width:3px;height:28px;top:11px;left:19px;background:linear-gradient(90deg, #5a3a18, #8a6a38 50%, #5a3a18);border-radius:0 0 1px 1px;box-shadow:inset 1px 0 0 hsla(0,0%,100%,.08)}.gi--spear .gi-spear-shaft::before{content:"";position:absolute;width:1px;height:22px;top:3px;left:1px;background:linear-gradient(180deg, rgba(150, 120, 60, 0.3), transparent)}.gi--mace{background:linear-gradient(170deg, #1a1614, #12100c)}.gi--mace .gi-mace-head{width:14px;height:12px;top:3px;left:13px;background:radial-gradient(ellipse at 40% 35%, #c8d0d8, #a0a8b0, #707880);border-radius:3px;box-shadow:inset 1px 1px 2px hsla(0,0%,100%,.2),inset -1px -1px 2px rgba(0,0,0,.3),0 1px 3px rgba(0,0,0,.4)}.gi--mace .gi-mace-head::before{content:"";position:absolute;width:14px;height:2px;top:5px;left:0;background:linear-gradient(90deg, transparent, rgba(200, 210, 220, 0.4), transparent)}.gi--mace .gi-mace-head::after{content:"";position:absolute;width:2px;height:12px;top:0;left:6px;background:linear-gradient(180deg, rgba(200, 210, 220, 0.3), transparent)}.gi--mace .gi-mace-shaft{width:4px;height:22px;top:14px;left:18px;background:linear-gradient(90deg, #4a3018, #7a5a30 50%, #4a3018);border-radius:0 0 2px 2px;box-shadow:inset 1px 0 0 hsla(0,0%,100%,.08)}.gi--mace .gi-mace-shaft::before{content:"";position:absolute;width:6px;height:3px;bottom:-1px;left:-1px;background:radial-gradient(circle at 50% 30%, #a08860, #6a5030);border-radius:50%}.gi--mace .gi-mace-spike{width:5px;height:5px;top:0px;left:18px;background:linear-gradient(180deg, #e0e8f0, #a0aab4);clip-path:polygon(50% 0%, 0% 100%, 100% 100%);box-shadow:0 0 2px rgba(200,210,220,.3)}.gi--mace .gi-mace-spike::before{content:"";position:absolute;width:3px;height:4px;top:4px;left:-5px;background:linear-gradient(135deg, #d0d8e0, #909098);clip-path:polygon(0% 0%, 100% 50%, 0% 100%)}.gi--mace .gi-mace-spike::after{content:"";position:absolute;width:3px;height:4px;top:4px;left:6px;background:linear-gradient(-135deg, #d0d8e0, #909098);clip-path:polygon(100% 0%, 0% 50%, 100% 100%)}.gi--rapier{background:linear-gradient(170deg, #181418, #100c10)}.gi--rapier .gi-rapier-blade{width:2px;height:22px;top:3px;left:19px;background:linear-gradient(90deg, #c8d0d8, #f0f4f8, #c8d0d8);box-shadow:0 0 2px rgba(220,230,240,.3),inset 0 0 1px hsla(0,0%,100%,.3)}.gi--rapier .gi-rapier-blade::before{content:"";position:absolute;width:1px;height:18px;top:1px;left:0;background:linear-gradient(180deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.05))}.gi--rapier .gi-rapier-blade::after{content:"";position:absolute;bottom:-2px;left:-1px;width:4px;height:3px;background:#d0d8e0;clip-path:polygon(50% 100%, 0% 0%, 100% 0%)}.gi--rapier .gi-rapier-guard{width:16px;height:6px;top:24px;left:12px;background:none;border:2px solid #c9a55c;border-radius:50%;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.2),0 1px 2px rgba(0,0,0,.3)}.gi--rapier .gi-rapier-guard::before{content:"";position:absolute;width:12px;height:2px;top:0;left:0;background:linear-gradient(90deg, transparent, rgba(232, 208, 128, 0.4), transparent)}.gi--rapier .gi-rapier-grip{width:3px;height:8px;top:29px;left:19px;background:repeating-linear-gradient(180deg, #5a3a20 0px, #5a3a20 2px, #704828 2px, #704828 3px);border-radius:0 0 1px 1px;box-shadow:inset 1px 0 0 hsla(0,0%,100%,.08)}.gi--rapier .gi-rapier-grip::before{content:"";position:absolute;width:5px;height:2px;bottom:-1px;left:-1px;background:#c9a55c;border-radius:50%}.gi--fists{background:linear-gradient(170deg, #1a1612, #14100a)}.gi--fists .gi-fist{width:14px;height:16px;background:radial-gradient(ellipse at 45% 35%, #d8c8a8, #c0b090, #8a7a60);border-radius:4px 4px 3px 3px;box-shadow:inset 1px 1px 2px hsla(0,0%,100%,.15),inset -1px -1px 2px rgba(0,0,0,.2),0 1px 2px rgba(0,0,0,.3)}.gi--fists .gi-fist--l{top:8px;left:4px}.gi--fists .gi-fist--r{top:8px;left:22px}.gi--fists .gi-fist::before{content:"";position:absolute;width:12px;height:3px;top:0;left:1px;background:linear-gradient(90deg, #a09070, #d0c0a0, #a09070);border-radius:2px;box-shadow:0 4px 0 rgba(160,140,110,.3),0 7px 0 rgba(160,140,110,.2)}.gi--fists .gi-fist::after{content:"";position:absolute;width:3px;height:6px;bottom:2px;right:-1px;background:radial-gradient(ellipse at 30% 40%, #c0b090, #8a7a60);border-radius:50%}.gi--helmet{background:linear-gradient(170deg, #181818, #101010)}.gi--helmet .gi-helm-dome{width:22px;height:16px;top:5px;left:9px;background:linear-gradient(160deg, #c8d0d8 0%, #a0a8b0 30%, #808890 60%, #909098 100%);border-radius:50% 50% 10% 10%;box-shadow:inset 2px 2px 3px hsla(0,0%,100%,.2),inset -2px -2px 3px rgba(0,0,0,.3),0 2px 4px rgba(0,0,0,.4)}.gi--helmet .gi-helm-dome::before{content:"";position:absolute;width:4px;height:8px;top:2px;left:4px;background:linear-gradient(180deg, rgba(255, 255, 255, 0.25), transparent);border-radius:50%}.gi--helmet .gi-helm-dome::after{content:"";position:absolute;width:2px;height:14px;top:1px;left:10px;background:linear-gradient(180deg, rgba(200, 210, 220, 0.3), rgba(100, 110, 120, 0.1))}.gi--helmet .gi-helm-visor{width:16px;height:6px;top:18px;left:12px;background:linear-gradient(180deg, #303438, #404448, #303438);border-radius:0 0 3px 3px;box-shadow:inset 0 1px 0 rgba(0,0,0,.4)}.gi--helmet .gi-helm-visor::before{content:"";position:absolute;width:12px;height:1px;top:2px;left:2px;background:rgba(0,0,0,.5);box-shadow:0 2px 0 rgba(0,0,0,.3)}.gi--helmet .gi-helm-trim{width:24px;height:3px;top:20px;left:8px;background:linear-gradient(90deg, #a08040, #e8d080, #c9a55c, #e8d080, #a08040);border-radius:0 0 2px 2px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.3),0 1px 1px rgba(0,0,0,.3)}.gi--helmet .gi-helm-trim::before{content:"";position:absolute;width:3px;height:3px;top:-15px;left:10px;background:radial-gradient(circle at 40% 35%, #e8d898, #c9a55c);border-radius:50%}.gi--chest{background:linear-gradient(170deg, #181818, #101010)}.gi--chest .gi-chest-plate{width:24px;height:24px;top:6px;left:8px;background:linear-gradient(160deg, #b0b8c0 0%, #909098 30%, #707880 60%, #808890 100%);border-radius:4px 4px 8px 8px;clip-path:polygon(15% 0%, 85% 0%, 100% 30%, 100% 100%, 60% 100%, 50% 90%, 40% 100%, 0% 100%, 0% 30%);box-shadow:inset 2px 2px 3px hsla(0,0%,100%,.15),inset -2px -2px 3px rgba(0,0,0,.25)}.gi--chest .gi-chest-plate::before{content:"";position:absolute;width:6px;height:10px;top:3px;left:4px;background:linear-gradient(180deg, rgba(255, 255, 255, 0.2), transparent);border-radius:50%}.gi--chest .gi-chest-plate::after{content:"";position:absolute;width:20px;height:1px;top:12px;left:2px;background:linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.2), transparent)}.gi--chest .gi-chest-strap{width:2px;height:20px;top:8px;left:19px;background:linear-gradient(180deg, #e8d080, #c9a55c, #a08040);box-shadow:0 0 1px rgba(201,165,92,.3)}.gi--chest .gi-chest-rivet{width:4px;height:4px;border-radius:50%;background:radial-gradient(circle at 35% 30%, #f0e0b0, #c9a55c);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.4),0 1px 1px rgba(0,0,0,.3)}.gi--chest .gi-chest-rivet--l{top:12px;left:12px}.gi--chest .gi-chest-rivet--r{top:12px;left:24px}.gi--legs{background:linear-gradient(170deg, #181818, #101010)}.gi--legs .gi-legs-l,.gi--legs .gi-legs-r{width:8px;height:22px;background:linear-gradient(90deg, #606870, #808890 50%, #606870);border-radius:3px 3px 4px 4px;box-shadow:inset 1px 1px 2px hsla(0,0%,100%,.1),inset -1px -1px 2px rgba(0,0,0,.2)}.gi--legs .gi-legs-l::before,.gi--legs .gi-legs-r::before{content:"";position:absolute;width:10px;height:4px;top:6px;left:-1px;background:radial-gradient(ellipse at 50% 50%, #808890, #606870);border-radius:50%;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.15)}.gi--legs .gi-legs-l{top:10px;left:10px}.gi--legs .gi-legs-r{top:10px;left:22px}.gi--legs .gi-legs-belt{width:22px;height:4px;top:7px;left:9px;background:linear-gradient(180deg, #6a4a28, #5a3a20, #4a2a18);border-radius:2px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.1)}.gi--legs .gi-legs-belt::before{content:"";position:absolute;width:4px;height:4px;top:0;left:9px;background:radial-gradient(circle at 40% 35%, #e8d898, #c9a55c);border-radius:1px}.gi--gloves{background:linear-gradient(170deg, #181818, #101010)}.gi--gloves .gi-glove{width:12px;height:16px;background:linear-gradient(160deg, #909098, #707880, #606870);border-radius:3px 3px 5px 5px;box-shadow:inset 1px 1px 2px hsla(0,0%,100%,.15),inset -1px -1px 2px rgba(0,0,0,.2),0 1px 2px rgba(0,0,0,.3)}.gi--gloves .gi-glove--l{top:10px;left:5px}.gi--gloves .gi-glove--r{top:10px;left:23px}.gi--gloves .gi-glove::before{content:"";position:absolute;width:10px;height:3px;top:0;left:1px;background:linear-gradient(90deg, #707880, #909098, #707880);border-radius:2px;box-shadow:0 3px 0 rgba(128,136,144,.3)}.gi--gloves .gi-glove::after{content:"";position:absolute;bottom:0;left:1px;width:10px;height:4px;background:linear-gradient(90deg, #606870, #808890, #606870);border-radius:0 0 3px 3px;box-shadow:inset 0 -1px 0 rgba(0,0,0,.2)}.gi--boots{background:linear-gradient(170deg, #1a1612, #12100a)}.gi--boots .gi-boot{width:14px;height:14px;background:linear-gradient(160deg, #6a4a28, #5a3a20, #4a2a18);border-radius:3px 3px 2px 6px;box-shadow:inset 1px 1px 2px hsla(0,0%,100%,.1),inset -1px -1px 2px rgba(0,0,0,.2),0 1px 2px rgba(0,0,0,.3)}.gi--boots .gi-boot--l{top:14px;left:3px}.gi--boots .gi-boot--r{top:14px;left:23px}.gi--boots .gi-boot::before{content:"";position:absolute;width:12px;height:2px;top:2px;left:1px;background:linear-gradient(90deg, #5a3a20, #7a5a30, #5a3a20);border-radius:1px;box-shadow:0 3px 0 rgba(90,58,32,.4)}.gi--boots .gi-boot::after{content:"";position:absolute;bottom:0;left:-2px;width:16px;height:4px;background:linear-gradient(180deg, #4a3018, #3a2510);border-radius:0 0 2px 4px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.05)}.gi--ring{background:linear-gradient(170deg, #1a1418, #120e10)}.gi--ring .gi-ring-band{width:18px;height:18px;top:12px;left:11px;border:3px solid rgba(0,0,0,0);border-radius:50%;background:rgba(0,0,0,0);border-color:#c9a55c;box-shadow:inset 0 2px 2px hsla(0,0%,100%,.25),inset 0 -2px 2px rgba(0,0,0,.3),0 1px 3px rgba(0,0,0,.4)}.gi--ring .gi-ring-band::before{content:"";position:absolute;width:4px;height:6px;top:0;left:4px;background:linear-gradient(180deg, rgba(232, 216, 152, 0.4), transparent);border-radius:50%}.gi--ring .gi-ring-band::after{content:"";position:absolute;width:10px;height:1px;bottom:2px;left:1px;background:repeating-linear-gradient(90deg, #b09040 0px, #b09040 1px, transparent 1px, transparent 3px)}.gi--ring .gi-ring-gem{width:8px;height:8px;top:9px;left:16px;background:radial-gradient(circle at 35% 30%, #ff7777, #f55, #a22);border-radius:50%;box-shadow:0 0 5px rgba(255,80,80,.6),inset 1px 1px 1px hsla(0,0%,100%,.3)}.gi--ring .gi-ring-gem::before{content:"";position:absolute;width:2px;height:2px;top:1px;left:2px;background:hsla(0,0%,100%,.5);border-radius:50%}.gi--earring{background:linear-gradient(170deg, #181420, #100e18)}.gi--earring .gi-earring-hook{width:8px;height:14px;top:6px;left:16px;border:2px solid #c9a55c;border-bottom:none;border-radius:50% 50% 0 0;background:rgba(0,0,0,0);box-shadow:0 0 2px rgba(201,165,92,.3)}.gi--earring .gi-earring-hook::before{content:"";position:absolute;width:2px;height:8px;top:2px;left:1px;background:linear-gradient(180deg, rgba(232, 216, 152, 0.3), transparent)}.gi--earring .gi-earring-gem{width:8px;height:10px;top:20px;left:16px;background:linear-gradient(180deg, #7bf, #5af, #28a);border-radius:0 0 50% 50%;clip-path:polygon(50% 100%, 0% 0%, 100% 0%);box-shadow:0 0 4px rgba(80,170,255,.4)}.gi--earring .gi-earring-gem::before{content:"";position:absolute;width:2px;height:3px;top:1px;left:2px;background:hsla(0,0%,100%,.3)}.gi--necklace{background:linear-gradient(170deg, #141810, #0e120a)}.gi--necklace .gi-neck-chain{width:22px;height:14px;top:6px;left:9px;border:2px solid #c9a55c;border-top:none;border-radius:0 0 50% 50%;background:rgba(0,0,0,0);box-shadow:0 1px 2px rgba(0,0,0,.3)}.gi--necklace .gi-neck-chain::before{content:"";position:absolute;width:18px;height:10px;top:0;left:0;border-bottom:1px solid rgba(232,216,152,.2);border-radius:0 0 50% 50%}.gi--necklace .gi-neck-pendant{width:8px;height:10px;top:20px;left:16px;background:radial-gradient(circle at 35% 30%, #8f8, #5f5, #282);border-radius:2px 2px 50% 50%;box-shadow:0 0 5px rgba(80,255,80,.5),inset 1px 1px 1px hsla(0,0%,100%,.2)}.gi--necklace .gi-neck-pendant::before{content:"";position:absolute;width:2px;height:2px;top:1px;left:2px;background:hsla(0,0%,100%,.4);border-radius:50%}.gi--amulet{background:linear-gradient(170deg, #181018, #100a10)}.gi--amulet .gi-amulet-chain{width:18px;height:10px;top:4px;left:11px;border:2px solid #c9a55c;border-top:none;border-radius:0 0 50% 50%;background:rgba(0,0,0,0);box-shadow:0 1px 2px rgba(0,0,0,.3)}.gi--amulet .gi-amulet-chain::before{content:"";position:absolute;width:14px;height:6px;top:0;left:0;border-bottom:1px solid rgba(232,216,152,.2);border-radius:0 0 50% 50%}.gi--amulet .gi-amulet-stone{width:14px;height:14px;top:14px;left:13px;background:radial-gradient(circle at 35% 30%, #c8f, #a5f, #528);border-radius:50%;border:2px solid #c9a55c;box-shadow:0 0 6px rgba(150,80,255,.5),inset 1px 1px 2px hsla(0,0%,100%,.2),inset -1px -1px 2px rgba(0,0,0,.3)}.gi--amulet .gi-amulet-stone::before{content:"";position:absolute;width:3px;height:3px;top:2px;left:2px;background:hsla(0,0%,100%,.4);border-radius:50%}.gi--amulet .gi-amulet-stone::after{content:"";position:absolute;width:6px;height:1px;top:5px;left:2px;background:hsla(0,0%,100%,.15);transform:rotate(-20deg)}.gi--amulet .gi-amulet-glow{width:22px;height:22px;top:10px;left:9px;background:radial-gradient(circle, rgba(150, 80, 255, 0.3), rgba(150, 80, 255, 0.1) 50%, transparent 70%);border-radius:50%}.gi--bracelet{background:linear-gradient(170deg, #1a1810, #12100a)}.gi--bracelet .gi-bracelet-band{width:20px;height:12px;top:14px;left:10px;border:3px solid #c9a55c;border-radius:6px;background:rgba(0,0,0,0);box-shadow:inset 0 2px 2px hsla(0,0%,100%,.2),inset 0 -2px 2px rgba(0,0,0,.2),0 1px 2px rgba(0,0,0,.3)}.gi--bracelet .gi-bracelet-band::before{content:"";position:absolute;width:14px;height:1px;top:1px;left:0;background:repeating-linear-gradient(90deg, #b09040 0px, #b09040 1px, transparent 1px, transparent 3px)}.gi--bracelet .gi-bracelet-gem{width:6px;height:6px;top:11px;left:17px;background:radial-gradient(circle at 35% 35%, #ff8, #ff5, #aa2);border-radius:50%;box-shadow:0 0 4px rgba(255,255,80,.5),inset 1px 1px 1px hsla(0,0%,100%,.3)}.gi--bracelet .gi-bracelet-gem::before{content:"";position:absolute;width:2px;height:1px;top:1px;left:1px;background:hsla(0,0%,100%,.5);border-radius:50%}.gi--cloak{background:linear-gradient(170deg, #1a1028, #100a18)}.gi--cloak .gi-cloak-body{width:24px;height:28px;top:8px;left:8px;background:linear-gradient(180deg, #4a3858, #3a2848, #2a1838);border-radius:8px 8px 12px 12px;clip-path:polygon(30% 0%, 70% 0%, 100% 20%, 95% 100%, 50% 90%, 5% 100%, 0% 20%);box-shadow:inset 2px 0 3px hsla(0,0%,100%,.06),inset -2px 0 3px rgba(0,0,0,.2)}.gi--cloak .gi-cloak-body::before{content:"";position:absolute;width:4px;height:20px;top:4px;left:3px;background:linear-gradient(180deg, rgba(80, 60, 100, 0.4), transparent);border-radius:50%}.gi--cloak .gi-cloak-body::after{content:"";position:absolute;width:2px;height:24px;top:2px;left:11px;background:linear-gradient(180deg, rgba(60, 40, 80, 0.3), transparent)}.gi--cloak .gi-cloak-clasp{width:8px;height:8px;top:5px;left:16px;background:radial-gradient(circle at 35% 30%, #f0e0b0, #e8d898, #c9a55c);border-radius:50%;box-shadow:0 0 3px rgba(201,165,92,.4),inset 1px 1px 1px hsla(0,0%,100%,.3)}.gi--cloak .gi-cloak-clasp::before{content:"";position:absolute;width:2px;height:2px;top:1px;left:2px;background:hsla(0,0%,100%,.4);border-radius:50%}.gi--belt{background:linear-gradient(170deg, #1a1612, #12100a)}.gi--belt .gi-belt-strap{width:30px;height:8px;top:16px;left:5px;background:linear-gradient(180deg, #7a5a30, #6a4a28, #5a3a20, #4a3018);border-radius:3px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.1),inset 0 -1px 0 rgba(0,0,0,.2),0 1px 2px rgba(0,0,0,.3)}.gi--belt .gi-belt-strap::before{content:"";position:absolute;width:28px;height:1px;top:3px;left:1px;background:repeating-linear-gradient(90deg, rgba(100, 80, 50, 0.3) 0px, rgba(100, 80, 50, 0.3) 2px, transparent 2px, transparent 5px)}.gi--belt .gi-belt-buckle{width:8px;height:8px;top:16px;left:16px;background:radial-gradient(circle at 35% 30%, #f0e0b0, #e8d898, #c9a55c);border-radius:2px;border:1px solid #a08040;box-shadow:inset 1px 1px 1px hsla(0,0%,100%,.3),0 0 2px rgba(201,165,92,.3)}.gi--belt .gi-belt-buckle::before{content:"";position:absolute;width:4px;height:4px;top:1px;left:1px;border:1px solid #8a6a30;border-radius:1px;background:rgba(0,0,0,0)}.gi--belt .gi-belt-pouch{width:8px;height:8px;top:24px;left:24px;background:linear-gradient(180deg, #6a4a28, #5a3a20);border-radius:0 0 3px 3px;box-shadow:inset 1px 0 0 hsla(0,0%,100%,.06),inset -1px 0 0 rgba(0,0,0,.15)}.gi--belt .gi-belt-pouch::before{content:"";position:absolute;width:6px;height:1px;top:0;left:1px;background:#8a6a40;border-radius:1px}.gi-flask{width:14px;height:18px;top:12px;left:13px;background:linear-gradient(90deg, rgba(180, 200, 220, 0.08), rgba(220, 240, 255, 0.15) 40%, rgba(180, 200, 220, 0.08));border:2px solid rgba(200,220,240,.3);border-radius:3px 3px 6px 6px;box-shadow:inset 1px 1px 2px hsla(0,0%,100%,.1),inset -1px -1px 2px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.2)}.gi-flask::before{content:"";position:absolute;width:2px;height:12px;top:2px;left:2px;background:linear-gradient(180deg, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0.03));border-radius:1px}.gi-flask::after{content:"";position:absolute;width:8px;height:4px;bottom:2px;left:2px;background:radial-gradient(ellipse at 50% 100%, rgba(255, 255, 255, 0.08), transparent);border-radius:50%}.gi-flask-liquid{width:10px;height:10px;bottom:2px;left:15px;border-radius:0 0 4px 4px}.gi-flask-liquid--hp{background:linear-gradient(180deg, #ff6666, #f44, #cc2222);box-shadow:0 0 4px rgba(255,60,60,.4),inset 0 1px 2px hsla(0,0%,100%,.2)}.gi-flask-liquid--hp::before{content:"";position:absolute;width:2px;height:2px;top:2px;left:2px;background:hsla(0,0%,100%,.4);border-radius:50%;box-shadow:3px 3px 0 hsla(0,0%,100%,.2),5px 1px 0 hsla(0,0%,100%,.15)}.gi-flask-liquid--hp::after{content:"";position:absolute;width:8px;height:2px;top:0;left:1px;background:linear-gradient(90deg, transparent, rgba(255, 180, 180, 0.4), transparent);border-radius:50%}.gi-flask-liquid--mana{background:linear-gradient(180deg, #6666ff, #44f, #2222cc);box-shadow:0 0 4px rgba(60,60,255,.4),inset 0 1px 2px hsla(0,0%,100%,.2)}.gi-flask-liquid--mana::before{content:"";position:absolute;width:2px;height:2px;top:2px;left:2px;background:hsla(0,0%,100%,.4);border-radius:50%;box-shadow:3px 3px 0 hsla(0,0%,100%,.2),5px 1px 0 hsla(0,0%,100%,.15)}.gi-flask-liquid--mana::after{content:"";position:absolute;width:8px;height:2px;top:0;left:1px;background:linear-gradient(90deg, transparent, rgba(180, 180, 255, 0.4), transparent);border-radius:50%}.gi-flask-liquid--stamina{background:linear-gradient(180deg, #ffbb33, #fa0, #cc8800);box-shadow:0 0 4px rgba(255,170,0,.4),inset 0 1px 2px hsla(0,0%,100%,.2)}.gi-flask-liquid--stamina::before{content:"";position:absolute;width:2px;height:2px;top:2px;left:2px;background:hsla(0,0%,100%,.4);border-radius:50%;box-shadow:3px 3px 0 hsla(0,0%,100%,.2)}.gi-flask-liquid--stamina::after{content:"";position:absolute;width:8px;height:2px;top:0;left:1px;background:linear-gradient(90deg, transparent, rgba(255, 220, 160, 0.4), transparent);border-radius:50%}.gi-flask-liquid--energy{background:linear-gradient(180deg, #66ff66, #5f5, #22aa22);box-shadow:0 0 4px rgba(60,255,60,.4),inset 0 1px 2px hsla(0,0%,100%,.2)}.gi-flask-liquid--energy::before{content:"";position:absolute;width:2px;height:2px;top:2px;left:2px;background:hsla(0,0%,100%,.4);border-radius:50%;box-shadow:3px 3px 0 hsla(0,0%,100%,.2)}.gi-flask-liquid--energy::after{content:"";position:absolute;width:8px;height:2px;top:0;left:1px;background:linear-gradient(90deg, transparent, rgba(180, 255, 180, 0.4), transparent);border-radius:50%}.gi-flask-cap{width:8px;height:5px;top:8px;left:16px;background:linear-gradient(90deg, #7a6a50, #9a8a68, #7a6a50);border-radius:2px 2px 0 0;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.15),inset 0 -1px 0 rgba(0,0,0,.2),0 1px 1px rgba(0,0,0,.2)}.gi-flask-cap::before{content:"";position:absolute;width:6px;height:1px;top:1px;left:1px;background:repeating-linear-gradient(90deg, #8a7a58 0px, #8a7a58 1px, #6a5a40 1px, #6a5a40 2px)}.gi-flask-cap::after{content:"";position:absolute;width:10px;height:2px;bottom:-1px;left:-1px;background:linear-gradient(90deg, transparent, rgba(200, 220, 240, 0.2), transparent);border-radius:1px}.gi--sk_strike,.gi--sk_power{background:linear-gradient(170deg, #1a1410, #120e08)}.gi--sk_strike .gi-sk-sword,.gi--sk_power .gi-sk-sword{width:4px;height:20px;top:4px;left:12px;background:linear-gradient(90deg, #b0b8c4, #e0e8f0, #b0b8c4);transform:rotate(-30deg);border-radius:1px;box-shadow:0 0 3px rgba(200,210,220,.3),inset 0 0 1px hsla(0,0%,100%,.2)}.gi--sk_strike .gi-sk-sword::before,.gi--sk_power .gi-sk-sword::before{content:"";position:absolute;width:1px;height:16px;top:1px;left:2px;background:linear-gradient(180deg, rgba(255, 255, 255, 0.4), transparent)}.gi--sk_strike .gi-sk-sword::after,.gi--sk_power .gi-sk-sword::after{content:"";position:absolute;width:8px;height:2px;bottom:-1px;left:-2px;background:linear-gradient(90deg, #a08040, #c9a55c, #a08040);border-radius:1px}.gi--sk_strike .gi-sk-impact,.gi--sk_power .gi-sk-impact{width:14px;height:14px;top:5px;left:19px;background:radial-gradient(circle at 40% 40%, rgba(255, 220, 80, 0.7), rgba(255, 160, 30, 0.3), transparent 70%);border-radius:50%;box-shadow:0 0 6px rgba(255,200,50,.3)}.gi--sk_strike .gi-sk-impact::before,.gi--sk_power .gi-sk-impact::before{content:"";position:absolute;width:6px;height:1px;top:6px;left:8px;background:rgba(255,220,100,.6);box-shadow:-2px -4px 0 rgba(255,220,100,.4),3px 3px 0 rgba(255,220,100,.3)}.gi--sk_power .gi-sk-power-aura{width:30px;height:30px;top:5px;left:5px;border:2px solid rgba(255,200,50,.35);border-radius:50%;background:rgba(0,0,0,0);box-shadow:0 0 6px rgba(255,200,50,.15),inset 0 0 8px rgba(255,200,50,.1)}.gi--sk_power .gi-sk-power-aura::before{content:"";position:absolute;width:34px;height:34px;top:-4px;left:-4px;border:1px solid rgba(255,200,50,.15);border-radius:50%}.gi--sk_charge{background:linear-gradient(170deg, #1a1610, #12100a)}.gi--sk_charge .gi-sk-arrow-rush{width:0;height:0;top:14px;left:10px;border-top:6px solid rgba(0,0,0,0);border-bottom:6px solid rgba(0,0,0,0);border-left:16px solid #c9a55c;filter:drop-shadow(0 0 3px rgba(201, 165, 92, 0.4))}.gi--sk_charge .gi-sk-arrow-rush::before{content:"";position:absolute;top:-3px;left:-20px;border-top:4px solid rgba(0,0,0,0);border-bottom:4px solid rgba(0,0,0,0);border-left:10px solid rgba(201,165,92,.4)}.gi--sk_charge .gi-sk-dust{width:12px;height:16px;top:12px;left:2px;background:radial-gradient(ellipse at 60% 50%, rgba(180, 160, 120, 0.5), rgba(160, 140, 100, 0.2) 60%, transparent 80%);border-radius:50%}.gi--sk_charge .gi-sk-dust::before{content:"";position:absolute;width:6px;height:6px;top:2px;left:0;background:radial-gradient(circle, rgba(180, 160, 120, 0.3), transparent);border-radius:50%;box-shadow:2px 6px 0 rgba(180,160,120,.2)}.gi--sk_shield{background:linear-gradient(170deg, #181818, #101010)}.gi--sk_shield .gi-sk-shield-body{width:22px;height:26px;top:7px;left:9px;background:linear-gradient(160deg, #808890, #606870 40%, #505860);border-radius:4px 4px 50% 50%;border:2px solid #a0a8b0;box-shadow:inset 2px 2px 3px hsla(0,0%,100%,.12),inset -2px -2px 3px rgba(0,0,0,.25),0 2px 4px rgba(0,0,0,.4)}.gi--sk_shield .gi-sk-shield-body::before{content:"";position:absolute;width:4px;height:10px;top:3px;left:2px;background:linear-gradient(180deg, rgba(255, 255, 255, 0.15), transparent);border-radius:50%}.gi--sk_shield .gi-sk-shield-cross{width:2px;height:16px;top:11px;left:19px;background:linear-gradient(180deg, #e8d080, #c9a55c);box-shadow:0 0 2px rgba(201,165,92,.3)}.gi--sk_shield .gi-sk-shield-cross::after{content:"";position:absolute;top:5px;left:-5px;width:12px;height:2px;background:linear-gradient(90deg, #c9a55c, #e8d080, #c9a55c)}.gi--sk_warcry{background:linear-gradient(170deg, #1a1610, #12100a)}.gi--sk_warcry .gi-sk-mouth{width:10px;height:8px;top:16px;left:5px;background:radial-gradient(ellipse at 50% 40%, #2a1515, #3a2020);border-radius:50%;border:2px solid #8a6a50;box-shadow:inset 0 -1px 2px rgba(0,0,0,.3)}.gi--sk_warcry .gi-sk-mouth::before{content:"";position:absolute;width:6px;height:1px;top:1px;left:1px;background:#9a7a60;border-radius:1px}.gi--sk_warcry .gi-sk-wave{height:12px;border:2px solid rgba(255,200,50,.4);border-left:none;border-radius:0 50% 50% 0;background:rgba(0,0,0,0)}.gi--sk_warcry .gi-sk-wave--1{width:8px;top:14px;left:16px;box-shadow:0 0 3px rgba(255,200,50,.15)}.gi--sk_warcry .gi-sk-wave--2{width:10px;top:12px;left:22px;opacity:.6;box-shadow:0 0 2px rgba(255,200,50,.1)}.gi--sk_warcry .gi-sk-wave--3{width:6px;top:16px;left:30px;opacity:.3}.gi--sk_whirlwind{background:linear-gradient(170deg, #181820, #101018)}.gi--sk_whirlwind .gi-sk-blade{width:16px;height:3px;left:12px;background:linear-gradient(90deg, transparent, #c8d0d8, #e0e8f0);border-radius:1px;box-shadow:0 0 2px rgba(200,210,220,.2)}.gi--sk_whirlwind .gi-sk-blade--1{top:12px;transform:rotate(0deg)}.gi--sk_whirlwind .gi-sk-blade--2{top:18px;transform:rotate(120deg);transform-origin:left center}.gi--sk_whirlwind .gi-sk-blade--3{top:24px;transform:rotate(240deg);transform-origin:left center}.gi--sk_whirlwind .gi-sk-blade::before{content:"";position:absolute;width:12px;height:1px;top:1px;left:2px;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3))}.gi--sk_whirlwind .gi-sk-vortex{width:14px;height:14px;top:13px;left:13px;border:2px solid rgba(200,200,220,.35);border-radius:50%;background:rgba(0,0,0,0);box-shadow:0 0 5px rgba(200,200,220,.15),inset 0 0 4px rgba(200,200,220,.1)}.gi--sk_whirlwind .gi-sk-vortex::before{content:"";position:absolute;width:18px;height:18px;top:-4px;left:-4px;border:1px solid rgba(200,200,220,.15);border-radius:50%}.gi--sk_fireball{background:radial-gradient(circle at 60% 45%, #2a1000, #180800, #100400)}.gi--sk_fireball .gi-sk-fire-core{width:14px;height:14px;top:8px;left:16px;background:radial-gradient(circle at 40% 38%, #fff8e0, #ffe040 20%, #ff8800 50%, #cc3300 75%, #881100);border-radius:50%;box-shadow:0 0 6px 2px rgba(255,140,0,.6),0 0 12px 4px rgba(255,80,0,.3),inset 0 0 4px rgba(255,255,200,.3)}.gi--sk_fireball .gi-sk-fire-core::before{content:"";position:absolute;width:4px;height:4px;top:3px;left:3px;background:radial-gradient(circle, rgba(255, 255, 230, 0.8), rgba(255, 240, 150, 0.3));border-radius:50%}.gi--sk_fireball .gi-sk-fire-core::after{content:"";position:absolute;width:6px;height:8px;top:-5px;left:4px;background:linear-gradient(180deg, rgba(255, 200, 50, 0.7), rgba(255, 100, 0, 0.3), transparent);border-radius:50% 50% 30% 30%;filter:blur(1px)}.gi--sk_fireball .gi-sk-fire-trail{width:12px;height:12px;top:13px;left:5px;background:radial-gradient(ellipse at 70% 50%, rgba(255, 120, 0, 0.5), rgba(255, 80, 0, 0.2) 50%, transparent 75%);border-radius:50%}.gi--sk_fireball .gi-sk-fire-trail::before{content:"";position:absolute;width:3px;height:3px;top:-2px;right:0;background:#ff8;border-radius:50%;box-shadow:-4px 2px 0 1px rgba(255,200,50,.4),-2px -3px 0 rgba(255,160,30,.3),-6px 0 0 rgba(255,120,0,.2)}.gi--sk_fireball .gi-sk-fire-trail::after{content:"";position:absolute;width:8px;height:4px;top:4px;left:-2px;background:linear-gradient(90deg, rgba(255, 100, 0, 0.1), rgba(255, 140, 0, 0.3), transparent);border-radius:50%}.gi--sk_ice{background:radial-gradient(circle at 50% 50%, #0c1828, #081018, #040810)}.gi--sk_ice .gi-sk-ice-shard{width:6px;height:18px;top:6px;left:12px;background:linear-gradient(90deg, #8ac8f0, #cef, #a0d8ff, #8ac8f0);clip-path:polygon(50% 0%, 100% 100%, 0% 100%);box-shadow:0 0 4px rgba(130,200,255,.3)}.gi--sk_ice .gi-sk-ice-shard::before{content:"";position:absolute;width:2px;height:12px;top:4px;left:2px;background:linear-gradient(180deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.1))}.gi--sk_ice .gi-sk-ice-shard--2{height:14px;top:10px;left:22px;transform:rotate(20deg);background:linear-gradient(90deg, #7ab8e0, #bef, #7ab8e0);box-shadow:0 0 3px rgba(130,200,255,.2)}.gi--sk_ice .gi-sk-ice-glow{width:26px;height:26px;top:7px;left:7px;background:radial-gradient(circle, rgba(130, 200, 255, 0.25), rgba(100, 180, 255, 0.1) 50%, transparent 70%);border-radius:50%}.gi--sk_ice .gi-sk-ice-glow::before{content:"";position:absolute;width:2px;height:2px;top:4px;left:16px;background:rgba(200,230,255,.5);border-radius:50%;box-shadow:-8px 6px 0 rgba(200,230,255,.3),4px 12px 0 rgba(200,230,255,.2)}.gi--sk_lightning{background:radial-gradient(circle at 50% 40%, #1a1a28, #101020, #080810)}.gi--sk_lightning .gi-sk-bolt{width:12px;height:28px;top:4px;left:14px;clip-path:polygon(40% 0%, 70% 0%, 45% 40%, 75% 38%, 30% 100%, 40% 55%, 15% 58%);background:linear-gradient(180deg, #ffe, #ffd700, #ff8);box-shadow:0 0 6px rgba(255,255,100,.4)}.gi--sk_lightning .gi-sk-bolt::before{content:"";position:absolute;width:8px;height:24px;top:2px;left:2px;clip-path:polygon(40% 0%, 60% 0%, 45% 40%, 65% 38%, 35% 100%, 40% 55%, 25% 58%);background:linear-gradient(180deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 200, 0.2))}.gi--sk_lightning .gi-sk-bolt-glow{width:22px;height:34px;top:1px;left:9px;background:radial-gradient(ellipse, rgba(255, 255, 100, 0.2), rgba(255, 255, 80, 0.08) 50%, transparent 70%)}.gi--sk_lightning .gi-sk-bolt-glow::before{content:"";position:absolute;width:3px;height:3px;top:8px;left:2px;background:rgba(255,255,200,.4);border-radius:50%;box-shadow:12px 18px 0 rgba(255,255,200,.3),6px -2px 0 rgba(255,255,200,.2)}.gi--sk_mshield{background:radial-gradient(circle at 50% 55%, #101828, #0a1018, #060a10)}.gi--sk_mshield .gi-sk-mshield-dome{width:24px;height:24px;top:8px;left:8px;border:3px solid rgba(100,140,255,.5);border-radius:50%;background:radial-gradient(circle, rgba(80, 120, 255, 0.12), rgba(60, 100, 200, 0.05) 60%, transparent 75%);box-shadow:0 0 8px rgba(100,140,255,.2),inset 0 0 6px rgba(100,140,255,.15)}.gi--sk_mshield .gi-sk-mshield-dome::before{content:"";position:absolute;width:5px;height:8px;top:2px;left:3px;background:linear-gradient(180deg, rgba(150, 180, 255, 0.25), transparent);border-radius:50%}.gi--sk_mshield .gi-sk-mshield-dome::after{content:"";position:absolute;width:28px;height:28px;top:-5px;left:-5px;border:1px solid rgba(100,140,255,.15);border-radius:50%}.gi--sk_mshield .gi-sk-mshield-rune{width:6px;height:6px;top:17px;left:17px;background:radial-gradient(circle, #aaf, #88f);border-radius:50%;box-shadow:0 0 6px 2px rgba(100,100,255,.6),0 0 12px 4px rgba(100,100,255,.2)}.gi--sk_mshield .gi-sk-mshield-rune::before{content:"";position:absolute;width:2px;height:2px;top:1px;left:1px;background:hsla(0,0%,100%,.5);border-radius:50%}.gi--sk_heal{background:radial-gradient(circle at 50% 55%, #0a1810, #081410, #040a08)}.gi--sk_heal .gi-sk-heal-cross{width:4px;height:16px;top:12px;left:18px;background:linear-gradient(90deg, #4d4, #6f6, #4d4);border-radius:1px;box-shadow:0 0 4px rgba(80,255,80,.3)}.gi--sk_heal .gi-sk-heal-cross::before{content:"";position:absolute;width:2px;height:12px;top:2px;left:1px;background:linear-gradient(180deg, rgba(255, 255, 255, 0.3), transparent)}.gi--sk_heal .gi-sk-heal-cross::after{content:"";position:absolute;top:6px;left:-6px;width:16px;height:4px;background:linear-gradient(180deg, #6f6, #4d4);border-radius:1px;box-shadow:0 0 4px rgba(80,255,80,.3)}.gi--sk_heal .gi-sk-heal-glow{width:26px;height:26px;top:7px;left:7px;background:radial-gradient(circle, rgba(80, 255, 80, 0.25), rgba(60, 200, 60, 0.1) 50%, transparent 70%);border-radius:50%}.gi--sk_heal .gi-sk-heal-glow::before{content:"";position:absolute;width:2px;height:2px;top:6px;left:6px;background:rgba(150,255,150,.5);border-radius:50%;box-shadow:12px 0 0 rgba(150,255,150,.3),6px 12px 0 rgba(150,255,150,.2),0 10px 0 rgba(150,255,150,.15)}.gi--sk_meteor{background:radial-gradient(circle at 65% 30%, #2a1a08, #1a1008, #100a04)}.gi--sk_meteor .gi-sk-meteor-rock{width:12px;height:12px;top:6px;left:18px;background:radial-gradient(circle at 30% 30%, #c8a878, #a86, #765434, #654);border-radius:35% 45% 40% 38%;box-shadow:inset 1px 1px 2px hsla(0,0%,100%,.15),inset -1px -1px 2px rgba(0,0,0,.3),0 0 4px rgba(255,120,30,.3)}.gi--sk_meteor .gi-sk-meteor-rock::before{content:"";position:absolute;width:3px;height:2px;top:2px;left:2px;background:rgba(200,180,140,.4);border-radius:50%}.gi--sk_meteor .gi-sk-meteor-rock::after{content:"";position:absolute;width:4px;height:3px;top:5px;left:6px;background:rgba(100,80,50,.5);border-radius:50%}.gi--sk_meteor .gi-sk-meteor-trail{width:10px;height:22px;top:12px;left:7px;background:linear-gradient(160deg, rgba(255, 160, 30, 0.6), rgba(255, 100, 0, 0.3) 40%, transparent);border-radius:50%;transform:rotate(40deg)}.gi--sk_meteor .gi-sk-meteor-trail::before{content:"";position:absolute;width:4px;height:14px;top:2px;left:3px;background:linear-gradient(160deg, rgba(255, 200, 80, 0.4), transparent);border-radius:50%}.gi--sk_meteor .gi-sk-meteor-glow{width:18px;height:18px;top:1px;left:15px;background:radial-gradient(circle, rgba(255, 160, 50, 0.4), rgba(255, 120, 30, 0.15) 50%, transparent 70%);border-radius:50%}.gi--sk_meteor .gi-sk-meteor-glow::before{content:"";position:absolute;width:2px;height:2px;top:10px;left:0px;background:rgba(255,180,80,.5);border-radius:50%;box-shadow:-3px 4px 0 rgba(255,150,50,.3),2px 6px 0 rgba(255,120,30,.2)}.gi-scroll-body{width:18px;height:24px;top:8px;left:11px;background:linear-gradient(90deg, #c8b888, #e0d0a8, #e8d8b8, #e0d0a8, #c8b888);border-radius:2px;box-shadow:inset 1px 0 2px hsla(0,0%,100%,.1),inset -1px 0 2px rgba(0,0,0,.1)}.gi-scroll-body::before,.gi-scroll-body::after{content:"";position:absolute;left:-2px;width:22px;height:5px;background:linear-gradient(90deg, #b0a070, #d8c8a0, #e0d0a8, #d8c8a0, #b0a070);border-radius:3px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.2),inset 0 -1px 0 rgba(0,0,0,.15)}.gi-scroll-body::before{top:-2px}.gi-scroll-body::after{bottom:-2px}.gi-scroll-seal{width:8px;height:8px;top:16px;left:16px;border-radius:50%;box-shadow:inset 1px 1px 1px hsla(0,0%,100%,.2)}.gi-scroll-seal--atk{background:radial-gradient(circle at 35% 30%, #faa, #f88, #a44);box-shadow:0 0 3px rgba(255,80,80,.3),inset 1px 1px 1px hsla(0,0%,100%,.2)}.gi-scroll-seal--def{background:radial-gradient(circle at 35% 30%, #aaf, #88f, #44a);box-shadow:0 0 3px rgba(80,80,255,.3),inset 1px 1px 1px hsla(0,0%,100%,.2)}.gi--ore{background:linear-gradient(170deg, #181818, #101010)}.gi--ore .gi-ore-rock{width:22px;height:16px;top:14px;left:9px;background:linear-gradient(135deg, #909090, #707070, #888, #666);border-radius:4px 6px 3px 5px;clip-path:polygon(10% 100%, 0% 40%, 30% 0%, 70% 10%, 100% 50%, 90% 100%);box-shadow:inset 2px 2px 3px hsla(0,0%,100%,.1),inset -2px -2px 3px rgba(0,0,0,.2)}.gi--ore .gi-ore-rock::before{content:"";position:absolute;width:4px;height:6px;top:2px;left:3px;background:linear-gradient(180deg, rgba(255, 255, 255, 0.15), transparent);border-radius:50%}.gi--ore .gi-ore-vein{width:8px;height:6px;top:18px;left:16px;background:linear-gradient(135deg, #ffcc00, #fa0, #c80);border-radius:2px;box-shadow:0 0 4px rgba(255,180,0,.6),inset 1px 1px 1px hsla(0,0%,100%,.3)}.gi--ore .gi-ore-vein::before{content:"";position:absolute;width:4px;height:3px;top:-4px;left:-3px;background:linear-gradient(135deg, #fa0, #c80);border-radius:1px;box-shadow:0 0 2px rgba(255,180,0,.4)}.gi--herb{background:linear-gradient(170deg, #0e1a0e, #081008)}.gi--herb .gi-herb-stem{width:2px;height:16px;top:14px;left:19px;background:linear-gradient(180deg, #5a9a40, #4a8030, #3a6020);box-shadow:1px 0 0 rgba(0,0,0,.2)}.gi--herb .gi-herb-stem::before{content:"";position:absolute;width:1px;height:12px;top:2px;left:0;background:linear-gradient(180deg, rgba(100, 180, 60, 0.3), transparent)}.gi--herb .gi-herb-leaf{width:8px;height:6px;background:linear-gradient(135deg, #6ab848, #5a9a40, #4a8030);border-radius:50% 50% 50% 0;box-shadow:inset 1px 1px 1px hsla(0,0%,100%,.1)}.gi--herb .gi-herb-leaf--l{top:18px;left:11px;transform:rotate(-30deg)}.gi--herb .gi-herb-leaf--l::before{content:"";position:absolute;width:5px;height:1px;top:3px;left:1px;background:rgba(80,140,50,.5);transform:rotate(-10deg)}.gi--herb .gi-herb-leaf--r{top:16px;left:21px;transform:rotate(30deg);border-radius:50% 50% 0 50%}.gi--herb .gi-herb-leaf--r::before{content:"";position:absolute;width:5px;height:1px;top:3px;left:2px;background:rgba(80,140,50,.5);transform:rotate(10deg)}.gi--herb .gi-herb-flower{width:8px;height:8px;top:8px;left:16px;background:radial-gradient(circle at 35% 30%, #ffaaff, #f8f, #c06ac0);border-radius:50%;box-shadow:0 0 4px rgba(255,100,255,.3),inset 1px 1px 1px hsla(0,0%,100%,.2)}.gi--herb .gi-herb-flower::before{content:"";position:absolute;width:2px;height:2px;top:2px;left:2px;background:hsla(0,0%,100%,.4);border-radius:50%}.gi--herb .gi-herb-flower::after{content:"";position:absolute;width:3px;height:3px;top:2.5px;left:2.5px;background:radial-gradient(circle, #ff8, #fa0);border-radius:50%}.gi--leather{background:linear-gradient(170deg, #1a1612, #12100a)}.gi--leather .gi-leather-hide{width:22px;height:20px;top:10px;left:9px;background:linear-gradient(135deg, #9a7a48, #8a6a40, #7a5a30, #6a4a28);border-radius:30% 40% 30% 20%;box-shadow:inset 2px 2px 3px hsla(0,0%,100%,.08),inset -2px -2px 3px rgba(0,0,0,.2),0 1px 2px rgba(0,0,0,.3)}.gi--leather .gi-leather-hide::before{content:"";position:absolute;width:6px;height:8px;top:2px;left:3px;background:linear-gradient(160deg, rgba(160, 130, 80, 0.3), transparent);border-radius:50%}.gi--leather .gi-leather-hide::after{content:"";position:absolute;width:14px;height:12px;top:4px;left:4px;border:1px solid rgba(100,80,50,.2);border-radius:30%}.gi--leather .gi-leather-stitch{width:14px;height:2px;top:20px;left:13px;background:repeating-linear-gradient(90deg, #a08060 0px, #a08060 2px, transparent 2px, transparent 4px)}.gi--leather .gi-leather-stitch::before{content:"";position:absolute;width:10px;height:2px;top:-6px;left:2px;background:repeating-linear-gradient(90deg, #a08060 0px, #a08060 1px, transparent 1px, transparent 3px);opacity:.5}.gi--chest_box{background:linear-gradient(170deg, #1a1612, #12100a)}.gi--chest_box .gi-crate-body{width:24px;height:14px;top:16px;left:8px;background:linear-gradient(180deg, #8a6a38, #7a5a30, #6a4a28, #5a3a18);border-radius:2px;border:1px solid #4a2a10;box-shadow:inset 1px 1px 2px hsla(0,0%,100%,.08),inset -1px -1px 2px rgba(0,0,0,.15),0 1px 3px rgba(0,0,0,.3)}.gi--chest_box .gi-crate-body::before{content:"";position:absolute;width:22px;height:1px;top:4px;left:0;background:linear-gradient(90deg, #5a3a18, #7a5a30, #5a3a18);box-shadow:0 4px 0 linear-gradient(90deg, #5a3a18, #7a5a30, #5a3a18)}.gi--chest_box .gi-crate-body::after{content:"";position:absolute;width:2px;height:12px;top:0;left:11px;background:linear-gradient(180deg, #8a7040, #6a5028)}.gi--chest_box .gi-crate-lid{width:26px;height:8px;top:10px;left:7px;background:linear-gradient(180deg, #9a7a40, #8a6a38, #7a5a30);border-radius:3px 3px 0 0;border:1px solid #4a2a10;box-shadow:inset 0 2px 2px hsla(0,0%,100%,.1),0 1px 2px rgba(0,0,0,.2)}.gi--chest_box .gi-crate-lid::before{content:"";position:absolute;width:24px;height:1px;top:3px;left:0;background:linear-gradient(90deg, #6a4a28, #8a6a38, #6a4a28)}.gi--chest_box .gi-crate-lock{width:6px;height:6px;top:16px;left:17px;background:radial-gradient(circle at 35% 30%, #f0e0b0, #e8d898, #c9a55c);border-radius:1px;box-shadow:0 0 2px rgba(201,165,92,.4),inset 1px 1px 1px hsla(0,0%,100%,.3)}.gi--chest_box .gi-crate-lock::before{content:"";position:absolute;width:2px;height:2px;top:2px;left:2px;background:#8a6a30;border-radius:50%}.gi--sack{background:linear-gradient(170deg, #1a1610, #120e0a)}.gi--sack .gi-sack-body{width:20px;height:20px;top:14px;left:10px;background:radial-gradient(ellipse at 40% 40%, #b8a060, #a08050, #7a5a30);border-radius:40% 40% 45% 45%;box-shadow:inset 2px 2px 3px hsla(0,0%,100%,.08),inset -2px -2px 3px rgba(0,0,0,.2),0 1px 3px rgba(0,0,0,.3)}.gi--sack .gi-sack-body::before{content:"";position:absolute;width:4px;height:8px;top:3px;left:3px;background:linear-gradient(180deg, rgba(180, 160, 100, 0.25), transparent);border-radius:50%}.gi--sack .gi-sack-body::after{content:"";position:absolute;width:12px;height:1px;top:8px;left:4px;background:rgba(100,80,40,.25)}.gi--sack .gi-sack-tie{width:10px;height:6px;top:10px;left:15px;background:linear-gradient(180deg, #7a5a30, #6a4a28);border-radius:50%;border:2px solid #8a6a40;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.1)}.gi--sack .gi-sack-tie::before{content:"";position:absolute;width:4px;height:3px;top:-4px;left:2px;background:#7a5a30;border-radius:1px}.gi--coin{background:linear-gradient(170deg, #1a1810, #12100a)}.gi--coin .gi-coin-body{width:20px;height:20px;top:10px;left:10px;background:radial-gradient(circle at 35% 30%, #ffe860, #ffd700, #c9a520, #aa8510);border-radius:50%;border:2px solid #aa8510;box-shadow:inset 2px 2px 3px hsla(0,0%,100%,.25),inset -2px -2px 3px rgba(0,0,0,.2),0 1px 3px rgba(0,0,0,.4)}.gi--coin .gi-coin-body::before{content:"";position:absolute;width:4px;height:6px;top:2px;left:3px;background:linear-gradient(180deg, rgba(255, 255, 255, 0.3), transparent);border-radius:50%}.gi--coin .gi-coin-body::after{content:"";position:absolute;width:14px;height:14px;top:1px;left:1px;border:1px solid rgba(170,130,20,.3);border-radius:50%}.gi--coin .gi-coin-symbol{width:8px;height:10px;top:15px;left:16px}.gi--coin .gi-coin-symbol::after{content:"";position:absolute;top:1px;left:2px;width:4px;height:8px;border:2px solid rgba(136,101,16,.7);border-radius:50%;background:rgba(0,0,0,0)}.gi--key{background:linear-gradient(170deg, #1a1810, #12100a)}.gi--key .gi-key-bow{width:12px;height:12px;top:5px;left:8px;border:3px solid #c9a55c;border-radius:50%;background:rgba(0,0,0,0);box-shadow:inset 0 2px 2px hsla(0,0%,100%,.2),inset 0 -2px 2px rgba(0,0,0,.2),0 0 3px rgba(201,165,92,.3)}.gi--key .gi-key-bow::before{content:"";position:absolute;width:3px;height:4px;top:0;left:1px;background:linear-gradient(180deg, rgba(232, 216, 152, 0.3), transparent);border-radius:50%}.gi--key .gi-key-shaft{width:3px;height:16px;top:16px;left:13px;background:linear-gradient(90deg, #b09040, #d8c070, #b09040);box-shadow:0 0 1px rgba(201,165,92,.3)}.gi--key .gi-key-shaft::before{content:"";position:absolute;width:1px;height:14px;top:1px;left:1px;background:linear-gradient(180deg, rgba(232, 216, 152, 0.3), transparent)}.gi--key .gi-key-bit{width:8px;height:3px;top:28px;left:13px;background:linear-gradient(180deg, #d8c070, #c9a55c);border-radius:0 2px 2px 0;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.2)}.gi--key .gi-key-bit::after{content:"";position:absolute;top:-5px;left:0;width:6px;height:3px;background:linear-gradient(180deg, #d8c070, #c9a55c);border-radius:0 2px 2px 0;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.15)}.gi--food{background:linear-gradient(170deg, #1a1610, #120e0a)}.gi--food .gi-food-bread{width:22px;height:14px;top:16px;left:9px;background:radial-gradient(ellipse at 45% 25%, #e8c060, #d8a850, #c09038, #b08030);border-radius:50% 50% 30% 30%;box-shadow:inset 2px 2px 3px hsla(0,0%,100%,.1),inset -2px -2px 3px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.3)}.gi--food .gi-food-bread::before{content:"";position:absolute;width:14px;height:2px;top:4px;left:4px;background:linear-gradient(90deg, transparent, rgba(180, 120, 40, 0.4), transparent);border-radius:50%}.gi--food .gi-food-bread::after{content:"";position:absolute;width:4px;height:5px;top:1px;left:4px;background:linear-gradient(180deg, rgba(240, 200, 100, 0.3), transparent);border-radius:50%}.gi--food .gi-food-steam{width:4px;height:8px;top:6px;left:14px;border-left:2px solid rgba(200,200,200,.3);border-radius:50%}.gi--food .gi-food-steam::before{content:"";position:absolute;top:-3px;left:0;width:3px;height:5px;border-left:1px solid rgba(200,200,200,.15);border-radius:50%}.gi--food .gi-food-steam::after{content:"";position:absolute;top:-2px;left:6px;width:4px;height:7px;border-left:2px solid rgba(200,200,200,.2);border-radius:50%}.gi--attack{background:linear-gradient(170deg, #2a1a1a, #1a0e0e)}.gi--attack .gi-ca-sword{width:4px;height:22px;top:4px;left:12px;background:linear-gradient(90deg, #b0b8c4, #e0e8f0, #b0b8c4);transform:rotate(-35deg);transform-origin:bottom center;border-radius:1px;box-shadow:0 0 3px rgba(200,210,220,.3),inset 0 0 1px hsla(0,0%,100%,.2)}.gi--attack .gi-ca-sword::before{content:"";position:absolute;width:1px;height:18px;top:1px;left:2px;background:linear-gradient(180deg, rgba(255, 255, 255, 0.4), transparent)}.gi--attack .gi-ca-sword::after{content:"";position:absolute;width:8px;height:2px;bottom:-1px;left:-2px;background:linear-gradient(90deg, #a08040, #c9a55c, #a08040);border-radius:1px}.gi--attack .gi-ca-slash{width:20px;height:20px;top:4px;left:14px;border-top:2px solid rgba(255,220,100,.7);border-radius:50%;transform:rotate(-20deg);box-shadow:0 -2px 4px rgba(255,200,80,.2)}.gi--attack .gi-ca-slash::before{content:"";position:absolute;width:16px;height:16px;top:2px;left:2px;border-top:1px solid rgba(255,220,100,.3);border-radius:50%}.gi--defend{background:linear-gradient(170deg, #1a1a2a, #0e0e1a)}.gi--defend .gi-ca-shield{width:20px;height:24px;top:8px;left:10px;background:linear-gradient(160deg, #707890, #606880 40%, #404860);border-radius:3px 3px 50% 50%;border:2px solid #808898;box-shadow:inset 2px 2px 3px hsla(0,0%,100%,.12),inset -2px -2px 3px rgba(0,0,0,.25),0 2px 4px rgba(0,0,0,.4)}.gi--defend .gi-ca-shield::before{content:"";position:absolute;width:16px;height:1px;top:8px;left:0;background:linear-gradient(90deg, transparent, rgba(100, 110, 130, 0.3), transparent)}.gi--defend .gi-ca-shield::after{content:"";position:absolute;width:1px;height:18px;top:1px;left:7px;background:linear-gradient(180deg, rgba(100, 110, 130, 0.3), transparent)}.gi--defend .gi-ca-shine{width:6px;height:8px;top:12px;left:14px;background:linear-gradient(135deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));border-radius:50%}.gi--defend .gi-ca-shine::before{content:"";position:absolute;width:2px;height:3px;top:1px;left:1px;background:hsla(0,0%,100%,.2);border-radius:50%}.gi--flee{background:linear-gradient(170deg, #1a2a1a, #0e1a0e)}.gi--flee .gi-ca-boot{width:14px;height:12px;top:16px;left:16px;background:linear-gradient(160deg, #6a4a28, #5a3a20, #4a2a18);border-radius:2px 6px 2px 4px;box-shadow:inset 1px 1px 2px hsla(0,0%,100%,.08),inset -1px -1px 2px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.3)}.gi--flee .gi-ca-boot::before{content:"";position:absolute;width:10px;height:2px;top:2px;left:2px;background:linear-gradient(90deg, #5a3a20, #7a5a30, #5a3a20);border-radius:1px}.gi--flee .gi-ca-boot::after{content:"";position:absolute;bottom:0;left:-3px;width:17px;height:3px;background:linear-gradient(180deg, #4a3018, #3a2010);border-radius:2px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.05)}.gi--flee .gi-ca-dust{width:14px;height:12px;top:17px;left:3px;background:radial-gradient(ellipse at 60% 50%, rgba(160, 140, 100, 0.45), rgba(140, 120, 80, 0.2) 50%, transparent 80%);border-radius:50%}.gi--flee .gi-ca-dust::before{content:"";position:absolute;width:6px;height:5px;top:0px;left:0;background:radial-gradient(circle, rgba(160, 140, 100, 0.3), transparent);border-radius:50%;box-shadow:4px 4px 0 rgba(160,140,100,.15)}.gi--empty{background:#111;border-style:dashed}.gi--empty .gi-empty-x{width:16px;height:16px;top:12px;left:12px}.gi--empty .gi-empty-x::before,.gi--empty .gi-empty-x::after{content:"";position:absolute;width:16px;height:2px;top:7px;background:linear-gradient(90deg, #222, #3a3a3a, #222);border-radius:1px}.gi--empty .gi-empty-x::before{transform:rotate(45deg)}.gi--empty .gi-empty-x::after{transform:rotate(-45deg)}.mail-page{max-width:700px;margin:0 auto;padding:1rem}.mail-tabs{display:flex;gap:.5rem;margin-bottom:1rem;border-bottom:1px solid #3a3020;padding-bottom:.5rem}.mail-tab{padding:.4rem .8rem;background:#1a1510;border:1px solid #3a3020;border-radius:4px 4px 0 0;color:#b0a080;cursor:pointer;font-size:.85rem;transition:background .2s,color .2s}.mail-tab:hover{background:#2a2518;color:#d0c090}.mail-tab--active{background:#2a2518;color:#e8d080;border-bottom-color:#2a2518}.mail-empty{text-align:center;color:#8a7a62;padding:2rem;font-style:italic}.mail-list{display:flex;flex-direction:column;gap:2px}.mail-item{display:grid;grid-template-columns:120px 1fr auto;gap:.5rem;padding:.5rem .6rem;background:#1a1510;border:1px solid #2a2018;border-radius:4px;cursor:pointer;transition:background .2s;align-items:center}.mail-item:hover{background:#2a2518}.mail-item--unread{border-left:3px solid #e8d080}.mail-item--unread .mail-item__from,.mail-item--unread .mail-item__subject{font-weight:600}.mail-item__from{color:#c9a55c;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-item__subject{color:#d0c0a0;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-item__meta{color:#8a7a62;font-size:.75rem;white-space:nowrap;display:flex;align-items:center;gap:.3rem}.mail-item__date{font-size:.72rem}.mail-view{background:#1a1510;border:1px solid #2a2018;border-radius:6px;padding:1rem}.mail-view__header{border-bottom:1px solid #2a2018;padding-bottom:.5rem;margin-bottom:.6rem;font-size:.85rem;color:#b0a080;display:flex;flex-direction:column;gap:.2rem}.mail-view__date{color:#8a7a62;font-size:.75rem}.mail-view__body{white-space:pre-wrap;color:#d0c0a0;font-size:.88rem;padding:.6rem 0;min-height:3rem;line-height:1.5}.mail-view__attachment{display:flex;align-items:center;gap:.6rem;background:#22201a;border:1px solid #3a3020;border-radius:4px;padding:.5rem;margin-top:.5rem}.mail-view__att-info{flex:1;font-size:.85rem;color:#d0c0a0}.mail-view__att-price{color:#c9a55c;font-size:.8rem}.mail-view__actions{display:flex;gap:.5rem;margin-top:.8rem;flex-wrap:wrap}.mail-compose{background:#1a1510;border:1px solid #2a2018;border-radius:6px;padding:1rem}.mail-att-section{border:1px solid #2a2018;border-radius:4px;padding:.6rem;margin-top:.5rem}.mail-att-section legend{color:#c9a55c;font-size:.85rem;padding:0 .3rem}.mail-pagination{display:flex;gap:.3rem;justify-content:center;margin-top:.6rem}.mail-page-btn{padding:.2rem .5rem;background:#1a1510;border:1px solid #3a3020;border-radius:3px;color:#b0a080;cursor:pointer;font-size:.8rem}.mail-page-btn:hover{background:#2a2518}.mail-page-btn--active{background:#2a2518;color:#e8d080;border-color:#c9a55c}.profile__id{color:#8a7a62;font-size:.75rem;font-weight:normal}.alli-page{display:flex;flex-direction:column;gap:16px;max-width:960px;margin:0 auto;color:#d4c4a0}.alli-section-title{font-family:"MedievalSharp","Georgia",serif;font-size:1.15rem;color:#f0dca0;margin:16px 0 8px}.alli-empty-text{font-size:.8rem;color:#8a7a62;text-align:center;padding:24px}.alli-badge{display:inline-block;padding:1px 4px;font-size:.7rem;border-radius:3px;color:#8a7a62}.alli-badge--leader{color:#c9a84c}.alli-badge--officer{color:#2196f3}.alli-pin-icon{margin-right:4px}.alli-no-alliance{text-align:center;padding:32px}.alli-create-form{background:#352a1e;border:1px solid #5a4a36;border-radius:4px;padding:24px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.05),0 2px 8px rgba(0,0,0,.3);max-width:400px;margin:16px auto;text-align:left}.alli-create-form h3{font-family:"MedievalSharp","Georgia",serif;color:#f0dca0;margin-bottom:16px}.alli-info__row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.alli-info__label{color:#8a7a62;font-size:.8rem;min-width:100px}.alli-info__value{flex:1;font-size:.95rem}.alli-member--header{font-weight:600;font-size:.7rem;text-transform:uppercase;color:#8a7a62;background:#2a2018;border-color:rgba(0,0,0,0);letter-spacing:.03em}.alli-member--header:hover{background:#2a2018;border-color:rgba(0,0,0,0)}.alli-member__name{flex:1 1 140px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.alli-member__level{width:40px;text-align:center}.alli-member__role{width:100px}.alli-member__joined{font-size:.7rem;color:#8a7a62;width:100px}.alli-member__actions{display:flex;flex-wrap:wrap;gap:4px;margin-left:auto}.alli-forum__header{display:flex;justify-content:flex-end;margin-bottom:8px}.alli-forum__list{display:flex;flex-direction:column;gap:8px}.alli-forum-compose{background:#352a1e;border:1px solid #5a4a36;border-radius:4px;padding:16px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.05),0 2px 8px rgba(0,0,0,.3);background:#1a1410;margin-bottom:16px}.alli-forum-pager{display:flex;gap:4px;justify-content:center;margin-top:16px}.alli-forum-page-btn{padding:4px 8px;border:1px solid #5a4a36;border-radius:4px;cursor:pointer;font-size:.8rem;color:#8a7a62;transition:all 150ms ease}.alli-forum-page-btn:hover{border-color:#c9a84c;color:#d4c4a0}.alli-forum-page-btn--active{background:#c9a84c;border-color:#c9a84c;color:#1a1410;font-weight:600}.alli-post{background:#352a1e;border:1px solid #5a4a36;border-radius:4px;padding:16px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.05),0 2px 8px rgba(0,0,0,.3);margin-bottom:8px;background:#1a1410}.alli-post--op{background:#2a2018;margin-bottom:16px}.alli-post--pinned{border-color:#c9a84c}.alli-post__header{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:.8rem}.alli-post__date{color:#8a7a62;font-size:.7rem}.alli-post__title{font-family:"MedievalSharp","Georgia",serif;font-size:1.15rem;color:#f0dca0;margin:0 0 8px}.alli-post__body{font-size:.95rem;color:#d4c4a0;line-height:1.6;white-space:pre-wrap}.alli-post__mod{display:flex;gap:4px;margin-top:8px;padding-top:8px;border-top:1px solid #5a4a36}.alli-reply-form{margin-top:16px}.alli-storage__grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(80px, 1fr));gap:8px;margin-bottom:16px}.alli-storage__item{background:#352a1e;border:1px solid #5a4a36;border-radius:4px;padding:8px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.05),0 2px 8px rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;background:#1a1410;text-align:center;transition:border-color 150ms ease}.alli-storage__item:hover{border-color:#c9a84c}.alli-storage__icon{font-size:1.5rem}.alli-storage__qty{font-size:.7rem;color:#8a7a62}.alli-storage__name{font-size:10px;color:#8a7a62;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.alli-storage__withdraw,.alli-storage__deposit{background:#352a1e;border:1px solid #5a4a36;border-radius:4px;padding:16px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.05),0 2px 8px rgba(0,0,0,.3);background:#1a1410;margin-top:16px}.alli-storage__withdraw h4,.alli-storage__deposit h4{font-family:"MedievalSharp","Georgia",serif;color:#f0dca0;margin-bottom:8px}.alli-storage__form{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end}.pvp-page{display:flex;flex-direction:column;gap:16px;max-width:960px;margin:0 auto;color:#d4c4a0}.pvp-tabs{display:flex;flex-wrap:wrap;gap:0;background:#1a1410;border:1px solid #5a4a36;border-radius:4px 4px 0 0;border-bottom:1px solid #5a4a36}.pvp-tab{padding:8px 16px;font-size:.8rem;font-family:inherit;color:#8a7a62;cursor:pointer;background:rgba(0,0,0,0);border:none;border-bottom:2px solid rgba(0,0,0,0);transition:color 150ms ease,border-color 150ms ease}.pvp-tab:hover{color:#d4c4a0}.pvp-tab--active{color:#c9a84c;border-bottom-color:#c9a84c}.pvp-info-bar{display:flex;flex-wrap:wrap;gap:8px 24px;padding:8px 16px;background:#1a1410;border:1px solid #5a4a36;border-radius:4px;font-size:.8rem;color:#8a7a62;margin-bottom:8px}.pvp-requests{display:flex;flex-direction:column;gap:8px}.pvp-section-title{font-family:"MedievalSharp","Georgia",serif;color:#f0dca0;font-size:.95rem;margin:8px 0 0}.pvp-my-request{background:#352a1e;border:1px solid #5a4a36;border-radius:4px;padding:16px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.05),0 2px 8px rgba(0,0,0,.3);border-color:#c9a84c;background:linear-gradient(160deg, rgba(201, 168, 76, 0.08) 0%, #352a1e 50%)}.pvp-my-request__active{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.pvp-my-request__active h4{color:#c9a84c;font-family:"MedievalSharp","Georgia",serif;margin:0}.pvp-request-card{background:#352a1e;border:1px solid #5a4a36;border-radius:4px;padding:16px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.05),0 2px 8px rgba(0,0,0,.3);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;transition:border-color 150ms ease,transform 150ms ease}.pvp-request-card:hover{border-color:#7a6a52;transform:translateY(-1px)}.pvp-request-card__info{display:flex;flex-direction:column;gap:2px}.pvp-request-card__name{font-family:"MedievalSharp","Georgia",serif;font-size:1.15rem;color:#c9a84c}.pvp-request-card__meta{font-size:.8rem;color:#8a7a62}.pvp-empty{padding:16px;text-align:center;color:#8a7a62;font-style:italic}.pvp-combat{display:flex;flex-direction:column;gap:16px}.pvp-combat__header{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:#1a1410;border:1px solid #5a4a36;border-radius:4px}.pvp-turn{font-family:"MedievalSharp","Georgia",serif;font-size:1.15rem}.pvp-turn--mine{color:#c9a84c}.pvp-turn--wait{color:#8a7a62}.pvp-turn-num{font-size:.8rem;color:#8a7a62}.pvp-arena{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:start}@media(max-width: 520px){.pvp-arena{grid-template-columns:1fr}.pvp-arena .pvp-vs{display:none}}.pvp-vs{font-family:"MedievalSharp","Georgia",serif;font-size:1.4rem;color:#c9a84c;align-self:center;text-shadow:0 0 8px rgba(201,168,76,.4)}.pvp-fighter{background:#352a1e;border:1px solid #5a4a36;border-radius:4px;padding:16px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.05),0 2px 8px rgba(0,0,0,.3);display:flex;flex-direction:column;gap:8px;min-width:0;position:relative}.pvp-fighter--opp{border-color:rgba(194,48,48,.35)}.pvp-fighter--me{border-color:rgba(48,96,192,.35)}.pvp-fighter__name{font-family:"MedievalSharp","Georgia",serif;font-size:1.15rem;color:#f0dca0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pvp-fighter__name small{font-size:.8rem;color:#8a7a62;margin-left:4px}.pvp-bar{display:flex;align-items:center;gap:4px;font-size:.7rem}.pvp-bar__label{min-width:52px;color:#8a7a62;text-align:right}.pvp-bar__track{flex:1;height:10px;background:#1a1410;border-radius:4px;overflow:hidden;border:1px solid #5a4a36}.pvp-bar__track.bar-hp .pvp-bar__fill{background:#c23030}.pvp-bar__track.bar-mana .pvp-bar__fill{background:#3060c0}.pvp-bar__track.bar-stamina .pvp-bar__fill{background:#30a030}.pvp-bar__fill{height:100%;transition:width .3s ease}.pvp-bar__num{min-width:60px;text-align:right;color:#e8dcc0}.pvp-floating{position:absolute;top:0;right:8px;pointer-events:none}.float-num{display:inline-block;font-family:"MedievalSharp","Georgia",serif;font-size:1.15rem;font-weight:700;animation:pvp-float-up 1.2s ease-out forwards;position:absolute;right:0}@keyframes pvp-float-up{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-40px)}}.pvp-log{background:#352a1e;border:1px solid #5a4a36;border-radius:4px;padding:8px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.05),0 2px 8px rgba(0,0,0,.3);background:#1a1410;max-height:200px;overflow-y:auto}.pvp-log::-webkit-scrollbar{width:6px}.pvp-log::-webkit-scrollbar-track{background:#1a1410}.pvp-log::-webkit-scrollbar-thumb{background:#5a4a36;border-radius:3px}.pvp-log{font-size:.8rem;line-height:1.55;color:#d4c4a0}.pvp-log__line{padding:2px 0;border-bottom:1px solid rgba(90,74,54,.3)}.pvp-log__line:last-child{border-bottom:none}.pvp-log--system{color:#8a7a62;font-style:italic}.pvp-log--attack{color:#e8dcc0}.pvp-log--crit{color:#c9a84c;font-weight:600}.pvp-log--skill{color:#3060c0}.pvp-log--heal{color:#4caf50}.pvp-log--defend{color:#2196f3}.pvp-log--bonus{color:#c9a84c;font-style:italic}.pvp-log--victory{color:#4caf50;font-weight:700}.pvp-log--error{color:#f44336}.pvp-bottom{display:flex;flex-direction:column;gap:8px}.pvp-action-btns{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.pvp-action-btn{background:#352a1e;border:1px solid #5a4a36;border-radius:4px;padding:8px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.05),0 2px 8px rgba(0,0,0,.3);display:flex;flex-direction:column;align-items:center;gap:4px;min-width:80px;cursor:pointer;border-color:#5a4a36;background:#352a1e;color:#e8dcc0;font-size:.8rem;transition:border-color 150ms ease,transform 150ms ease}.pvp-action-btn:hover:not([disabled]){border-color:#c9a84c;transform:translateY(-2px)}.pvp-action-btn[disabled]{opacity:.4;cursor:not-allowed}.pvp-slots{display:flex;flex-wrap:wrap;justify-content:center;gap:4px}.pvp-slot{width:44px;height:44px;background:#352a1e;border:1px solid #5a4a36;border-radius:4px;padding:4px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.05),0 2px 8px rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:border-color 150ms ease}.pvp-slot:hover:not([disabled]){border-color:#c9a84c}.pvp-slot[disabled],.pvp-slot--disabled{opacity:.35;cursor:not-allowed}.pvp-slot--empty{opacity:.2;cursor:default}.pvp-slot__cd{position:absolute;bottom:-2px;right:-2px;font-size:9px;background:#1a1410;color:#c23030;padding:0 3px;border-radius:3px}.pvp-waiting{text-align:center;padding:16px;color:#8a7a62;font-style:italic;font-size:.95rem;animation:pvp-pulse 1.5s ease-in-out infinite}@keyframes pvp-pulse{0%,100%{opacity:.5}50%{opacity:1}}.pvp-leaderboard{display:flex;flex-direction:column;gap:8px}.pvp-lb-table{background:#352a1e;border:1px solid #5a4a36;border-radius:4px;padding:0;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.05),0 2px 8px rgba(0,0,0,.3);overflow:hidden}.pvp-lb-row{display:grid;grid-template-columns:3rem 1fr 3rem 5rem;align-items:center;background:#352a1e;transition:background 150ms ease}.pvp-lb-row:nth-child(even){background:#2a2018}.pvp-lb-row:hover{background:#3d3024}.pvp-lb-row>span{padding:8px 16px;border-bottom:1px solid #5a4a36;font-size:.8rem}.pvp-lb-row--header>span{font-weight:600;color:#f0dca0;background:#1a1410}.pvp-lb-row--me{background:rgba(201,168,76,.1) !important;box-shadow:inset 3px 0 0 #c9a84c}.pvp-lb-rank{font-family:"MedievalSharp","Georgia",serif;color:#c9a84c;text-align:center}.pvp-lb-score{text-align:right;color:#e8dcc0}.pvp-shop{display:flex;flex-direction:column;gap:16px}.pvp-shop-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(200px, 1fr));gap:16px}.pvp-shop-card{background:#352a1e;border:1px solid #5a4a36;border-radius:4px;padding:16px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.05),0 2px 8px rgba(0,0,0,.3);display:flex;flex-direction:column;gap:8px;transition:border-color 150ms ease,transform 150ms ease}.pvp-shop-card:hover{border-color:#c9a84c;transform:translateY(-2px)}.pvp-shop-card__icon{font-size:2rem;text-align:center}.pvp-shop-card__name{font-family:"MedievalSharp","Georgia",serif;color:#f0dca0;text-align:center}.pvp-shop-card__desc{flex:1;font-size:.8rem;color:#8a7a62;text-align:center}.pvp-shop-card__price{text-align:center;color:#c9a84c;font-size:.8rem}.pvp-season{display:flex;flex-direction:column;gap:8px}.pvp-season-info{background:#352a1e;border:1px solid #5a4a36;border-radius:4px;padding:16px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.05),0 2px 8px rgba(0,0,0,.3);border-color:#c9a84c;background:linear-gradient(180deg, rgba(201, 168, 76, 0.06), #352a1e)}.pvp-season-row{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px solid rgba(90,74,54,.3);font-size:.8rem}.pvp-season-row:last-child{border-bottom:none}.pvp-season-label{color:#8a7a62}.pvp-season-value{color:#e8dcc0}.pvp-result{position:fixed;inset:0;z-index:900;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(12,10,8,.88);backdrop-filter:blur(3px)}.pvp-result__card{background:#352a1e;border:1px solid #5a4a36;border-radius:4px;padding:32px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.05),0 2px 8px rgba(0,0,0,.3);max-width:420px;width:100%;text-align:center;border-width:2px}.pvp-result__card h2{font-family:"MedievalSharp","Georgia",serif;font-size:1.4rem;margin-bottom:16px}.pvp-result__card p{font-size:.95rem;color:#d4c4a0;margin-bottom:24px}.pvp-result__points{font-family:"MedievalSharp","Georgia",serif;font-size:1.15rem;margin-bottom:16px}.pvp-result__points--loss{color:#f44336}.pvp-result--victory .pvp-result__card{border-color:#4caf50;background:linear-gradient(160deg, rgba(76, 175, 80, 0.15) 0%, rgba(201, 168, 76, 0.1) 45%, #352a1e 100%);box-shadow:0 0 24px rgba(76,175,80,.2),inset 0 0 0 1px rgba(201,168,76,.2)}.pvp-result--victory .pvp-result__card h2{color:#f0dca0;text-shadow:0 0 12px rgba(76,175,80,.45)}.pvp-result--defeat .pvp-result__card{border-color:#f44336;background:linear-gradient(165deg, rgba(244, 67, 54, 0.18) 0%, #352a1e 55%);box-shadow:0 0 20px rgba(244,67,54,.15)}.pvp-result--defeat .pvp-result__card h2{color:#f44336}.pvp-result--draw .pvp-result__card{border-color:#8a7a62;background:#352a1e}.pvp-result--draw .pvp-result__card h2{color:#8a7a62}.craft-page{display:flex;flex-direction:column;gap:16px;max-width:960px;margin:0 auto;color:#d4c4a0}.craft-filters{display:flex;flex-wrap:wrap;gap:4px}.craft-filter{padding:4px 16px;font-size:.8rem;font-family:inherit;color:#8a7a62;cursor:pointer;background:#1a1410;border:1px solid #5a4a36;border-radius:4px;transition:all 150ms ease}.craft-filter:hover{color:#d4c4a0;border-color:#7a6a52}.craft-filter--active{color:#c9a84c;border-color:#c9a84c;background:rgba(201,168,76,.08)}.craft-list{display:grid;grid-template-columns:repeat(auto-fill, minmax(320px, 1fr));gap:16px}.craft-empty{grid-column:1/-1;text-align:center;padding:32px;color:#8a7a62;font-style:italic}.craft-card{background:#352a1e;border:1px solid #5a4a36;border-radius:4px;padding:16px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.05),0 2px 8px rgba(0,0,0,.3);display:flex;flex-direction:column;gap:8px;transition:border-color 150ms ease,transform 150ms ease,box-shadow 150ms ease}.craft-card:hover{border-color:#7a6a52;transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.3)}.craft-card__header{display:flex;gap:16px;align-items:flex-start}.craft-card__result-icon{flex-shrink:0;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:#1a1410;border:1px solid #5a4a36;border-radius:4px;font-size:1.8rem}.craft-card__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.craft-card__name{font-family:"MedievalSharp","Georgia",serif;font-size:1.15rem;color:#f0dca0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.craft-card__meta{display:flex;flex-wrap:wrap;gap:4px 8px;font-size:.7rem;color:#8a7a62;align-items:center}.craft-card__rarity{font-weight:600}.craft-card__desc{font-size:.8rem;color:#8a7a62;line-height:1.4;margin-top:2px}.craft-card__ingredients{display:flex;flex-direction:column;gap:4px;padding:8px;background:#1a1410;border:1px solid #5a4a36;border-radius:4px}.craft-card__ig-title{font-size:.7rem;color:#8a7a62;text-transform:uppercase;letter-spacing:.05em}.craft-card__footer{margin-top:auto;display:flex;justify-content:flex-end}.craft-tag{padding:1px 6px;border-radius:3px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.craft-tag--craft{background:rgba(201,168,76,.15);color:#c9a84c;border:1px solid rgba(201,168,76,.3)}.craft-tag--alchemy{background:rgba(48,96,192,.15);color:#3060c0;border:1px solid rgba(48,96,192,.3)}.craft-ig{display:flex;align-items:center;gap:8px;font-size:.8rem;padding:3px 0}.craft-ig__icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:1rem}.craft-ig__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.craft-ig__qty{flex-shrink:0;font-family:"MedievalSharp","Georgia",serif;min-width:50px;text-align:right}.craft-ig--ok{color:#4caf50}.craft-ig--ok .craft-ig__qty{color:#4caf50}.craft-ig--lack{color:#f44336}.craft-ig--lack .craft-ig__qty{color:#f44336}.rarity-uncommon{color:#4a4 !important}.rarity-rare{color:#48f !important}.rarity-epic{color:#a4f !important}.rarity-legendary{color:#c9a84c !important;text-shadow:0 0 6px rgba(201,168,76,.4)}.craft-card.rarity-rare{border-color:rgba(68,136,255,.3)}.craft-card.rarity-epic{border-color:rgba(170,68,255,.3)}.craft-card.rarity-legendary{border-color:rgba(201,168,76,.4)}.craft-result{position:fixed;inset:0;z-index:900;pointer-events:none}.craft-result.hidden{display:none}.craft-result__overlay{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:rgba(10,8,6,.75);backdrop-filter:blur(2px);animation:craft-fade-in .3s ease}.craft-result__card{background:#352a1e;border:1px solid #5a4a36;border-radius:4px;padding:32px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.05),0 2px 8px rgba(0,0,0,.3);text-align:center;border-color:#c9a84c;background:linear-gradient(160deg, rgba(201, 168, 76, 0.12) 0%, #352a1e 50%);box-shadow:0 0 40px rgba(201,168,76,.2);animation:craft-pop .5s ease}.craft-result__icon{font-size:3rem;margin-bottom:8px;animation:craft-glow 1s ease-in-out infinite alternate}.craft-result__title{font-family:"MedievalSharp","Georgia",serif;font-size:1.4rem;color:#c9a84c;margin-bottom:4px;text-shadow:0 0 12px rgba(201,168,76,.5)}.craft-result__name{font-family:"MedievalSharp","Georgia",serif;font-size:1.15rem;color:#f0dca0}@keyframes craft-fade-in{from{opacity:0}to{opacity:1}}@keyframes craft-pop{0%{transform:scale(0.5);opacity:0}60%{transform:scale(1.1)}100%{transform:scale(1);opacity:1}}@keyframes craft-glow{from{filter:brightness(1)}to{filter:brightness(1.3)}}#toast-container{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column-reverse;gap:8px;pointer-events:none;max-width:360px}.toast{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:4px;background:#352a1e;border:1px solid #5a4a36;color:#e8dcc0;font-size:.8rem;box-shadow:0 4px 16px rgba(0,0,0,.5);transform:translateX(120%);opacity:0;transition:transform .3s ease,opacity .3s ease;pointer-events:auto}.toast--visible{transform:translateX(0);opacity:1}.toast--exit{transform:translateX(120%);opacity:0}.toast__icon{font-size:1.15rem;flex-shrink:0;width:24px;text-align:center}.toast__msg{flex:1;line-height:1.4}.toast--success{border-color:#4caf50}.toast--success .toast__icon{color:#4caf50}.toast--error{border-color:#f44336}.toast--error .toast__icon{color:#f44336}.toast--warning{border-color:#ff9800}.toast--warning .toast__icon{color:#ff9800}.toast--info{border-color:#2196f3}.toast--info .toast__icon{color:#2196f3}.toast--levelup{border-color:#c9a84c;background:linear-gradient(135deg, rgba(201, 168, 76, 0.15), #352a1e)}.toast--levelup .toast__icon{color:#c9a84c}.toast--levelup .toast__msg{color:#c9a84c;font-family:"MedievalSharp","Georgia",serif}.toast--loot{border-color:#2196f3}.toast--loot .toast__icon{color:#2196f3}.game-tooltip{position:fixed;z-index:10000;max-width:300px;min-width:180px;padding:8px 16px;background:rgba(26,20,16,.96);border:1px solid #c9a84c;border-radius:4px;box-shadow:0 4px 20px rgba(0,0,0,.6),inset 0 0 0 1px rgba(201,168,76,.1);pointer-events:none;font-size:.8rem;color:#d4c4a0;line-height:1.45}.tt-name{font-family:"MedievalSharp","Georgia",serif;font-size:.95rem;font-weight:700;margin-bottom:2px}.tt-sub{font-size:.7rem;color:#8a7a62;margin-bottom:4px;padding-bottom:4px;border-bottom:1px solid rgba(90,74,54,.4)}.tt-req{font-size:.7rem;color:#ff9800;margin-bottom:2px}.tt-desc{color:#8a7a62;font-style:italic;margin:4px 0;font-size:.7rem}.tt-stats{margin-top:4px;padding-top:4px;border-top:1px solid rgba(90,74,54,.3)}.tt-stat{display:flex;justify-content:space-between;padding:1px 0}.tt-stat-name{color:#8a7a62}.tt-stat-val{color:#4caf50;font-family:"MedievalSharp","Georgia",serif}.tt-heal{color:#4caf50;font-size:.7rem}.rarity-border--1{border-color:#999 !important}.rarity-border--2{border-color:#4caf50 !important}.rarity-border--3{border-color:#2196f3 !important}.rarity-border--4{border-color:#9c27b0 !important}.rarity-border--5{border-color:#ff9800 !important}.rarity-border--6{border-color:gold !important;box-shadow:0 0 8px rgba(255,215,0,.4),inset 0 0 4px rgba(255,215,0,.15) !important}.rarity-text--1{color:#999}.rarity-text--2{color:#4caf50}.rarity-text--3{color:#2196f3}.rarity-text--4{color:#9c27b0}.rarity-text--5{color:#ff9800}.rarity-text--6{color:gold;text-shadow:0 0 6px rgba(255,215,0,.4)}.page-title{font-family:"Uncial Antiqua","MedievalSharp",serif;font-size:1.4rem;color:#f0dca0;text-shadow:0 2px 8px rgba(0,0,0,.5);position:relative;text-align:center;padding-bottom:8px}.page-title::after{content:"";display:block;width:60%;max-width:200px;height:2px;margin:8px auto 0;background:linear-gradient(90deg, transparent, #c9a84c, transparent)}.panel-divider{width:100%;height:1px;background:linear-gradient(90deg, transparent, #5a4a36, transparent);margin:16px 0}.combat-sprite--hit{animation:sprite-shake .4s ease}@keyframes sprite-shake{0%,100%{transform:translateX(0)}15%{transform:translateX(-10px) rotate(-2deg)}30%{transform:translateX(8px) rotate(1deg)}45%{transform:translateX(-6px)}60%{transform:translateX(4px)}75%{transform:translateX(-2px)}}.combat-bar__track.bar-hp--critical .combat-bar__fill{animation:hp-pulse .8s ease-in-out infinite alternate}@keyframes hp-pulse{from{filter:brightness(1)}to{filter:brightness(1.5);box-shadow:0 0 8px rgba(194,48,48,.6)}}.combat-spell-effect{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);pointer-events:none;z-index:5}.combat-spell-effect--fire{width:60px;height:60px;border-radius:50%;background:radial-gradient(circle, #ff6600 0%, #ff3300 40%, transparent 70%);animation:spell-fire .6s ease-out forwards;box-shadow:0 0 30px #f40,0 0 60px rgba(255,68,0,.3)}.combat-spell-effect--ice{width:50px;height:50px;background:radial-gradient(circle, #aaeeff 0%, #4488ff 50%, transparent 75%);animation:spell-ice .5s ease-out forwards;clip-path:polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%)}.combat-spell-effect--lightning{width:4px;height:80px;background:linear-gradient(180deg, #fff, #88ccff, #4466ff);box-shadow:0 0 10px #6af,0 0 30px rgba(68,102,255,.5);animation:spell-bolt .3s ease-out forwards}@keyframes spell-fire{0%{transform:translate(-50%, -50%) scale(0.2);opacity:1}50%{transform:translate(-50%, -50%) scale(1.2);opacity:.8}100%{transform:translate(-50%, -50%) scale(1.5);opacity:0}}@keyframes spell-ice{0%{transform:translate(-50%, -50%) scale(0.3) rotate(0deg);opacity:1}100%{transform:translate(-50%, -50%) scale(1.4) rotate(72deg);opacity:0}}@keyframes spell-bolt{0%{transform:translate(-50%, -100%) scaleY(0.1);opacity:1}30%{transform:translate(-50%, -50%) scaleY(1);opacity:1}100%{transform:translate(-50%, 0%) scaleY(0.3);opacity:0}}@media(max-width: 1200px){.game-layout{grid-template-columns:260px 1fr !important}.game-layout .panel-right{position:fixed;right:-260px;top:60px;bottom:0;width:260px;z-index:100;background:#352a1e;border-left:1px solid #5a4a36;transition:right .3s ease;overflow-y:auto}.game-layout .panel-right.panel-right--open{right:0;box-shadow:-4px 0 20px rgba(0,0,0,.5)}}@media(max-width: 768px){.game-layout{grid-template-columns:1fr !important}.game-layout .panel-left{position:fixed;left:-280px;top:60px;bottom:0;width:280px;z-index:101;background:#352a1e;border-right:1px solid #5a4a36;transition:left .3s ease;overflow-y:auto}.game-layout .panel-left.panel-left--open{left:0;box-shadow:4px 0 20px rgba(0,0,0,.5)}.game-header{padding:4px 8px}#toast-container{right:8px;bottom:8px;max-width:280px}.combat-arena{flex-direction:column;gap:16px;padding:16px}.combat-vs{font-size:1.15rem}}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:"Georgia","Times New Roman",serif;font-size:.95rem;color:#d4c4a0;background:#1a1410;line-height:1.5;min-height:100vh;overflow-x:hidden}a{color:#c9a84c;text-decoration:none;transition:color 150ms ease}a:hover{color:#e8c84c}img{max-width:100%;height:auto}input,select,textarea,button{font-family:inherit;font-size:inherit}.app-preauth{display:flex;flex-direction:column;min-height:100vh}.header-preauth{display:flex;align-items:center;justify-content:space-between;height:60px;padding:0 24px;background:linear-gradient(180deg, #3d3024, #2a2018);border-bottom:2px solid #c9a84c;flex-shrink:0}.header-preauth__title{font-family:"Uncial Antiqua","MedievalSharp",serif;font-size:1.4rem;color:#c9a84c;text-shadow:0 1px 3px rgba(0,0,0,.5)}.header-preauth__nav{display:flex;gap:16px}.main-preauth{flex:1;display:flex;align-items:center;justify-content:center;padding:24px}.footer-preauth{padding:16px 24px;text-align:center;color:#8a7a62;font-size:.8rem;border-top:1px solid #5a4a36;background:#2a2018}.app-game{display:grid;grid-template-areas:"header header header" "left   center right" "chat   chat   chat";grid-template-columns:260px 1fr 220px;grid-template-rows:60px 1fr 360px;height:100vh;overflow:hidden}.header-game{grid-area:header;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:linear-gradient(180deg, #3d3024, #2a2018);border-bottom:2px solid #c9a84c;position:relative}.header-game__welcome{font-family:"MedievalSharp","Georgia",serif;color:#f0dca0;font-size:1.15rem}.header-game__welcome span{color:#c9a84c}.header-game__title{font-family:"Uncial Antiqua","MedievalSharp",serif;font-size:1.4rem;color:#c9a84c;text-shadow:0 1px 3px rgba(0,0,0,.5);position:absolute;left:50%;transform:translateX(-50%)}.header-game__nav{display:flex;gap:8px}.panel-left{grid-area:left;display:flex;flex-direction:column;background:#2a2018;border-right:1px solid #5a4a36;padding:16px;overflow-y:auto}.panel-left::-webkit-scrollbar{width:6px}.panel-left::-webkit-scrollbar-track{background:#1a1410}.panel-left::-webkit-scrollbar-thumb{background:#5a4a36;border-radius:3px}.panel-center{grid-area:center;overflow-y:auto;padding:16px}.panel-center::-webkit-scrollbar{width:6px}.panel-center::-webkit-scrollbar-track{background:#1a1410}.panel-center::-webkit-scrollbar-thumb{background:#5a4a36;border-radius:3px}.panel-right{grid-area:right;display:flex;flex-direction:column;background:#2a2018;border-left:1px solid #5a4a36;padding:16px;overflow-y:auto}.panel-right::-webkit-scrollbar{width:6px}.panel-right::-webkit-scrollbar-track{background:#1a1410}.panel-right::-webkit-scrollbar-thumb{background:#5a4a36;border-radius:3px}.panel-chat{grid-area:chat;display:flex;flex-direction:column;background:#2a2018;border-top:1px solid #5a4a36}.btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;background:linear-gradient(180deg, rgb(174.8936708861, 86.817721519, 23.9063291139), #8b4513, rgb(116.5664556962, 57.8639240506, 15.9335443038));border:1px solid hsl(25,75.9493670886%,15.9803921569%);border-radius:4px;color:#e8dcc0;font-family:"Georgia","Times New Roman",serif;font-size:.95rem;cursor:pointer;transition:all 150ms ease;text-decoration:none;box-shadow:0 2px 4px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.1)}.btn:hover{background:linear-gradient(180deg, rgb(192.8405063291, 95.7265822785, 26.3594936709), rgb(156.946835443, 77.9088607595, 21.453164557), #8b4513);box-shadow:0 3px 6px rgba(0,0,0,.4),inset 0 1px 0 hsla(0,0%,100%,.15)}.btn:active{transform:translateY(1px);box-shadow:0 1px 2px rgba(0,0,0,.3)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn--gold{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;background:linear-gradient(180deg, rgb(210.4557939914, 183.2343347639, 107.3442060086), #c9a84c, rgb(193.2124463519, 157.5922746781, 58.2875536481));border:1px solid hsl(44.16,53.6480686695%,39.3137254902%);border-radius:4px;color:#e8dcc0;font-family:"Georgia","Times New Roman",serif;font-size:.95rem;cursor:pointer;transition:all 150ms ease;text-decoration:none;box-shadow:0 2px 4px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.1)}.btn--gold:hover{background:linear-gradient(180deg, rgb(215.1836909871, 190.8515021459, 123.0163090129), rgb(205.7278969957, 175.617167382, 91.6721030043), #c9a84c);box-shadow:0 3px 6px rgba(0,0,0,.4),inset 0 1px 0 hsla(0,0%,100%,.15)}.btn--gold:active{transform:translateY(1px);box-shadow:0 1px 2px rgba(0,0,0,.3)}.btn--gold:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn--gold{color:#1a1410}.btn--danger{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;background:linear-gradient(180deg, rgb(209.9355371901, 72.8644628099, 72.8644628099), #c23030, rgb(173.5578512397, 42.9421487603, 42.9421487603));border:1px solid hsl(0,60.3305785124%,32.4509803922%);border-radius:4px;color:#e8dcc0;font-family:"Georgia","Times New Roman",serif;font-size:.95rem;cursor:pointer;transition:all 150ms ease;text-decoration:none;box-shadow:0 2px 4px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.1)}.btn--danger:hover{background:linear-gradient(180deg, rgb(213.9818181818, 89.2181818182, 89.2181818182), rgb(205.8892561983, 56.5107438017, 56.5107438017), #c23030);box-shadow:0 3px 6px rgba(0,0,0,.4),inset 0 1px 0 hsla(0,0%,100%,.15)}.btn--danger:active{transform:translateY(1px);box-shadow:0 1px 2px rgba(0,0,0,.3)}.btn--danger:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn--small{padding:4px 8px;font-size:.8rem}.panel{background:#352a1e;border:1px solid #5a4a36;border-radius:4px;padding:16px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.05),0 2px 8px rgba(0,0,0,.3)}.panel-title{background:linear-gradient(180deg, #3d3024, #2a2018);border-bottom:1px solid #5a4a36;padding:8px 16px;color:#f0dca0;font-family:"MedievalSharp","Georgia",serif;font-size:1.15rem;text-align:center}.bar-hp{position:relative;width:100%;height:18px;background:#4a1515;border:1px solid hsl(0,60.3305785124%,27.4509803922%);border-radius:2px;overflow:hidden}.bar-hp .bar-fill{height:100%;background:linear-gradient(180deg, rgb(211.958677686, 81.041322314, 81.041322314), #c23030);transition:width 300ms ease;min-width:0}.bar-hp .bar-text{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;font-size:.7rem;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8);pointer-events:none}.bar-mana{position:relative;width:100%;height:18px;background:#152050;border:1px solid rgb(27.6,55.2,110.4);border-radius:2px;overflow:hidden}.bar-mana .bar-fill{height:100%;background:linear-gradient(180deg, rgb(79.8, 123.6, 211.2), #3060c0);transition:width 300ms ease;min-width:0}.bar-mana .bar-text{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;font-size:.7rem;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8);pointer-events:none}.bar-stamina{position:relative;width:100%;height:18px;background:#104010;border:1px solid hsl(120,53.8461538462%,20.7843137255%);border-radius:2px;overflow:hidden}.bar-stamina .bar-fill{height:100%;background:linear-gradient(180deg, rgb(61.9230769231, 197.0769230769, 61.9230769231), #30a030);transition:width 300ms ease;min-width:0}.bar-stamina .bar-text{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;font-size:.7rem;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8);pointer-events:none}.bar-energy{position:relative;width:100%;height:18px;background:#504010;border:1px solid rgb(110.4,92,27.6);border-radius:2px;overflow:hidden}.bar-energy .bar-fill{height:100%;background:linear-gradient(180deg, rgb(211.2, 182, 79.8), #c0a030);transition:width 300ms ease;min-width:0}.bar-energy .bar-text{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;font-size:.7rem;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8);pointer-events:none}.bar-exp{position:relative;width:100%;height:18px;background:#333;border:1px solid #555;border-radius:2px;overflow:hidden}.bar-exp .bar-fill{height:100%;background:linear-gradient(180deg, rgb(161.5, 161.5, 161.5), #888888);transition:width 300ms ease;min-width:0}.bar-exp .bar-text{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;font-size:.7rem;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8);pointer-events:none}.char-info{display:flex;flex-direction:column;gap:8px}.char-info__avatar{width:80px;height:80px;border:1px solid #5a4a36;border-radius:3px;background:#1a1410;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;align-self:center;border-color:#c9a84c;border-radius:50%;padding:0}.char-info__name{text-align:center;font-family:"MedievalSharp","Georgia",serif;font-size:1.15rem;color:#f0dca0}.char-info__meta{text-align:center;font-size:.8rem;color:#8a7a62}.char-info__bars{display:flex;flex-direction:column;gap:4px}.char-info__bar-label{display:flex;align-items:center;justify-content:space-between;font-size:.7rem;color:#8a7a62;margin-bottom:2px}.char-info__currency{display:flex;align-items:center;justify-content:space-between;font-size:.8rem;padding-top:8px;border-top:1px solid #5a4a36}.mail-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#d32f2f;color:#fff;font-size:11px;font-weight:700;line-height:18px;text-align:center;pointer-events:none;box-shadow:0 0 6px rgba(211,47,47,.6)}.mail-badge--pulse{animation:mail-pulse 2s ease-in-out infinite}@keyframes mail-pulse{0%,100%{box-shadow:0 0 6px rgba(211,47,47,.6)}50%{box-shadow:0 0 14px rgba(211,47,47,.9),0 0 4px rgba(255,80,80,.5)}}.form-group{display:flex;flex-direction:column;gap:4px;margin-bottom:16px}.form-group label{font-size:.8rem;color:#8a7a62}.form-input{padding:8px;background:#1a1410;border:1px solid #5a4a36;border-radius:4px;color:#e8dcc0;transition:border-color 150ms ease}.form-input:focus{outline:none;border-color:#c9a84c}.form-input--error{border-color:#f44336}.form-select{padding:8px;background:#1a1410;border:1px solid #5a4a36;border-radius:4px;color:#e8dcc0;cursor:pointer}.form-select:focus{outline:none;border-color:#c9a84c}.form-error{font-size:.7rem;color:#f44336}.login-page{display:flex;gap:32px;align-items:center;max-width:860px;width:100%}@media(max-width: 768px){.login-page{flex-direction:column;gap:24px}}.game-intro{flex:1;min-width:0}.game-intro__title{font-family:"MedievalSharp","Georgia",serif;font-size:1.8rem;color:#f0dca0;margin-bottom:16px;line-height:1.3}.game-intro__text{color:#d4c4a0;line-height:1.7;margin-bottom:24px}.game-intro__stats{display:flex;gap:32px}.game-intro__stat{display:flex;flex-direction:column;align-items:center}.game-intro__stat-value{font-family:"MedievalSharp","Georgia",serif;font-size:1.8rem}.game-intro__stat-label{font-size:.8rem;color:#8a7a62}.auth-box{background:#352a1e;border:1px solid #5a4a36;border-radius:4px;padding:24px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.05),0 2px 8px rgba(0,0,0,.3);width:100%;max-width:420px;flex-shrink:0}.auth-box__title{font-family:"MedievalSharp","Georgia",serif;font-size:1.4rem;color:#f0dca0;text-align:center;margin-bottom:24px}.register-box{background:#352a1e;border:1px solid #5a4a36;border-radius:4px;padding:24px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.05),0 2px 8px rgba(0,0,0,.3);width:100%;max-width:900px}.register-layout{display:flex;gap:24px}@media(max-width: 768px){.register-layout{flex-direction:column}}.register-form{flex:1;min-width:0}.register-aside{background:#352a1e;border:1px solid #5a4a36;border-radius:4px;padding:16px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.05),0 2px 8px rgba(0,0,0,.3);width:260px;flex-shrink:0;align-self:flex-start;position:sticky;top:16px}@media(max-width: 768px){.register-aside{width:100%;position:static}}.register-section{border:1px solid #5a4a36;border-radius:4px;padding:16px;margin-bottom:16px}.register-section legend{font-family:"MedievalSharp","Georgia",serif;font-size:1.15rem;color:#c9a84c;padding:0 8px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}@media(max-width: 480px){.form-grid{grid-template-columns:1fr}}.field-hint{font-size:.7rem;margin-top:2px}.field-hint--error{color:#f44336}.field-hint--ok{color:#4caf50}.form-counter{font-size:.7rem;color:#8a7a62;float:right}.stat-preview__placeholder{color:#8a7a62;font-size:.8rem;text-align:center;padding:24px 16px}.stat-preview__race-icon{width:90px;height:90px;margin:0 auto 8px;border:2px solid #5a4a36;border-radius:50%;overflow:hidden}.stat-preview__header{font-family:"MedievalSharp","Georgia",serif;font-size:1.15rem;color:#f0dca0;text-align:center;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #5a4a36}.stat-preview__desc{font-size:.7rem;color:#8a7a62;margin-bottom:8px;line-height:1.5}.stat-preview__stats{display:flex;flex-direction:column;gap:4px;margin-top:8px}.stat-row{display:flex;align-items:center;gap:4px}.stat-row__label{width:32px;font-size:.7rem;color:#8a7a62;text-align:right;flex-shrink:0}.stat-row__bar{flex:1;height:12px;background:#1a1410;border-radius:2px;overflow:hidden}.stat-row__fill{height:100%;border-radius:2px;transition:width 300ms ease}.stat-row__value{width:20px;font-size:.7rem;color:#e8dcc0;text-align:right;flex-shrink:0;font-weight:bold}:root{--c-stat-high: #4caf50;--c-stat-mid: #c9a84c;--c-stat-low: #f44336}.city-menu{display:grid;grid-template-columns:repeat(auto-fill, minmax(160px, 1fr));gap:16px}.city-menu-item{background:#352a1e;border:1px solid #5a4a36;border-radius:4px;padding:16px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.05),0 2px 8px rgba(0,0,0,.3);display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:all 150ms ease;text-align:center}.city-menu-item:hover{border-color:#c9a84c;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.4)}.city-menu-item__icon{font-size:2rem}.city-menu-item__label{font-size:.95rem;color:#f0dca0}.online-list{display:flex;flex-direction:column;gap:4px}.online-list__title{display:flex;align-items:center;justify-content:space-between;font-size:.8rem;color:#8a7a62;padding-bottom:4px;border-bottom:1px solid #5a4a36;margin-bottom:4px}.online-list__item{padding:4px;cursor:pointer;border-radius:4px;font-size:.8rem;transition:background 150ms ease;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.online-list__item:hover{background:#3d3024}.chat-system{height:110px;background:rgba(0,0,0,.3);padding:8px 8px;overflow-y:auto}.chat-system::-webkit-scrollbar{width:6px}.chat-system::-webkit-scrollbar-track{background:#1a1410}.chat-system::-webkit-scrollbar-thumb{background:#5a4a36;border-radius:3px}.chat-system{font-size:1.05rem;line-height:1.6;color:#8a7a62;border-bottom:1px solid #5a4a36}.chat-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.chat-tabs{display:flex;background:#1a1410;border-bottom:1px solid #5a4a36}.chat-tab{padding:4px 16px;font-size:.9rem;color:#8a7a62;cursor:pointer;border-bottom:2px solid rgba(0,0,0,0);transition:all 150ms ease}.chat-tab:hover{color:#d4c4a0}.chat-tab--active{color:#c9a84c;border-bottom-color:#c9a84c}.chat-messages{flex:1;overflow-y:auto}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:#1a1410}.chat-messages::-webkit-scrollbar-thumb{background:#5a4a36;border-radius:3px}.chat-messages{padding:8px 8px;font-size:1.05rem;line-height:1.6}.chat-message{padding:3px 0}.chat-message__nick{color:#c9a84c;cursor:pointer}.chat-message__nick:hover{text-decoration:underline}.chat-message--system{color:#2196f3;font-style:italic;font-size:.8rem}.chat-msg{padding:3px 0;line-height:1.6;word-break:break-word}.chat-msg__time{color:#666;font-size:.8rem;margin-right:4px}.chat-msg__nick{color:#c9a84c;font-weight:bold;cursor:pointer}.chat-msg__nick:hover{text-decoration:underline}.chat-msg__sep{color:#888;margin:0 3px}.chat-msg__text{color:#ddd}.chat-msg__pm{color:#d070d0;font-weight:bold;font-size:.85rem}.chat-msg__mention{color:#6af;font-weight:bold}.chat-msg--private{background:rgba(180,80,180,.08);border-left:2px solid #d070d0;padding-left:6px}.chat-msg--mention{background:rgba(80,150,255,.08);border-left:2px solid #6af;padding-left:6px}.chat-invite-btns{display:flex;gap:6px;padding:4px 0}.chat-input-area{display:flex;align-items:center;justify-content:space-between;padding:8px 8px;gap:8px;border-top:1px solid #5a4a36;background:#1a1410}.chat-input-area input{flex:1;padding:8px 8px;font-size:.95rem;background:#1a1410;border:1px solid #5a4a36;border-radius:4px;color:#e8dcc0}.chat-input-area input:focus{outline:none;border-color:#c9a84c}.online-list__level{font-size:.7rem;color:#8a7a62;float:right}.online-list__empty{font-size:.8rem;color:#8a7a62;text-align:center;padding:16px}.online-page{display:inline-block;padding:2px 6px;font-size:.7rem;color:#8a7a62;cursor:pointer;border-radius:4px;transition:all 150ms ease}.online-page:hover{color:#c9a84c}.online-page--active{color:#c9a84c;font-weight:bold;background:#1a1410}.profile{max-width:600px}.profile__header{display:flex;gap:16px;align-items:center;margin-bottom:24px}.profile__name{font-family:"MedievalSharp","Georgia",serif;font-size:1.4rem;color:#f0dca0;margin:0}.profile__meta{font-size:.8rem;color:#8a7a62}.profile__role{font-size:.8rem;color:#c9a84c}.profile__status{font-size:.8rem}.profile__details{display:flex;flex-direction:column;gap:8px;font-size:.8rem;margin-bottom:16px}.profile__details strong{color:#f0dca0}.profile__about{background:#1a1410;padding:8px;border-radius:4px;border:1px solid #5a4a36}.profile__actions{padding-top:16px;border-top:1px solid #5a4a36}.profile-ban{background:rgba(244,67,54,.15);border:1px solid #f44336;border-radius:4px;padding:8px;font-size:.8rem;color:#f44336;margin-bottom:16px}.profile-admin{background:rgba(33,150,243,.1);border:1px solid #2196f3;border-radius:4px;padding:8px;font-size:.7rem;color:#2196f3;margin-bottom:16px}.text-online{color:#4caf50}.text-offline{color:#8a7a62}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width: 768px){.settings-grid{grid-template-columns:1fr}}.settings-card{background:#352a1e;border:1px solid #5a4a36;border-radius:4px;padding:16px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.05),0 2px 8px rgba(0,0,0,.3)}.settings-card__title{font-family:"MedievalSharp","Georgia",serif;font-size:1.15rem;color:#f0dca0;margin-bottom:8px;padding-bottom:4px;border-bottom:1px solid #5a4a36}.settings-form .form-group{margin-bottom:8px}.settings-msg{font-size:.7rem;padding:4px 8px;border-radius:4px;margin-bottom:8px}.settings-msg--ok{color:#4caf50;background:rgba(76,175,80,.1)}.settings-msg--err{color:#f44336;background:rgba(244,67,54,.1)}.loading{text-align:center;color:#8a7a62;padding:32px;font-size:1.15rem}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,100%{transform:translateX(0)}15%{transform:translateX(-6px)}30%{transform:translateX(5px)}45%{transform:translateX(-4px)}60%{transform:translateX(3px)}75%{transform:translateX(-2px)}}.fade-in{animation:fadeIn 500ms ease forwards}.shake{animation:shake .5s ease}.hidden{display:none !important}.text-center{text-align:center}.text-gold{color:#c9a84c}.mt-sm{margin-top:8px}.mt-md{margin-top:16px}.mb-sm{margin-bottom:8px}.mb-md{margin-bottom:16px}.char-page{max-width:1080px;margin:0 auto}.char-page__top{display:flex;gap:32px;margin-bottom:32px;flex-wrap:wrap}.char-page__identity{display:flex;gap:24px;align-items:flex-start;flex:1;min-width:340px}.char-page__name{font-family:"MedievalSharp","Georgia",serif;font-size:1.8rem;color:#f0dca0}.char-page__meta{font-size:.95rem;color:#8a7a62;margin-bottom:8px}.char-page__res{display:flex;flex-direction:column;gap:8px;font-size:.8rem;color:#8a7a62;min-width:260px}.char-page__currency{display:flex;flex-direction:column;gap:8px;font-size:.95rem;justify-content:center}.char-page__stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-bottom:32px}@media(max-width: 600px){.char-page__stats-grid{grid-template-columns:1fr}}.char-page__nav{display:flex;gap:16px;padding-top:24px;border-top:1px solid #5a4a36}.char-stat{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid rgba(90,74,54,.3);font-size:.95rem;cursor:default}.char-stat__label{width:130px;color:#8a7a62;flex-shrink:0}.char-stat__value{font-weight:bold;color:#e8dcc0;min-width:40px;font-size:1.15rem}.btn-stat-plus{width:30px;height:30px;border:2px solid #c9a84c;background:rgba(0,0,0,0);color:#c9a84c;font-weight:bold;border-radius:50%;cursor:pointer;font-size:.95rem;line-height:1;transition:all 150ms ease}.btn-stat-plus:hover{background:#c9a84c;color:#1a1410}.char-derived-group__title{font-family:"MedievalSharp","Georgia",serif;font-size:1.15rem;color:#c9a84c;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #5a4a36}.char-derived{display:flex;justify-content:space-between;font-size:.8rem;padding:4px 0;color:#8a7a62}.char-derived span:last-child{color:#e8dcc0;font-weight:bold}.inventory-page{display:flex;gap:32px;flex-wrap:wrap;max-width:1080px;margin:0 auto}.inventory-page__left{flex-shrink:0;width:340px}.inventory-page__right{flex:1;min-width:380px}.inventory-page__nav{width:100%;display:flex;gap:16px;padding-top:24px;border-top:1px solid #5a4a36}.equipment-grid{display:flex;flex-direction:column;align-items:center;gap:8px}.eq-row{display:flex;gap:8px;justify-content:center}.eq-slot{width:68px;height:68px;border:2px solid #5a4a36;border-radius:4px;background:#1a1410;display:flex;align-items:center;justify-content:center;position:relative;transition:all 150ms ease}.eq-slot--empty{visibility:hidden}.eq-slot--vacant{border-style:dashed;opacity:.5}.eq-slot--vacant:hover,.eq-slot--vacant.drag-over{opacity:1;border-color:#c9a84c}.eq-slot--filled{cursor:pointer}.eq-slot--filled:hover{transform:scale(1.08);box-shadow:0 0 10px rgba(201,168,76,.4)}.eq-slot__icon{font-size:2rem}.eq-slot__tip{position:absolute;bottom:-16px;font-size:11px;color:#8a7a62;white-space:nowrap;pointer-events:none}.inv-tabs{display:flex;gap:4px;margin-bottom:16px;border-bottom:2px solid #5a4a36}.inv-tab{padding:8px 16px;font-size:.8rem;color:#8a7a62;cursor:pointer;border-bottom:2px solid rgba(0,0,0,0);background:none;border-top:none;border-left:none;border-right:none;font-family:inherit;transition:all 150ms ease}.inv-tab:hover{color:#d4c4a0}.inv-tab--active{color:#c9a84c;border-bottom-color:#c9a84c}.inv-items{display:grid;grid-template-columns:repeat(auto-fill, minmax(68px, 68px));gap:8px;min-height:140px}.inv-item{width:68px;height:68px;border:2px solid #5a4a36;border-radius:4px;background:#1a1410;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:all 150ms ease}.inv-item:hover{transform:scale(1.08);box-shadow:0 0 10px rgba(201,168,76,.4)}.inv-item:hover .tooltip{display:block}.inv-item__icon{font-size:2rem}.inv-item__qty{position:absolute;bottom:2px;right:3px;font-size:11px;font-weight:bold;color:#e8dcc0;background:rgba(0,0,0,.7);padding:0 4px;border-radius:3px}.inv-item.dragging{opacity:.4}.inv-item--currency{cursor:default;background:linear-gradient(135deg, rgba(201, 168, 76, 0.15), #1a1410);border-color:#c9a84c}.inv-item--currency .inv-item__qty{font-size:12px;color:#c9a84c}.tooltip{display:none;position:absolute;bottom:110%;left:50%;transform:translateX(-50%);background:#1a1410;border:1px solid #c9a84c;border-radius:4px;padding:16px;min-width:220px;z-index:500;font-size:.8rem;color:#d4c4a0;line-height:1.6;pointer-events:none;box-shadow:0 4px 16px rgba(0,0,0,.6)}.tooltip strong{display:block;margin-bottom:6px;font-size:.95rem}.tooltip__desc{color:#8a7a62;margin-bottom:6px}.tooltip__stats{color:#4caf50;margin-bottom:6px}.inv-empty{grid-column:1/-1;text-align:center;color:#8a7a62;font-size:.95rem;padding:32px}.ctx-menu{background:#2a2018;border:1px solid #c9a84c;border-radius:4px;padding:8px 0;min-width:160px;box-shadow:0 4px 16px rgba(0,0,0,.6)}.ctx-menu__btn{display:block;width:100%;background:none;border:none;padding:8px 24px;text-align:left;color:#d4c4a0;font-size:.95rem;cursor:pointer;font-family:inherit;transition:background 150ms ease}.ctx-menu__btn:hover{background:#3d3024;color:#c9a84c}.skills-page{max-width:1080px;margin:0 auto}.skills-page__sp{font-size:.95rem;margin-bottom:24px}.skills-page__nav{display:flex;gap:16px;padding-top:24px;border-top:1px solid #5a4a36}.skills-section{margin-bottom:32px}.skills-section h3{font-family:"MedievalSharp","Georgia",serif;font-size:1.4rem;color:#f0dca0;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid #5a4a36}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(360px, 1fr));gap:16px}.skill-card{background:#352a1e;border:1px solid #5a4a36;border-radius:4px;padding:16px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.05),0 2px 8px rgba(0,0,0,.3);display:flex;gap:16px;transition:border-color 150ms ease}.skill-card--available{border-color:#4caf50}.skill-card__icon{width:56px;height:56px;border:1px solid #5a4a36;border-radius:3px;background:#1a1410;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;flex-shrink:0;font-size:1.8rem;border-color:#5a4a36}.skill-card__info{flex:1;min-width:0}.skill-card__name{font-family:"MedievalSharp","Georgia",serif;font-size:1.15rem;color:#f0dca0}.skill-card__type{font-size:.8rem;color:#8a7a62;margin-bottom:8px}.skill-card__desc{font-size:.8rem;color:#d4c4a0;margin-bottom:8px}.skill-card__cost,.skill-card__lvl,.skill-card__sp{font-size:.8rem;color:#8a7a62}.skill-deps{font-size:.7rem;color:#2196f3;margin-top:4px}@media(max-width: 768px){.app-game{grid-template-areas:"header" "center" "chat";grid-template-columns:1fr;grid-template-rows:60px 1fr 360px}.panel-left,.panel-right{display:none}.header-game__title{display:none}}