*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%;background:#2b1d3a;overflow:hidden;font-family:ui-monospace,"Courier New",monospace;color:#fff4e0;touch-action:none;user-select:none;-webkit-user-select:none}
canvas{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);image-rendering:pixelated;image-rendering:crisp-edges}
.hidden{display:none!important}
#hud{position:fixed;top:0;left:0;right:0;display:flex;gap:10px;align-items:center;justify-content:space-between;padding:8px 10px;padding-top:max(8px,env(safe-area-inset-top));font-weight:700;font-size:15px;text-shadow:2px 2px 0 #2b1d3a;pointer-events:none}
#hud button{pointer-events:auto}
.ib{width:38px;height:38px;border:3px solid #fff4e0;background:#6b3e75;color:#fff4e0;font:700 16px monospace;box-shadow:3px 3px 0 #1a1024}
.panel{position:fixed;inset:0;margin:auto;width:min(92vw,380px);height:fit-content;max-height:94vh;overflow:auto;background:#3d2852;border:4px solid #fff4e0;box-shadow:6px 6px 0 #1a1024;padding:18px;text-align:center;display:flex;flex-direction:column;gap:10px}
h1{font-size:42px;line-height:1;color:#ffb347;text-shadow:4px 4px 0 #e0457b}
h2{font-size:26px;color:#ffb347}
.ver{opacity:.6;font-size:12px}.small{font-size:13px;opacity:.9}
a{color:#7fe3d4}
.panel button{font:700 16px monospace;padding:10px;border:3px solid #fff4e0;background:#e0457b;color:#fff4e0;box-shadow:3px 3px 0 #1a1024;cursor:pointer}
.panel button:active{transform:translate(2px,2px);box-shadow:1px 1px 0 #1a1024}
#holes{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}
#holes button{padding:6px 0;font-size:13px;background:#5fbf4a}
#holes button.lock{background:#555;opacity:.5}
#holes button small{display:block;font-size:10px;color:#ffe066}
.row{display:flex;gap:6px;justify-content:center}.row button{flex:1;background:#6b3e75}
.lang.on{background:#ffb347!important;color:#2b1d3a!important}
.stars{font-size:30px;color:#ffe066;letter-spacing:6px}
#coach{position:fixed;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translateX(-50%);background:#fff4e0;color:#2b1d3a;border:3px solid #2b1d3a;padding:8px 12px;font-weight:700;font-size:14px;max-width:90vw;text-align:center;box-shadow:3px 3px 0 #1a1024;pointer-events:none}