@font-face{font-family:Comfortaa;font-style:normal;font-display:swap;font-weight:500;src:url(./comfortaa-latin-500-normal-VMSRoAUi.woff2) format("woff2"),url(./comfortaa-latin-500-normal-BOjl9cAK.woff) format("woff")}@font-face{font-family:Comfortaa;font-style:normal;font-display:swap;font-weight:600;src:url(./comfortaa-latin-600-normal-ouV9UpOf.woff2) format("woff2"),url(./comfortaa-latin-600-normal-CYpgTX_w.woff) format("woff")}@font-face{font-family:Comfortaa;font-style:normal;font-display:swap;font-weight:700;src:url(./comfortaa-latin-700-normal-C6bAQfhJ.woff2) format("woff2"),url(./comfortaa-latin-700-normal--7D6l-D2.woff) format("woff")}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:500;src:url(./outfit-latin-500-normal-DwRFpDWQ.woff2) format("woff2"),url(./outfit-latin-500-normal-CDNGX6wd.woff) format("woff")}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:700;src:url(./outfit-latin-700-normal-DH66iFdQ.woff2) format("woff2"),url(./outfit-latin-700-normal-BKcN8tbM.woff) format("woff")}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:800;src:url(./outfit-latin-800-normal-CyZZBbOQ.woff2) format("woff2"),url(./outfit-latin-800-normal-CDbS5prC.woff) format("woff")}:root{color-scheme:dark;--bg: #0c0e14;--ink: #f4efe4;--muted: #b7b1a6;--panel: rgba(16, 18, 26, .78);--line: rgba(244, 239, 228, .14);--accent: #ffd15c;--on-ink: #16141c;--heart: #ff5c7a;--font: Outfit, "Segoe UI", sans-serif;--radius-panel: 8px;--radius-control: 4px;--shadow: 0 30px 80px rgba(0, 0, 0, .35);--blur: blur(16px);--overlay: radial-gradient(ellipse at center, rgba(12, 14, 20, .2), rgba(12, 14, 20, .78));--panel-border: none;--title-size: 26px;--title-track: 0em;--score-size: 42px;--score-track: -.04em;--score-shadow: 0 8px 24px rgba(0, 0, 0, .35);--hover-scale: 1.04;--press-scale: .96;--fade: .2s;--canvas-bg: #0c0e14;--spawn-track: #10131c;--spawn-fill: #2a3144;--tile: #f3f3f3;--tile-line: #222;--glyph-stroke: #111;--cursor: crosshair}html[data-theme=placeholder]{color-scheme:light;--bg: #d0d0d0;--ink: #111111;--muted: #333333;--panel: #ffffff;--line: #111111;--accent: #111111;--on-ink: #ffffff;--heart: #111111;--font: Arial, Helvetica, sans-serif;--radius-panel: 0px;--radius-control: 0px;--shadow: none;--blur: none;--overlay: rgba(208, 208, 208, .88);--panel-border: 3px solid #111111;--title-size: 36px;--title-track: 0em;--score-size: 28px;--score-track: 0em;--score-shadow: none;--hover-scale: 1;--press-scale: 1;--fade: 0s;--canvas-bg: #d0d0d0;--spawn-track: #c4c4c4;--spawn-fill: #ececec;--tile: #f7f7f7;--tile-line: #111111;--glyph-stroke: #111111;--cursor: default}html[data-theme=print]{color-scheme:dark;--bg: #141210;--ink: #d4cfc6;--muted: #8a847a;--panel: #1c1a17;--line: rgba(212, 207, 198, .22);--accent: #d4cfc6;--on-ink: #141210;--heart: #a85a52;--font: "Segoe UI", system-ui, sans-serif;--shadow: none;--blur: none;--overlay: rgba(20, 18, 16, .72);--panel-border: none;--title-track: 0em;--score-shadow: none;--spawn-track: #1a1816;--spawn-fill: #3a342c;--canvas-bg: #141210}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-user-select:none;user-select:none}#app{position:relative;height:100%;overflow:hidden}#spawn-bar{position:absolute;top:0;left:0;width:0;height:8px;z-index:4;pointer-events:none;background:var(--spawn-track);border-radius:999px;overflow:hidden}#spawn-fill{height:100%;width:100%;--p: 0;transform-origin:center;background:linear-gradient(to right,var(--spawn-fill) calc(var(--p) * 50%),transparent calc(var(--p) * 50%),transparent calc(100% - var(--p) * 50%),var(--spawn-fill) calc(100% - var(--p) * 50%))}#spawn-fill.from-left{transform-origin:left;background:linear-gradient(to right,var(--spawn-fill) calc(var(--p) * 100%),transparent calc(var(--p) * 100%))}#spawn-fill.danger{background:#ff5c7a}html[data-theme=placeholder] #spawn-fill.danger{background:#111}html[data-theme=print] #spawn-fill.danger{background:#a85a52}html[data-theme=yarne]{color-scheme:light;--bg: #3b915d;--ink: #f4f7ee;--muted: #caedd2;--panel: #35734e;--line: rgba(244, 247, 238, .28);--accent: #e7f3b4;--on-ink: #35734e;--heart: #e89a8c;--font: "Comfortaa", "Segoe UI", sans-serif;--shadow: none;--blur: none;--overlay: rgba(39, 99, 63, .42);--score-shadow: none;--spawn-track: #3c8156;--spawn-fill: #e7f3b4;--canvas-bg: #3b915d}html[data-theme=yarne] #score,html[data-theme=yarne] #play,html[data-theme=yarne] h1{font-weight:700}html[data-theme=yarne] #spawn-fill.danger{background:#e89a8c}#game{display:block;width:100%;height:100%;touch-action:none;cursor:var(--cursor)}#hud{position:absolute;top:0;left:0;right:0;display:flex;justify-content:center;align-items:flex-start;padding:22px 28px;pointer-events:none;z-index:2}#score-wrap{display:flex;flex-direction:column;align-items:center;gap:2px}.hud-label{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}#score-label{display:none}#round-wrap{display:flex;align-items:baseline;gap:5px;margin-top:6px;color:var(--muted)}#round-wrap[hidden]{display:none}#round-wrap .hud-label{font-size:18px;letter-spacing:0;text-transform:lowercase}#relaxed-tag{margin-top:8px;padding:3px 10px 4px;border-radius:999px;background:var(--accent);color:var(--on-ink);font-size:12px;font-weight:700;letter-spacing:.04em}#relaxed-tag[hidden]{display:none}#app.wide #relaxed-tag{margin-top:18px;font-size:max(12px,1.9vh);padding:.3em .9em .35em}#app.wide #score-wrap{position:absolute;transform:translate(-50%);gap:6px}#app.wide #score-label{display:block}#app.wide .hud-label,#app.wide #round-wrap .hud-label{font-size:max(12px,2.2vh)}#app.wide #score{font-size:max(var(--score-size),8vh)}#app.wide #round-wrap{flex-direction:column;align-items:center;gap:6px;margin-top:22px}#app.wide #round-wrap .hud-label{letter-spacing:.16em;text-transform:uppercase}#app.wide #round{font-size:max(30px,5.6vh);color:var(--ink)}html[data-theme=placeholder] #score-label{display:block}#score{font-weight:800;font-size:var(--score-size);letter-spacing:var(--score-track);line-height:.9;font-variant-numeric:tabular-nums;text-shadow:var(--score-shadow);color:var(--ink)}#round{font-weight:700;font-size:18px;line-height:1;font-variant-numeric:tabular-nums}#lives{display:flex;gap:8px;font-size:28px;line-height:1}#lives[hidden]{display:none}#full-timer{position:absolute;top:78px;left:50%;transform:translate(-50%);z-index:4;font-weight:800;font-size:48px;line-height:1;letter-spacing:-.04em;color:#ff5c7a;text-shadow:0 0 18px rgba(255,92,122,.45);font-variant-numeric:tabular-nums;pointer-events:none}html[data-theme=placeholder] #full-timer{color:var(--ink);font-size:32px;font-weight:700;letter-spacing:0;text-shadow:none}#round-banner{position:absolute;z-index:5;width:max-content;max-width:90vw;padding:16px 26px;border-radius:14px;background:var(--accent);color:var(--on-ink);font-family:var(--font);font-weight:700;font-size:clamp(20px,4.4vw,34px);line-height:1.2;text-align:center;transform:translate(-50%,-50%);pointer-events:none;box-shadow:0 6px color-mix(in srgb,var(--on-ink) 35%,transparent);animation:round-pop .55s cubic-bezier(.2,1.6,.35,1),round-bob 1.1s ease-in-out .55s infinite}#round-banner[hidden]{display:none}@keyframes round-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.2) rotate(-12deg)}60%{opacity:1;transform:translate(-50%,-50%) scale(1.15) rotate(3deg)}to{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}}@keyframes round-bob{0%,to{transform:translate(-50%,-50%) scale(1) rotate(0)}50%{transform:translate(-50%,-54%) scale(1.03) rotate(-1.5deg)}}#round.bump{display:inline-block;animation:round-bump .5s cubic-bezier(.2,1.8,.4,1)}@keyframes round-bump{0%{transform:scale(1)}30%{transform:scale(1.7);color:var(--accent)}to{transform:scale(1)}}button{transition:transform .16s cubic-bezier(.3,1.6,.5,1)}button:active{transform:scale(.92)}@media(hover:hover){#play:hover,.menu-action:hover,#name-save:hover,#sizes button:hover{transform:translateY(-1px)}#play:active,.menu-action:active,#name-save:active,#sizes button:active{transform:scale(.92)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}button:active{transform:none}}#menu-btn{position:absolute;top:14px;left:14px;z-index:7;display:grid;place-content:center;gap:5px;width:44px;height:44px;padding:0;border:0;border-radius:12px;background:transparent;cursor:pointer}#menu-btn:hover,#menu-btn:focus-visible{background:color-mix(in srgb,var(--ink) 12%,transparent);outline:none}#menu-btn span{display:block;width:22px;height:2.5px;border-radius:2px;background:var(--ink);transition:transform .25s ease,opacity .2s ease}#app.menu-open #menu-btn span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}#app.menu-open #menu-btn span:nth-child(2){opacity:0}#app.menu-open #menu-btn span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}#menu-scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;background:var(--overlay);opacity:0;pointer-events:none;transition:opacity .25s ease}#app.menu-open #menu-scrim{opacity:1;pointer-events:auto}#menu{position:absolute;top:0;bottom:0;left:0;z-index:6;display:flex;flex-direction:column;gap:26px;width:min(280px,85vw);padding:80px 24px 24px;overflow-y:auto;background:var(--panel);border-right:var(--panel-border);box-shadow:var(--shadow);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);color:var(--ink);font-family:var(--font);transform:translate(-102%);transition:transform .3s cubic-bezier(.2,.9,.3,1)}#app.menu-open #menu{transform:none}.menu-title{margin:0;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.slider{display:grid;gap:10px;font-size:16px;font-weight:700}.slider-head{display:flex;justify-content:space-between}.slider-head span:last-child{color:var(--muted);font-variant-numeric:tabular-nums}.slider input{width:100%;margin:0;accent-color:var(--accent);cursor:pointer}.toggle{display:flex;align-items:center;justify-content:space-between;font-size:16px;font-weight:700;cursor:pointer}.toggle input{width:20px;height:20px;margin:0;accent-color:var(--accent);cursor:pointer}#relaxed-option{display:block;cursor:pointer;margin:4px 0 18px;padding:10px 12px 11px;border-radius:10px;background:#0000001f}#start-relaxed{justify-content:space-between;gap:10px;color:var(--ink);font-size:14px}#start-relaxed-note{display:block;margin:5px 0 0;color:var(--muted);font-size:12px;line-height:1.4;text-align:left}#start-relaxed input{width:16px;height:16px}.toggle[hidden]{display:none}#quit-area{margin-top:auto}#quit-area[hidden],#quit-confirm[hidden],#menu-scores-area[hidden],#menu-scores[hidden],#menu-scores-empty[hidden],.menu-action[hidden],#credits[hidden],#credits-area[hidden]{display:none}#credits{margin:12px 0 0;font-size:14px;line-height:1.35}#credits dt{color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}#credits dd{margin:2px 0 10px;font-weight:700}#credits .credits-licenses a{color:var(--accent);font-size:13px}#menu-scores{margin-top:12px}#menu-scores .score-list li{font-size:15px}#menu-scores-empty{margin:0;color:var(--muted);font-size:15px}#quit-confirm p,#relaxed-confirm p{margin:0 0 12px;font-size:15px;line-height:1.35}.menu-row{display:flex;flex-direction:column;gap:10px}.menu-action{flex:1;width:100%;padding:12px 10px;border:2px solid var(--line);border-radius:10px;background:transparent;color:var(--ink);font:inherit;font-size:15px;font-weight:700;cursor:pointer}.menu-action:hover,.menu-action:focus-visible{border-color:var(--ink);outline:none}.menu-action.danger{border-color:var(--heart);background:var(--heart);color:var(--on-ink)}#spawn-count{position:absolute;top:22px;right:28px;z-index:4;font-weight:800;font-size:40px;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums;pointer-events:none}#spawn-count.danger{color:#ff5c7a}html[data-theme=yarne] #spawn-count{font-weight:700}html[data-theme=yarne] #spawn-count.danger{color:#e89a8c}html[data-theme=placeholder] #spawn-count{font-size:32px;font-weight:700}html[data-theme=placeholder] #spawn-count.danger{color:var(--ink)}.heart{color:var(--heart);text-shadow:0 0 16px color-mix(in srgb,var(--heart) 45%,transparent);display:inline-block}.heart.gone{color:color-mix(in srgb,var(--ink) 18%,transparent);text-shadow:none}.heart.crack{animation:crack .45s cubic-bezier(.2,.8,.2,1)}html[data-theme=placeholder] .heart.crack{animation:none}@keyframes crack{0%{transform:scale(1.4) rotate(-8deg)}40%{transform:scale(.8) rotate(10deg)}to{transform:scale(1) rotate(0)}}#overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:var(--overlay);opacity:0;pointer-events:none;transition:opacity var(--fade) ease;z-index:3}#overlay.show{opacity:1;pointer-events:auto}#placard{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:grid;place-items:center;background:var(--overlay);cursor:pointer}#placard[hidden]{display:none}#placard .panel{width:min(320px,calc(100% - 32px));padding:18px 18px 16px}#placard .panel.pop{animation:placard-pop .5s cubic-bezier(.2,1.6,.35,1)}#placard-demo{display:block;width:100%;aspect-ratio:3 / 2;margin:0 0 12px}#placard-go{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:grid;place-items:center;width:44px;height:44px;margin:0 auto;padding:0;border:0;border-radius:50%;background:var(--accent);color:var(--on-ink);cursor:pointer;animation:placard-nudge 1.4s ease-in-out infinite}#placard-go[hidden]{display:none}#placard-go svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}#placard-go:focus-visible{outline:3px solid var(--ink);outline-offset:3px}@keyframes placard-nudge{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes placard-pop{0%{opacity:0;transform:scale(.6) rotate(-4deg)}60%{opacity:1;transform:scale(1.05) rotate(1deg)}to{opacity:1;transform:scale(1) rotate(0)}}.panel{width:min(280px,calc(100% - 48px));padding:16px 16px 14px;border-radius:var(--radius-panel);background:var(--panel);border:var(--panel-border);box-shadow:var(--shadow);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);text-align:center;color:var(--ink)}.eyebrow{margin:0 0 8px;letter-spacing:.22em;text-transform:uppercase;font-size:12px;font-weight:700;color:var(--accent)}html[data-theme=placeholder] .eyebrow,html[data-theme=placeholder] #size-label,html[data-theme=placeholder] #initials-label{letter-spacing:.08em}h1{margin:0 0 8px;font-size:var(--title-size);line-height:1.1;letter-spacing:var(--title-track);font-weight:600}html[data-theme=placeholder] h1{font-weight:700}#overlay-body{margin:0 auto 22px;max-width:36ch;color:var(--muted);font-size:16px;line-height:1.45}#overlay-score{margin:0 0 18px;font-size:56px;font-weight:800;letter-spacing:var(--score-track);font-variant-numeric:tabular-nums;color:var(--ink)}#overlay-score:has(+#overlay-round:not([hidden])){margin-bottom:4px}#overlay-round{display:grid;gap:2px;margin:0 0 18px;font-size:16px;font-weight:700;color:var(--ink)}#overlay-round[hidden]{display:none}#overlay-round-best{font-size:13px;color:var(--muted)}#overlay-round-best:empty{display:none}#overlay-round-best.new{color:var(--accent)}html[data-theme=placeholder] #overlay-score{font-size:40px;font-weight:700}#size-field{margin:0 0 10px}#size-label,#initials-label{margin:0 0 8px;font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}#sizes{display:flex;justify-content:center;gap:10px}#sizes button,#play{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-bottom:1px solid transparent;background:none;color:var(--muted);font:inherit;font-weight:500;font-size:13px;letter-spacing:0;padding:2px 0;border-radius:0;cursor:pointer}#play{min-width:132px;padding:11px 30px 12px;border:0;border-radius:999px;background:var(--accent);color:var(--on-ink);font-size:18px;font-weight:700;box-shadow:0 4px #0003}#sizes button[aria-pressed=true]{color:var(--ink);border-bottom-color:var(--ink)}#sizes button:hover{color:var(--ink)}#play:hover{filter:brightness(1.05)}#play:active{box-shadow:0 1px #0003}#sizes button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}#play:focus-visible{outline:3px solid var(--ink);outline-offset:3px}#scores{margin:0 0 18px}#initials-label{display:block}.name-row{display:flex;gap:8px;margin:0 0 8px}#name-input{flex:1;min-width:0;height:46px;padding:0 10px;border:2px solid var(--line);border-radius:var(--radius-control);background:transparent;color:var(--ink);font:inherit;font-size:22px;font-weight:800;letter-spacing:.2em;text-align:center;text-transform:uppercase}#name-input::placeholder{color:var(--line)}#name-input:focus{border-color:var(--ink);outline:none}#name-save{height:46px;padding:0 14px;border:0;border-radius:var(--radius-control);background:var(--accent);color:var(--on-ink);font:inherit;font-size:15px;font-weight:700;cursor:pointer}#name-save:focus-visible{outline:3px solid var(--ink);outline-offset:2px}#initials-hint{margin:0 0 14px;color:var(--muted);font-size:13px}.score-list{list-style:none;margin:0;padding:0;text-align:left}.score-list li{display:flex;justify-content:space-between;gap:16px;padding:6px 0;border-top:1px solid var(--line);font-variant-numeric:tabular-nums;font-weight:700}.score-source{margin:8px 0 0;color:var(--muted);font-size:12px;text-align:left}.score-source:empty{display:none}.score-list .round{color:var(--muted);font-size:.85em}.score-list .points{min-width:4ch;text-align:right}.score-list .name{flex:1;letter-spacing:.14em}