:root{--bg:#080706;--panel:#15100c;--panel2:#21170f;--gold:#e6b85c;--gold2:#8b5b20;--cream:#eadcc8;--muted:#a9977b;--red:#9b2d24;--blue:#2f6fa4;--green:#3d7650;--line:#5d411e}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden;background:#050403;color:var(--cream);font-family:Georgia,'Times New Roman',serif}button,input{font:inherit}button{cursor:pointer;color:inherit}button:disabled{opacity:.4;cursor:not-allowed}.screen{display:none;width:100%;height:100%}.screen.active{display:block}.ornate{border:1px solid #8a5d27;box-shadow:inset 0 0 0 1px #25190f,0 20px 70px #000b;background:linear-gradient(145deg,#25180f,#0e0b08)}.gold{border:1px solid #e5b455!important;background:linear-gradient(#b77b25,#5d3612);color:#fff3d2;font-weight:800;letter-spacing:1px;box-shadow:inset 0 1px #ffd982,0 7px 20px #0008;border-radius:8px}.gold:hover{filter:brightness(1.18);transform:translateY(-1px)}
/* AUTH */.auth-screen{position:relative;background:#080605}.auth-backdrop{position:absolute;inset:0;background:url('assets/art/world-bursa.webp') center/cover no-repeat;filter:brightness(.48) saturate(.8)}.auth-vignette{position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,transparent 10%,#0008 60%,#000 100%),linear-gradient(90deg,#0008,#0000 50%,#0008)}.auth-content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.main-logo{width:min(440px,60vw);max-height:38vh;object-fit:contain;filter:drop-shadow(0 18px 30px #000)}.tagline{font-size:15px;letter-spacing:4px;color:#e9ca83;text-shadow:0 2px 5px #000;text-align:center}.auth-card{width:min(420px,92vw);padding:20px;border-radius:14px;backdrop-filter:blur(7px)}.tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line);margin-bottom:15px}.tabs button{padding:11px;background:none;border:0;border-bottom:2px solid transparent;color:#9f8b6c}.tabs button.active{color:#f1c86d;border-color:#e1ad4b}.auth-card form{display:grid;gap:10px}.auth-card input,.name-row input{width:100%;padding:13px;border:1px solid #654722;border-radius:7px;background:#0b0907;color:#fff;outline:none}.auth-card input:focus,.name-row input:focus{border-color:#d5a449;box-shadow:0 0 0 2px #d5a44922}.auth-card .gold{padding:13px}.auth-card small{display:block;text-align:center;color:#75664f;margin-top:13px;font-size:10px}.auth-card #authMsg,.setup-wrap #setupMsg{min-height:20px;text-align:center;color:#ff9a7c;font-size:12px;margin-top:10px}.auth-card #authMsg.ok{color:#9fdb9c}
/* SETUP */#setup{position:relative;overflow:auto;padding:25px;background:#080604}.setup-bg{position:fixed;inset:0;background:url('assets/art/character-select.webp') center/cover no-repeat;filter:brightness(.25) blur(1px)}.setup-wrap{position:relative;z-index:2;width:min(1180px,96vw);margin:auto;padding:25px 32px 35px;border-radius:16px}.setup-head{text-align:center}.setup-logo{width:110px;height:110px;object-fit:contain}.setup-head h1{font-size:clamp(28px,4vw,48px);margin:4px;color:#f3c970;letter-spacing:4px}.setup-head p{max-width:720px;margin:8px auto 24px;color:#b9a789}.setup-head>small{color:#d0a85e;letter-spacing:3px}.setup-wrap h2{text-align:center;color:#d9b56b;font-size:18px;letter-spacing:2px;margin:22px 0 8px}.choice-grid,.realm-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.realm-grid{grid-template-columns:repeat(3,1fr)}.choice,.realm{min-height:205px;padding:10px;border:1px solid #63421d;background:#0f0b08aa;border-radius:10px;text-align:center;transition:.18s;position:relative;overflow:hidden}.choice{background-image:linear-gradient(#0001,#0009),url('assets/art/character-select.webp');background-size:auto 100%;background-position:center}.choice:after,.realm:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 50%,#000b);pointer-events:none}.choice>* ,.realm>*{position:relative;z-index:2}.choice:hover,.choice.selected,.realm:hover,.realm.selected{transform:translateY(-3px);border-color:#e6b24e;box-shadow:0 10px 35px #000,0 0 22px #d9a64322}.choiceIcon{display:block;font-size:55px;margin:18px auto 10px;text-shadow:0 3px 12px #000}.choice strong,.realm b{display:block;color:#f4c972;font-size:15px;letter-spacing:1px}.choice small,.realm small{display:block;color:#b9a789;margin-top:5px}.choice em,.realm em{display:block;color:#89775e;font-size:10px;font-style:normal;margin-top:5px}.realm{min-height:140px;padding:20px}.realm b{font-size:14px}.name-row{width:min(420px,100%);margin:18px auto 0}.name-row label{display:block;font-size:10px;color:#a99372;letter-spacing:2px;margin-bottom:5px}.big-start{display:block;width:min(430px,100%);margin:20px auto 0;padding:15px;font-size:17px}
/* GAME HEADER */.game-screen{background:#070605}.game-screen header{height:70px;background:linear-gradient(180deg,#17110c,#0c0907);border-bottom:1px solid #60431e;display:flex;align-items:center;gap:14px;padding:5px 12px;position:relative;z-index:20}.brand{display:flex;align-items:center;gap:8px;min-width:190px}.brand img{width:52px;height:52px;object-fit:contain}.brand b{display:block;font-size:13px;letter-spacing:1px}.brand small{display:block;color:#987b50;font-size:8px;letter-spacing:2px}.topnav{display:flex;align-items:center;gap:3px;flex:1;justify-content:center}.topnav button,.quick button{border:0;background:transparent;padding:8px 7px;color:#a99577;font-size:10px;letter-spacing:.4px;border-radius:6px}.topnav button:hover,.quick button:hover{background:#d39d3a12;color:#f3ca75}.topres{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:11px}.mini{border:1px solid #5f4422;background:#18110b;padding:7px 9px;border-radius:5px;color:#bfa77e;font-size:9px}.layout{display:grid;grid-template-columns:285px 1fr;height:calc(100% - 70px)}.sidebar{overflow:auto;padding:9px;background:linear-gradient(90deg,#0d0a08,#130e0a);border-right:1px solid #523a20;z-index:10}.card{padding:10px;margin-bottom:9px;border-radius:10px}.profile{display:grid;grid-template-columns:54px 1fr;gap:7px}.portrait{width:54px;height:54px;border-radius:8px;border:1px solid #936329;background:radial-gradient(circle,#765123,#1b1009);display:grid;place-items:center;font-size:27px;grid-row:span 2}.profile h2{font-size:14px;margin:3px 0;color:#f1c86f}.profile p{font-size:10px;margin:0;color:#a89475}.profile small{display:block;color:#8f7959;font-size:8px;margin-top:3px}.meter{grid-column:1/3}.meter label{display:flex;justify-content:space-between;font-size:9px;color:#9e8c72;margin:5px 0 3px}.bar{height:7px;background:#080706;border:1px solid #49341d;border-radius:5px;overflow:hidden}.bar i{display:block;height:100%;width:0;transition:.25s}.bar.red i{background:linear-gradient(90deg,#6f1d17,#d24a37)}.bar.blue i{background:linear-gradient(90deg,#234c76,#63a9e5)}.statline{grid-column:1/3;display:flex;justify-content:space-between;font-size:9px;color:#9d896a;margin-top:5px}.card h3{font-size:10px;color:#d5b36c;margin:0 0 8px;letter-spacing:1px}.quest{padding:7px;border-bottom:1px solid #2c2015;font-size:9px}.quest b{color:#d8c4a5}.quest small{color:#7e6d54}.worldstats div{padding:6px 0;border-bottom:1px solid #2c2015;font-size:9px}.worldstats small{color:#806f55}.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:2px}.quick button{font-size:18px;padding:7px}.world{position:relative;min-width:0;background:#0a0806;overflow:hidden}.worldhead{height:55px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:#0e0b08;border-bottom:1px solid #4e351b;position:relative;z-index:10}.worldhead b{font-size:13px;letter-spacing:1px;color:#e2bd70}.worldhead small{display:block;font-size:9px;color:#8f7b5f;margin-top:3px}.worldhead #status{font-size:10px;color:#bda379}
/* ARENA */#arena{position:relative;height:calc(100% - 115px);min-height:400px;overflow:hidden;background:linear-gradient(#718c93 0 34%,#30442f 35% 100%);isolation:isolate}.sky{position:absolute;inset:0 0 48%;background:linear-gradient(#273a50,#8e806b 70%,#c9a977);z-index:-4}.sun{position:absolute;width:100px;height:100px;border-radius:50%;background:#f4d99b;filter:blur(3px);right:12%;top:10%;opacity:.7}.mountain{position:absolute;bottom:43%;width:70%;height:38%;background:#27362e;clip-path:polygon(0 100%,18% 40%,28% 62%,46% 15%,60% 54%,74% 24%,100% 100%);opacity:.8}.m1{left:-5%}.m2{right:-20%;transform:scaleX(-1);opacity:.55}.castle{position:absolute;bottom:38%;left:50%;transform:translateX(-50%);width:54%;height:30%;display:flex;align-items:flex-end;justify-content:center;gap:7%;filter:drop-shadow(0 12px 12px #0008)}.castle span{width:16%;height:60%;background:linear-gradient(90deg,#473a2d,#9d896d,#49392b);border:2px solid #392b20}.castle span:nth-child(2){height:90%;width:20%}.castle span:before{content:'';display:block;height:30%;background:#1b1815;border-bottom:3px solid #b39462}.city-lights{position:absolute;bottom:35%;left:0;right:0;height:8%;background:repeating-linear-gradient(90deg,transparent 0 3%,#c69c5a 3.1% 3.5%,transparent 3.6% 8%);opacity:.4}.terrain{position:absolute;inset:48% 0 0;background:radial-gradient(circle at 40% 20%,#557049,#2e422c 52%,#1c2a1c);z-index:-3}.road{position:absolute;bottom:-5%;left:42%;width:18%;height:65%;background:#6c563e;transform:perspective(250px) rotateX(25deg);opacity:.7;z-index:-2}.unit{position:absolute;z-index:9;transform:translate(-50%,-50%);text-align:center;transition:left .08s,top .08s}.player .avatar{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#9a6a2e,#251509);border:2px solid #e6b85c;font-size:31px;box-shadow:0 8px 18px #0009}.unit b{display:block;font-size:9px;color:#f5d486;text-shadow:0 2px 4px #000;margin-top:2px}.unit i{display:block;width:50px;height:4px;background:#421612;border:1px solid #2c0d0a;border-radius:5px;margin:2px auto}.unit.player i{background:#8e2e25}.enemy{position:absolute;z-index:6;width:80px;transform:translate(-50%,-50%);text-align:center;color:#e7cba1}.enemy .mob{width:44px;height:44px;margin:auto;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#3b2720,#120c09);border:1px solid #8e5a2d;font-size:23px;box-shadow:0 8px 15px #0008}.enemy b{display:block;font-size:8px;text-shadow:0 2px 4px #000}.enemy small{font-size:8px;color:#9d8769}.enemy i{display:block;height:4px;background:#a7372c;border-radius:3px;margin:2px auto;width:55px}.enemy.boss{width:120px}.enemy.boss .mob{width:75px;height:75px;font-size:42px;border-color:#d09b3f;box-shadow:0 0 30px #d08d3322}.npc{position:absolute;z-index:8;transform:translate(-50%,-50%);width:62px;height:62px;border:1px solid #d19a42;border-radius:50%;background:radial-gradient(circle,#624422,#1a1009);color:#f1c56d;font-size:27px;box-shadow:0 8px 16px #0008}.npc small{position:absolute;top:64px;left:50%;transform:translateX(-50%);width:140px;font-size:8px;color:#f0d6a9;white-space:nowrap;text-shadow:0 2px 3px #000}.portal{position:absolute;z-index:8;padding:9px 12px;border:1px dashed #d5a44f;border-radius:20px;background:#21150de6;color:#f1c870;font-size:9px;box-shadow:0 5px 20px #0008}.float{position:absolute;color:#ffe08c;font-size:16px;font-weight:bold;z-index:20;pointer-events:none;animation:float .85s forwards;text-shadow:0 2px 4px #000}.float.enemyhit{color:#ff7766}.slash{position:absolute;z-index:19;color:#ffe3a4;font-size:45px;animation:slash .35s forwards;pointer-events:none}@keyframes float{to{transform:translateY(-42px);opacity:0}}@keyframes slash{to{transform:scale(1.5) rotate(40deg);opacity:0}}.hint{height:30px;display:flex;align-items:center;justify-content:center;background:#0b0907;color:#6f604c;font-size:8px;letter-spacing:.6px}.mobile-controls{display:none}
/* MODALS */.modal{position:fixed;inset:0;background:#000b;z-index:50;display:none;align-items:center;justify-content:center;padding:15px}.modal.show{display:flex}.modalbox{width:min(850px,96vw);max-height:90vh;overflow:auto;border-radius:14px;padding:25px;position:relative}.modalbox>button:first-child{position:absolute;right:12px;top:8px;border:0;background:none;color:#d7bb87;font-size:25px;z-index:2}.modalbox h2{color:#e9c570;letter-spacing:1px}.modalbox h3{color:#d5af66}.modalbox p{color:#ad9a7d;line-height:1.6}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px}.item{position:relative;padding:13px;border:1px solid #5f431f;background:linear-gradient(145deg,#24180f,#0f0b08);border-radius:9px;text-align:center;min-height:125px}.item .ico{font-size:38px}.item b{display:block;color:#e7d4b5;font-size:11px}.item em{display:block;color:#8d795b;font-size:8px;font-style:normal;letter-spacing:1px;margin:5px}.item small{display:block;color:#968268;font-size:9px;line-height:1.4}.item button{margin-top:8px;padding:6px 10px;font-size:8px}.rarity-rare{border-color:#367bc0}.rarity-epic{border-color:#8a50bd}.rarity-legendary{border-color:#d8a23e;box-shadow:0 0 16px #d8a23e16}.citybtn,.dialog button{display:block;width:100%;padding:10px;margin:7px 0;border:1px solid #63441f;border-radius:7px;background:#1a110a;color:#e1c38e;text-align:left}.equip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.slot{padding:15px;border:1px dashed #725022;border-radius:9px;text-align:center;color:#a99578}.eventbox{padding:0;overflow:hidden}.eventbox img{display:block;width:100%;max-height:370px;object-fit:cover}.eventbox #eventBody{padding:22px}.eventbox h2{margin-top:0}.death{display:none;position:fixed;inset:0;z-index:70;background:#050302ed;align-items:center;justify-content:center;text-align:center}.death.show{display:flex}.deathcard{padding:42px;min-width:340px;border-radius:14px}.deathcard h1{font-size:38px;color:#e4c77e}.deathcard .gold{padding:13px 24px}.deathcard p{color:#9d896c}#toast{position:fixed;z-index:90;left:50%;bottom:85px;transform:translate(-50%,25px);opacity:0;pointer-events:none;background:#130e09;border:1px solid #9a6a2a;color:#e7d0a5;padding:10px 17px;border-radius:8px;font-size:11px;transition:.2s;box-shadow:0 10px 30px #000}.show#toast{opacity:1;transform:translate(-50%,0)}
@media(max-width:1100px){.topnav{display:none}.layout{grid-template-columns:245px 1fr}.brand{min-width:150px}.choice-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.game-screen header{height:58px}.brand img{width:43px;height:43px}.brand b{font-size:10px}.brand small{display:none}.topres{font-size:9px}.mini{padding:5px}.layout{height:calc(100% - 58px);grid-template-columns:1fr}.sidebar{position:absolute;left:0;top:58px;bottom:0;width:145px;z-index:15;background:#100c09ee}.world{padding-left:145px}.worldhead{height:52px;padding:0 9px}.worldhead #status{display:none}#arena{height:calc(100% - 105px);min-height:0}.hint{font-size:6px}.mobile-controls{display:flex;position:absolute;left:145px;right:0;bottom:0;height:92px;z-index:25;align-items:center;justify-content:space-between;padding:8px;background:linear-gradient(transparent,#080706dd)}.dpad button,.actions button{width:40px;height:32px;border:1px solid #6c4c24;background:#19110b;color:#e6c77e;border-radius:5px}.dpad{text-align:center}.actions{display:flex;gap:5px}.actions button{width:55px;height:55px;font-size:20px}.actions span{display:block;font-size:6px}.choice-grid{grid-template-columns:repeat(2,1fr)}.realm-grid{grid-template-columns:1fr}.setup-wrap{padding:18px}.setup-logo{width:75px;height:75px}.choice{min-height:160px}.choiceIcon{font-size:42px}.main-logo{width:75vw}.tagline{font-size:10px;letter-spacing:2px}.auth-card{padding:14px}.equip{grid-template-columns:1fr}.modalbox{padding:18px}.grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.choice-grid{grid-template-columns:1fr}.choice{min-height:120px}.choiceIcon{margin:5px auto}.realm{min-height:90px}.sidebar{width:125px}.world{padding-left:125px}.mobile-controls{left:125px}.quick{grid-template-columns:repeat(4,1fr)}.quick button{font-size:15px}.profile{grid-template-columns:42px 1fr}.portrait{width:42px;height:42px;font-size:20px}.profile h2{font-size:11px}.card h3{font-size:8px}.quest{font-size:8px}}