:root{font-family:Trebuchet MS,Verdana,sans-serif;color:#514d3d;background:#899b65;font-synthesis:none;--paper: #f3f0e5;--ink: #514d3d;--gold: #aa8850}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,select{font:inherit}button{cursor:pointer}button:focus-visible,select:focus-visible{outline:2px solid #96713b;outline-offset:4px}button:disabled{cursor:default}#world,#game,#interface{position:fixed;top:0;right:0;bottom:0;left:0}#world{z-index:0}#world canvas,#game canvas{display:block}#game{z-index:1;pointer-events:none}#interface{z-index:2;pointer-events:none;background:linear-gradient(180deg,#24321c26,transparent 30%,transparent 70%,#20311d26)}#interface>*{pointer-events:auto}.masthead{position:absolute;left:28px;top:21px;display:flex;gap:10px;align-items:center;color:#fff9e6;text-shadow:0 2px 5px #23351a70}.crest{font:43px Georgia,serif;line-height:1;color:#f5dfa5}.masthead h1{margin:0;font:20px Georgia,serif;letter-spacing:2.1px}.masthead h1 span{font:9px Trebuchet MS,sans-serif;letter-spacing:3px;padding:4px 5px 4px 8px;margin-left:5px;border-left:1px solid #e5e0bc70;vertical-align:middle}.masthead p{margin:4px 0 0;font:italic 12px Georgia,serif;color:#f8f1d5;letter-spacing:.3px}.edition{margin-left:24px;font-size:8px;letter-spacing:2px;opacity:.7}.window{background:#f4f1e8ee;border:1px solid #6968517a;border-radius:5px;box-shadow:0 3px 12px #27331c2e,inset 0 0 0 2px #ffffff70;overflow:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.window-title{display:flex;justify-content:space-between;align-items:center;padding:7px 11px;background:linear-gradient(#f9f7ef,#dddccd);border-bottom:1px solid #c5c3b3;box-shadow:inset 0 1px #fff;font-size:10px;font-weight:700;letter-spacing:.3px;color:#66624f}.tiny-diamond{color:#b2ad91;font-size:8px}.character{position:absolute;top:87px;left:28px;width:267px}.identity{display:flex;align-items:center;padding:12px 12px 9px;gap:11px}.portrait{width:48px;height:59px;flex-shrink:0;background:radial-gradient(ellipse at 50% 80%,#a9ac8b55,transparent 70%),#e7e4d7;border:1px solid #c9c5b4;box-shadow:inset 0 0 0 2px #faf8f0;overflow:hidden;border-radius:3px}.portrait canvas{display:block;width:48px;height:63px;image-rendering:pixelated}.eyebrow{font-size:8px;font-weight:700;letter-spacing:1.2px;color:#999078;margin:0 0 6px}.identity h2{font:700 15px Georgia,serif;margin:0 0 7px;color:#4d4a38}.level{margin:0;font-size:10px;color:#817d68}.level b{color:#5b6643}.job{margin-left:10px;padding-left:10px;border-left:1px solid #c8c3ad;font-size:9px}.stat-line{display:flex;align-items:center;gap:7px;padding:0 12px 7px;font-size:8px;color:#7d7862}.stat-line>span:first-child{width:22px;font-weight:700;font-size:9px}.stat-line>span:last-child{width:58px;text-align:right;font-variant-numeric:tabular-nums}.meter{height:7px;flex:1;background:#d8d6ca;border:1px solid #b9b8a8;border-radius:2px;overflow:hidden;box-shadow:inset 0 1px 2px #47452c22}.meter i{height:100%;display:block;transition:width .16s;border-top:1px solid #ffffff55}.hp i{width:100%;background:linear-gradient(#8eac76,#729461)}.exp i{width:0;background:linear-gradient(#b0bac5,#839bb2)}.character-footer{display:flex;align-items:center;gap:5px;font-size:8px;padding:9px 12px;border-top:1px solid #d6d2c3;margin-top:3px;background:#eae7db80;color:#797761}#attack-stat{margin-left:auto;font-size:8px;color:#a19a83}.status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#82a569;box-shadow:0 0 0 2px #83a36f19;flex-shrink:0}.location{position:absolute;top:29px;right:28px;width:205px}.location-label{display:flex;gap:9px;align-items:center;margin-bottom:13px;color:#fff6db;text-shadow:0 2px 4px #293c2270}.sun-icon{font-size:28px;font-family:Georgia,serif;color:#f2dda0}.location h2{font:14px Georgia,serif;margin:0 0 4px}.location p{font-size:9px;opacity:.8;margin:0}.minimap-frame{width:180px;height:130px;margin-left:auto;position:relative;background:#a8b68a;padding:3px;border:1px solid #6e7753;outline:3px solid #ede7d4d9;border-radius:3px;box-shadow:0 4px 10px #29362240}#minimap{width:172px;height:122px;display:block;opacity:.9}.compass{position:absolute;top:7px;right:10px;font:700 10px Georgia,serif;color:#f9f1cd;text-shadow:1px 1px #54603c}.map-coords{position:absolute;bottom:8px;right:9px;color:#fffae2;font-size:8px;text-shadow:1px 1px #52663d}.map-caption{margin-top:10px;margin-left:25px;color:#fff5dd;font-size:8px;display:flex;align-items:center;gap:5px;text-shadow:0 1px 4px #293c22}.map-caption>span:last-child{margin-left:auto;color:#ebe5cb}.map-caption .status-dot{background:#b8ce82}.field-caption{position:absolute;left:50%;top:31px;transform:translate(-50%);color:#fff9e4;text-align:center;text-shadow:0 2px 6px #31482360;pointer-events:none!important}.field-caption span{font-size:8px;letter-spacing:2.5px;opacity:.75}.field-caption p{margin:8px 0 0;font:italic 17px Georgia,serif}.journal{position:absolute;left:28px;bottom:51px;width:273px}.journal-live{font-size:7px;letter-spacing:1px;color:#93947c;font-weight:400}#journal{list-style:none;margin:0;padding:9px 11px;height:100px;overflow:hidden}#journal li{display:flex;gap:9px;padding:4px 0;font-size:9px;line-height:12px;color:#827e6a}#journal li:first-child{color:#5c644a}#journal time{color:#a5a18e;font-size:8px;font-variant-numeric:tabular-nums;flex-shrink:0;padding-top:1px}#journal li.level-message{color:#9d7b3e}.controls{position:absolute;left:50%;bottom:52px;transform:translate(-50%);display:flex;align-items:center;gap:1px;padding:6px 9px;border:1px solid #c8c4aa;outline:1px solid #54613a40;border-radius:5px;background:#f4f0e2f2;box-shadow:0 3px 12px #28351e30,inset 0 1px #fff}.auto-label{display:flex;align-items:center;gap:7px;margin:0 12px 0 5px;white-space:nowrap;font-size:8px;font-weight:700;letter-spacing:1px;color:#79815e}.controls button{border:none;background:transparent;color:#76745e;height:27px;min-width:28px;border-radius:3px;font-size:14px;white-space:nowrap;transition:background .12s}.controls button:hover{background:#d7d4c240;color:#3f4d30}.controls button:active{background:#d7d4c2}.control-divider{height:13px;width:1px;background:#d4d0bf;margin:0 4px}.controls .inspect-button{font-size:10px;padding:0 7px}.inspect-button span{color:#a79c7d;margin-left:6px}#speed{font-size:11px;font-variant-numeric:tabular-nums}.rewards{position:absolute;right:28px;bottom:51px;width:235px}#session-time{font-size:9px;color:#98917a;font-weight:400;font-variant-numeric:tabular-nums}.reward-stats{display:flex;padding:15px 8px 13px}.reward-stats>div{width:33.33%;text-align:center;border-right:1px solid #d9d5c6}.reward-stats>div:last-child{border:0}.reward-stats b,.reward-stats small{display:block}.reward-stats b{font:19px Georgia,serif;color:#645e46;margin:4px 0 5px;font-variant-numeric:tabular-nums}.reward-stats small{font-size:8px;color:#928b74}.reward-icon{font:16px Georgia,serif;color:#918770}.exp-icon{color:#8b9b9d}.coin-icon{color:#b9a35f}.footnote{position:absolute;bottom:18px;left:28px;right:28px;color:#f8f2d8a8;display:flex;justify-content:space-between;text-shadow:0 1px 3px #34432490}.footnote span:first-child{font:italic 12px Georgia,serif}.footnote span:last-child{font-size:7px;letter-spacing:1.4px}#loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;background:#eff0e5;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:opacity .45s}#loading.hidden{opacity:0;pointer-events:none}.loading-emblem{font:64px Georgia,serif;color:#a8ad78;animation:breathe 2s ease-in-out infinite}#loading h2{font: 25px Georgia,serif;color:#67704e;margin:16px 0 5px}#loading p{font-size:12px;color:#959680}@keyframes breathe{50%{opacity:.45;transform:scale(.92)}}dialog{width:470px;max-width:calc(100vw - 28px);padding:28px;color:#605b47;background:#f4f0e5;border:1px solid #aaa58c;outline:3px solid #efead6aa;border-radius:7px;box-shadow:0 20px 90px #172a1c60;text-align:center}dialog::backdrop{background:#25332475;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.close-dialog{position:absolute;right:12px;top:9px;border:none;background:none;font-size:24px;color:#98917b}dialog h2{font:29px Georgia,serif;margin:7px 0}.dialog-description{font:italic 13px Georgia,serif;color:#9a9177}.sprite-previews{display:flex;gap:15px;margin:20px 0}.sprite-previews>div{width:50%;background:#e6e5d6;border:1px solid #d0ceba;border-radius:4px;padding-bottom:12px}.sprite-previews canvas{width:100%;height:auto;image-rendering:pixelated;background:radial-gradient(ellipse at 50% 76%,#c3c8a5,transparent 60%)}.sprite-previews h3{font:16px Georgia,serif;margin:0 0 7px}.sprite-previews p{font-size:8px;margin:0;color:#928b75}.preview-actions{display:flex;justify-content:center;gap:5px;flex-wrap:wrap}.preview-actions button{border:1px solid #d0cbb6;border-radius:3px;background:#eeeadd;color:#89816a;padding:7px 12px;font-size:10px}.preview-actions .selected{background:#7d8d61;border-color:#718354;color:#fff7df}.direction-label{display:flex;justify-content:center;gap:10px;align-items:center;font-size:10px;margin:16px 0;color:#8c836d}.direction-label select{padding:5px 10px;background:#eeeadd;color:#6e684e;border:1px solid #d0cbb6;border-radius:3px;font-size:10px}.preview-note{font-size:9px;color:#aaa08b;margin-bottom:0}@media(max-width:1100px){.field-caption,.edition{display:none}.journal{width:235px}.rewards{width:200px}.controls{bottom:57px}.auto-label{margin-right:6px}.controls{padding:5px}}@media(max-width:850px){.journal{bottom:106px;width:227px}.rewards{bottom:106px;width:200px}.controls{bottom:42px}.character{width:245px}.location{width:180px}.location-label h2{font-size:12px}.location-label p{font-size:8px}.footnote{bottom:14px}}@media(max-width:560px){.masthead{top:16px;left:15px}.masthead h1{font-size:17px}.masthead p{font-size:10px}.crest{font-size:35px}.character{top:74px;left:15px;width:211px}.identity{padding:8px;gap:7px}.identity h2{font-size:13px}.identity .eyebrow{font-size:6px}.portrait{width:39px;height:50px}.portrait canvas{width:39px;height:51px}.stat-line{padding:0 9px 6px}.character-footer{padding:7px 9px;font-size:7px}#attack-stat{display:none}.location{top:80px;right:15px;width:110px}.location-label,.map-caption{display:none}.minimap-frame{width:110px;height:84px}#minimap{width:102px;height:76px}.map-coords{font-size:6px}.compass{font-size:8px}.journal{display:none}.rewards{right:15px;bottom:99px;width:175px}.reward-stats{padding:8px 4px}.reward-stats b{font-size:16px;margin:2px 0 4px}.reward-stats small{font-size:7px}.reward-icon{font-size:12px}.controls{bottom:37px}.footnote{left:15px;right:15px}.footnote span:first-child{font-size:10px}.footnote span:last-child{font-size:6px;letter-spacing:.5px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#sprite-dialog{width:600px}.run-class-picker{margin:0 10px 10px;padding:8px;border:1px solid #d5d0bd;border-radius:3px;background:#e8e5d65c}.run-class-picker>.eyebrow{display:block;margin-bottom:6px}.run-class-buttons{display:flex;gap:5px}.run-class-buttons button{flex:1;min-height:30px;border:1px solid #bcb8a4;border-radius:3px;background:linear-gradient(#fffdf2,#e4e0d0);color:#64614d;font:700 11px Trebuchet MS,sans-serif;box-shadow:inset 0 1px #fff;cursor:pointer}.run-class-buttons button[aria-pressed=true]{background:linear-gradient(#758b60,#5e744e);border-color:#526845;color:#fff9df;box-shadow:inset 0 1px #96a980}.run-class-buttons button:focus-visible{outline:2px solid #967b43;outline-offset:2px}.run-class-buttons button:disabled{opacity:.6;cursor:wait}#run-class-note{margin:6px 0 0;font-size:9px;color:#77745e}@media(max-width:600px){.run-class-picker{margin:0 8px 8px;padding:6px}#run-class-note{font-size:8px}}.run-class-heading{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-bottom:6px}.run-class-heading .eyebrow{margin:0}.sound-toggle{border:1px solid #c4bea8;border-radius:3px;padding:4px 7px;background:#f5f1e3;color:#706b55;font:9px Trebuchet MS,sans-serif;cursor:pointer}.sound-toggle[aria-pressed=true]{background:#e1ead5;border-color:#9aab82;color:#516a40}.sound-toggle:focus-visible{outline:2px solid #967b43;outline-offset:2px}.sound-toggle:disabled{opacity:.6;cursor:wait}.controls .hunt-sound{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);min-height:30px;height:auto;padding:7px 13px;border:1px solid #c8c4aa;border-radius:4px;background:#f4f0e2f2;box-shadow:0 2px 8px #28351e25,inset 0 1px #fff;font-size:10px;color:#706b55}.controls .hunt-sound:hover{background:#fff9e9}.controls .hunt-sound[aria-pressed=true]{background:linear-gradient(#8f9f73,#76875c);border-color:#6b7e50;color:#fff7dc;box-shadow:inset 0 1px #b1bd90}@media(max-width:560px){.controls .hunt-sound{left:0;transform:none}}.play-screen{min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at 50% 35%,#c1cc99,#718957 65%,#405b3f);overflow:auto;max-height:100dvh}.play-card{width:min(410px,100%);padding:32px 32px 28px;text-align:center;position:relative}.play-card h1{margin:10px 0 0;font:44px Georgia,serif;letter-spacing:4px;color:#47523b}.play-card h1 span{font-weight:400;color:#a28b55}.play-card h2{margin:0 0 10px;font:24px Georgia,serif}.play-card>p{line-height:1.7;font-size:13px}.play-card .welcome-tagline{margin:6px 0 0;font:italic 15px Georgia,serif;color:#8c876c}.welcome-mage{display:block;width:128px;height:128px;margin:2px auto 10px;image-rendering:pixelated}.play-button{border:1px solid #526342;background:linear-gradient(#7f9563,#5c764c);color:#fff8e5;box-shadow:inset 0 1px #b3c490;border-radius:3px;padding:13px 28px;font-size:17px;width:100%;margin-top:16px}.play-button:hover:not(:disabled){background:#637f50}.play-button:disabled{opacity:.65}.play-card .welcome-note{font-size:10px;color:#827e66;margin:12px 0 0}.welcome-footer{position:absolute;bottom:20px;color:#e1e6c5;font:italic 13px Georgia,serif;pointer-events:none}.retry-button,.connection-banner button{padding:8px 14px;border:1px solid #b9ac86;border-radius:3px;background:#fff6dd;color:#514d3d}.connection-error{color:#a04132;overflow-wrap:anywhere}.connection-banner{position:absolute;top:20px;left:50%;transform:translate(-50%);max-width:calc(100% - 30px);width:max-content;display:flex;gap:12px;align-items:center;background:#fff2d9;padding:12px 18px;border:1px solid #b99e72;border-radius:4px;box-shadow:0 3px 12px #0003;font-size:13px;z-index:5}.mage-portrait{width:85px;height:85px;margin-left:-10px;image-rendering:pixelated}.meter.sp i{background:linear-gradient(#9bc7dd,#6c9fb8)}.minimap-frame svg{display:block;width:100%;height:122px}.world-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;overflow:hidden}.world-tag{position:absolute;transform:translate(-50%,-100%);text-align:center;color:#fff8e5;font-size:11px;white-space:nowrap;text-shadow:-1px -1px #4c5439,1px 1px #4c5439,-1px 1px #4c5439,1px -1px #4c5439}.world-meter{display:block;margin:3px auto 0;width:44px;height:5px;background:#eeead2;border:1px solid #303b2a}.world-meter b{display:block;height:100%;background:#91be79}.world-meter.cast b{background:#89c6e1}.world-damage{position:absolute;transform:translate(-50%,-50%);font:900 18.36px Verdana,Arial Black,sans-serif;color:#fff;-webkit-text-stroke:4.32px #111111;paint-order:stroke fill;white-space:nowrap}.world-damage.incoming{font-size:17.28px;color:#ff5050;-webkit-text-stroke-color:#2a0000}.world-damage.status{font-size:23.76px;font-style:italic;color:#ffe27a;-webkit-text-stroke-color:#5a3a00}.field-loading{position:fixed;left:50%;top:48%;transform:translate(-50%,-50%);max-width:85vw;background:#f3f0e5f0;padding:20px;border-radius:4px;z-index:4;font-size:14px}@media(max-width:560px){.minimap-frame svg{height:78px}.character{width:220px}.connection-banner{top:auto;bottom:120px;width:calc(100% - 30px)}.play-card{padding:24px}.controls button{min-width:32px;min-height:36px}}@media(max-height:620px){.welcome-footer{display:none}.play-screen{align-items:start}}progress.meter{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding:0}progress.meter::-webkit-progress-bar{background:#dbd9cc}progress.meter::-webkit-progress-value{background:#97b985}progress.meter::-moz-progress-bar{background:#97b985}progress.meter.sp::-webkit-progress-value{background:#82b3ca}progress.meter.sp::-moz-progress-bar{background:#82b3ca}progress.meter.exp::-webkit-progress-value{background:#a1b7c6}progress.meter.exp::-moz-progress-bar{background:#a1b7c6}.nickname-label{display:grid;gap:7px;text-align:left;margin:18px 0 12px;font-size:13px}.nickname-label input,.chat-compose input{border:1px solid #bab397;border-radius:4px;padding:10px;background:#fffdf3;color:#414837;min-width:0;font:inherit}.social-panel{position:fixed;right:24px;top:105px;bottom:170px;width:330px;display:flex;flex-direction:column;pointer-events:auto;z-index:15;padding:0 12px 12px}.social-panel .window-title{margin:0 -12px;flex-shrink:0}.social-panel button,.social-toggle,.invite-alert button{cursor:pointer;border:1px solid #b6ae90;border-radius:4px;padding:5px 9px;background:#f5f0df;color:#46513a;font:inherit;font-size:12px}.social-panel button:disabled{cursor:default;opacity:.55}.social-toggle{position:fixed;right:24px;top:73px;z-index:20;pointer-events:auto}.party-roster{list-style:none;margin:8px 0;padding:0}.party-roster li{display:flex;align-items:center;justify-content:space-between;padding:4px 0;font-size:12px}.party-roster small{margin-left:8px;color:#78785c}.party-notice,.social-error{font-size:11px;line-height:1.4;margin:6px 0}.social-error{color:#9e3c39}.party-invitation{background:#e5e7ce;border:1px solid #bdc397;padding:7px;margin:5px 0;font-size:12px}.party-invitation p{margin:0 0 6px}.party-invitation button+button{margin-left:6px}.chat-tabs{display:flex;gap:5px;margin:10px 0 0}.chat-tabs button[aria-pressed=true]{background:#667c54;color:#fffbed}.chat-log{overflow-y:auto;overflow-wrap:anywhere;flex:1;min-height:70px;padding:8px 0;font-size:12px;line-height:1.5}.chat-log p{margin:5px 0}.chat-log .chat-name{padding:0;border:0;background:none;font-weight:700;color:#4c6e40}.chat-log .chat-name:disabled{opacity:1;color:#666a54}.chat-system,.chat-empty{color:#7a7966;font-style:italic}.chat-compose{display:flex;gap:5px;padding-top:7px;border-top:1px solid #d5cfb8}.chat-compose input{flex:1;padding:8px;font-size:12px}.invite-alert{position:fixed;top:108px;right:24px;width:300px;padding:12px;background:#fff8d9;z-index:25;pointer-events:auto;font-size:13px}.field-loading{z-index:100;pointer-events:auto;background:#f1eedef5}@media(max-width:600px){.social-panel{top:113px;right:12px;left:12px;width:auto;bottom:125px}.social-toggle{top:76px;right:12px}.invite-alert{top:112px;right:12px;left:12px;width:auto}}.field-loading{top:0;right:0;bottom:0;left:0;transform:none;max-width:none;display:grid;place-items:center;border-radius:0;text-align:center}.class-selector{border:0;padding:0;margin:20px 0 18px;text-align:left}.class-selector legend{margin-bottom:8px;font-size:12px;color:#706b55}.class-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.class-option{display:flex;align-items:center;gap:8px;min-height:44px;padding:10px 12px;border:1px solid #c4bea8;border-radius:4px;background:#f7f4e9;cursor:pointer;font-size:13px}.class-option:has(input:checked){border-color:#708458;background:#e5ecd9;color:#405333}.class-option:focus-within{outline:2px solid #96713b;outline-offset:2px}.class-option input{accent-color:#5c764c}.class-selector:disabled{opacity:.65}.class-selector:disabled .class-option{cursor:default}