*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#100f12;color:#908a9a;font-family:Georgia,'Times New Roman',serif}#game{display:block;width:100%;height:100%;cursor:crosshair;image-rendering:pixelated}button{font:inherit;color:#90899a;cursor:pointer;border-radius:1px}button:focus-visible{outline:2px solid #9b95a4;outline-offset:4px}button:active{transform:translateY(1px)}button[hidden]{display:none}.eyebrow{font-size:9px;letter-spacing:4px;color:#70697a;text-shadow:0 1px #000000}.location-plaque{position:absolute;top:20px;left:24px;display:flex;align-items:center;gap:14px;padding:9px 22px 10px 13px;pointer-events:none;border-left:2px solid #4d4854;background:linear-gradient(90deg,#111012ed,#121114b8 75%,transparent);text-shadow:0 2px 2px #000000}.location-mark{font-size:38px;color:#5e5866;line-height:1;filter:drop-shadow(1px 1px 0 #000000)}h1{font-size:19px;font-weight:normal;margin:4px 0 0;letter-spacing:.6px}.top-right{position:absolute;top:24px;right:24px;display:flex;gap:7px}.top-right button,.panel button{background:linear-gradient(#3f3b4555,#0a090abf),url('assets/ui-stone.png');border:2px solid;border-color:#4f4a56 #1c1a1e #121113 #44404a;box-shadow:inset 0 0 0 1px #080809,inset 0 2px 2px #7b748622,0 2px 3px #00000099;text-shadow:0 2px #000000;padding:8px 17px;font-size:12px}.top-right button:hover,.panel button:hover{color:#aba6b3;border-top-color:#746d7f;background-color:#423d47}.top-right button[aria-pressed=true]{color:#a5a0ad}.hud{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:700px;height:186px;display:flex;align-items:flex-end;filter:drop-shadow(0 -3px 5px #00000088);pointer-events:none}.hud button{pointer-events:auto}.stone-console{position:relative;width:400px;height:176px;padding:10px 28px 8px;background:linear-gradient(100deg,#141316b8,#1f1d21a6 50%,#100f11cc),url('assets/ui-stone.png');border:4px solid;border-color:#5d5765 #28262c #161418 #433f49;box-shadow:inset 0 0 0 2px #0b0a0c,inset 0 0 0 4px #45404b55,inset 0 7px 9px #00000099,0 -1px #847d8f66;border-radius:12px 12px 0 0}.console-heading{display:flex;align-items:center;justify-content:center;gap:12px;height:12px;font-size:9px;letter-spacing:3px;color:#71697a;text-shadow:0 1px #000000}.console-heading i{display:block;width:40px;height:2px;background:#0f0e10;border-bottom:1px solid #544f5c66}.spells{display:flex;justify-content:center;gap:22px;margin-top:8px}.spell-slot{display:flex;flex-direction:column;align-items:center;min-width:120px}.spell{position:relative;width:68px;height:68px;padding:4px;background:linear-gradient(135deg,#5b5563,#2b282f 25%,#171619 65%,#4a4550);border:2px solid;border-color:#6d6676 #201e23 #18161a #4f4a56;box-shadow:0 2px 3px #000000,inset 0 0 0 1px #131214}.spell:before{content:'';position:absolute;inset:4px;border:1px solid #57525f;box-shadow:inset 0 0 6px 3px #000000;pointer-events:none;z-index:1}.spell-art{display:block;width:100%;height:100%;overflow:hidden;background:radial-gradient(ellipse at 50% 75%,#5e2e1d,#211c13 64%,#0a100b);box-shadow:inset 0 0 0 1px #000}.spell-art svg{width:100%;height:100%;padding:4px;filter:drop-shadow(1px 2px 1px #000000)}.lightning .spell-art{background:radial-gradient(ellipse at 55% 50%,#24424a,#171f20 60%,#0a100c)}.spell:hover{border-top-color:#928b9b;box-shadow:0 2px 3px #000000,inset 0 0 0 1px #131214,0 0 6px #7f778a66}.spell.casting{border-color:#9891a1 #433f49 #403c46 #6a6374;box-shadow:0 0 9px #81798c66,inset 0 0 4px #938c9c}.spell.casting .spell-art{filter:brightness(1.3)}.spell kbd{position:absolute;bottom:-6px;right:-5px;z-index:2;min-width:20px;padding:2px 4px;text-align:center;font:11px Georgia,serif;color:#9a93a2;background:linear-gradient(#39353e,#1f1d22);border:1px solid;border-color:#5f5968 #1c1a1e #151316 #514c58;box-shadow:0 1px 2px #000000;text-shadow:0 1px #000000}.spell em{position:absolute;left:50%;top:23px;transform:translateX(-50%);font:10px Georgia,serif;color:#b2adb8;text-shadow:0 1px 2px #000000;background:#111013d9;padding:3px 6px;z-index:3;opacity:0;pointer-events:none}.spell.casting em{opacity:1}.spell-name{font-size:12px;color:#8b8495;margin-top:8px;text-shadow:0 1px #000000}.spell-slot small{font:8px Georgia,serif;letter-spacing:1.3px;color:#6b6474;margin-top:3px}.spell-divider{width:1px;height:79px;background:#0c0b0d;box-shadow:1px 0 #5954613d;margin:0 -12px}.controls{display:flex;align-items:center;justify-content:center;gap:9px;font-size:9px;color:#6d6677;border-top:1px solid #56505d33;margin-top:8px;padding-top:5px;text-shadow:0 1px #000000}.controls b{color:#47424d}kbd{font:inherit;color:#8a8394}.health{position:relative;width:160px;height:186px;flex-shrink:0;padding-top:3px;z-index:2}.orb-frame{position:relative;margin:auto;width:132px;height:132px;padding:11px;border-radius:50%;background:conic-gradient(from 15deg,#46424c,#211f24 15%,#6b6474 28%,#2b282f 45%,#151417 55%,#544e5b 75%,#766e80 88%,#46424c);border:2px solid #635c6b;box-shadow:0 3px 5px #000000,inset 0 0 0 2px #1f1d21,inset 0 0 0 5px #4d4854,inset 0 0 0 7px #1d1b20}.orb{position:relative;height:100%;overflow:hidden;border-radius:50%;background:radial-gradient(at 50% 30%,#161518,#090809 80%);border:2px solid #0b0a0c;box-shadow:0 0 0 1px #776f81,inset 0 0 12px #000000}#health-fill{position:absolute;bottom:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 55% 70%,#c14936 0,#8e241e 40%,#4a1414 74%,#270e10);box-shadow:inset 0 4px 3px #ed795d99;transition:height .16s linear}#health-fill:after{content:'';position:absolute;inset:0;background:repeating-radial-gradient(ellipse at 30% 80%,transparent 0 12px,#ef88600d 13px 14px,transparent 15px 23px)}.glass{position:absolute;inset:0;border-radius:50%;background:radial-gradient(ellipse 25% 13% at 32% 20%,#bbb6c166,transparent 100%),radial-gradient(ellipse at 50% 45%,transparent 47%,#07070899 86%);box-shadow:inset 2px 3px 6px #b0abb722,inset -4px -5px 8px #00000088}.orb-pin{position:absolute;width:10px;height:10px;background:linear-gradient(135deg,#81798b,#4c4752 45%,#201e23);border:1px solid #1d1b20;box-shadow:0 1px 2px #000000;transform:rotate(45deg)}.north{top:1px;left:59px}.south{bottom:1px;left:59px}.east{right:1px;top:59px}.west{left:1px;top:59px}.orb-caption{position:relative;margin:-1px auto 0;padding:5px 0 6px;width:114px;text-align:center;border:2px solid;border-color:#534d5a #232127 #151316 #433f49;background:linear-gradient(#2c2930,#161418);box-shadow:0 2px 3px #000000}.orb-caption span{display:block;font-size:8px;letter-spacing:2px;color:#756d7f}.orb-caption strong{display:block;font-size:12px;font-weight:normal;color:#9b95a4;margin-top:2px;font-variant-numeric:tabular-nums;text-shadow:0 1px #000000}.tally{width:140px;height:144px;padding:12px 10px 9px;text-align:center;background:linear-gradient(100deg,#18161ac7,#201e22c7),url('assets/ui-stone.png');border:3px solid;border-color:#56505d #252329 #141316 #39363e;border-radius:0 9px 0 0;box-shadow:inset 0 0 0 2px #0e0d0f,inset 0 0 10px #00000088}.tally-crest svg{height:35px;width:32px;fill:none;stroke:#6a6374;stroke-width:1.5;filter:drop-shadow(0 1px #000000)}.tally strong{display:block;font-size:13px;font-weight:normal;letter-spacing:2px;color:#8c8596;text-shadow:0 2px #000000;margin-top:3px}.tally>span{display:block;font-size:11px;margin-top:6px;color:#797184}.tally .tally-rule{height:1px;width:56px;background:#0d0c0e;border-bottom:1px solid #504b574d;margin:8px auto}.tally small{display:block;font-size:7px;letter-spacing:.9px;color:#635c6b}#notice{position:absolute;top:105px;left:50%;transform:translateX(-50%);font-size:12px;letter-spacing:.4px;color:#908999;text-shadow:0 2px 3px #000000,1px 0 #000000;pointer-events:none;transition:opacity 1s;text-align:center}.overlay{position:absolute;inset:0;background:#070607c9;display:grid;place-items:center;z-index:10}.hidden{display:none}.panel{position:relative;width:380px;text-align:center;padding:26px 38px 30px;background:linear-gradient(#1d1c20c9,#111013d9),url('assets/ui-stone.png');border:6px solid;border-color:#5e5866 #262429 #161418 #48444e;box-shadow:0 12px 70px #000000,inset 0 0 0 2px #100f12,inset 0 0 0 4px #58526055,inset 0 0 25px #00000099}.panel-crest{font-size:48px;line-height:1;color:#676070;text-shadow:1px 2px #000000;margin-bottom:12px}.panel h2{font-size:32px;font-weight:normal;color:#9993a2;text-shadow:0 2px #000000;margin:14px 0}.etched-rule{width:110px;height:3px;margin:0 auto;background:#0c0b0d;border-bottom:1px solid #59546166}.panel p{font-size:13px;line-height:1.7;color:#7f778a;margin:16px 0 23px}.panel button{display:block;width:100%;padding:12px;margin-top:10px;font-size:13px}.panel button kbd{float:right;color:#6d6676}.panel>small{display:block;margin-top:24px;font-size:8px;letter-spacing:2px;color:#625c6b}@media(max-width:740px){.hud{transform:translateX(-50%) scale(.84);transform-origin:bottom center}.location-plaque{left:12px;top:12px}.top-right{right:12px;top:16px}.top-right button{padding:7px 10px;font-size:11px}h1{font-size:16px}.location-mark{font-size:29px}#notice{top:92px;width:90%}}@media(max-width:590px){.hud{transform:translateX(-50%) scale(.68)}.location-plaque{padding-right:6px}.top-right{top:76px}.top-right button{font-size:10px}#notice{top:122px;font-size:11px}.panel{width:min(360px,90vw)}}@media(max-width:470px){.hud{transform:translateX(-50%) scale(.53)}}
.rivet{position:absolute;width:5px;height:5px;border-radius:50%;background:radial-gradient(at 30% 25%,#766f81,#3a363f 55%,#111013 90%);box-shadow:0 1px 1px #000000}.top-left{top:6px;left:7px}.top-right-pin{top:6px;right:7px}.bottom-left{bottom:7px;left:7px}.bottom-right{bottom:7px;right:7px}
@media(prefers-reduced-motion:reduce){#health-fill,#notice{transition:none}}

.location-mark svg{width:23px;height:32px;fill:none;stroke:currentColor;stroke-width:1.8}.panel-crest svg{width:42px;height:48px;fill:none;stroke:currentColor;stroke-width:1.4}

/* Warlock palette: ash lettering, black iron, violet only at active seals. */
:root{--ash:#c4c0cb;--dim-ash:#96909e;--iron-edge:#4a4650;--witchlight:#aa8bc0}
html,body{color:var(--ash);background:#101014}
button{color:#b9b2c3}button:focus-visible{outline-color:var(--witchlight)}
.eyebrow,.location-mark,.panel-crest{color:#91809e}
.location-plaque{border-left-color:#4b4057;background:linear-gradient(90deg,#101015ed,#141019b8 75%,transparent)}
.stone-console{border-color:#4f4b55 #24212b #121017 #35313c;background:linear-gradient(100deg,#111017c9,#211b27b8 50%,#0e0c13d9),url('assets/ui-stone.png')}
.console-heading,.controls,.spell-slot small,.orb-caption span,.tally>span,.panel>small{color:var(--dim-ash)}
.spell-name,.orb-caption strong,.tally strong,.panel h2{color:var(--ash)}
.top-right button:hover,.panel button:hover{color:#ded2e7;border-top-color:#756580;background-color:#302638}
.top-right button[aria-pressed=true]{color:#c4a5dc}
.spell:hover{border-top-color:#85738f;box-shadow:0 2px 3px #000,inset 0 0 0 1px #16121c,0 0 6px #79528b44}
.spell.casting{border-color:#a28ab4 #403049 #382b40 #725d80;box-shadow:0 0 9px #8256a066,inset 0 0 4px #b299c466}
.spell em{color:#ded0e8;background:#17101ed9}
.spell-art{background:radial-gradient(ellipse at 50% 75%,#492124,#20131b 64%,#0d0b12)}
.lightning .spell-art{background:radial-gradient(ellipse at 55% 50%,#283442,#191724 60%,#0d0b12)}
.orb-frame{background:conic-gradient(from 15deg,#3a3541,#15131a 15%,#68616f 28%,#29242f 45%,#101015 55%,#443c4b 75%,#746b7b 88%,#3a3541);border-color:#514a5b;box-shadow:0 3px 5px #000,inset 0 0 0 2px #18131e,inset 0 0 0 5px #403747,inset 0 0 0 7px #19151e}
.orb{box-shadow:0 0 0 1px #6b5d75,inset 0 0 12px #000}
#health-fill{background:radial-gradient(ellipse at 55% 70%,#a62e45 0,#74172f 40%,#390e22 74%,#1c0a16);box-shadow:inset 0 4px 3px #d35a7799}
.orb-pin{background:linear-gradient(135deg,#82768c,#44364e 45%,#17121e);border-color:#19121f}
.orb-caption{border-color:#4d4359 #26202e #141019 #393041;background:linear-gradient(#2d2435,#14101b)}
.tally{border-color:#4f455b #27212f #121017 #39303f;background:linear-gradient(100deg,#17121fcf,#221a2ad9),url('assets/ui-stone.png')}
.tally-crest svg{stroke:#9783a7}.tally small{color:#8c8195}
#notice{color:#b7a9c3}.overlay{background:#08060dcc}
.panel{border-color:#554a61 #292130 #16101e #3c3046;background:linear-gradient(#201827d9,#100c16eb),url('assets/ui-stone.png')}
.panel p{color:#aaa0b6}.panel button kbd{color:#9c8aaa}
.rivet{background:radial-gradient(at 30% 25%,#93829e,#3e3149 55%,#100c16 90%)}