:root{--ink: #17324d;--ice: #e9f7ff;--accent: #ff8a3d}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;overscroll-behavior:none;background:linear-gradient(160deg,#6bb8f0,#2d2a7a);font-family:system-ui,Arial Hebrew,Arial,sans-serif;color:var(--ink)}#stage{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;background:#bfe9ff;border-radius:1.2em;box-shadow:0 0 3em #00000059}canvas{display:block;position:absolute;left:0;top:0}.layer{position:absolute;top:0;right:0;bottom:0;left:0}.hidden{display:none!important}.num{direction:ltr;unicode-bidi:isolate;display:inline-block}#hud{pointer-events:none}#hud .top{display:flex;gap:.4em;padding:.6em .7em;align-items:flex-start}.pill{background:#ffffffd9;border-radius:1em;padding:.3em .7em;font-size:.9em;font-weight:700;border:0;color:var(--ink);font-family:inherit}#hud .pause{pointer-events:auto;margin-inline-start:auto;font-size:1.1em;cursor:pointer}#screen{display:flex;align-items:center;justify-content:center;background:#14285059}.panel{background:#fff;border-radius:1.4em;padding:1.1em;width:88%;max-height:92%;overflow:auto;text-align:center;box-shadow:0 .4em #00000026}.panel h1{margin:0 0 .3em;font-size:2em}.panel h2{margin:0 0 .4em;font-size:1.5em}.coins{font-weight:700;margin-bottom:.6em}.big{font-size:2.2em;font-weight:800;margin:.2em 0}.badge{color:var(--accent);font-weight:800;margin:.2em 0 .5em}.btn{display:block;width:100%;margin:.5em 0;padding:.7em;border:0;border-radius:1em;background:var(--ice);font:inherit;font-weight:700;font-size:1.1em;color:var(--ink);box-shadow:0 .2em #b9dcf0;cursor:pointer}.btn.primary{background:var(--accent);color:#fff;box-shadow:0 .2em #c4601c}.btn.small{width:auto;margin:0;padding:.4em .7em;font-size:.9em;white-space:nowrap}.btn:disabled{opacity:.45;cursor:default}.list{display:flex;flex-direction:column;gap:.5em;margin-bottom:.4em}.item{display:flex;align-items:center;gap:.6em;padding:.4em .6em;text-align:start;background:var(--ice);border-radius:1em;border:.15em solid transparent}.item.sel{border-color:var(--accent)}.item canvas{position:static;width:3.4em;height:3.4em;flex:none}.item .info{flex:1;display:flex;flex-direction:column;font-size:.85em}.item small{opacity:.75}.tag{font-weight:800;color:var(--accent);font-size:.9em}.row{display:flex;justify-content:space-between;align-items:center;padding:.6em .2em;font-weight:700}.row input{width:1.4em;height:1.4em}.score{display:flex;justify-content:space-between;padding:.4em .3em;border-bottom:1px solid #e3eef5}