:root{--gold:#c5a366;--bright:#e7cf91;--line:#796343;--ink:#191e1c;--text:#e4d7b8}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#98aead;color:var(--text);font-family:Georgia,'Times New Roman',serif}button,input{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,input:focus-visible{outline:2px solid #f3dc9a;outline-offset:3px}[hidden]{display:none!important}#world{position:absolute;inset:0;width:100%;height:100%;touch-action:none}#vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 160px #1e211b55}#labels,#floaters{position:absolute;inset:0;pointer-events:none;overflow:hidden}.nameplate{position:absolute;text-align:center;white-space:nowrap;transform:translate(-50%,-100%);font:14px Georgia;text-shadow:1px 2px 2px #000,-1px -1px 2px #000;color:#d6dfbe}.nameplate.hostile{color:#e4cbb0;cursor:pointer;pointer-events:auto}.nameplate.selected{color:#ffd47f}.nameplate .tinybar{display:block;height:5px;width:75px;margin:5px auto 0;background:#281e16;border:1px solid #9a8353}.tinybar i{display:block;height:100%;background:#9f392e}.quest-mark{display:block;color:#ffcf4f;font-weight:bold;font-size:39px;line-height:1.1;text-shadow:0 0 13px #b88520,2px 2px #342a19}.npc-label{color:#b6d99a}.floater{position:absolute;font-size:26px;color:#fbe6ab;font-weight:bold;text-shadow:2px 2px 2px #222;transform:translate(-50%,-100%)}.floater.hurt{color:#ef7c66}.floater.heal{color:#acd67d}.panel{background:linear-gradient(130deg,#1f2924f5,#131b18ed);border:1px solid #9b8054;box-shadow:inset 0 0 0 3px #121914,0 3px 15px #1116}.eyebrow{font:12px Arial,sans-serif;letter-spacing:2px;color:var(--gold)}#loading{position:absolute;inset:0;display:grid;place-content:center;text-align:center;background:#18231e}.rune{font-size:65px;color:var(--gold)}#loading h1{font-weight:normal}#loading p{color:#ad9b79}#creation{position:absolute;inset:0;background:linear-gradient(90deg,#121b18e8,#15211b96 30%,transparent 64%)}.brand{position:absolute;top:6vh;left:5vw;width:360px;text-align:center}.brand small{font:11px Arial;letter-spacing:4px;color:#d2bf8f}.brand h1{margin:16px 0 5px;color:#dec791;text-shadow:0 3px 3px #000;font-size:42px;letter-spacing:3px;line-height:1.1;font-weight:normal}.brand h1 span{font-size:33px;letter-spacing:13px;margin-left:12px}.brand p{font-style:italic;font-size:15px;color:#cbbd9b}.rule{display:flex;align-items:center;gap:14px;color:#b79755;justify-content:center;font-size:11px;margin:14px 0}.rule i{height:1px;width:28%;background:linear-gradient(90deg,transparent,#a8874e,transparent)}.create-panel{position:absolute;left:5vw;top:32vh;width:360px;padding:24px 25px}.create-panel>label{display:block;color:#ddd0ac;font-size:14px;margin:14px 0 6px}input{background:#111b18bb;border:1px solid #6f6248;color:#eee0be;padding:10px 12px;border-radius:1px;font-size:16px}.create-panel input{width:100%}.choose{margin:20px 0 10px}.class-choice{display:flex;align-items:center;gap:13px;text-align:left;border:1px solid #59523d;background:#1a241e;width:100%;padding:10px 12px;margin:7px 0;transition:background .2s}.class-choice.active{border-color:#d0ae6b;background:linear-gradient(90deg,#554b30aa,#2b3529aa);box-shadow:inset 2px 0 #dbc087}.class-choice:hover{background:#424631}.class-choice strong{font-size:17px;font-weight:normal}.class-choice small{display:block;color:#afa688;font:11px Arial;margin-top:4px}.class-sigil{font-size:25px;width:31px;text-align:center}.class-choice .check{margin-left:auto;color:#dfc37e}#class-description{font-size:14px;line-height:1.5;color:#c7bea4;min-height:64px}.gold-button{background:linear-gradient(#7b592c,#4e381f);border:1px solid #c8a66a;box-shadow:inset 0 0 0 2px #30271b,0 2px 6px #0005;color:#f2ddb0;padding:13px 19px;width:100%;font-size:17px;letter-spacing:.5px}.gold-button:hover{filter:brightness(1.2)}.gold-button span{float:right}.gold-button:disabled{opacity:.6;cursor:wait}.quiet{display:block;background:none;border:0;color:#ceb67e;text-decoration:underline;font-size:13px;padding-top:13px;margin:auto}#login-error{font:14px Arial;color:#f2a492;margin-bottom:0}.creation-footer{position:absolute;bottom:22px;left:5vw;right:4vw;display:flex;justify-content:space-between;font:10px Arial;letter-spacing:2px;color:#c0b796}#hud{position:absolute;inset:0;pointer-events:none}#hud button,#hud input,#hud .parchment,#hud #chat{pointer-events:auto}.unit-frame{position:absolute;top:24px;left:24px;width:295px;height:83px;display:flex;gap:10px;padding:8px}.portrait{height:63px;width:61px;flex-shrink:0;border:2px solid #a78c54;border-radius:50%;background:radial-gradient(circle at 35% 25%,#7b8c73,#354c47 50%,#192822);font-size:39px;text-align:center;line-height:56px;color:#dac28b;position:relative;text-shadow:1px 2px #17251c}.portrait span{font:13px Georgia;position:absolute;right:-4px;bottom:-4px;background:#20251b;border:1px solid #af955b;border-radius:50%;width:23px;height:23px;line-height:21px;color:#f0d594}.unit-body{flex:1;min-width:0}.unit-name{display:flex;justify-content:space-between;align-items:center;margin:1px 0 6px;font-size:13px}.unit-name b{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unit-name span{font:9px Arial;color:#b5aa8b}.bar{position:relative;height:17px;margin:3px 0;border:1px solid #111e18;background:#151e17;box-shadow:0 0 0 1px #635c40}.bar i{position:absolute;height:100%;left:0;top:0;transition:width .1s linear}.health i{background:linear-gradient(#74964a,#466329)}.spirit{height:12px}.spirit i{background:linear-gradient(#6196ac,#355e7e)}.bar span{position:absolute;inset:0;text-align:center;line-height:15px;color:#f1ead5;text-shadow:1px 1px #172118;font:11px Arial;padding-top:2px}.spirit span{font-size:9px;padding-top:0}#target-frame{left:343px;width:282px}.target-portrait{background:radial-gradient(#7b5941,#382b22)}.enemy i{background:linear-gradient(#b26148,#803d2d)}#target-range{font:10px Arial;color:#c6b798}#zone-title{position:absolute;top:27px;left:50%;transform:translateX(-50%);text-align:center;text-shadow:0 2px 4px #1c281a}#zone-title h2{margin:0 0 4px;font-size:24px;font-weight:normal;color:#f3dfb1}#subzone{font-style:italic;font-size:14px;color:#e9ddb9}#map-wrap{position:absolute;right:24px;top:20px;width:184px;text-align:center}.map-title{font-size:12px;letter-spacing:1.1px;margin-bottom:8px;color:#f2dba3;text-shadow:1px 2px #233023}.map-border{position:relative;border:4px double #ae945c;border-radius:50%;padding:3px;background:#2b3225;box-shadow:0 3px 15px #1d211855}#minimap{display:block;width:168px;height:168px;border-radius:50%}.north{position:absolute;top:-10px;left:calc(50% - 7px);color:#fbe1a2;background:#4f4b31;font-size:12px;padding:0 3px}#realm-status{font:10px Arial;color:#d4c9aa;text-shadow:1px 1px #1a2418;margin-top:7px}.map-button{font:11px Arial;color:#d9c38f;background:#18271ddd;border:1px solid #7a714d;margin-top:7px;padding:4px 9px}#quest-tracker{position:absolute;right:27px;top:324px;width:235px;text-shadow:1px 2px 2px #152312;background:linear-gradient(90deg,transparent,#17221a65);padding:10px 0 12px 15px;border-top:1px solid #a5975966}.eyebrow span{float:right}#quest-tracker h3{font-size:17px;color:#f0d49a;font-weight:normal;margin:14px 0 10px}#quest-objectives{font-size:14px;line-height:1.9;color:#e4ddc0}.quest-hint{font:11px Arial;color:#bebfa4;margin-top:9px}#notice{position:absolute;left:50%;top:20%;transform:translateX(-50%);font-size:18px;color:#f8d995;text-shadow:1px 2px 3px #392917;max-width:560px;text-align:center;transition:opacity .3s}#interact{position:absolute;left:50%;bottom:172px;transform:translateX(-50%);padding:11px 20px;display:flex;align-items:center;gap:15px;font-size:16px}kbd{font:12px Georgia;color:#e7d7af}#interact kbd{padding:5px 9px;background:#3f4933;border:1px solid #a38c54}.parchment{position:absolute;background:radial-gradient(ellipse at top,#e0cda0,#c8b280);border:5px double #705737;box-shadow:0 8px 40px #1119,inset 0 0 45px #8e6e3655;color:#423721;padding:28px;width:390px;z-index:20}.parchment .eyebrow{color:#79623b}.parchment h2{font-weight:normal;font-size:26px;margin:14px 0}.parchment p{line-height:1.65;font-size:16px}.parchment h4{font:12px Arial;letter-spacing:2px;color:#705732;margin-top:22px}.close{position:absolute;right:8px;top:5px;background:none;border:0;color:#6d512f;font-size:25px}.parchment .gold-button{margin-top:24px}#dialog{left:36px;top:140px}#dialog-reward{font-size:15px}#chat{position:absolute;left:25px;bottom:153px;width:320px;font:12px Arial;text-shadow:1px 1px #152217;background:linear-gradient(90deg,#12231970,transparent);padding:8px 10px}.chat-heading{display:flex;gap:22px;font:10px Arial;letter-spacing:1px;color:#cfb782;margin-bottom:8px}.chat-heading span+span{color:#a19f7d}#chat-lines{max-height:118px;overflow:hidden;line-height:1.6;color:#d0d6b8}.chat-system{color:#d7bd80}.chat-talk{color:#d3decb}#chat-input{width:100%;padding:7px 8px;font:12px Arial;border-color:#a59a5944;background:#11201755;margin-top:5px}#bottom{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);width:700px}#xp{height:9px;margin:0 2px 10px;background:#252d24;border:1px solid #ab9058;position:relative}#xp i{display:block;height:100%;background:linear-gradient(90deg,#795592,#ae85b4);width:0}#xp span{position:absolute;left:50%;top:-17px;transform:translateX(-50%);font:10px Arial;white-space:nowrap;color:#e3d0a2;text-shadow:1px 1px #17251a}#hotbar{display:flex;gap:7px;align-items:center;justify-content:center;background:linear-gradient(#434838ee,#1b241eef);border:3px double #ad915a;padding:8px 10px;box-shadow:0 4px 15px #17221b99}#skills{display:flex;gap:7px}.action{position:relative;width:76px;height:72px;background:radial-gradient(ellipse at 40% 25%,#736043,#2d352a 65%);border:2px solid #b99d62;box-shadow:inset 0 0 0 2px #20281d;color:#e6cb92}.action:hover{filter:brightness(1.25)}.action.active{border-color:#fff1a2;box-shadow:0 0 10px #e1b646,inset 0 0 0 2px #554424}.action kbd{position:absolute;left:4px;top:2px;font:12px Arial;text-shadow:1px 1px #111}.ability-icon{display:block;font-size:34px;line-height:41px;margin-top:3px;text-shadow:1px 2px #222}.action small{display:block;font:9px Arial;color:#e4d9b5;white-space:nowrap}.action .cooldown{position:absolute;inset:0;display:grid;place-items:center;background:#101912bb;color:#f0dfb6;font:25px Georgia}.action.low-power{filter:grayscale(.9)}.utility{width:58px;background:linear-gradient(#4d5540,#2c372b)}.utility .ability-icon{font-size:28px}.hotbar-divider{width:1px;height:53px;background:#a48b53;margin:0 5px}#bottom-meta{display:flex;justify-content:space-between;margin:8px 3px 0;font:10px Arial;color:#ded5b8;text-shadow:1px 1px #243120}#coins{color:#d9bd7b}#help{left:50%;top:50%;transform:translate(-50%,-50%);width:510px;max-height:95vh;overflow:auto}dl{display:grid;grid-template-columns:160px 1fr;gap:11px 8px;font-size:14px}dt{font-weight:bold}dd{margin:0}.help-note{font-size:13px!important;border-top:1px solid #9c824e;padding-top:15px}#large-map{left:50%;top:50%;transform:translate(-50%,-50%);width:min(640px,85vw);height:min(810px,95vh);padding:18px;display:flex;flex-direction:column;text-align:center}#large-map h2{margin:9px 0}#zone-map{width:100%;min-height:0;flex:1;object-fit:contain}#large-map p{font-size:13px;margin:8px}#death{position:absolute;inset:0;background:#243b3b55;display:grid;place-content:center;text-align:center;text-shadow:0 2px 5px #102522;backdrop-filter:grayscale(.85)}#death h2{font-weight:normal;font-size:34px}#death p{font-style:italic}body.photo #hud,body.photo #labels,body.photo #floaters{display:none} @media(max-height:850px){.brand{top:3vh}.brand h1{font-size:32px}.brand h1 span{font-size:26px}.brand p{font-size:13px}.create-panel{top:29vh;padding:17px 24px}.class-choice{padding:8px 10px;margin:5px 0}.choose{margin-top:13px}#class-description{font-size:13px;min-height:55px;margin:10px 0}.creation-footer{bottom:12px}.brand .rule{margin:9px 0}.gold-button{padding:11px 15px}}@media(max-width:1100px){#zone-title{top:120px}.unit-frame{transform:scale(.9);transform-origin:top left}#target-frame{left:300px}#quest-tracker{width:200px}#chat{width:250px}#bottom{width:650px}#bottom-meta span:nth-child(2){font-size:9px}}@media(max-width:760px){.brand,.create-panel{left:20px;width:320px}#map-wrap{right:10px;transform:scale(.8);transform-origin:top right}#target-frame{top:102px;left:24px}#quest-tracker{top:264px;right:14px;width:170px}#zone-title{display:none}#chat{display:none}#bottom{width:95vw}.action{width:55px}.utility{width:42px}.action small{font-size:8px}.action .ability-icon{font-size:27px}#bottom-meta span:nth-child(2){display:none}#interact{white-space:nowrap}.creation-footer span+span{display:none}}

/* Only a drag that starts on the world suppresses text selection across HUD overlays. */
#world{user-select:none;-webkit-user-select:none;touch-action:none}
body.camera-dragging,body.camera-dragging *{user-select:none!important;-webkit-user-select:none!important}

/* Server-accepted next action: a quiet border, independent of cooldown sweep. */
.action-slot.ability-queued{outline:2px solid #f4d48a;outline-offset:1px;box-shadow:0 0 9px #d8b95a88}

#death{inset:auto;left:50%;top:24%;transform:translateX(-50%);width:min(490px,90vw);padding:16px;display:block;backdrop-filter:none;z-index:35;background:#192825ed}#death h2{font-size:24px;margin:0 0 9px}#death p{font-size:14px;line-height:1.5}#death button{display:block;width:100%;margin:7px 0;padding:9px;background:#35443b;border:1px solid #967c51}#death button:disabled{opacity:.45;cursor:default}.spirit-walk #world{filter:saturate(.25)}#resurrection-sickness{position:absolute;top:112px;left:24px;max-width:285px;background:#232a28df;padding:7px;color:#d3b7c9;font:12px Georgia;pointer-events:none}

#world-hover{position:fixed;z-index:120;pointer-events:none;white-space:pre-line;max-width:250px;padding:7px 10px;color:#eee0bb;background:#19231bed;border:1px solid #958055;box-shadow:0 3px 10px #0007;font:13px/1.45 Georgia,serif}#world-hover[data-available="false"]{color:#cbbb9e}#world-hover[hidden]{display:none}

#migration-notice{position:fixed;z-index:150;left:50%;top:18%;transform:translateX(-50%);width:min(520px,calc(100vw - 36px));max-height:70vh;overflow:auto;padding:22px;background:#20291cf5;border:3px ridge #ad9059;color:#ead9b5;box-shadow:0 12px 45px #0009;pointer-events:auto;font:14px/1.55 Georgia,serif}#migration-notice h2{margin-top:0;color:#e5c887}#migration-notice[hidden]{display:none}#migration-notice button{padding:9px 18px}