*{box-sizing:border-box} :root{color-scheme:dark;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#e9e4d8;background:#101419}body{margin:0;background:repeating-linear-gradient(90deg,transparent 0 27px,#ffffff03 28px),linear-gradient(125deg,#111820,#272118);min-height:100svh}button{font:inherit;color:inherit;cursor:pointer;background:#242a30;border:1px solid #ffffff24;border-radius:4px;min-height:44px;padding:8px 12px;touch-action:manipulation}button:hover{border-color:#f58720}button:focus-visible,canvas:focus-visible{outline:2px solid #f58720;outline-offset:3px}button:disabled{opacity:.4;cursor:default}.app{max-width:480px;margin:auto;padding:max(12px,env(safe-area-inset-top)) 14px max(14px,env(safe-area-inset-bottom));min-width:0}header{display:flex;gap:10px;align-items:center}header img{border-radius:6px;width:52px;height:52px}h1{font-family:Arial,sans-serif;font-style:italic;font-size:27px;line-height:.95;margin:0;font-weight:900}h1 span{color:#f58720}.brand p{font-size:9px;margin:7px 0;color:#d6c599}.score{margin-left:auto;text-align:right;display:grid;gap:3px;min-width:65px}.score strong{font-size:25px}.score small{font-size:9px;color:#b2aa99}nav{display:flex;align-items:center;gap:8px;margin:10px 0;font-size:11px}nav span{margin-left:auto;color:#f58720}nav button{padding:5px 8px;font-size:10px}.arena{position:relative;display:flex;justify-content:center;height:min(560px,calc(100svh - 255px));min-height:280px}#board{display:block;max-width:100%;height:100%;aspect-ratio:340/560;touch-action:none;user-select:none;min-width:0}#message{font-size:11px;min-height:28px;margin:9px 0;text-align:center;color:#d6c599}footer{display:flex;gap:10px}footer button{height:50px}#fire{flex:1;background:#ed8b29;color:#14191f;font-weight:900;font-size:18px}#swap{display:flex;align-items:center;gap:6px;padding:4px 10px}#next{width:34px;height:34px}#reset{font-size:25px}.overlay{position:absolute;inset:0;background:#0c1017e8;display:grid;place-items:center;text-align:center;padding:20px}.overlay[hidden]{display:none}.overlay small{color:#f58720;letter-spacing:2px}.overlay h2{font-size:22px}.overlay button{display:block;width:100%;margin-top:12px}.overlay #resume{background:#ed8b29;color:#14191f;font-weight:bold}details{font-size:11px;color:#aca99f;margin-top:12px;line-height:1.6}summary{cursor:pointer} @media(max-width:360px){h1{font-size:23px}header img{width:42px;height:42px}.app{padding-left:9px;padding-right:9px}}