/* Tower of Training — interface. Painted bronze frames (js/uiart.js) shown at 2x, pixel fonts, nothing anti-aliased. */
@font-face{font-family:"VT323";src:url(../fonts/vt323.woff2) format("woff2");font-display:block}
@font-face{font-family:"Pixelify";src:url(../fonts/pixelify-400.woff2) format("woff2");font-weight:400;font-display:block}
@font-face{font-family:"Pixelify";src:url(../fonts/pixelify-700.woff2) format("woff2");font-weight:700;font-display:block}
@font-face{font-family:"Silkscreen";src:url(../fonts/silkscreen.woff2) format("woff2");font-display:block}
:root{--ink:#eadfc4;--dim:#9a917a;--gold:#f0c060;--bronze:#a87830;--bronze-d:#3a2a12;--red:#d8453a;--blue:#4a8fe0;--green:#6fd47a}
html,body{margin:0;height:100%;background:#000;overflow:hidden;font-family:"Pixelify","Lucida Console",monospace;color:var(--ink);font-size:15px;user-select:none;-webkit-font-smoothing:none;font-smooth:never;text-rendering:optimizeSpeed}
canvas#view{position:absolute;inset:0;display:block;width:100%;height:100%}
#hud{position:absolute;inset:0;pointer-events:none}#hud .p{pointer-events:auto}
#hud img,#hud canvas{image-rendering:pixelated}
.panel{position:absolute;border:20px solid transparent;border-image:var(--frame) 12 fill / 24px / 0 round;image-rendering:pixelated;filter:drop-shadow(0 4px 0 rgba(0,0,0,.55))}
.title{font-family:"Pixelify";font-weight:700;color:var(--gold);letter-spacing:1px;text-transform:uppercase;font-size:15px;padding:2px 6px 5px;margin:-2px -2px 6px;border-bottom:2px solid #07050a;box-shadow:0 2px 0 var(--bronze-d);display:flex;justify-content:space-between;align-items:center;text-shadow:0 2px 0 #000}
.title .x{cursor:pointer;color:var(--dim);padding:0 4px;font-family:"Silkscreen";font-size:8px}.title .x:hover{color:#fff}
button,.btn{font:inherit;font-size:14px;color:var(--ink);background:none;border:6px solid transparent;border-image:var(--frame-btn) 3 fill / 6px / 0 repeat;padding:1px 8px;cursor:pointer;text-shadow:0 1px 0 #000;image-rendering:pixelated}
button:hover,.btn:hover{border-image-source:var(--frame-btn-hot);color:#fff}button:disabled{opacity:.4;cursor:default}
button.big{font-size:18px;padding:5px 18px;color:var(--gold);font-weight:700}
input[type=text]{font-family:"VT323";font-size:20px;color:var(--ink);background:#07060a;border:2px solid #000;box-shadow:0 0 0 2px var(--bronze-d);padding:2px 7px;outline:none;user-select:text}input[type=text]:focus{box-shadow:0 0 0 2px var(--gold)}

/* log + command line: compact until you type or hover */
#logwrap{left:10px;top:10px;width:440px;max-width:34vw;display:flex;flex-direction:column}#logwrap #cmdline{order:2}
/* idle: a few outlined lines over the world, no slab; the framed panel returns when you hover or type */
#logwrap:not(:hover):not(:focus-within){border-width:8px;border-image:var(--frame-plain) 4 fill / 8px / 0 repeat;opacity:.92}#logwrap:not(:hover):not(:focus-within) #log div:not(:nth-last-child(-n+4)){display:none}#logwrap:not(:hover):not(:focus-within) #log div{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}#logwrap:not(:hover):not(:focus-within) #log div:not(:nth-last-child(-n+4)){display:none}#logwrap:not(:hover):not(:focus-within) #log{height:auto;overflow:hidden;mask-image:none!important;text-shadow:1px 1px 0 #000,-1px 0 0 #000,0 -1px 0 #000,1px 0 0 #000;mask-image:linear-gradient(transparent,#000 45%)}#logwrap:not(:hover):not(:focus-within) #log div.old{opacity:0;transition:opacity 1.5s}#logwrap:not(:hover):not(:focus-within) #cmdline{opacity:.0}
#log{height:150px;transition:height .18s;overflow-y:auto;padding:2px 4px;font-family:"VT323";font-size:19px;line-height:1.0;scrollbar-width:thin;scrollbar-color:var(--bronze) transparent;white-space:pre-wrap;word-break:break-word;user-select:text;mask-image:linear-gradient(transparent,#000 30%)}
#logwrap:hover #log,#logwrap:focus-within #log{height:340px;mask-image:none}
#log div{margin-top:3px}#log .room{color:var(--gold);margin-top:10px;font-size:21px}#log .exits{color:#8f8774}#log .desc{color:#d2c9b2}#log .obj{color:#7fd0b0}#log .mob{color:#f0d890}
#log .say{color:#8fe0f0}#log .tell{color:#7fe07f}#log .shout{color:#ffb060}#log .hit{color:#fff}#log .miss{color:#85858f}#log .hurt{color:#ff6a5a}#log .kill{color:#ff3a2a}
#log .xp{color:#c8a0ff}#log .gold{color:#ffd860}#log .level{color:#7fff8a}#log .magic{color:#a8c8ff}#log .emote{color:#d8b890}#log .echo{color:#e0e0e0}#log .dim{color:#857f72}
#log .sign{color:#e8dcb8;background:rgba(90,66,30,.3);padding:3px 6px;border-left:2px solid var(--bronze)}#log .mono{white-space:pre;font-size:15px;line-height:1.0}#log .cmd{color:#6a6678}
#cmdline{display:flex;border-top:2px solid #07050a;box-shadow:0 -2px 0 var(--bronze-d);margin-top:4px;align-items:center}#cmdline span{color:var(--gold);padding:0 4px 0 6px;font-family:"VT323";font-size:20px}
#cmd{flex:1;border:none!important;box-shadow:none!important;background:transparent!important;padding:3px 4px}#cmdhint{color:#5a5666;padding-right:4px;font-family:"Silkscreen";font-size:8px;font-style:normal}

/* vitals + hotbar */
#vitals{left:calc(50% + 80px);bottom:10px;transform:translateX(-50%);display:flex;gap:8px;align-items:flex-end;position:absolute}
#vitals .panel{position:relative;border-width:10px;border-image:var(--frame-plain) 4 fill / 10px / 0 repeat}#bars{position:relative}#bars #mv{margin-bottom:4px}#bars #xp{position:absolute;left:4px;right:4px;bottom:-7px;margin:0;height:3px;box-shadow:none;border:0}
#bars{width:224px}
.bar{height:18px;background:#0a0810;border:2px solid #07050a;box-shadow:0 0 0 2px var(--bronze),0 0 0 4px #07050a;margin:4px 4px 10px;position:relative}
.bar:last-child{margin-bottom:2px}
.bar i{position:absolute;left:0;top:0;bottom:0;transition:width .25s}.bar:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 18px,rgba(0,0,0,.45) 18px 20px)}
.bar b{position:absolute;inset:0;z-index:2;text-align:center;font-family:"Pixelify";font-weight:700;font-size:14px;line-height:17px;letter-spacing:1px;font-weight:normal;color:#fff;text-shadow:1px 1px 0 #000,-1px 0 0 #000,0 -1px 0 #000}
#hp i{background:linear-gradient(#ff8a70 0 2px,#e0483c 2px 11px,#8a1c16 11px)}#mp i{background:linear-gradient(#9cc8ff 0 2px,#4a8fe0 2px 11px,#1c3c8a 11px)}#mv i{background:linear-gradient(#b4f0a0 0 2px,#4fae5a 2px 11px,#1e6a2a 11px)}
#mv{margin-bottom:7px}#xp{background:#2a1e3a;height:5px;margin:0 4px 1px;box-shadow:0 0 0 2px #07050a}#xp i{background:linear-gradient(#e0c8ff 0 1px,#a070e0 1px)}#xp:after{display:none}
#hotbar{display:flex;gap:4px}#hotbar .slot.empty{display:none}.bar:before{content:"";position:absolute;left:-6px;right:-6px;top:3px;bottom:3px;border-left:4px solid var(--bronze);border-right:4px solid var(--bronze);box-shadow:-2px 0 0 #07050a,2px 0 0 #07050a;pointer-events:none}#target .bar:before,.sk .bar:before,#xp:before{display:none}
.slot{width:48px;height:48px;background:var(--slot);background-size:48px 48px;position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden}
.slot:hover{filter:brightness(1.5)}.slot.empty{opacity:.55}.slot em{position:absolute;left:2px;top:1px;font-style:normal;color:#f4e6b8;background:#07050a;padding:0 3px 1px;box-shadow:0 0 0 1px #6a4c22;font-family:"Silkscreen";font-size:10px;line-height:11px;text-shadow:1px 1px 0 #000;z-index:2}.slot img{width:32px;height:32px}.slot img.item{width:44px;height:44px}
.slot .lbl{position:absolute;left:2px;right:2px;bottom:2px;font-family:"Silkscreen";font-size:8px;line-height:8px;color:#e8e0c8;text-shadow:1px 1px 0 #000,-1px -1px 0 #000;text-align:center;white-space:nowrap;overflow:hidden}
#status{position:absolute;left:calc(50% + 80px);transform:translateX(-50%);bottom:124px;display:flex;gap:6px}
.aff{background:#14111c;border:6px solid transparent;border-image:var(--frame-plain) 4 fill / 6px / 0 repeat;padding:0 6px 1px;font-family:"Silkscreen";font-size:10px;line-height:12px;color:#a8c8ff;letter-spacing:1px}.aff.bad{color:#ff8a70}.aff.pos{color:var(--gold)}
#menu{right:10px;bottom:10px;display:flex;gap:4px;position:absolute}
#menu button{width:48px;height:48px;padding:0;border:none;background:var(--slot);background-size:48px 48px;position:relative}#menu button:hover{filter:brightness(1.5)}
#menu button img{width:32px;height:32px;display:block;margin:2px auto 0}#menu button span{position:absolute;right:2px;top:1px;font-family:"Silkscreen";font-size:10px;line-height:11px;color:#f4e6b8;background:#07050a;padding:0 3px 1px;box-shadow:0 0 0 1px #6a4c22}#menu button img{margin-top:9px}

/* top */
#mini{right:10px;top:10px}#mini canvas{display:block;background:var(--slate);background-size:64px}#minilabel{padding:4px 2px 0;margin-top:4px;border-top:2px solid #07050a;font-size:13px;max-width:150px;line-height:1.05}#minilabel b{color:var(--gold);display:block;font-weight:400;font-family:"Silkscreen";font-size:8px;margin-bottom:2px}
#target{left:50%;top:12px;transform:translateX(-50%);min-width:230px;text-align:center;display:none;font-size:16px}#target .bar{margin:4px 2px 2px;height:8px}#target .bar i{background:linear-gradient(#ff8a70 0 2px,#e0483c 2px 5px,#8a1c16 5px)}#target small{color:var(--dim);font-family:"Silkscreen";font-size:8px}
#banner{position:absolute;left:0;right:0;top:18%;text-align:center;font-family:"Pixelify";font-weight:700;font-size:34px;color:var(--gold);letter-spacing:3px;text-shadow:0 3px 0 #3a2a12,0 0 18px #000,3px 3px 0 #000;opacity:0;transition:opacity .45s,visibility .45s;text-transform:uppercase;visibility:hidden}
#banner.on{opacity:1;visibility:visible}#banner small{display:block;font-family:"Silkscreen";font-size:8px;color:var(--ink);letter-spacing:2px;margin-top:8px;text-shadow:1px 1px 0 #000}
#prompt{position:absolute;left:50%;top:60%;transform:translateX(-50%);display:none;color:var(--ink);white-space:nowrap;font-size:16px;border-image-source:var(--frame-plain);border-width:8px;border-image-slice:4 fill;border-image-width:8px}#prompt kbd{color:#000;background:var(--gold);padding:0 6px;margin-right:8px;font:inherit;font-weight:700;box-shadow:0 2px 0 #7a5a20}
#cross{position:absolute;left:50%;top:50%;width:4px;height:4px;margin:-2px;background:var(--gold);box-shadow:0 0 0 2px rgba(0,0,0,.7);opacity:.85}#cross.hot{background:#ff5a4a;width:6px;height:6px;margin:-3px}
#toast{position:absolute;left:50%;top:30%;transform:translateX(-50%);display:flex;flex-direction:column;gap:6px;align-items:center}
#toast div{border:8px solid transparent;border-image:var(--frame-plain) 4 fill / 8px / 0 repeat;padding:0 12px;color:var(--gold);font-size:16px;animation:toast 4s forwards}
@keyframes toast{0%{opacity:0;transform:translateY(10px)}8%{opacity:1;transform:none}80%{opacity:1}100%{opacity:0}}
.bubble{position:absolute;max-width:280px;border:8px solid transparent;border-image:var(--frame-parch) 5 fill / 8px / 0 repeat;color:#2a1c0c;padding:0 4px;font-family:"VT323";font-size:19px;line-height:.95;transform:translate(-50%,-100%);pointer-events:none;filter:drop-shadow(0 3px 0 rgba(0,0,0,.5))}
#sleepfx{position:absolute;inset:0;background:#000;opacity:0;transition:opacity 1.2s;pointer-events:none}#sleepfx.on{opacity:.82}

/* windows */
.win{display:none;top:48%;left:50%;transform:translate(-50%,-50%);max-height:86vh}
.win .body{padding:2px 4px;overflow-y:auto;max-height:calc(86vh - 60px);scrollbar-width:thin;scrollbar-color:var(--bronze) transparent}
#inv{width:840px}#inv .body{display:flex;gap:14px}
#doll{width:336px;flex:none;position:relative;height:344px;background:radial-gradient(ellipse at 50% 45%,rgba(255,220,150,.16),rgba(0,0,0,.55) 75%),var(--leather);image-rendering:pixelated;background-size:auto,128px 128px;box-shadow:inset 0 0 0 2px #07050a,inset 0 0 0 4px var(--bronze-d)}
#doll .es{position:absolute}#doll .es small{position:absolute;left:0;right:0;bottom:-10px;font-family:"Silkscreen";font-size:8px;color:var(--dim);text-align:center;white-space:nowrap}
#dollimg{position:absolute;left:84px;top:12px;width:168px;height:320px;pointer-events:none}.es .sil{position:absolute;left:10px;top:10px;width:32px;height:32px;opacity:.5;image-rendering:pixelated}
.grid{display:grid;grid-template-columns:repeat(8,52px);gap:4px;align-content:start;justify-content:start}
.cell{width:52px;height:52px;background:var(--slot);background-size:52px 52px;position:relative;cursor:pointer;box-shadow:0 0 0 1px #07050a,inset 0 0 0 1px #6a4c22,inset 3px 3px 0 rgba(0,0,0,.8),inset -3px -3px 0 rgba(236,190,110,.28)}
.cell:hover{filter:brightness(1.45)}.cell img{width:44px;height:44px;margin:4px;pointer-events:none;filter:drop-shadow(1px 0 0 #07050a) drop-shadow(-1px 0 0 #07050a) drop-shadow(0 1px 0 #07050a) drop-shadow(0 -1px 0 #07050a)}#invgrid .cell img,#baggrid .cell img{width:40px;height:40px}.cell[class*=" t-"]{box-shadow:0 0 0 1px #07050a,inset 0 0 0 1px #6a4c22,inset 3px 3px 0 rgba(0,0,0,.8),inset -3px -3px 0 rgba(236,190,110,.28),inset 0 -14px 14px -8px var(--tint,transparent)}.cell.t-weapon{--tint:rgba(200,70,50,.55)}.cell.t-armor{--tint:rgba(80,130,220,.5)}.cell.t-food,.cell.t-drink_con{--tint:rgba(90,190,90,.5)}.cell.t-light{--tint:rgba(240,190,80,.55)}.cell.t-container{--tint:rgba(160,110,60,.6)}.cell.t-scroll,.cell.t-wand,.cell.t-staff,.cell.t-potion,.cell.t-pill{--tint:rgba(170,110,240,.55)}.cell.t-key,.cell.t-treasure,.cell.t-money{--tint:rgba(240,210,90,.55)}.cell .n{position:absolute;right:3px;bottom:2px;font-family:"Silkscreen";font-size:10px;line-height:10px;color:#f4e6b8;background:#07050a;padding:1px 3px;box-shadow:0 0 0 1px #6a4c22;z-index:2}
.cell.quest{box-shadow:inset 0 0 0 2px rgba(240,192,96,.7)}
#invside{flex:1;min-width:0}#invinfo{margin-top:8px;color:var(--dim);font-size:14px;display:flex;justify-content:space-between}.win .body{background:linear-gradient(rgba(10,8,14,.35),rgba(10,8,14,.35)),var(--leather);background-size:auto,128px 128px;image-rendering:pixelated;box-shadow:inset 0 0 0 1px #07050a,inset 0 0 0 2px rgba(150,110,50,.35),inset 0 0 24px rgba(0,0,0,.6);padding:8px}#invstats{margin-top:8px;display:grid;grid-template-columns:repeat(3,1fr);gap:4px 6px;font-size:14px;color:#e8dcb8}#invstats .si{width:18px;height:18px;image-rendering:pixelated;margin-right:4px;align-self:center}#invstats b{margin-right:auto}#invstats span{align-items:center;background:rgba(8,6,12,.55);box-shadow:inset 0 0 0 1px #07050a,inset 0 0 0 2px rgba(150,110,50,.45);padding:3px 8px;display:flex;justify-content:space-between}#invstats b{color:#b8a070;font-weight:400;font-family:"Silkscreen";font-size:9px;align-self:center;letter-spacing:1px}#invgrid{grid-template-columns:repeat(9,48px)}#bagbox{margin-top:10px;border-top:2px solid #07050a;padding-top:8px;display:none}
#tip{position:absolute;z-index:50;display:none;max-width:320px;font-size:14px;pointer-events:none;border-image-source:var(--frame-plain);border-width:8px;border-image-slice:4 fill;border-image-width:8px}#tip b{color:var(--gold);font-weight:700;font-size:16px}#tip .st{color:#a8c8ff}#tip .up{color:var(--green)}#tip .down{color:var(--red)}#tip p{margin:5px 0 0;color:#c8c0a8;white-space:pre-wrap;font-family:"VT323";font-size:18px;line-height:.95}#tip .hint{color:var(--dim);margin-top:6px;font-family:"Silkscreen";font-size:8px}
#ctx{position:absolute;z-index:60;display:none;min-width:160px;border-image-source:var(--frame-plain);border-width:8px;border-image-slice:4 fill;border-image-width:8px}#ctx div{padding:2px 8px;cursor:pointer}#ctx div:hover{background:#3a2e20;color:#fff}
#char{width:640px}#char table{border-collapse:collapse;width:100%}#char td{padding:2px 8px}#char td:nth-child(odd){color:var(--green);text-align:right}#char h4,#skills h4,#shop h4{color:var(--gold);margin:12px 0 4px;font-weight:700;border-bottom:2px solid #07050a;padding-bottom:3px}
#skills{width:700px}.sk{display:flex;align-items:center;gap:8px;padding:3px 2px;border-bottom:2px solid rgba(0,0,0,.35)}.sk img{width:32px;height:32px}.sk .nm{width:150px;color:#fff}.sk .lv{width:40px;color:var(--dim);font-family:"Silkscreen";font-size:8px}.sk .pc{width:70px}.sk .pc .bar{margin:0;height:8px}.sk .pc .bar i{background:linear-gradient(#9cc8ff 0 2px,#4a8fe0 2px)}.sk .ds{flex:1;color:var(--dim);font-family:"VT323";font-size:17px;line-height:.95}.sk.locked{opacity:.45}
#journal{width:600px}.q{padding:6px 4px;border-bottom:2px solid rgba(0,0,0,.4)}.q b{color:var(--gold);font-weight:700}.q.done b{color:var(--green)}.q.done{opacity:.7}.q p{margin:3px 0 0;color:#d0c8b0;font-family:"VT323";font-size:19px;line-height:1.0}
#map{width:540px}.fl{display:flex;align-items:center;gap:8px;padding:1px 6px;border-left:4px solid transparent}.fl.here{border-left-color:var(--gold);background:rgba(240,192,96,.1)}.fl .ix{width:22px;color:var(--dim);text-align:right;font-family:"Silkscreen";font-size:8px}.fl .nm{flex:1}.fl.unk .nm{color:#4a4656}.fl .tg{font-family:"Silkscreen";font-size:8px;color:#a8c8ff}
#sign{width:700px;border-width:12px;border-image:var(--frame-parch) 5 fill / 12px / 0 repeat}#sign .body{background:none;box-shadow:none}#sign .title{color:#5a3a18;text-shadow:none;border-bottom-color:#b09a64;box-shadow:none}#sign .title .x{color:#7a5a30}#sign .body{color:#2a1c0c;white-space:pre-wrap;font-family:"VT323";font-size:21px;line-height:1.0;padding:6px 12px 10px}#sign .body b{color:#9a1c16;font-weight:400}
#talk{left:50%;bottom:112px;top:auto;transform:translateX(-50%);width:660px;display:none}#talk .said{min-height:44px;max-height:120px;overflow-y:auto;color:#8fe0f0;font-family:"VT323";font-size:20px;line-height:1.0;margin-bottom:8px}#talk .topics{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:8px}#talk .topics button{color:var(--gold)}#talk .row{display:flex;gap:6px}#talk .row input{flex:1}
#shop{width:660px}.row2{display:flex;align-items:center;gap:10px;padding:2px;border-bottom:2px solid rgba(0,0,0,.35)}.row2 img{width:40px;height:40px}.row2 .nm{flex:1}.row2 .pr{color:#ffd860;width:90px;text-align:right}
#train{width:560px}#config{width:500px}.cf{display:flex;align-items:center;gap:10px;padding:4px 2px;cursor:pointer}.cf i{width:44px;text-align:center;font-style:normal;font-family:"Silkscreen";font-size:8px;border:2px solid #07050a;box-shadow:0 0 0 1px var(--bronze-d);padding:3px 0}.cf.on i{color:var(--green)}
#help{width:700px}#help pre{font-family:"VT323";font-size:20px;white-space:pre-wrap;margin:0;line-height:1.05}

/* front end */
#front{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(ellipse at 50% 45%,rgba(8,6,14,.25),rgba(0,0,0,.85));pointer-events:auto}
#front h1{font-family:"Pixelify";font-weight:700;font-size:96px;letter-spacing:12px;color:var(--gold);margin:0;text-shadow:0 6px 0 #5a3a18,6px 12px 0 #000,0 0 50px rgba(240,192,96,.4)}#front h2{font-family:"Silkscreen";font-size:16px;letter-spacing:6px;color:var(--ink);font-weight:normal;margin:14px 0 40px;text-transform:uppercase;text-shadow:2px 2px 0 #000}
#front .btns{display:flex;flex-direction:column;gap:12px;width:280px}#front .foot .lic{margin-top:8px;font-size:15px;color:#6e6880}#front .foot .lic a{color:#a89878}#front .foot{position:absolute;bottom:18px;color:#8a8498;font-family:"VT323";font-size:18px;text-align:center;line-height:1.0;text-shadow:1px 1px 0 #000}
#create{width:920px;position:relative;transform:none;left:auto;top:auto;display:block}#create .body{padding:4px 8px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.card{border:2px solid #07050a;box-shadow:0 0 0 2px var(--bronze-d);padding:4px 8px;cursor:pointer;background:#0e0c14;margin:2px}.card:hover{box-shadow:0 0 0 2px var(--bronze)}.card.sel{box-shadow:0 0 0 2px var(--gold);background:#221a2c}.card.off{opacity:.3;pointer-events:none}.card b{color:var(--gold);font-weight:700}.card small{display:block;color:var(--dim);margin-top:2px;font-family:"VT323";font-size:17px;line-height:.95}.card .mods{color:#a8c8ff;font-size:13px}
#create .step{margin-bottom:10px}#create .step>label{color:var(--green);display:block;margin-bottom:4px}#create .foot2{display:flex;justify-content:space-between;align-items:center;margin-top:8px;gap:12px}#create .foot2 span:first-child{color:var(--dim);font-family:"VT323";font-size:18px}
#death{position:absolute;inset:0;background:rgba(40,0,0,.78);display:none;align-items:center;justify-content:center;flex-direction:column;pointer-events:auto;text-align:center}#death h1{font-family:"Pixelify";font-weight:700;color:#ff3a2a;font-size:54px;letter-spacing:6px;margin:0 0 12px;text-shadow:0 4px 0 #500,4px 8px 0 #000}#death p{max-width:560px;font-family:"VT323";font-size:22px;line-height:1.05;color:#e0c8c0}
#ending{width:660px}#ending .body{font-family:"VT323";font-size:20px;line-height:1.05}#ending h3{font-family:"Pixelify";color:var(--gold);font-weight:700;letter-spacing:2px;margin:0 0 8px}
#levelup{position:absolute;left:0;right:0;top:36%;text-align:center;font-family:"Pixelify";font-weight:700;font-size:46px;color:#7fff8a;letter-spacing:6px;text-shadow:0 3px 0 #1e6a2a,3px 6px 0 #000;opacity:0;transition:opacity .5s;pointer-events:none}
.hide{display:none!important}