@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@600;800&family=IM+Fell+English:ital@0;1&display=swap";:root{color:#eadcc0;font-synthesis:none;background:#07060a;font-family:IM Fell English,serif}*{box-sizing:border-box}html,body{background:#07060a;width:100vw;height:100dvh;margin:0;padding:0;overflow:hidden}#game{background:#07060a;width:100vw;height:100dvh;position:fixed;inset:0}#view{cursor:crosshair;background:#07060a;width:100%;height:100%;display:block;position:absolute;inset:0}#message,#automap{display:none}#overlay{z-index:6;background:#040306b8;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#overlay[hidden]{display:none}#overlay.death{pointer-events:none;background:0 0;align-items:flex-end}#overlay.death .death-veil{pointer-events:auto;text-align:center;background:linear-gradient(#0000,#060406eb 42%);width:100%;padding:56px 24px 32px}#overlay.death:not(.death-ready) .death-veil{opacity:0;pointer-events:none}.title-screen{background:#08060a url(/assets/ui/title-bg.png) 50%/cover no-repeat;justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:0}.title-veil{background:linear-gradient(#04030626 20%,#040306d1 78%);position:absolute;inset:0}.title-copy{z-index:1;text-align:center;max-width:760px;padding:0 24px 48px;position:relative}.panel{text-align:center;background:linear-gradient(#1a1410 0%,#100c0a 100%);border:3px solid #8a6a32;width:min(640px,92vw);max-height:90vh;padding:28px 24px;overflow-y:auto;box-shadow:0 0 0 1px #2a1c10,0 18px 50px #000000a6}.panel.wide{width:min(980px,96vw)}.panel.slim{width:min(360px,90vw)}.kicker{color:#d4b060;letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:13px}h1{color:#f2d48a;text-shadow:0 4px #3a2010,0 0 28px #ff782873;letter-spacing:.12em;margin:6px 0 0;font-family:Cinzel,serif;font-size:clamp(64px,12vw,120px);font-weight:800}h2{color:#f0dca8;margin:8px 0 16px;font-family:Cinzel,serif;font-size:26px}h3{color:#f0dca8;margin:10px 0 0;font-family:Cinzel,serif}.sub,.brief,.keys,.stat,.title{color:#d8c8a8;font-size:17px;line-height:1.45}.brief.left{text-align:left}button{color:#f8ecd0;cursor:pointer;background:#6a1818;border:2px solid #d4b060;margin-top:16px;padding:12px 18px;font-family:Cinzel,serif;font-size:14px}button:hover{background:#8a2020}.btn-secondary{background:#2a2418;border-color:#8a6a32}.btn-danger{background:#401018}.class-row{grid-template-columns:repeat(3,1fr);gap:14px;margin:12px 0 8px;display:grid}.class-card{text-align:center;background:#14100c;border:2px solid #6a5030;margin:0;padding:0 0 14px}.class-card img{aspect-ratio:1;object-fit:cover;filter:saturate(1.05);width:100%;display:block}.class-card:hover{background:#1c1610;border-color:#e0b850}.class-card p{margin:6px 12px 0;font-size:15px}.mentor{object-fit:cover;border:2px solid #8a6a32;border-radius:4px;width:120px;height:120px}.setting-row{justify-content:space-between;align-items:center;margin-bottom:12px;font-size:16px;display:flex}.setting-row input[type=range]{accent-color:#d4b060;width:160px}.actions-row{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:12px;display:flex}.shop-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0 8px;display:grid}.shop-item{flex-direction:column;align-items:center;gap:4px;min-width:0;margin:0;padding:10px 8px 12px;display:flex}.shop-item img{object-fit:contain;image-rendering:auto;width:56px;height:56px}.shop-name{letter-spacing:.06em;font-size:14px}.shop-stat{color:#c4b080;letter-spacing:.04em;font-size:12px}.shop-cost{color:#e0b850;font-size:13px}.inv-item img{object-fit:contain;vertical-align:middle;width:28px;height:28px;margin-right:4px}.inv-grid{grid-template-columns:1fr 1fr;gap:8px;margin:12px 0;display:grid}.inv-item{text-align:left;margin:0;font-size:13px}#hud{pointer-events:none;z-index:4;position:absolute;inset:0}.hud-top{justify-content:space-between;padding:14px 16px;display:flex}#hud-meta{color:#f0e0c0;text-shadow:0 2px 4px #000}#hud-meta .place{font-family:Cinzel,serif;font-size:18px}#hud-meta .who,#hud-meta .purse{opacity:.9;font-size:15px}#hud-meta .xp{background:#1a120c;border:1px solid #8a6a32;width:180px;height:6px;margin:6px 0}#hud-meta .xp>div{background:linear-gradient(90deg,#8a6020,#e8c060);height:100%}#minimap{width:132px;height:132px;image-rendering:pixelated;background:#08060a;border:2px solid #8a6a32}#hud-msg{text-align:center;color:#fff6d8;text-shadow:0 2px 6px #000;max-width:70%;font-size:20px;transition:opacity .2s;position:absolute;top:18%;left:50%;transform:translate(-50%)}#use-hint{color:#ffe8b0;text-shadow:0 1px 4px #000;letter-spacing:.04em;pointer-events:none;background:#08060ac7;border:1px solid #8a6a32;padding:6px 14px;font-size:16px;transition:opacity .15s;position:absolute;bottom:118px;left:50%;transform:translate(-50%)}#cast-bar{pointer-events:none;z-index:5;align-items:flex-end;gap:8px;display:flex;position:absolute;bottom:112px;left:50%;transform:translate(-50%)}#cast-bar[hidden]{display:none}#cast-bar.preview{opacity:.55}.cast-sign{text-align:center;opacity:.32;width:46px;transition:transform 80ms ease-out,opacity 80ms linear}.cast-sign.spoken{opacity:.8}.cast-sign.now{opacity:1;filter:drop-shadow(0 0 10px #e040c0d9);transform:translateY(-8px)scale(1.18)}.cast-sign.dim{opacity:.42}.cast-sign img{object-fit:contain;width:42px;height:42px;margin:0 auto;display:block}.cast-sign em{letter-spacing:.1em;color:#f0d080;text-transform:uppercase;text-shadow:0 1px 3px #000;margin-top:1px;font-family:Cinzel,serif;font-size:10px;font-style:normal;display:block}#cast-now{text-align:center;pointer-events:none;z-index:5;position:absolute;bottom:176px;left:50%;transform:translate(-50%)}#cast-now[hidden]{display:none}#cast-now img{object-fit:contain;filter:drop-shadow(0 0 14px #e050c8e6);width:108px;height:108px;display:block}#cast-now em{letter-spacing:.2em;color:#ffe8a8;text-transform:uppercase;text-shadow:0 2px 8px #000;margin-top:-6px;font-family:Cinzel,serif;font-size:16px;font-style:normal;display:block}.hud-bottom{justify-content:center;align-items:flex-end;gap:12px;padding:0 16px;display:flex;position:absolute;bottom:10px;left:0;right:0}.orb{flex:0 0 92px;width:92px;height:92px;position:relative}.orb-glass{background-position:50%;background-size:cover;border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 0 18px #00000073,0 0 12px #00000080}.orb-glass.hp{background-image:url(/assets/ui/hp-orb.png),radial-gradient(circle at 40% 35%,#ff6a4a,#7a1010 70%)}.orb-glass.mp{background-image:url(/assets/ui/mp-orb.png),radial-gradient(circle at 40% 35%,#6ad0ff,#103068 70%)}.orb-veil{z-index:1;pointer-events:none;background:#060406b8;border-radius:50% 50% 0 0;position:absolute;top:10%;left:10%;right:10%}.orb-n{text-align:center;color:#fff6d8;text-shadow:0 1px 3px #000;z-index:2;font-family:Cinzel,serif;font-size:12px;position:absolute;bottom:8px;left:0;right:0}#hud-slots{pointer-events:auto;gap:6px;display:flex}.slot{color:#eadcc0;background:#16100c;border:2px solid #6a5030;width:68px;height:68px;margin:0;padding:4px;font-family:IM Fell English,serif;font-size:12px;position:relative}.slot-icon{object-fit:contain;pointer-events:none;width:46px;height:46px;margin:12px auto 0;display:block}.slot.ready{border-color:#d4b060}.slot.selected{background:#2a2010;border-color:#f0e0a0;box-shadow:0 0 10px #e8c0508c}.slot.dim{opacity:.55}.slot.locked{opacity:.38;color:#6a5a48;pointer-events:none;border-color:#3a3024}.slot b{color:#d4b060;position:absolute;top:2px;left:6px}.slot i,.slot em{color:#9ad0ff;font-style:normal;position:absolute;bottom:2px;right:6px}#floats{position:absolute;inset:0}.floater{text-shadow:0 1px 3px #000;pointer-events:none;font-family:Cinzel,serif;font-size:14px;position:absolute;transform:translate(-50%,-50%)}@media (width<=720px){.class-row{grid-template-columns:1fr}.orb{flex-basis:68px;width:68px;height:68px}.slot{width:54px;height:54px;font-size:10px}.slot-icon{width:34px;height:34px;margin-top:10px}#minimap{width:96px;height:96px}h1{font-size:56px}}