:root{--brass:#d9a441;--brass-hi:#f6d98a;--brass-lo:#7a5420;--copper:#c0673a;--ink:#0d0704;--paper:#f3e3bd;--panel:#140b06c7;--glow:#ffb35c;--disp:"Cinzel","Trajan Pro",Georgia,serif;--body:"Source Sans 3","Segoe UI",system-ui,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;color:var(--paper);font-family:var(--body);overscroll-behavior:none;-webkit-user-select:none;user-select:none;background:#0b0604;margin:0;overflow:hidden}canvas#c{touch-action:none;outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}#hud{pointer-events:none;padding:max(12px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));flex-direction:column;justify-content:space-between;display:flex;position:fixed;inset:0}.top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.top .left{flex-direction:column;gap:6px;min-width:0;display:flex}.top .title{border:2px solid var(--brass-lo);height:46px;font-family:var(--body);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;color:var(--paper);background:radial-gradient(circle at 35% 30%,#4a2f16,#1c0f06 70%);border-radius:23px;align-self:flex-start;align-items:center;padding:0 18px;font-size:17px;font-weight:600;display:flex;box-shadow:inset 0 0 0 2px #ffd2782e,0 3px 10px #0009}.top .title:empty{display:none}.btns{pointer-events:auto;gap:8px;display:flex}.btn{border:2px solid var(--brass-lo);width:46px;height:46px;color:var(--brass-hi);cursor:pointer;background:radial-gradient(circle at 35% 30%,#4a2f16,#1c0f06 70%);border-radius:50%;place-items:center;padding:0;transition:transform .12s,border-color .2s;display:grid;box-shadow:inset 0 0 0 2px #ffd2782e,0 3px 10px #0009}.btn:active{border-color:var(--brass-hi);transform:scale(.92)}.btn svg{stroke:currentColor;fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.btn.off{opacity:.6}.btn.on{border-color:var(--brass-hi);box-shadow:inset 0 0 0 2px #ffd2782e,0 0 14px #ffbe5a99}.satchel{pointer-events:auto;flex-wrap:wrap;gap:8px;display:flex}.satchel.hide{display:none}.item{border:2px solid var(--brass);width:44px;height:44px;color:var(--brass-hi);cursor:pointer;background:radial-gradient(circle at 35% 30%,#3a2412,#140a04 75%);border-radius:8px;place-items:center;padding:0;display:grid;box-shadow:inset 0 0 0 2px #ffd27824,0 3px 10px #0009}.item svg{stroke:currentColor;fill:none;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:28px;height:28px}.item.new{animation:.9s ease-out found}@keyframes found{0%{transform:scale(.2);box-shadow:0 0 #ffbe5a00}55%{transform:scale(1.18);box-shadow:0 0 26px #ffbe5ae6}to{transform:scale(1)}}.bottom{justify-content:center;display:flex;position:relative}#bOut{pointer-events:auto;transition:transform .12s,border-color .2s,opacity .3s,visibility .3s,bottom .3s;position:absolute;bottom:0;left:0}#bOut.hide{opacity:0;visibility:hidden;pointer-events:none}.plaque{text-align:center;border:2px solid var(--brass-lo);background:linear-gradient(#26160adb,#100904e6);border-radius:6px;width:100%;max-width:min(620px,100%);padding:12px 18px 14px;transition:opacity .4s,visibility .4s;position:relative;box-shadow:inset 0 0 0 1px #ffd68238,0 6px 24px #000000a6,0 0 30px #ff963214}.plaque.hide{opacity:0;visibility:hidden}.plaque:before,.plaque:after{content:"";background:radial-gradient(circle at 35% 30%,var(--brass-hi),var(--brass-lo));border-radius:50%;width:8px;height:8px;position:absolute;top:50%;transform:translateY(-50%)}.plaque:before{left:5px}.plaque:after{right:5px}.plaque h2{font-family:var(--body);color:var(--brass-hi);margin:0 0 4px;font-size:clamp(15px,4vw,17px);font-weight:700}.plaque p{color:var(--paper);margin:0;font-size:clamp(14px,3.9vw,18px);line-height:1.3}#toast{z-index:6;text-align:center;opacity:0;pointer-events:none;background:#0d0804f2;border:1px solid #d9a44199;border-radius:10px;width:max-content;max-width:min(460px,100% - 32px);padding:12px 22px 14px;transition:opacity .25s,transform .25s;position:fixed;top:max(120px,20%);left:50%;transform:translate(-50%,8px);box-shadow:inset 0 1px #ffdc9624,0 10px 30px #000000b3}#toast.show{opacity:1;transform:translate(-50%)}#toast b{font-family:var(--body);color:var(--brass-hi);margin-bottom:2px;font-size:15px;font-weight:700;display:block}#toast b:empty{display:none}#toast span{font-family:var(--body);color:#f6ead0;font-size:clamp(17px,4.6vw,19px);font-weight:400;line-height:1.35;display:block}.screen{text-align:center;z-index:5;cursor:pointer;background:radial-gradient(#28160ab8,#060301f0 75%);place-items:center;padding:24px;transition:opacity .8s;display:grid;position:fixed;inset:0}.screen.hide{opacity:0;pointer-events:none}.screen .card{max-width:520px}.screen h1{font-family:var(--disp);letter-spacing:.12em;text-transform:uppercase;color:var(--brass-hi);text-shadow:0 2px #000,0 0 30px #ffa03c80;margin:0;font-size:clamp(28px,8.5vw,56px);font-weight:700;line-height:1.05}.screen .sub{font-family:var(--disp);letter-spacing:.4em;color:var(--copper);text-transform:uppercase;margin:10px 0 26px;font-size:clamp(10px,2.8vw,13px)}.screen .rule{background:linear-gradient(90deg,transparent,var(--brass),transparent);width:220px;height:2px;margin:0 auto 22px}.screen p{color:var(--paper);margin:0 0 6px;font-size:clamp(16px,4.4vw,20px);line-height:1.45}.go{font-family:var(--disp);letter-spacing:.3em;text-transform:uppercase;color:#2a1607;background:linear-gradient(#f7d98c,#b57a24);border:2px solid #ffe6a3;border-radius:4px;margin-top:30px;padding:14px 34px;font-size:15px;font-weight:700;animation:2.2s ease-in-out infinite pulse;display:inline-block;box-shadow:0 0 24px #ffaa3c73,0 4px #6a4310}.go[disabled]{opacity:.55;animation:none}@keyframes pulse{50%{box-shadow:0 0 38px #ffbe5acc,0 4px #6a4310}}#levels{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:22px;display:flex}.level{font-family:var(--body);color:var(--brass-hi);border:1px solid var(--brass-lo);cursor:pointer;background:#140b06b3;border-radius:4px;align-items:baseline;gap:8px;padding:8px 14px;font-size:16px;display:flex}.level b{color:var(--brass);font-weight:700}.level.current{border-color:var(--brass-hi);box-shadow:0 0 12px #ffbe5a59}.level.locked{opacity:.45;cursor:not-allowed}.unlock{font-family:var(--body);color:var(--copper);cursor:pointer;background:0 0;border:0;margin:14px auto 0;padding:4px 8px;font-size:15px;text-decoration:underline;display:block}.unlock.hide{display:none}#loadmsg{color:var(--copper);min-height:1.2em;margin-top:14px;font-size:14px;font-style:italic}#end{cursor:default;pointer-events:none;background:linear-gradient(#06030100 45%,#060301e0);place-items:end center}#end .card{pointer-events:auto;padding-bottom:5vh}#end.hide .card,#end.hide .go{pointer-events:none;visibility:hidden}#end h1{font-size:clamp(24px,6.5vw,44px)}#end .go{margin-top:18px}#end #next:not(.hide)+.go.alt{margin-left:12px}#end .go.alt{color:var(--brass-hi);border-color:var(--brass-lo);box-shadow:none;background:#140b06cc;animation:none}.go.hide{display:none}@media (width<=700px){.top .title{height:44px;padding:0 14px;font-size:15px}.item{width:40px;height:40px}.btn{width:44px;height:44px}.btns{gap:6px}.plaque{padding:10px 14px 12px}}@media (width<=760px){.plaque:not(.hide)+#bOut{bottom:calc(100% + 8px)}}noscript{place-items:center;display:grid;position:fixed;inset:0}