:root{color-scheme:dark;font-family:system-ui,sans-serif;color:#ddd5c5;background:#161815}*{box-sizing:border-box}body{margin:0}main{max-width:1100px;margin:auto;padding:32px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.eyebrow{font-size:10px;letter-spacing:.2em;color:#b5a480}h1{font:700 46px Georgia,serif;letter-spacing:.07em;color:#eee3c6;margin:8px 0}header p{color:#999b8e;margin:0}.tag{font-size:10px;letter-spacing:.1em;border:1px solid #46483b;padding:10px;border-radius:3px}.player{background:black;position:relative;aspect-ratio:4/3;max-height:75vh;margin:auto;display:flex;justify-content:center;align-items:center;border:1px solid #4b493b;box-shadow:0 12px 50px #0005}canvas{display:block;max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;image-rendering:pixelated;outline:none}#welcome{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:20px;background:radial-gradient(ellipse at center,#343529,#0e120f 75%)}h2{font:36px Georgia,serif;color:#ecdfbd}#welcome p{color:#aea995}button,a{touch-action:manipulation}button{font:inherit;color:#e2d7bb;background:#2a2d23;border:1px solid #575a45;padding:10px 16px;border-radius:3px;cursor:pointer}button:hover{background:#414637}button:disabled{opacity:.5;cursor:wait}#start{margin-top:18px;background:#d4bd85;color:#15180f;padding:15px 30px;font-weight:600}#start span{margin-left:28px}.toolbar{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid #33372b;font-size:12px}.toolbar div{display:flex;gap:12px;align-items:center}a{color:#c8b889;text-decoration:none}a:hover{text-decoration:underline}.notes{display:grid;grid-template-columns:1fr 1fr;gap:48px;padding:22px 0}.notes p{font-size:13px;line-height:1.75;color:#a4a697}h3{font-size:14px;color:#dacfaf}#control-note{font-size:11px;color:#827f6b}details{border-top:1px solid #33372b;padding:15px 0;font-size:12px;color:#949780}pre{max-height:250px;overflow:auto;white-space:pre-wrap}footer{font-size:10px;color:#757968;padding-top:20px}.player:fullscreen{max-height:none;width:100vw;height:100vh;border:none}body.assets .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.asset{background:#24281e;padding:12px;border:1px solid #393d2e;overflow:hidden}.asset img{image-rendering:pixelated;max-width:100%;height:100px;object-fit:contain;display:block;margin:auto}.asset small{display:block;color:#a8aa99;margin-top:12px}select{background:#292d23;color:#ddd5c5;padding:10px;margin:16px 0;max-width:100%}.palette-note{font-size:12px;color:#aaa}@media(max-width:700px){main{padding:16px}header{display:block}.tag{display:inline-block;margin-top:16px}h1{font-size:36px}.notes{grid-template-columns:1fr;gap:0}.toolbar{align-items:flex-start;gap:12px;flex-direction:column}.toolbar div{gap:7px;flex-wrap:wrap}h2{font-size:25px}}
#startup-menu{position:absolute;pointer-events:none}#startup-menu[hidden]{display:none}#startup-menu button{position:absolute;left:31.875%;width:36.875%;height:12%;padding:0;border:0;border-radius:0;background:transparent;pointer-events:auto}#startup-menu button[data-choice="0"]{top:43%}#startup-menu button[data-choice="1"]{top:60%}#startup-menu button:hover{background:transparent}#startup-menu button:focus-visible{outline:1px dotted #eedcaf}#startup-menu button:disabled{opacity:1;cursor:wait}

.player, #canvas{cursor:default!important}
#melee-zones{position:absolute;pointer-events:none}#melee-zones[hidden]{display:none}#melee-zones button,#melee-zones button:hover{position:absolute;left:0;width:100%;padding:0;border:0;border-radius:0;background:transparent;pointer-events:auto;cursor:default}#melee-zones button:focus-visible{outline:1px dotted #eedcaf;outline-offset:-2px}

#inventory{position:absolute;pointer-events:none}#inventory[hidden]{display:none}#inventory button{position:absolute;top:78.5%;height:20%;width:9.375%;padding:0;border:0;border-radius:0;background:transparent;pointer-events:auto}#inventory button:hover,#inventory button:focus-visible{outline:1px solid #eedcaf88;outline-offset:-2px;background:#ffe2a50a}
.speed-settings{display:flex;flex-wrap:wrap;gap:18px 36px;padding:20px 0;border-bottom:1px solid #33372b;font-size:12px}.speed-control{display:flex;align-items:center;gap:12px}.speed-control label{color:#dacfaf}.speed-control div{display:flex;align-items:center;gap:7px}.speed-control button{padding:7px 12px;min-width:34px}.speed-control input{width:74px;padding:8px;color:#e2d7bb;background:#24281e;border:1px solid #575a45;border-radius:3px;font:inherit;text-align:center}.speed-control input:focus-visible{outline:1px solid #eedcaf;outline-offset:2px}.speed-settings p{flex-basis:100%;margin:0;color:#949780;font-size:11px}@media(max-width:700px){.speed-control{flex-wrap:wrap}.speed-settings{gap:16px}}