*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#cbdedb;color:#203d39;font-family:Arial,sans-serif;letter-spacing:0}canvas{display:block;touch-action:none}#scene{position:fixed;inset:0}header{position:fixed;top:23px;left:26px;right:26px;display:flex;align-items:start;justify-content:space-between;pointer-events:none}.brand{font-size:33px;font-weight:900;color:#b72d43;text-shadow:0 1px 0 white}.brand span{display:block;font-size:9px;color:#294b46;font-weight:bold;margin-top:5px}.tools{display:flex;gap:7px}button,select{font:inherit;border:1px solid #ffffff90;border-radius:5px;background:#fffffff0;color:#25413c;cursor:pointer;pointer-events:auto;touch-action:none}button:hover{background:white}button:focus-visible,select:focus-visible{outline:3px solid #bc4650;outline-offset:3px}.tools button{width:42px;height:42px;font-size:23px}aside{position:fixed;left:26px;top:125px;width:190px}select{width:100%;padding:8px;font-size:11px}h1{font-size:16px;margin:12px 0}.health{height:6px;background:#fff9;border-radius:3px;overflow:hidden}.health i{display:block;height:100%;background:#278973;width:100%}.stats{display:flex;justify-content:space-between;margin-top:8px;font-size:10px}#ninjas{display:flex;gap:7px;margin-top:16px}#ninjas button{position:relative;width:40px;height:40px;padding:6px;background:#fff9}#ninjas i{display:block;background:var(--ninja);height:100%;border-radius:3px;border:1px solid #0002}#ninjas button.selected{outline:2px solid #294b46;outline-offset:2px}#element{display:block;font-size:11px;margin-top:9px}footer{position:fixed;bottom:25px;left:26px;right:26px;display:flex;align-items:end;justify-content:space-between;pointer-events:none}#objective{font-size:11px;text-shadow:0 1px 2px white}.actions{display:flex;gap:8px}.actions button{position:relative;width:164px;height:52px;display:flex;justify-content:center;align-items:center;gap:9px;overflow:hidden}.actions b{font-size:25px;color:#bc4650}.actions span{font-size:12px}kbd{font:9px Arial;opacity:.5}#charge{position:absolute;bottom:0;left:0;width:100%;height:3px;background:#bc4650}.pad{position:fixed;left:16px;bottom:100px;display:none;grid-template-columns:repeat(3,40px);gap:4px}.pad button{height:40px;font-size:22px}.pad button:first-child{grid-column:2}.pad button:nth-child(2){grid-column:1}#overlay{position:fixed;inset:0;background:#eaf4f1ec;backdrop-filter:blur(7px);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:24px}#overlay[hidden]{display:none}small{font-size:11px;color:#ac3042;font-weight:bold}h2{font-size:34px;margin:16px 0 4px}#message{max-width:340px;font-size:14px;line-height:1.6}#continue{background:#b73549;color:white;border:0;font-weight:bold;padding:15px 26px;margin-top:16px}@media(pointer:coarse),(max-width:700px){.pad{display:grid}}@media(max-width:600px){header{top:16px;left:16px;right:16px}.brand{font-size:27px}.brand span{font-size:8px}.tools button{width:35px;height:35px}aside{top:101px;left:16px;width:150px}h1{font-size:14px;margin:9px 0}#ninjas{gap:5px;margin-top:12px}#ninjas button{width:33px;height:33px;padding:4px}#element{font-size:10px}footer{bottom:18px;left:16px;right:16px}.actions{width:100%;gap:8px}.actions button{width:50%;height:50px}#objective{position:absolute;right:0;bottom:67px;max-width:170px;font-size:10px}kbd{display:none}h2{font-size:28px}}