:root{--sat: env(safe-area-inset-top, 0px);--sar: env(safe-area-inset-right, 0px);--sal: env(safe-area-inset-left, 0px);--sab: env(safe-area-inset-bottom, 0px);--button-radius: 12px;--button-border: #f5c518;--button-bg: #2a1a10e8;--button-text: #fff3d6}:root{color-scheme:light only}button{-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;border:2px solid var(--button-border);border-radius:var(--button-radius);background:var(--button-bg);color:var(--button-text);font:800 18px "Baloo 2",system-ui,sans-serif;cursor:pointer;-webkit-tap-highlight-color:transparent}button:hover{filter:brightness(1.15)}button:active{transform:translateY(1px)}button:focus-visible{outline:3px solid var(--button-text);outline-offset:4px}.btn{position:relative;box-sizing:border-box;display:block;width:100%;min-height:48px;padding:8px 20px;border:2px solid var(--button-border);border-radius:var(--button-radius);background:var(--button-bg);color:var(--button-text);font:800 18px/1.2 "Baloo 2",system-ui,sans-serif;text-align:center;text-wrap:balance}.btn>svg{display:inline-block;flex:none;width:22px;height:22px;margin:-3px 10px 0 0;vertical-align:middle}.btn .sub{display:block;margin-top:2px;font-size:14px;font-weight:700;color:#e8d8b8}.btn-primary{background:var(--button-border);color:#2a1a10}.btn-primary .sub{color:#2a1a10b3}.btn-link{display:inline-block;width:auto;min-height:40px;padding:4px 12px;border-color:transparent;background:none;color:#e8d8b8;font-size:16px;text-decoration:underline;text-decoration-color:#e8d8b866;text-underline-offset:3px}.btn-link:active{transform:none}.btn-small{min-height:32px;padding:0 4px;font-size:14px}.btn-compact{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:44px;min-height:44px;padding:4px 10px;color:#e8d8b8;font-size:15px;line-height:1.1;white-space:nowrap}.btn-compact>svg{margin:0;width:18px;height:18px;fill:currentColor;stroke:none}.btn-compact>svg.line{fill:none;stroke:currentColor;stroke-width:2.2}.sheet-actions{display:grid;gap:12px;margin-top:14px}html,body{margin:0;height:100%;height:var(--app-h, 100%);overflow:hidden;overscroll-behavior:none;background:#2a1a10;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}body{position:fixed;top:0;left:0;width:100%}canvas{position:fixed;left:0;top:0;width:100%;height:100vh;height:100dvh;height:var(--app-h, 100dvh)}#hud{touch-action:none;overscroll-behavior:none}#pad{position:fixed;z-index:2;left:0;right:0;bottom:var(--app-gap, 0px);display:none;visibility:hidden}#pad:before{content:"";position:absolute;inset:-80px 0 0;pointer-events:none;background:linear-gradient(to top,#2a1a10 calc(env(safe-area-inset-bottom) + 4px),#2a1a10a0 40%,#2a1a1040 70%,#2a1a1000)}#pad button{position:relative;overflow:visible;flex:1 1 50%;min-width:0;height:calc(130px + env(safe-area-inset-bottom));padding:0 0 calc(env(safe-area-inset-bottom) + 18px);border:0;border-radius:0;flex-direction:column;gap:0;color:#fff;font:800 34px/1 "Baloo 2",system-ui,sans-serif;letter-spacing:.04em;touch-action:none}#pad button{background:none;justify-content:center}#pad .gua{padding-left:env(safe-area-inset-left);--c: #ff7a1a;--lt: #ffb56b;--dk: #b34d00}#pad .pa{padding-right:env(safe-area-inset-right);--c: #14b8a6;--lt: #5eead4;--dk: #0b7f72}#pad button:before{display:none}#pad button:after{content:"";position:absolute;z-index:0;top:-50px;bottom:calc(-32px + env(safe-area-inset-bottom));left:50%;aspect-ratio:1;translate:-50% 0;opacity:0;transition:opacity .3s ease-out;pointer-events:none;background:radial-gradient(circle closest-side,#f5c518 60% 68%,#f5c518aa 76%,#f5c51844,#f5c51800)}#pad .lbl{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;height:calc(100% - 10px);aspect-ratio:1;max-width:calc(100% - 14px);border:6px solid #fff;border-radius:50%;background:radial-gradient(circle at 50% 30%,var(--lt),var(--c) 62%);box-shadow:0 0 0 5px #2a1a10,0 6px 0 5px #0006,inset 0 -8px 0 var(--dk);pointer-events:none;transition:transform .38s cubic-bezier(.3,1.8,.5,1),box-shadow .3s ease-out;will-change:transform}#pad .word{text-shadow:0 2px 8px #0000002e}#pad .arr{font-size:18px;line-height:1;color:#fff;text-shadow:0 1px 4px #0000002e;margin-bottom:2px}#pad button:hover{filter:none}#pad button:active{transform:none}#pad button.down .lbl{transform:scale(.88,.84) translateY(5px);box-shadow:0 0 0 5px #2a1a10,inset 0 0 26px 4px #fffc;transition:transform .05s ease-out,box-shadow 0s}#pad .ripple{display:none;position:absolute;z-index:2;left:0;top:0;width:36px;height:36px;margin:-18px 0 0 -18px;border-radius:50%;background:#fff;opacity:0;pointer-events:none}#pad .ripple.ra{animation:ripple-a .45s ease-out forwards}#pad .ripple.rb{animation:ripple-b .45s ease-out forwards}@keyframes ripple-a{0%{opacity:.55}to{transform:scale(9);opacity:0}}@keyframes ripple-b{0%{opacity:.55}to{transform:scale(9);opacity:0}}#pad:after{display:none}#pad button.down:after{opacity:.9;transition:none}#pad.both-a:after{animation:guapa-flash-a .9s ease-out}#pad.both-b:after{animation:guapa-flash-b .9s ease-out}#pad.both-a button:after{animation:guapa-glow-a .7s ease-out}#pad.both-b button:after{animation:guapa-glow-b .7s ease-out}@keyframes guapa-flash-a{0%{opacity:1;transform:translate(-50%,-50%) scale(.5)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}70%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1)}}@keyframes guapa-flash-b{0%{opacity:1;transform:translate(-50%,-50%) scale(.5)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}70%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1)}}@keyframes guapa-glow-a{0%,30%{opacity:1}to{opacity:0}}@keyframes guapa-glow-b{0%,30%{opacity:1}to{opacity:0}}@media(pointer:coarse){#pad{display:flex}}@media(pointer:coarse)and (orientation:portrait)and (max-width:519px){#pad button{height:calc(208px + env(safe-area-inset-bottom));font-size:56px}#pad .arr{font-size:24px}}@media(pointer:coarse)and (min-width:600px)and (min-height:600px){#pad button{height:calc(208px * var(--ui, 1) + env(safe-area-inset-bottom));font-size:calc(60px * var(--ui, 1))}#pad .arr{font-size:calc(26px * var(--ui, 1))}}@media(pointer:coarse)and (min-width:900px)and (min-height:600px){#pad .gua,#pad .pa{--edge: 2.5vw}#pad .gua{align-items:flex-start;padding-left:calc(env(safe-area-inset-left) + var(--edge))}#pad .pa{align-items:flex-end;padding-right:calc(env(safe-area-inset-right) + var(--edge))}#pad .gua:after{left:calc(env(safe-area-inset-left) + var(--edge) + 90px * var(--ui, 1))}#pad .pa:after{left:auto;right:calc(env(safe-area-inset-right) + var(--edge) + 90px * var(--ui, 1));translate:50% 0}}@media(pointer:coarse)and (min-width:600px)and (min-height:600px){#pad:before{display:none}}@media(pointer:coarse)and (orientation:landscape)and (max-height:519px){#pad button{height:calc(108px + env(safe-area-inset-bottom));font-size:30px}}[hidden]{display:none!important}#rotate{display:none;position:fixed;inset:0;z-index:50;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px;background:#2a1a10;color:#fff3d6;font:800 22px/1.3 "Baloo 2",system-ui,sans-serif;text-align:center}#rotate svg{width:64px;height:64px;fill:none;stroke:#f5c518;stroke-width:1.6;stroke-linecap:round;animation:rotate-hint 1.6s ease-in-out infinite}body.wrong-orient #rotate{display:flex}body.wrong-orient dialog[open],body.wrong-orient dialog::backdrop{display:none}#rotate b:after{content:"Gira el mòbil en vertical per jugar"}@media(min-width:600px)and (min-height:600px){#rotate b:after{content:"Gira la tauleta en horitzontal per jugar"}#rotate svg{animation-direction:reverse}}@keyframes rotate-hint{0%,30%{transform:rotate(-90deg)}60%,to{transform:rotate(0)}}#pause{position:fixed;z-index:3;top:calc(18px + env(safe-area-inset-top));right:calc(10px + env(safe-area-inset-right));width:64px;height:64px;padding:0;border-radius:50%}#pause svg{width:30px;height:30px;stroke-width:3}@media(max-width:519px),(max-height:519px){#pause{top:calc(13px + env(safe-area-inset-top));width:54px;height:54px}#pause svg{width:26px;height:26px}}button svg{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}#pause-menu{width:min(340px,calc(100vw - 48px));padding:24px}#pause-menu h2{font-size:32px}#pause-menu p{margin:0 0 20px;text-align:center;font-size:16px}#pause-menu .sheet-actions{margin-top:0}#howto{position:fixed;z-index:3;left:50%;bottom:calc(16px + env(safe-area-inset-bottom));transform:translate(-50%);min-height:44px;padding:6px 18px 6px 8px;gap:8px;border-width:1.5px;border-radius:999px;font-size:15px;letter-spacing:.03em}#howto:active{transform:translate(-50%,1px)}#ios-hint{position:fixed;z-index:3;left:50%;bottom:calc(70px + env(safe-area-inset-bottom));transform:translate(-50%);box-sizing:border-box;width:max-content;max-width:calc(100vw - 32px);display:flex;align-items:center;gap:8px;padding:6px 4px 6px 12px;border-left:3px solid #f5c518;border-radius:4px;background:#2a1a10e0;color:#fff3d6;font:700 13px/1.25 "Baloo 2",system-ui,sans-serif}#ios-hint svg{flex:none;width:18px;height:18px;fill:none;stroke:#f5c518;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}#ios-hint b{color:#f5c518;font-weight:800}#ios-hint span{flex:1;text-align:center;text-wrap:balance}#ios-hint button{flex:none;min-height:32px;width:32px;padding:0;border:0;background:none;font-size:20px;line-height:1;color:#e8d8b8}#howto .q{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--button-border);color:#2a1a10;font-size:17px;line-height:1}@media(min-width:520px)and (min-height:520px){#howto{min-height:56px;bottom:calc(20px + env(safe-area-inset-bottom));padding:8px 24px 8px 10px;gap:10px;border-width:2px;font-size:20px}#howto .q{width:36px;height:36px;font-size:22px}}#settings{position:fixed;z-index:3;top:calc(10px + env(safe-area-inset-top));right:calc(10px + env(safe-area-inset-right));width:44px;height:44px;min-height:0;padding:0;border-width:1.5px;border-radius:50%}#settings svg{width:24px;height:24px}@media(min-width:520px)and (min-height:520px){#settings{top:calc(16px + env(safe-area-inset-top));right:calc(16px + env(safe-area-inset-right));width:56px;height:56px;border-width:2px}#settings svg{width:30px;height:30px}}@media(max-height:500px){#settings{right:auto;left:calc(12px + env(safe-area-inset-left));top:calc(12px + env(safe-area-inset-top))}}#leaders{position:fixed;z-index:3;top:calc(10px + env(safe-area-inset-top));left:calc(10px + env(safe-area-inset-left));width:44px;height:44px;min-height:0;padding:0;border-width:1.5px;border-radius:50%}#leaders svg{width:24px;height:24px}@media(min-width:520px)and (min-height:520px){#leaders{top:calc(16px + env(safe-area-inset-top));left:calc(16px + env(safe-area-inset-left));width:56px;height:56px;border-width:2px}#leaders svg{width:30px;height:30px}}@media(max-height:500px){#leaders{left:calc(66px + env(safe-area-inset-left));top:calc(12px + env(safe-area-inset-top))}}#settings-menu{width:min(400px,calc(100vw - 32px));padding:20px 20px 18px}.switch-row{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:6px 12px 6px 16px;border-radius:var(--button-radius);background:#fff3d60d;font:800 18px/1.2 "Baloo 2",system-ui,sans-serif;cursor:pointer}.switch-row .sub{display:block;margin-top:2px;font-size:14px;font-weight:700;color:#e8d8b8}.switch-row .setting-note{margin-top:4px;font-size:13px;font-weight:600;line-height:1.3;color:#e8d8b8b3;text-wrap:pretty}.switch-row input{-webkit-appearance:none;appearance:none;flex:none;position:relative;width:48px;height:28px;margin:0;border:2px solid var(--button-border);border-radius:999px;background:#140c07;cursor:pointer;transition:background-color .15s}.switch-row input:before{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#e8d8b8;transition:transform .15s}.switch-row input:checked{background:var(--button-border)}.switch-row input:checked:before{transform:translate(20px);background:#2a1a10}.switch-row input:focus-visible{outline:3px solid var(--button-text);outline-offset:3px}@media(prefers-reduced-motion:reduce){.switch-row input,.switch-row input:before{transition:none}}#fps{position:fixed;z-index:3;left:calc(8px + var(--sal));bottom:calc(8px + var(--sab));padding:1px 7px 1px 6px;border-left:3px solid #7ee081;border-radius:3px;background:#2a1a1099;color:#fff3d6d9;font:700 12px/16px "Baloo 2",system-ui,sans-serif;font-variant-numeric:tabular-nums;white-space:pre-line;pointer-events:none}#fps[data-l=mid]{border-left-color:#f5a623}#fps[data-l=low]{border-left-color:#ff6b5b}@media(max-width:519px){#fps{max-width:5.5em}}*,dialog{user-select:none;-webkit-user-select:none}input,textarea{user-select:text;-webkit-user-select:text}.sheet{box-sizing:border-box;max-height:calc(100dvh - 32px);overflow:auto;border:2px solid #f5c518;border-radius:18px;background:#2a1a10;color:#fff3d6;font:700 18px "Baloo 2",system-ui,sans-serif;box-shadow:0 16px 60px #0008}.sheet,.sheet *{scrollbar-width:thin;scrollbar-color:#f5c51899 transparent}.sheet::-webkit-scrollbar,.sheet *::-webkit-scrollbar{width:10px;height:10px;background:transparent}.sheet::-webkit-scrollbar-track,.sheet *::-webkit-scrollbar-track{background:transparent;margin:16px 0}.sheet::-webkit-scrollbar-thumb,.sheet *::-webkit-scrollbar-thumb{background:#f5c51880;border-radius:999px;border:3px solid #2a1a10}.sheet::-webkit-scrollbar-thumb:hover,.sheet *::-webkit-scrollbar-thumb:hover{background:#f5c518c0}.sheet::-webkit-scrollbar-corner{background:transparent}.sheet{scrollbar-width:none}.sheet::-webkit-scrollbar{display:none}.sheet:focus{outline:none}.sheet::backdrop{background:#120d09b3}.sheet h2{margin:0 0 8px;text-align:center;font-size:30px;line-height:1.1}:is(.sheet,.sheet-body.fade,.feedback-scroll):before,:is(.sheet,.sheet-body.fade,.feedback-scroll):after{content:"";display:block;position:sticky;z-index:3;height:30px;pointer-events:none;flex:none;opacity:0;transition:opacity .15s}:is(.sheet,.sheet-body.fade,.feedback-scroll):before{top:0;margin-bottom:-30px;background:linear-gradient(#2a1a10 35%,#2a1a1000)}:is(.sheet,.sheet-body.fade,.feedback-scroll):after{bottom:0;margin-top:-30px;background:linear-gradient(#2a1a1000,#2a1a10 65%)}[data-more-up]:before,[data-more-down]:after{opacity:1}#howto-menu{width:min(400px,calc(100vw - 32px));padding:20px 20px 18px}#controls-legend{margin:12px 0 0;padding:0;list-style:none;display:grid;gap:6px;font:700 14px/1.2 "Baloo 2",system-ui,sans-serif}#controls-legend li{display:grid;grid-template-columns:76px 1fr;align-items:center;gap:12px;padding:8px 10px;border-radius:12px;background:#fff3d60a}#controls-legend li>:first-child{justify-self:center}#controls-legend b{display:block;color:#f5c518;font-size:16px;letter-spacing:.03em}@media(max-height:700px){#howto-menu{padding:14px 16px}#howto-menu h2{font-size:26px}#controls-legend{margin-top:8px;gap:4px}#controls-legend li{padding:4px 8px}}#controls-legend small{display:block;font-size:14px;color:#e8d8b8}.note{flex:none;box-sizing:border-box;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 2px #2a1a10;color:#fff;font-size:13px}.note.gua{background:#ff7a1a;text-shadow:0 0 2px #b34d00,0 0 1px #b34d00}.note.pa{background:#14b8a6;text-shadow:0 0 2px #0a6e63,0 0 1px #0a6e63}.note.guapa{display:grid;place-items:center;width:44px;height:44px;border:3px solid #f5c518;background:linear-gradient(90deg,#ff7a1a 50%,#14b8a6 50%);box-shadow:0 0 0 3px #2a1a10,0 0 10px 2px #f5c51899;font-size:9px;line-height:1;letter-spacing:0;text-shadow:0 0 2px #2a1a10,0 0 2px #2a1a10}.legend-icon{flex:none;overflow:visible}.legend-icon.hold{filter:drop-shadow(0 0 3px #ff7a1a99)}kbd{display:inline-block;min-width:14px;padding:0 4px;border:1px solid #fff3d660;border-radius:4px;background:#fff3d60c;font:800 12px/16px "Baloo 2",system-ui,sans-serif;text-align:center}.pad-key{display:inline-block;padding:0 5px;border-radius:4px;color:#fff;font-size:10px;line-height:16px;vertical-align:1px}.keys,.touch{white-space:nowrap}.touch{display:none}@media(pointer:coarse){.keys{display:none}.touch{display:inline}}#skip{position:fixed;z-index:3;top:calc(28px + env(safe-area-inset-top));left:calc(10px + env(safe-area-inset-left));height:44px;padding:0 12px 0 16px;gap:4px;font-size:16px;letter-spacing:.04em}#skip svg{width:18px;height:18px}@media(max-width:519px),(max-height:519px){#skip{top:calc(18px + env(safe-area-inset-top))}}#sync-menu{width:min(380px,calc(100vw - 32px));padding:18px 20px 12px;text-align:center}#sync-menu h2{font-size:28px;margin-bottom:10px}#sync-menu .sheet-body>section{display:none}#sync-menu[data-state=run] #sync-close{display:none}#sync-menu[data-state=intro] .sync-intro,#sync-menu[data-state=run] .sync-run,#sync-menu[data-state=result] .sync-result{display:block}#sync-menu p{margin:0 0 10px;font-size:15px;line-height:1.3;color:#e8d8b8;text-wrap:pretty}.sync-how{display:flex;align-items:center;gap:14px;margin:0 0 16px;padding:12px 14px 12px 10px;border-left:3px solid #f5c518;border-radius:4px;background:#fff3d60d;text-align:left}#sync-menu .sync-how p{margin:0;color:#fff3d6}.sync-how b{color:#f5c518}.sync-demo{position:relative;flex:none;width:64px;height:64px}.sync-demo i{position:absolute;inset:8px;border-radius:50%;background:radial-gradient(circle at 50% 35%,#fff8 0 18%,transparent 55%),#f5c518;box-shadow:0 0 0 2px #2a1a10,0 0 0 4px #f5c518;animation:sync-idle 1.2s ease-out infinite}.sync-demo svg{position:absolute;left:26px;top:28px;width:34px;height:34px;fill:#2a1a10;stroke:#fff3d6;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;animation:sync-finger 1.2s ease-out infinite}@keyframes sync-idle{0%{transform:scale(1);opacity:1;box-shadow:0 0 0 2px #2a1a10,0 0 0 4px #f5c518,0 0 18px 6px #f5c518aa}40%,to{transform:scale(.84);opacity:.45;box-shadow:0 0 0 2px #2a1a10,0 0 0 4px #f5c518,0 0 #f5c51800}}@keyframes sync-finger{0%,12%{transform:translate(0)}45%,90%{transform:translate(3px,5px)}to{transform:translate(0)}}@media(prefers-reduced-motion:reduce){.sync-demo i,.sync-demo svg{animation:none}}.sync-manual{margin:18px 0 2px;padding-top:10px;border-top:1px solid #fff3d61f}.sync-manual-head{display:flex;align-items:center;justify-content:space-between}.sync-manual-head span{font-size:12px;letter-spacing:.12em;color:#e8d8b8aa}#sync-fine{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:8px}#sync-fine button{width:44px;padding:0;border-width:1.5px;border-radius:50%;font-size:24px}#sync-fine output{font:800 19px/1.2 "Baloo 2",system-ui,sans-serif;color:#fff3d6}#sync-fine output.saved{color:#7ee081}#sync-fine output.saved:before{content:"✓ "}.sync-run{touch-action:none}#sync-beat{--p: 0;position:relative;width:112px;height:112px;margin:4px auto 12px;border-radius:50%;border:4px solid #2a1a10;background:radial-gradient(circle at 50% 35%,#fff8 0 18%,transparent 55%),#f5c518;box-shadow:0 0 0 3px #f5c518,0 0 calc(44px * var(--p)) calc(12px * var(--p)) #f5c518;transform:scale(calc(.84 + .16 * var(--p)));opacity:calc(.4 + .6 * var(--p));cursor:pointer}#sync-count{position:absolute;inset:0;display:grid;place-items:center;font:800 56px/1 "Baloo 2",system-ui,sans-serif;color:#2a1a10}#sync-beat:after{content:"";position:absolute;inset:-6px;border-radius:50%;border:3px solid #fff3d6;opacity:0;pointer-events:none}#sync-beat.tap:after{animation:sync-tap .35s ease-out}@keyframes sync-tap{0%{opacity:.95;transform:scale(.9)}to{opacity:0;transform:scale(1.3)}}#sync-dots{display:flex;justify-content:center;gap:6px;margin:0 0 10px}#sync-dots i{width:10px;height:10px;border-radius:50%;background:#fff3d626}#sync-dots i.on{background:#f5c518}#sync-dots i:nth-child(-n+2).on{background:#e8d8b8}#sync-menu #sync-live{min-height:1.3em;margin-bottom:12px;font-size:20px;color:#fff3d6}#sync-pad{display:flex;margin:0 0 6px;border:2px solid #f5c518;border-radius:14px;overflow:hidden}#sync-pad span{flex:1;display:grid;place-items:center;min-height:64px;color:#fff;font-size:24px;letter-spacing:.04em;text-shadow:-2px 0 #2a1a10,2px 0 #2a1a10,0 -2px #2a1a10,0 2px #2a1a10}#sync-pad .gua{background:#ff7a1a;border-right:2px solid #2a1a10}#sync-pad .pa{background:#14b8a6}#sync-menu .sync-kicker{margin:4px 0 0;font-size:13px;letter-spacing:.12em}#sync-measured{display:block;margin:0 0 6px;font:800 58px/1.05 "Baloo 2",system-ui,sans-serif;color:#f5c518}#sync-menu #sync-verdict{margin-bottom:16px;font-size:16px;color:#fff3d6}.sync-row{display:flex;justify-content:center;gap:16px;margin-top:6px}#sync-menu.fail .sync-kicker,#sync-menu.fail #sync-measured,#sync-menu.fail #sync-ok{display:none}#sync-menu.fail #sync-verdict{margin-top:8px}#sync-menu.fail .sync-row{flex-direction:column;align-items:stretch;gap:4px}@media(max-height:500px){#sync-menu{width:min(640px,calc(100vw - 32px));padding:12px 18px 8px}#sync-menu h2{font-size:22px;margin-bottom:8px}#sync-menu[data-state=intro] .sync-intro,#sync-menu[data-state=run] .sync-run{display:grid;grid-template-columns:1fr 1fr;column-gap:20px;align-items:center}.sync-how{margin-bottom:0}.sync-manual{margin-top:8px}#sync-beat{width:84px;height:84px;margin-bottom:8px}#sync-count{font-size:44px}#sync-pad span{min-height:56px}#sync-measured{font-size:44px}#sync-menu #sync-verdict{margin-bottom:10px}.btn{min-height:44px}}@media(max-height:500px){#howto{left:auto;right:calc(12px + env(safe-area-inset-right));bottom:auto;top:calc(12px + env(safe-area-inset-top));transform:none}#howto:active{transform:translateY(1px)}#howto-menu{width:min(640px,calc(100vw - 32px));padding:14px 16px}#howto-menu h2{font-size:24px;margin:0}#controls-legend{grid-template-columns:1fr 1fr;margin-top:8px}#controls-legend li{padding:5px 8px}#howto-menu form{text-align:center}#howto-menu .sheet-actions{grid-template-columns:repeat(2,minmax(0,220px));justify-content:center;margin-top:10px}}.sheet-actions>.btn-link{justify-self:center}#privacy-menu{width:min(440px,calc(100vw - 32px));padding:20px 20px 14px}#privacy-menu .privacy-lead{margin:0 0 4px;text-align:center;font-size:15px;line-height:1.3;color:#e8d8b8;text-wrap:pretty}#privacy-menu section{margin-top:12px;padding:8px 12px 6px;border-left:3px solid #f5c518;border-radius:4px;background:#fff3d60d}#privacy-menu h3{margin:0 0 4px;font-size:17px;line-height:1.2;color:#f5c518}#privacy-menu p{margin:0 0 6px;font-size:15px;line-height:1.35;color:#e8d8b8;text-wrap:pretty}#privacy-menu b{color:#fff3d6}#privacy-menu .sheet-actions{position:sticky;bottom:-14px;margin:12px -20px -14px;padding:10px 20px 14px;background:linear-gradient(#2a1a1000,#2a1a10 12px)}@media(max-height:500px){#settings-menu{width:min(600px,calc(100vw - 32px));padding:14px 16px 10px}#settings-menu h2,#privacy-menu h2{font-size:24px;margin-bottom:6px}#settings-menu .sheet-actions{grid-template-columns:1fr 1fr;margin-top:8px}#settings-menu .sheet-actions>:is(.btn-primary,.btn-link){grid-column:1 / -1}#privacy-menu{width:min(640px,calc(100vw - 32px));padding:12px 16px 8px}#privacy-menu .sheet-actions{bottom:-8px;margin:8px -16px -8px;padding:8px 16px}}#results-actions{position:fixed;z-index:3;left:50%;bottom:calc(var(--app-gap, 0px) + 10px + var(--sab));transform:translate(-50%);box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:center;gap:12px;width:min(640px,calc(100vw - 24px - var(--sal) - var(--sar)))}#results-actions .btn{flex:1 1 0;max-width:220px;min-width:0;min-height:48px;padding:6px 16px;font-size:16px;opacity:1;box-shadow:0 4px 14px #000b}#results-actions .btn-secondary{border-color:#f5c518;background:#2a1a10;color:#fff3d6}#results-actions .btn-primary{border-color:#f5c518;background:#f5c518;color:#2a1a10}#results-actions .btn>svg{width:20px;height:20px;margin-right:8px}@media(max-width:639px){#results-actions{width:min(452px,calc(100vw - 24px - var(--sal) - var(--sar)))}#results-actions>#results-publish{flex-basis:100%;max-width:none}}@media(max-width:419px){#results-actions>#results-retry{flex-basis:100%;max-width:none}}@media(max-width:419px){#results-actions .btn{padding-inline:8px}#results-actions .btn>svg{margin-right:6px}}#board-menu,#publish-menu{max-height:calc(100dvh - 32px - var(--sat) - var(--sab))}#board-menu{width:min(460px,calc(100vw - 32px - var(--sal) - var(--sar)));height:min(760px,calc(100dvh - 32px - var(--sat) - var(--sab)));padding:16px 18px 12px}#board-menu[open]{display:flex;flex-direction:column}#board-list-view:not([hidden]){display:flex;flex-direction:column;flex:1 1 auto;min-height:0}#publish-menu{width:min(400px,calc(100vw - 32px - var(--sal) - var(--sar)));padding:18px 20px 12px}#profile-menu{width:min(400px,calc(100vw - 32px - var(--sal) - var(--sar)));max-height:calc(100dvh - 32px - var(--sat) - var(--sab));padding:18px 20px 12px}#profile-menu .board-label{display:block;text-align:center}#profile-code{text-align:center;letter-spacing:.3em}#profile-menu .publish-body{margin-top:10px}#profile-menu .sheet-actions{margin-top:12px;gap:8px}.board-status{margin:4px 0;text-align:center;font-size:15px;line-height:1.35;color:#e8d8b8;text-wrap:pretty}.board-status:empty{display:none}.board-status.ok{color:#7ee081}#publish-status:not(.ok),#profile-status:not(.ok){color:#ffb4a8}#board-menu h2{margin:0 0 16px;font-size:28px}#board-menu .board-seg{width:100%;margin:0 0 16px}#board-menu .board-seg .btn{min-height:34px}.board-summary{position:sticky;z-index:1;bottom:0;margin:0;padding:6px 0;border-top:1px solid #f5c51866;background:#2a1a10;text-align:center;font-size:15px;line-height:1.35;color:#f5c518}.board-summary:empty{display:none}.board-more{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 0 12px}.board-more-status{display:flex;align-items:center;gap:8px;margin:0;color:#e8d8b899;font-size:14px}.board-more-status:empty{display:none}.board-more-status .calcot-spin{width:24px;height:24px}.board-more .btn{width:auto;min-height:40px;padding:0 18px;border-width:1.5px;font-size:15px}.board-box{position:relative;flex:1 1 auto;min-height:96px;display:flex;flex-direction:column}.board-head-wrap{flex:none;overflow:hidden;scrollbar-gutter:stable}#board-menu:has(#board-table[hidden]) .board-head-wrap{visibility:hidden}.board-scroll{position:relative;flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;touch-action:pan-y;scrollbar-gutter:stable}.board-state{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:0 12px}.board-state .btn{width:auto;min-width:220px}#board-menu:has(#board-table:not([hidden])) .board-state{display:none}#board-status .calcot-spin{display:block;width:72px;height:72px;margin:0 auto 10px}#board-status:has(.calcot-spin){animation:board-in .25s ease-out both}#board-table:not([hidden]) tbody,.board-summary{animation:board-in .35s ease-out both}@keyframes board-in{0%{opacity:0;transform:translateY(6px)}}@media(prefers-reduced-motion:reduce){#board-table tbody,.board-summary,#board-status{animation:none}}#board-table,.board-head{width:100%;table-layout:fixed;border-collapse:collapse;font-size:15px;line-height:1.25;font-variant-numeric:tabular-nums}:is(#board-table,.board-head) .c-pos{width:2.6em}:is(#board-table,.board-head) .c-pct{width:3.6em}:is(#board-table,.board-head) .c-pts{width:5em}#board-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.board-head th{padding:4px 4px 6px;box-shadow:inset 0 -1px #f5c51855;background:#2a1a10;color:#e8d8b8aa;font-size:12px;letter-spacing:.08em;text-align:right}#board-table td{height:46px;padding:4px;border-top:1px solid #fff3d614;color:#fff3d6;text-align:right}:is(#board-table,.board-head) :is(th,td):nth-child(2){text-align:left}:is(#board-table,.board-head) :is(th,td):first-child{color:#e8d8b8;text-align:center}#board-table td:nth-child(3){color:#e8d8b8b3;font-size:13px}#board-table td:nth-child(4){font-size:17px;font-weight:800}:is(#board-table,.board-head) :is(th,td):nth-child(4){padding-right:12px}.pos.p1,.pos.p2,.pos.p3{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;color:#2a1a10;font-weight:800;font-size:14px}.pos.p1{background:#f5c518}.pos.p2{background:#d6dbe2}.pos.p3{background:#d9955a}.who{display:flex;align-items:center;gap:5px;min-width:0}#board-table .sub{display:flex;align-items:center;gap:6px;margin-top:2px;font-size:10.5px;white-space:nowrap;overflow:hidden}#board-table .streak{color:#e8d8b8b3;overflow:hidden;text-overflow:ellipsis}#board-table .streak b{color:#fff;font-weight:800}#board-table tr.me .streak{color:#f5c518b3}#board-table .lvl{flex:none;padding:0 6px;border-radius:999px;font-size:9.5px;font-weight:800;line-height:15px;letter-spacing:.05em;color:#2a1a10}.lvl0{background:#8fd98f}.lvl1{background:#f0b04a}.lvl2{background:#ef7b6a}.who .alias{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#board-table tr.me td{background:#f5c51824;color:#f5c518}#board-table tr.me td:first-child{box-shadow:inset 3px 0 #f5c518}.me-tag{flex:none;display:inline-block;padding:0 5px;border-radius:4px;background:#f5c518;color:#2a1a10;font-size:11px;line-height:16px;letter-spacing:.06em}.board-links{display:flex;flex-wrap:wrap;justify-content:center;gap:0 16px}.board-text{margin:0 0 10px;text-align:center;font-size:16px;line-height:1.35;color:#e8d8b8;text-wrap:pretty}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.board-tip{margin:0 0 12px;padding:8px 12px;border-left:3px solid #f5c518;border-radius:4px;background:#fff3d60d;color:#fff3d6;font-size:15px;line-height:1.35;text-wrap:pretty}.publish-run{margin:0 0 16px;text-align:center;font-size:22px;line-height:1.2;color:#f5c518;text-wrap:balance}.publish-body{display:flex;flex-direction:column;gap:12px;text-align:left}.board-label{display:block;margin:0 0 4px;color:#e8d8b8;font-size:14px;letter-spacing:.08em}.publish-as-row{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:48px;padding:0 4px 0 12px;border-radius:10px;background:#fff3d60d}.publish-as-row b{min-width:0;overflow-wrap:anywhere;color:#fff3d6;font-size:18px}#publish-alias{box-sizing:border-box;width:100%;min-height:48px;padding:8px 12px;border:2px solid #f5c51899;border-radius:10px;background:#140c07;color:#fff3d6;font:700 18px "Baloo 2",system-ui,sans-serif;user-select:text;-webkit-user-select:text;touch-action:manipulation}#publish-alias{text-align:center}#publish-menu .board-label{display:block;text-align:center}#publish-alias:focus{outline:none;border-color:#f5c518;box-shadow:0 0 0 3px #f5c51840}#publish-alias[aria-invalid=true]{border-color:#ff8a7a}#publish-alias[aria-invalid=true]:focus{box-shadow:0 0 0 3px #ff8a7a40}#publish-alias[readonly]{opacity:.75}.publish-hint{margin:4px 0 0;text-align:center;color:#e8d8b8b3;font-size:14px;line-height:1.3;text-wrap:pretty}.publish-error{margin:4px 0 0;padding-left:8px;border-left:3px solid #ff8a7a;color:#ffb4a8;font-size:14px;line-height:1.3;text-wrap:pretty}.publish-note{margin:0;padding:8px 12px;border:1px solid #f5c51833;border-radius:8px;background:#fff3d60a;text-align:center;color:#e8d8b8cc;font-size:13px;line-height:1.35;text-wrap:pretty}.publish-note .btn-link{display:inline;min-height:0;padding:0 2px;font-size:13px}.publish-end{margin-top:16px}.publish-end{display:flex;flex-direction:column;justify-content:flex-end}#publish-end-in{flex:none}#publish-status,.publish-place{margin:0 0 8px}.publish-place{text-align:center;font-size:22px;line-height:1.25;color:#7ee081;text-wrap:balance}#publish-form[data-view] :is(#publish-summary,.publish-body){display:none}#publish-wait{display:none}#publish-form[data-view=wait] #publish-wait{display:block;animation:board-in .25s ease-out both}#publish-form[data-view=wait] .publish-end{display:none}#publish-form[data-view=done] :is(#publish-status,.publish-place,.sheet-actions){animation:board-in .3s ease-out both}#publish-form[data-view] .publish-end{margin-top:0}#publish-form[data-view] h2{margin-bottom:12px}#publish-wait .calcot-spin{display:block;width:88px;height:88px;margin:4px auto 8px}#publish-form[data-view=done] #publish-status{margin:0 0 20px;font-size:16px;line-height:1.35;color:#e8d8b8}#publish-form[data-view=done] #publish-status:has(+.publish-place:not([hidden])){margin-bottom:6px}#publish-form[data-view=done] .publish-place{margin:0 0 24px;font-size:26px;line-height:1.2}@media(min-height:501px){#publish-menu:has(#publish-form[data-view]){padding:24px}}#publish-menu .sheet-actions{margin-top:0;gap:8px}#publish-menu:has(#publish-form[data-view=wait]) #publish-cancel{display:none}#publish-menu .sheet-actions:has(>#publish-never:not([hidden]))>.btn-link{min-height:36px;padding-block:2px}#captcha-menu{width:min(372px,calc(100vw - 16px - var(--sal) - var(--sar)));max-width:none;padding:20px 16px 12px;text-align:center}#captcha-menu h2{font-size:26px}.captcha-text{margin:0 0 16px;font-size:16px;line-height:1.35;color:#e8d8b8;text-wrap:balance}.captcha-box{display:flex;justify-content:center;min-height:65px}.captcha-note{margin:12px 0 0;color:#e8d8b899;font-size:13px}.captcha-note .btn-link{display:inline;min-height:0;padding:0 2px;font-size:13px}#settings-privacy{min-height:40px;padding:0 6px;color:#f5c518;font-weight:800;font-size:15px;text-decoration-color:currentColor}.settings-about{display:grid;gap:0;margin:0;padding:14px 12px 16px;border-top:1px solid #fff3d61f;text-align:center;font:700 16px/1.4 "Baloo 2",system-ui,sans-serif;color:#fff3d6}.settings-about p{margin:0}.about-heart{width:.9em;height:.9em;vertical-align:-.1em;fill:#c0283c}.about-place{white-space:nowrap}.about-campanar{width:auto;height:.95em;vertical-align:baseline;margin-left:.08em}.settings-about .sub{display:block;margin-top:8px;font-weight:600;font-size:14px;line-height:1.6;color:#e8d8b8aa}.about-coffee{color:#f5c518;font-weight:800;white-space:nowrap;text-decoration:underline;text-underline-offset:3px}.about-coffee svg{width:1.1em;height:1.1em;margin-right:.25em;vertical-align:-.2em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.about-links{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 14px}.about-links a{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 6px;color:#f5c518;font-weight:800;font-size:15px;text-decoration:underline;text-underline-offset:3px}.about-links svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.setting-row{cursor:default}.profile-block{flex-direction:column;align-items:stretch;gap:10px;padding:12px 14px 14px;text-align:center}.profile-block>span{display:block}.profile-name{display:block;margin-top:2px;font-size:24px;line-height:1.1;font-weight:800;color:#f5c518;overflow-wrap:anywhere}.profile-name:empty{display:none}.profile-block .sub.setting-note{margin-top:4px;color:#e8d8b8b3}.profile-block .profile-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}.profile-block .profile-actions .btn{width:100%;min-height:40px;padding:0 10px}.profile-block .profile-actions .btn[hidden]{display:none}@media(max-height:720px)and (orientation:portrait){#settings-menu{padding:14px 16px 10px}#settings-menu h2{margin-bottom:4px}#settings-menu .sheet-actions{gap:7px;margin-top:8px}#settings-menu .btn{min-height:44px;padding-block:5px}#settings-menu .btn .sub{margin-top:0;font-size:13px}#settings-menu .switch-row{min-height:44px}.settings-about{gap:4px;margin-top:0;padding-top:8px;font-size:15px}.settings-about .sub{margin-top:2px;line-height:1.4}.about-links a{min-height:40px}}.setting-row .btn{flex:none;width:auto;min-height:36px;padding:0 14px;border-width:1.5px;font-size:15px}.setting-row .sub{overflow-wrap:anywhere;color:#f5c518}@media(max-width:400px){#publish-menu{padding-inline:16px}#publish-menu h2{font-size:27px}.publish-hint{font-size:13px}}#privacy-menu .privacy-owner{margin:12px 0 0;text-align:center}#privacy-menu p a,#privacy-menu p a:visited,.feedback-small a,.feedback-small a:visited{color:#ff7a1a;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px;overflow-wrap:anywhere;border-radius:3px}#privacy-menu p a:hover,.feedback-small a:hover{color:#ff9a4a}#privacy-menu p a:focus-visible,.feedback-small a:focus-visible,.about-links a:focus-visible{outline:3px solid var(--button-text);outline-offset:2px}.about-links a:visited{color:#f5c518}@media(max-height:500px){#settings-menu .sheet-actions>:is(#settings-board,#settings-profile-row){grid-column:1 / -1}#board-menu,#publish-menu{width:min(600px,calc(100vw - 32px - var(--sal) - var(--sar)));padding:12px 16px 8px}#board-menu h2,#publish-menu h2{font-size:24px;margin-bottom:4px}#board-menu{width:min(760px,calc(100vw - 32px - var(--sal) - var(--sar)))}#board-list-view:not([hidden]){display:grid;grid-template-columns:minmax(230px,38%) 1fr;grid-template-rows:auto auto 1fr;column-gap:16px}#board-list-view>:not(.board-box){grid-column:1}#board-list-view>.sheet-actions{align-self:end}#board-list-view>.board-box{grid-column:2;grid-row:1 / -1;min-height:0}#board-menu .sheet-actions{gap:8px;margin-top:8px}#board-menu .sheet-actions .btn,#publish-menu .btn:not(.btn-link){min-height:44px}}@media(max-height:700px){.publish-run{margin-bottom:12px;font-size:20px}.publish-body{gap:8px}.publish-end{margin-top:12px}#publish-menu .sheet-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}#publish-menu .sheet-actions>.btn-link{grid-column:1 / -1}:where(#publish-menu .sheet-actions:has(>#publish-board[hidden]))>.btn-primary{grid-column:1 / -1}}@media(max-height:500px),(min-width:700px)and (max-height:700px){#publish-menu{width:min(660px,calc(100vw - 32px - var(--sal) - var(--sar)))}#publish-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:20px;align-items:start}#publish-form>h2{grid-column:1 / -1}#publish-form>.publish-run{grid-column:1 / -1}#publish-form:not([data-view]) :is(.publish-body,.publish-end,#publish-end-in,.sheet-actions){display:contents}#publish-form:not([data-view]){row-gap:8px;position:relative}#publish-form:not([data-view]):before{content:"";grid-column:2;grid-row:3 / span 3;align-self:stretch;margin-left:-10px;border-left:1px solid #f5c51840;pointer-events:none}#publish-form:not([data-view]) :is(#publish-as,#publish-field){grid-column:1;grid-row:3}#publish-form:not([data-view]) #publish-about{grid-column:2;grid-row:3;align-self:stretch;display:grid;align-content:center;justify-items:center}#publish-form:not([data-view]) #publish-send{grid-column:1;grid-row:4 / span 2;align-self:start}#publish-form:not([data-view]) #publish-never{grid-column:2;grid-row:4;justify-self:center}#publish-form:not([data-view]) #publish-recover{grid-column:2;grid-row:5;justify-self:center}#publish-form:not([data-view]) :is(#publish-temp,#publish-device,#publish-status){grid-column:1 / -1;grid-row:auto;margin:0}#publish-form[data-view]>.publish-end{grid-column:1 / -1;grid-row:auto;justify-self:center;width:min(100%,320px)}#publish-menu .sheet-actions{grid-template-columns:1fr}#publish-menu .sheet-actions>.btn-primary{grid-column:auto}}.share-tag{position:absolute;top:-13px;right:6px;padding:0 9px;border-radius:999px;background:linear-gradient(100deg,#ff6b9d,#ffb84d,#f5e663,#6fe3a5,#5ecbff,#b18cff,#ff6b9d) 0 0 / 200% 100%;color:#2a1a10;box-shadow:0 0 0 1.5px #fff8,0 2px 8px #0006;font-size:12px;line-height:21px;letter-spacing:.03em;white-space:nowrap;pointer-events:none;animation:share-brag .9s ease-in-out 3,share-holo 2.4s linear infinite}@keyframes share-holo{to{background-position:200% 0}}@keyframes share-brag{50%{transform:translateY(-3px) scale(1.06)}}@media(prefers-reduced-motion:reduce){.share-tag{animation:none}}#share-menu{--share-gap: 20px;--rest-nick: 0px;--rest-note: 0px;--share-rest: calc(336px + 4 * var(--share-gap) + var(--rest-nick) + var(--rest-note));--ph: clamp(150px, calc(100dvh - 32px - var(--sat) - var(--sab) - var(--share-rest)), 480px);width:min(420px,calc(100vw - 32px - var(--sal) - var(--sar)));max-height:calc(100dvh - 32px - var(--sat) - var(--sab));padding:16px 18px 8px}#share-menu:has(#share-nick-row:not([hidden])){--rest-nick: 48px}#share-menu:has(#share-note:not([hidden])){--rest-note: 30px}#share-menu[open]{animation:share-in .2s ease-out}@keyframes share-in{0%{opacity:.4;transform:translateY(12px) scale(.98)}}@media(prefers-reduced-motion:reduce){#share-menu[open]{animation:none}}.share-body{display:flex;flex-direction:column;gap:8px}.share-side{display:contents}#share-menu h2,.share-note{order:-1;margin:0}#share-menu h2{font-size:24px}.share-note{text-align:center;font-size:17px;line-height:1.25;color:#7ee081;text-wrap:balance}.share-figure{display:flex;justify-content:center;align-items:center;box-sizing:border-box;width:100%;height:var(--ph);margin-top:4px}.share-frame{position:relative;overflow:hidden;box-sizing:border-box;height:var(--ph);max-width:100%;aspect-ratio:9 / 16;border:2px solid #f5c51866;border-radius:12px;background:#1c110a center / contain no-repeat;box-shadow:0 8px 28px #0007}#share-menu[data-format=square] .share-frame{width:min(100%,var(--ph));height:auto;aspect-ratio:1;flex:none}.share-frame:before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 35%,#f5c51817 50%,transparent 65%) 0 0 / 250% 100%;animation:share-shimmer 1.3s linear infinite;transition:opacity .2s}.share-frame.has-img:before{opacity:0;animation:none}@keyframes share-shimmer{0%{background-position:100% 0}to{background-position:-150% 0}}#share-preview{position:relative;display:block;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .18s ease-out}#share-preview.ready{opacity:1}@media(prefers-reduced-motion:reduce){.share-frame:before{animation:none}#share-preview,.share-frame:before{transition:none}}.board-seg,.share-seg{display:grid;grid-template-columns:1fr 1fr;gap:3px;width:min(100%,260px);margin:0 auto;padding:3px;box-sizing:border-box;border:1.5px solid #f5c51866;border-radius:var(--button-radius);background:#140c07}.board-seg .btn,.share-seg .btn{min-height:38px;padding:2px 8px;border:0;border-radius:9px;background:none;color:#e8d8b8;font-size:16px}.board-seg .btn[aria-pressed=true],.share-seg .btn[aria-pressed=true]{background:#f5c51826;color:#f5c518;box-shadow:inset 0 0 0 1.5px #f5c518}.share-seg{width:100%;margin-top:calc(var(--share-gap) - 8px)}.share-switch{min-height:40px;padding:4px 8px 4px 14px;font-size:16px;color:#e8d8b8}.share-line{gap:4px;min-height:48px;padding:2px 2px 2px 14px;cursor:default}.share-line-label{flex:none}.share-line-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;color:#fff3d6;font-size:15px}.share-line .btn{flex:none;display:grid;place-items:center;width:44px;min-height:44px;padding:0;border:0;background:none;color:#f5c518}.share-line .btn>svg{margin:0;width:22px;height:22px;stroke-width:2.5}#share-image{min-height:52px;margin-top:calc(var(--share-gap) - 4px);font-size:19px}#share-image:enabled{opacity:1;background:#f5c518;border-color:#f5c518;color:#2a1a10;-webkit-text-fill-color:#2a1a10}#share-image:disabled{opacity:1;background:#f5c51833;border-color:#f5c51866;color:#e8d8b8;-webkit-text-fill-color:#e8d8b8;cursor:progress;filter:none;transform:none}#share-image[data-mode=share] .ico-save,#share-image:not([data-mode=share]) .ico-share{display:none}#share-menu #share-status{margin:0}.share-links{margin-top:-2px}.share-links-label{margin:0;color:#e8d8b8a6;font-size:14px;line-height:18px}.share-direct{grid-row:2;display:flex;justify-content:center;gap:2px;margin:-4px 0 -8px}#share-more[data-mode=share] .ico-copy,#share-more:not([data-mode=share]) .ico-more{display:none}.share-links{display:grid;justify-items:center}.share-links>*{grid-column:1}.share-links-label,#share-menu #share-status{grid-row:1}.share-links:has(#share-status:not(:empty)) .share-links-label{visibility:hidden}#share-menu #share-status{line-height:18px;font-size:14px}#share-menu #share-status{user-select:text;-webkit-user-select:text}.share-direct .btn-compact{text-decoration-color:#e8d8b84d}.sheet-x{position:absolute;top:-14px;right:-14px;z-index:1;display:grid;place-items:center;width:40px;height:40px;padding:0;border:2px solid #f5c518;border-radius:50%;background:#000;color:#fff;cursor:pointer}.sheet[open]:has(>.sheet-x){display:flex;flex-direction:column;overflow:visible}.sheet>.sheet-body{min-height:0;overflow:auto;scrollbar-width:none}.sheet>.sheet-body::-webkit-scrollbar{display:none}.sheet-x:after{content:"";position:absolute;inset:-6px}.sheet-x svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round}.sheet-x:focus-visible{outline:3px solid var(--button-text);outline-offset:2px}.share-foot{display:flex;justify-content:center;align-items:center;gap:4px;margin-top:-2px;color:#e8d8b866}.share-foot .btn-link{min-height:40px;padding:4px 10px;font-size:15px}@media(max-height:740px){#share-menu{--share-gap: 14px}#share-menu h2{font-size:21px}}@media(max-height:500px),(min-aspect-ratio:1/1)and (max-height:700px){#share-menu{--share-gap: 12px;--ph: min(460px, calc(100dvh - 32px - 20px - 4px - var(--sat) - var(--sab)));width:min(780px,calc(100vw - 32px - var(--sal) - var(--sar)));padding:10px 16px}.share-body{display:grid;grid-template-columns:auto minmax(270px,1fr);gap:18px;align-items:center}.share-side{display:flex;flex-direction:column;gap:6px;min-width:0}.share-figure{margin:0;width:var(--ph);max-width:50vw}#share-menu h2{font-size:22px}#share-menu[data-format=square] .share-frame{width:100%;max-width:none}#share-image{min-height:48px}}#feedback,#music{position:fixed;z-index:3;top:calc(10px + env(safe-area-inset-top));width:44px;height:44px;min-height:0;padding:0;border-width:1.5px;border-radius:50%}#feedback svg,#music svg{width:24px;height:24px}#music{right:calc(64px + env(safe-area-inset-right))}#feedback{right:calc(118px + env(safe-area-inset-right))}#music[data-state=off] .on,#music[data-state=on] .off{display:none}@media(min-width:520px)and (min-height:520px){#feedback,#music{top:calc(16px + env(safe-area-inset-top));width:56px;height:56px;border-width:2px}#feedback svg,#music svg{width:30px;height:30px}#music{right:calc(84px + env(safe-area-inset-right))}#feedback{right:calc(152px + env(safe-area-inset-right))}}@media(max-height:500px){#feedback,#music{right:auto;top:calc(12px + env(safe-area-inset-top))}#music{left:calc(120px + env(safe-area-inset-left))}#feedback{left:calc(174px + env(safe-area-inset-left))}}@media(max-height:500px)and (max-width:419px){#feedback,#music{display:none}}#viewmode{position:fixed;z-index:3;right:calc(10px + env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom));width:44px;height:44px;min-height:0;padding:0;border-width:1.5px;border-radius:50%;opacity:.7;transition:opacity .25s}#viewmode svg{width:22px;height:22px}#viewmode:focus-visible{opacity:1}@media(hover:hover){#viewmode:hover{opacity:1}}#viewmode[aria-pressed=true]:not(:focus-visible){opacity:.5}#viewmode[aria-pressed=true].idle:not(:focus-visible){opacity:.12;transition-duration:1s}#viewmode[aria-pressed=false] .off,#viewmode[aria-pressed=true] .on{display:none}@media(min-width:520px)and (min-height:520px){#viewmode{right:calc(22px + env(safe-area-inset-right));bottom:calc(22px + env(safe-area-inset-bottom))}}@media(max-height:500px){#viewmode{right:auto;bottom:auto;left:calc(12px + env(safe-area-inset-left));top:calc(66px + env(safe-area-inset-top))}}@media(max-height:500px)and (max-width:419px){#viewmode{display:none}}:is(#hud,#leaders,#settings,#feedback,#music,#howto,#ios-hint,#fps,#feedback-nudge){transition:opacity .2s}body.view-mode :is(#hud,#leaders,#settings,#feedback,#music,#howto,#ios-hint,#fps,#feedback-nudge){opacity:0}body.view-mode :is(#leaders,#settings,#feedback,#music,#howto,#ios-hint,#fps,#feedback-nudge){visibility:hidden;pointer-events:none;transition:opacity .2s,visibility 0s .2s}@media(prefers-reduced-motion:reduce){#viewmode,:is(#hud,#leaders,#settings,#feedback,#music,#howto,#ios-hint,#fps,#feedback-nudge),body.view-mode :is(#leaders,#settings,#feedback,#music,#howto,#ios-hint,#fps,#feedback-nudge){transition:none}}#feedback-nudge{position:fixed;z-index:3;box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:3px 10px;border:2px solid #f5c518;border-radius:12px;background:#fff3d6;color:#2a1a10;font:800 13px/1.15 "Baloo 2",system-ui,sans-serif;text-align:center;text-wrap:balance;pointer-events:none;animation:nudge-in .35s cubic-bezier(.3,1.6,.5,1) both}#feedback-nudge[data-big=true]{padding:4px 14px;font-size:15px}#feedback-nudge:after{content:"";position:absolute;width:12px;height:12px;border:solid #f5c518;border-width:2px 2px 0 0;background:#fff3d6}#feedback-nudge[data-tail=right]{transform-origin:right center}#feedback-nudge[data-tail=right]:after{top:50%;right:-8px;margin-top:-6px;transform:rotate(45deg)}#feedback-nudge[data-tail=left]{transform-origin:left center}#feedback-nudge[data-tail=left]:after{top:50%;left:-8px;margin-top:-6px;transform:rotate(-135deg)}#feedback-nudge[data-tail=up]{transform-origin:var(--tail-x, 50%) top}#feedback-nudge[data-tail=up]:after{top:-8px;left:calc(var(--tail-x, 50%) - 7px);transform:rotate(-45deg)}@keyframes nudge-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){#feedback-nudge{animation:none}}#feedback-menu{width:min(420px,calc(100vw - 32px - var(--sal) - var(--sar)));max-height:calc(100dvh - 32px - var(--sat) - var(--sab));padding:0}#feedback-menu[open]{display:flex;flex-direction:column}#feedback-form{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}.feedback-scroll{flex:1 1 auto;min-height:0;overflow:auto;padding:18px 20px 4px;text-align:center}.feedback-scroll p{max-width:34em;margin-inline:auto;text-wrap:balance}#feedback-menu:before,#feedback-menu:after,#board-menu:before,#board-menu:after{display:none}.feedback-lead{margin:0 0 12px;font-size:16px;line-height:1.35;color:#e8d8b8}.feedback-form-col .board-label{margin-bottom:4px;text-align:center}.feedback-field{box-sizing:border-box;display:block;width:100%;min-height:48px;padding:8px 12px;border:2px solid #f5c51899;border-radius:10px;background:#140c07;color:#fff3d6;font:700 18px/1.35 "Baloo 2",system-ui,sans-serif;text-align:left;user-select:text;-webkit-user-select:text;touch-action:manipulation}.feedback-field::placeholder{color:#e8d8b866}textarea.feedback-field{height:calc(5.4em + 20px);max-height:calc(10.8em + 20px);resize:none}.feedback-field:focus{outline:none;border-color:#f5c518;box-shadow:0 0 0 3px #f5c51840}.feedback-field[aria-invalid=true]{border-color:#ff8a7a}.feedback-field[aria-invalid=true]:focus{box-shadow:0 0 0 3px #ff8a7a40}.feedback-field[readonly]{opacity:.75}.feedback-meta{display:flex;justify-content:center;gap:6px;min-height:18px;margin:4px auto 10px;color:#e8d8b8b3;font-size:14px;line-height:1.3}#feedback-error{color:#ffb4a8}#feedback-error:not(:empty):after{content:" ·";color:#e8d8b8b3}#feedback-count{font-variant-numeric:tabular-nums}.feedback-small{margin-top:10px;margin-bottom:0;color:#e8d8b8b3;font-size:14px;line-height:1.35}.feedback-small+.feedback-small{margin-top:4px}.feedback-small .btn-link{display:inline;min-height:0;padding:0 2px;font-size:14px}.feedback-rights{margin-top:12px;margin-bottom:0;padding-top:10px;border-top:1px solid #f5c51833;color:#e8d8b899;font-size:13px;line-height:1.35}.feedback-end{padding:8px 20px 12px}#feedback-status{margin:0 0 8px}#feedback-status:not(.ok){color:#ffb4a8}#feedback-status.ok{display:flex;align-items:center;justify-content:center;font-size:20px}#feedback-status.ok:after{content:"";flex:none;width:20px;height:20px;margin-left:6px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ff7a1a' d='M12 21s-8-5.1-8-11a4.5 4.5 0 0 1 8-2.8A4.5 4.5 0 0 1 20 10c0 5.9-8 11-8 11z'/%3E%3C/svg%3E") center / contain no-repeat}#feedback-menu .sheet-actions{margin-top:0;gap:4px}@media(max-height:700px){.feedback-scroll{padding-top:14px}#feedback-menu h2{font-size:26px;margin-bottom:6px}.feedback-lead{margin-bottom:8px;font-size:15px}textarea.feedback-field{height:calc(3 * 1.35em + 20px)}.feedback-meta{margin-bottom:6px}.feedback-small{margin-top:8px}.feedback-rights{margin-top:8px;padding-top:8px}.feedback-end{padding-top:6px}}@media(max-height:500px){#feedback-menu{width:min(700px,calc(100vw - 32px - var(--sal) - var(--sar)))}.feedback-scroll{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:20px;align-content:start;padding:12px 16px 0}.feedback-scroll>:is(h2,.feedback-lead){grid-column:1}#feedback-menu h2{font-size:24px;margin-bottom:4px}.feedback-lead{margin-bottom:8px;font-size:14px}.feedback-form-col{display:contents}.feedback-msg{grid-column:1}.feedback-mail{grid-column:2;grid-row:1 / span 3}.feedback-end{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:20px;align-items:center;padding:6px 16px 8px}#feedback-status{grid-column:1 / -1}#feedback-menu .sheet-actions{grid-column:2;grid-template-columns:1fr auto;align-items:center}#feedback-menu .btn:not(.btn-link){min-height:44px}}#feedback-thanks{width:min(340px,calc(100vw - 32px));text-align:center}#feedback-thanks h2{margin-bottom:6px}.feedback-thanks-text{margin:0;color:#e8d8b8}.btn-spin{display:inline-block;box-sizing:border-box;width:1.1em;height:1.1em;margin-right:8px;vertical-align:-.15em;border:2.5px solid currentColor;border-right-color:transparent;border-radius:50%;animation:btn-spin .7s linear infinite}@keyframes btn-spin{to{transform:rotate(360deg)}}#share-image:disabled svg{display:none}#share-image:disabled:before{content:"";display:inline-block;box-sizing:border-box;width:1.1em;height:1.1em;margin-right:8px;vertical-align:-.15em;border:2.5px solid currentColor;border-right-color:transparent;border-radius:50%;animation:btn-spin .7s linear infinite}@media(prefers-reduced-motion:reduce){.btn-spin,#share-image:disabled:before{animation-duration:2s}}#feedback-form[aria-busy=true] :is(textarea,input){opacity:.6}