@import"https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;600;700&family=Playfair+Display:wght@700&display=swap";:root{font-family:Be Vietnam Pro,sans-serif;color:#f6edcf;background:#071b1d}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}.auth-page,.select-page{min-height:100dvh;display:grid;place-items:center;overflow:hidden;background:linear-gradient(#72bed5 0,#72bed5 35%,#def0e8 68%,#77a9a2);position:relative}.mountains,.auth-page:before,.auth-page:after{position:absolute;content:"";inset:auto -10% 0;height:68%;background:linear-gradient(135deg,transparent 45%,#316d73 46% 53%,transparent 54%) 0 0/330px 300px;opacity:.72}.auth-page:before{bottom:25%;filter:blur(2px);opacity:.35}.auth-page:after{height:26%;background:#153f3d;clip-path:polygon(0 90%,8% 30%,16% 78%,27% 24%,40% 80%,53% 15%,67% 74%,78% 30%,89% 77%,100% 20%,100% 100%,0 100%)}.brand{position:absolute;z-index:2;top:5%;text-align:center;color:#064c42;text-shadow:0 2px #f0e8be}.brand span{display:block;font:38px serif}.brand h1{font:700 clamp(42px,7vw,76px) "Playfair Display";margin:-5px;letter-spacing:4px}.brand p{font-size:11px;letter-spacing:3px}.auth-card,.select-card{z-index:3;width:min(520px,calc(100% - 32px));background:#f9f4def5;color:#263e3a;border:3px solid #b9903e;box-shadow:0 15px 50px #143c4a88,inset 0 0 0 6px #e5d5a5;border-radius:4px;padding:0 38px 32px}.auth-card nav{display:flex;margin:0 -38px 24px}.auth-card nav button{flex:1;padding:19px;border:0;border-bottom:1px solid #b8aa85;background:#ede5cc;font-family:Playfair Display;font-weight:700;color:#42544e}.auth-card nav .active{background:#075a4b;color:#f7da91}.auth-card h2{text-align:center;font:20px Playfair Display;color:#135849}.auth-card label{display:block;font-size:12px;margin:13px 0}.auth-card input:not([type=checkbox]){width:100%;padding:14px;margin-top:6px;border:1px solid #b9b39f;border-radius:5px;background:#fffef5}.form-row{display:flex;justify-content:space-between;align-items:center;font-size:12px}.remember{display:flex!important;gap:7px;align-items:center}.form-row a{color:#086253}.primary{width:100%;padding:15px;margin-top:15px;background:linear-gradient(#08745c,#064a3e);border:3px double #dbb858;color:#ffe6a3;font:700 20px Playfair Display;letter-spacing:2px}.auth-quote{position:absolute;z-index:3;bottom:3%;font:italic 18px Playfair Display;text-shadow:0 2px 5px #003}.select-page{background:radial-gradient(circle at 50% 20%,#b9e0cf,#1f6b62 60%,#092827)}.select-card{text-align:center;padding-top:30px}.eyebrow{color:#a47a26;letter-spacing:5px}.select-card h1{font-family:Playfair Display;font-size:38px;margin:0}.muted{color:#76827c;font-size:13px}.server-list{display:grid;gap:10px;margin:25px 0}.server-list button{display:flex;align-items:center;gap:14px;padding:14px;border:1px solid #b8ad8e;background:#fffcef;color:#294039;text-align:left}.server-list i{width:10px;height:10px;border-radius:50%}.server-list span{display:grid;flex:1}.server-list small{color:#718078;margin-top:4px}.back{border:0;background:none;color:#37675c}.game-page{height:100dvh;overflow:hidden;position:relative;background:#173c37}.game-canvas{position:absolute;top:0;right:0;bottom:0;left:0}.player-card,.zone,.quests,.chat,.skills,.top-actions,.settings{background:linear-gradient(135deg,#102d2cdd,#071b20e8);border:2px solid #927c4e;box-shadow:0 4px 18px #0007}.player-card{position:absolute;top:12px;left:14px;padding:8px;display:flex;gap:9px;width:300px}.avatar{display:grid;place-items:center;width:62px;border-radius:50%;background:#315d55;border:3px solid #c09b52;font:28px serif}.player-card b{display:flex;justify-content:space-between}.player-card meter{display:block;width:205px;height:16px;accent-color:#db3f4d}.player-card .mana{accent-color:#3a8fd5}.zone{position:absolute;top:0;left:50%;transform:translate(-50%);text-align:center;padding:9px 70px}.zone small{display:block;color:#cbc9b9}.top-actions{position:absolute;right:18px;top:12px;display:flex;background:none;border:0;box-shadow:none}.top-actions button{border:0;background:#17312ee8;color:#efd89d;font-size:20px;padding:8px}.top-actions small,.skills small{display:block;color:#fff;font-size:10px}.quests{position:absolute;right:16px;top:100px;width:280px;padding:10px 16px}.quests h3{margin:0;border-bottom:1px solid #758373;padding-bottom:8px;color:#f3d786}.quests h3 span{float:right}.quests p{font-size:13px}.quests p i{display:inline-block;width:9px;height:9px;background:#67d77c;margin-right:5px}.quests small{display:block;margin:5px 0 0 17px;color:#d6d7cf}.chat{position:absolute;bottom:15px;left:15px;width:410px;padding:8px;font-size:12px}.chat nav{color:#efdb9b;border-bottom:1px solid #6d786b;padding:5px}.chat p{margin:7px 0}.chat b{color:#75dcec}.chat em{color:#6fe287}.chat input{width:100%;background:#08191a;border:1px solid #52635f;padding:8px;color:#fff}.skills{position:absolute;bottom:14px;left:50%;transform:translate(-50%);display:flex}.skills button{position:relative;width:86px;height:76px;background:linear-gradient(#17435a,#081925);border:1px solid #ae955c;color:#79d9ff;font-size:30px}.skills kbd{position:absolute;left:5px;top:2px;color:#fff;font-size:12px}.mobile-controls{display:none}.modal-layer{position:absolute;top:0;right:0;bottom:0;left:0;background:#0005;display:grid;place-items:center}.settings{width:min(440px,calc(100% - 25px));padding:0 22px 20px}.settings header{display:flex;justify-content:space-between;border-bottom:1px solid #65716a}.settings header button{border:0;background:none;color:#fff;font-size:30px}.settings label{display:flex;justify-content:space-between;align-items:center;padding:15px 5px}.settings fieldset{margin:8px 0 22px;border:1px solid #58736f}.settings fieldset button,.settings footer button{padding:10px 18px;background:#183448;color:#fff;border:1px solid #81918c}.settings .chosen,.settings footer .save{background:#087767}.settings footer{display:flex;justify-content:center;gap:12px}@media(max-width:700px){.auth-page{align-items:end;padding-bottom:60px}.brand{top:4%}.auth-card{padding:0 22px 24px}.auth-card nav{margin:0 -22px 18px}.auth-quote{display:none}.game-page{height:100dvh}.player-card{top:8px;left:8px;width:245px}.player-card meter{width:150px}.zone,.top-actions{display:none}.quests{top:100px;left:8px;right:auto;width:220px;background:#0b2120c9}.quests p:nth-of-type(2){display:none}.chat{bottom:10px;left:8px;width:min(72%,330px);margin-bottom:0}.chat p:nth-of-type(2),.chat input,.chat nav{display:none}.skills{right:10px;left:auto;bottom:70px;transform:none;background:none;border:0;box-shadow:none;display:grid;grid-template-columns:repeat(2,65px)}.skills button{width:62px;height:62px;border-radius:50%}.skills small,.skills kbd{display:none}.mobile-controls{display:block;position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.mobile-controls button{position:absolute;pointer-events:auto;border:2px solid #bba36c;background:#102b2bd8;color:#fff;border-radius:50%;width:82px;height:82px;font-size:25px}.mobile-controls button:first-child{left:22px;bottom:95px}.mobile-controls .attack{right:22px;bottom:12px}.mobile-controls button:last-child{right:112px;bottom:16px;width:62px;height:62px}.game-canvas canvas{min-width:900px!important;transform:translate(calc((100vw - 900px)/2))}.settings{position:fixed;bottom:0;width:100%;border-radius:22px 22px 0 0;padding-bottom:35px}.settings fieldset button{padding:9px}}