: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-gold-bg: linear-gradient(180deg, #ffe066 0%, #f5c518 55%, #dfad13 100%);--button-bg: #2a1a10e8;--button-text: #fff3d6;--focus: 3px solid var(--button-text);--focus-off: 3px}: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}@media(hover:hover){button:hover{filter:brightness(1.15)}}button:active{transform:translateY(1px)}.round-btn,.sheet-x{width:44px;height:44px;min-height:0;padding:0;border:2px solid var(--button-border);border-radius:50%;background:var(--round-bg, var(--button-bg));color:var(--button-text)}.round-btn{position:fixed}.round-btn svg{width:24px;height:24px}button:focus-visible,a:focus-visible{outline:var(--focus);outline-offset:var(--focus-off)}.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-gold-bg);color:#2a1a10}.btn-primary .sub{color:#2a1a10b3}.btn-secondary{background:var(--button-bg);border-color:var(--button-border);color:var(--button-text)}.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-link:after{content:"";position:absolute;left:0;right:0;top:50%;height:100%;min-height:44px;translate:0 -50%}p .btn-link:after{display: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}:root{--page-edge: #140c07}html,body{margin:0;height:100%;height:var(--app-h, 100%);overflow:hidden;overscroll-behavior:none;background:var(--page-edge);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)}#reel-fade{opacity:0;pointer-events:none}#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: var(--gua, #ff7a1a);--lt: var(--gua-lt, #ffb56b);--dk: var(--gua-dk, #b34d00)}#pad .pa{padding-right:env(safe-area-inset-right);--c: var(--pa, #14b8a6);--lt: var(--pa-lt, #5eead4);--dk: var(--pa-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}.fig-drac #pad .word,.fig-bou #pad .word{text-shadow:0 1px 0 var(--dk),0 2px 6px #0006}#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:var(--page-edge);color:#fff3d6;font:800 22px/1.3 "Baloo 2",system-ui,sans-serif;text-align:center}#rotate svg{width:96px;height:96px;overflow:visible;fill:none;stroke:#f5c518;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}#rotate .ph{transform-box:view-box;transform-origin:24px 24px;animation:rotate-hint 1.6s ease-in-out infinite}#rotate .arr{opacity:.7;transform-box:view-box;transform-origin:24px 24px}body.wrong-orient #rotate{display:flex}@media(pointer:coarse)and (orientation:landscape)and (max-height:599px),(pointer:coarse)and (orientation:portrait)and (min-width:600px){body:not(.view-mode,.tablet) #rotate{display:flex}}#rotate-exit{display:none}body.view-mode #rotate-exit{display:flex}body.view-mode #rotate .ph{animation-direction:reverse}body.view-mode #rotate .arr{transform:scaleX(-1)}#rotate h2{margin:0;font:inherit;font-size:32px;line-height:1.15}#rotate b{font-size:19px;font-weight:700;opacity:.85;text-wrap:balance}body.view-mode #rotate{background:#140c07b3;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}body.view-mode #rotate:before{display:none}body.wrong-orient dialog[open]{visibility:hidden}body.wrong-orient dialog::backdrop{display:none}#rotate :is(h2,b) span{display:none}#rotate .r-play{display:inline}@media(min-width:600px)and (min-height:600px){#rotate .r-play{display:none}#rotate .r-tablet{display:inline}#rotate .ph{animation-direction:reverse}#rotate .arr{transform:scaleX(-1)}}body.view-mode #rotate :is(h2,b) span{display:none}body.view-mode #rotate .r-photo{display:inline}body.view-mode.tablet #rotate h2 .r-photo{display:none}body.view-mode.tablet #rotate h2 .r-tablet{display:inline}@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}.watch-tag{position:fixed;z-index:3;top:calc(18px + env(safe-area-inset-top));left:env(safe-area-inset-left);margin:0;display:grid;padding:6px 14px 7px 12px;border-left:4px solid #f5c518;border-radius:0 8px 8px 0;background:#2a1a10e0;color:#fff3d6;font:600 13px/1.25 "Baloo 2",system-ui,sans-serif;pointer-events:none}.watch-tag b{font-weight:800;letter-spacing:.08em}@media(min-width:900px)and (min-height:600px){.watch-tag{padding:8px 18px 9px 14px;font-size:15px}}#watch-menu{width:min(360px,calc(100vw - 48px));padding:24px;text-align:center}#watch-menu h2{margin-bottom:6px;color:#f5c518}#watch-menu p{margin:0 0 18px;color:#e8d8b8;font-size:16px;text-wrap:balance}#watch-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%)}.howto-pill{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)}.howto-pill .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{z-index:3;top:calc(10px + env(safe-area-inset-top));right:calc(10px + env(safe-area-inset-right))}@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}#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))}}#settings-menu{width:min(400px,calc(100vw - 32px));padding:20px 20px 18px}#settings-menu .sheet-actions{grid-template-columns:minmax(0,1fr)}.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.lang-pick{min-height:calc(30.8px + 1.2em)}.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:var(--focus);outline-offset:var(--focus-off)}@media(prefers-reduced-motion:reduce){.switch-row input,.switch-row input:before{transition:none}}*,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}:root[data-kb] dialog.sheet[open]:focus-within{inset-block:var(--kb-top) var(--kb-bottom);max-height:calc(var(--kb-h) - 16px)!important}.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 li.only-drac,#controls-legend li.only-bou,.fig-drac #controls-legend li.only-mula,.fig-bou #controls-legend li.only-mula{display:none}.fig-drac #controls-legend li.only-drac,.fig-bou #controls-legend li.only-bou{display:grid}#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:var(--gua, #ff7a1a);text-shadow:0 0 2px var(--gua-dk, #b34d00),0 0 1px var(--gua-dk, #b34d00)}.note.pa{background:var(--pa, #14b8a6);text-shadow:0 0 2px var(--pa-dk, #0a6e63),0 0 1px var(--pa-dk, #0a6e63)}.note.guapa{display:grid;place-items:center;width:44px;height:44px;border:3px solid #f5c518;background:linear-gradient(90deg,var(--gua, #ff7a1a) 50%,var(--pa, #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 color-mix(in srgb,var(--gua, #ff7a1a) 60%,transparent))}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(18px + env(safe-area-inset-top));left:calc(10px + env(safe-area-inset-left));height:64px;padding:0 16px 0 20px;gap:8px;font-size:20px;letter-spacing:.04em}#skip svg{width:26px;height:26px}@media(max-width:519px),(max-height:519px){#skip{top:calc(18px + env(safe-area-inset-top));height:44px;padding:0 12px 0 14px;gap:6px;font-size:16px}#skip svg{width:20px;height:20px}}@media(max-width:359px){#skip{padding:0 8px 0 10px;gap:4px;font-size:14px;letter-spacing:.02em}#skip svg{width:18px;height:18px}}#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:var(--gua, #ff7a1a);border-right:2px solid #2a1a10}#sync-pad .pa{background:var(--pa, #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:minmax(0,270px);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}}#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}.sheet.hint-menu{width:min(360px,calc(100vw - 32px - var(--sal) - var(--sar)));padding:12px 20px 18px;text-align:center}.hint-icon{display:block;width:44px;height:44px;margin:0 auto 8px;fill:none;stroke:#f5c518;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.hint-menu .board-text{margin-bottom:4px;text-wrap:balance}.hint-menu .board-text b{color:#fff3d6;font-weight:800}#free-fs-menu,#free-hint-menu:has(>.ios-bubble:not([hidden])){bottom:calc(var(--sab) + 96px);max-height:calc(100dvh - 112px - var(--sab))}@media(max-height:600px){#free-fs-menu .hint-icon{display:none}#free-fs-menu h2{font-size:26px}#free-fs-menu .ios-steps{gap:6px;margin:10px 0 12px}#free-fs-menu .ios-steps li{min-height:44px;padding-block:2px}#free-fs-menu .board-text{font-size:15px}}.ios-steps{display:grid;gap:8px;margin:12px 0 14px;padding:0;list-style:none;counter-reset:ios;text-align:left;font-size:15px;line-height:1.25;color:#e8d8b8;text-wrap:pretty}.ios-steps li{position:relative;display:flex;align-items:center;gap:12px;min-height:52px;padding:6px 12px 6px 10px;font-weight:600;border-radius:var(--button-radius);background:#fff3d60d;counter-increment:ios}.ios-steps li:before{content:counter(ios);position:absolute;left:4px;top:50%;translate:0 -24px;z-index:1;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#f5c518;color:#2a1a10;font-size:12px;font-weight:800;line-height:1}.ios-steps b{color:#fff3d6;font-weight:800}.ios-key{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#3a3a3c;box-shadow:inset 0 0 0 1px #ffffff26}.ios-key svg{width:20px;height:20px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ios-bubble{position:fixed;left:calc(var(--sal) + 16px);width:fit-content;max-width:calc(100vw - 32px - var(--sal) - var(--sar));box-sizing:border-box;bottom:calc(var(--sab) + 12px);display:block;margin:0;padding:12px 16px;border-radius:18px;text-align:left;text-wrap:balance;background:#fff;color:#3a3a3c;font:600 14px/24px "Baloo 2",system-ui,sans-serif;box-shadow:0 8px 24px #0009;animation:ios-bob 1.2s ease-in-out infinite}.ios-bubble:after{content:"";position:absolute;top:calc(100% - 1px);left:calc(28vw - var(--sal) - 16px - 9px);border:9px solid transparent;border-top-color:#fff;border-bottom:0}.ios-bubble b{font-weight:800;color:#1c1c1e;white-space:nowrap}.ios-bubble i{display:inline-block;width:24px;height:24px;margin-right:2px;vertical-align:top;border-radius:7px;background:#e5e5ea url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231c1c1e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5v11M8.5 7 12 3.5 15.5 7M8.5 10H7.5a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h9a2 2 0 0 0 2-2v-7a2 2 0 0 0-2-2h-1'/%3E%3C/svg%3E") center / 16px no-repeat}.ios-bubble b:first-of-type i{margin-right:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231c1c1e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 7.5h14M5 12h13M5 16.5h9'/%3E%3C/svg%3E")}.ios-bubble b:last-of-type i{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231c1c1e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='4' width='16' height='16' rx='4'/%3E%3Cpath d='M12 8.5v7M8.5 12h7'/%3E%3C/svg%3E")}.ios-bubble[hidden]{display:none}.ios-bubble-go{display:block;margin:0;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;text-wrap:pretty;cursor:pointer}.ios-bubble button:focus-visible{outline:3px solid #0a84ff;outline-offset:2px}@keyframes ios-bob{50%{transform:translateY(5px)}}@media(prefers-reduced-motion:reduce){.ios-bubble{animation:none}}#free-hint-menu .hint-icon{animation:rotate-hint 1.6s ease-in-out infinite reverse}@media(prefers-reduced-motion:reduce){#free-hint-menu .hint-icon{animation:none}}.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 0;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}.settings-about .about-version{margin-top:8px;font:600 12px/1 "Baloo 2",system-ui,sans-serif;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}.settings-about .about-uaf{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 8px;margin-top:12px;font-weight:600;font-size:14px;line-height:1.5;color:#e8d8b8aa}.about-uaf .sel-entity{position:relative;white-space:nowrap;text-decoration:none}.about-uaf .sel-entity:after{content:"";position:absolute;inset:-10px 0}.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}@media(max-width:519px){.settings-about{padding-inline:2px}.about-links{gap:4px 6px}.about-links a,#settings-privacy{padding:0 3px;font-size:14px}}.setting-row{cursor:default}@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:not(.lang-pick){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}.settings-about .about-uaf{margin-top:10px;line-height:1.3}.settings-about .about-version{margin-top:2px}.about-links a{min-height:40px}}@media(max-width:359px){#settings-menu{padding-inline:12px}.about-links{gap:4px}.about-links a,#settings-privacy{padding:0 2px;font-size:14px}.about-links a{gap:4px}}@media(max-width:359px)and (max-height:720px){#settings-menu .sheet-actions{gap:5px}.settings-about{gap:2px}}.setting-row .btn{flex:none;width:auto;min-height:44px;padding:0 14px;border-width:1.5px;font-size:15px}.setting-row .sub{overflow-wrap:anywhere;color:#f5c518}#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:#fff3d6;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}.about-links a:visited{color:#f5c518}#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:var(--button-gold-bg);color:#2a1a10}dialog p,#results-actions .btn{overflow-wrap:break-word}#results-actions .btn>svg{width:20px;height:20px;margin-right:8px}@media(min-width:640px)and (min-height:520px){#results-actions{width:min(calc(680px * var(--ui)),calc(100vw - 24px - var(--sal) - var(--sar)));gap:calc(12px * var(--ui))}#results-actions .btn{max-width:none;min-height:calc(56px * var(--ui));padding:calc(8px * var(--ui)) calc(12px * var(--ui));font-size:calc(18px * var(--ui))}#results-actions:has(#results-publish:not([hidden]))>:is(#results-retry,#results-publish,#results-board,#results-share){flex-basis:calc(50% - 6px * var(--ui))}#results-actions .btn>svg{width:calc(24px * var(--ui));height:calc(24px * var(--ui));margin-right:calc(8px * var(--ui))}}@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:639px){#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 .board-top{flex:none;display:flex;flex-direction:column;align-items:center;gap:4px;margin:0 0 10px}#board-menu h2{margin:4px 52px;color:#e8d8b8;font-size:14px;line-height:20px;letter-spacing:.14em;text-transform:uppercase}.board-figure{display:flex;align-items:center;width:auto;min-width:210px;max-width:100%;min-height:56px;gap:12px;padding:5px 16px 5px 6px;font-size:22px}.board-pic{flex:none;display:grid;place-items:center;width:52px;height:44px;padding:3px 5px;box-sizing:border-box;border-radius:9px;background:radial-gradient(90% 90% at 50% 30%,#5a2a1f,#1c0f09)}.board-pic svg,.board-art svg{width:100%;height:100%;margin:0;stroke:none}.board-figure-name{flex:1 1 auto;line-height:1.05}.board-figure-name .fig-t,.board-option-name .fig-t{display:block;font-size:.64em;opacity:.8}.board-figure>.board-chev{flex:none;margin:0;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}.board-figure[aria-expanded=true] .board-chev{transform:rotate(180deg)}@media(prefers-reduced-motion:reduce){.board-chev{transition:none}}.board-season{margin:4px 0 0;padding:2px 12px;border:1px solid #f5c518aa;border-radius:999px;background:#f5c5181a;color:#f5c518;font-size:15px;font-weight:700;line-height:1.35;text-align:center}.board-season:empty:before{content:" "}.board-picker:not([hidden]){flex:1 1 auto;min-height:0;overflow:auto;display:flex;flex-direction:column;justify-content:flex-start;gap:10px;padding:16px 0 12px;border-top:1px solid #f5c51840}.board-picker-title{margin:0;color:#e8d8b8;font-size:16px}.board-figures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.board-option{display:flex;align-items:center;flex-direction:column;gap:8px;min-height:0;padding:10px 10px 8px;border-color:#e8d8b880;font-size:19px}.board-option .board-pic{width:100%;height:auto;aspect-ratio:7 / 5;padding:8% 6% 4%;border-radius:10px}.board-option[aria-pressed=true]{border-color:#fff3d6;background:#fff3d6;color:#2a1a10}.board-main:not([hidden]){flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.board-place{position:relative;isolation:isolate;flex:none;margin:0 0 6px;padding:6px 14px 8px;overflow:hidden;scrollbar-gutter:stable}.board-place:before{content:"";position:absolute;inset:0;z-index:-1;border:1px solid #f5c51855;border-radius:12px;background:#fff3d60d}.board-place-row{display:flex;flex-wrap:wrap;align-items:center;column-gap:8px}.board-summary{flex:1 0 auto;white-space:nowrap;margin:0;color:#fff3d6;font-size:18px;line-height:1.3;font-variant-numeric:tabular-nums}.board-jump{flex:none;display:inline-flex;align-items:center;gap:4px;margin-left:auto;padding-inline:4px;border-width:0;white-space:nowrap}.board-jump>svg{width:16px;height:16px;margin:0;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.board-jump.down>svg{transform:rotate(180deg)}#board-jump-t:before,#board-jump-t:after{content:attr(data-top);content:attr(data-top) / "";display:block;height:0;overflow:hidden;visibility:hidden}#board-jump-t:after{content:attr(data-me);content:attr(data-me) / ""}@media(max-width:400px){.board-place-row{column-gap:6px}.board-summary{font-size:17px}.board-jump{font-size:13px}}.board-jump.off{visibility:hidden}@media(max-width:359px){.board-jump{display:none}}.board-place-sub{margin:0;padding-right:8px;color:#e8d8b8;font-size:13px;line-height:1.35}.board-place .btn-link:not(.board-jump){min-height:32px;padding:0;font-size:14px}#board-table tr.gap td{height:44px;border-top:1px dashed #fff3d640;text-align:center}#board-table tr.gap+tr td{border-top:1px dashed #fff3d640}.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 .mula-spinner{width:24px;height:24px}.board-more .btn{width:auto;min-height:44px;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-scroll{scrollbar-gutter:auto}#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:safe center;gap:10px;padding:8px 12px}.board-art{flex:0 1 clamp(72px,22vh,170px);min-height:64px;display:grid;place-items:center;aspect-ratio:7 / 6;padding:4% 6%;box-sizing:border-box;border-radius:14px;background:radial-gradient(90% 90% at 50% 30%,#5a2a1f,#1c0f09)}.board-art[data-kind=error]{flex-basis:72px;aspect-ratio:1;padding:0;background:none}.board-art[data-kind=error] svg{fill:none;stroke:#ff8a7a;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}#board-status[data-kind=empty],#board-status[data-kind=error]{margin:4px 0 0;color:#fff3d6;font-size:21px;line-height:1.25}#board-status[data-kind=error]{color:#ff8a7a}@media(max-height:620px){#board-menu .board-state:has(.board-previous:not([hidden])) .board-art{display:none}}.board-hint{max-width:320px;margin:0;text-align:center;color:#e8d8b8;font-size:15px;line-height:1.4;text-wrap:pretty}.board-state .btn{width:auto;min-width:220px}#board-menu:has(#board-table:not([hidden])) .board-state{display:none}#board-status .mula-spinner{display:block;width:72px;height:72px;margin:0 auto 10px}#board-status:has(.mula-spinner){animation:board-in .25s ease-out both}#board-table:not([hidden]) tbody{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-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:5.6em}@media(min-width:520px){html:not([lang=ca]) :is(#board-table,.board-head) .c-pct{width:4.8em}html:not([lang=ca]) .board-head th{overflow-wrap:anywhere}}#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}.pct-sub{display:none}: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;flex:none;box-sizing:border-box;width:var(--pos-size, 24px);height:calc(var(--pos-size, 24px) * 7 / 6);padding-top:calc(var(--pos-size, 24px) * 7 / 24);background:center / 100% 100% no-repeat;color:#2a1a10;font-weight:800;font-size:calc(var(--pos-size, 24px) * .54);line-height:1;vertical-align:middle}.pos.p1{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 28'%3E%3Cpath d='M5.5 1h5l2.5 8h-5zM18.5 1h-5L11 9h5z' fill='%23f5c518' opacity='.55'/%3E%3Ccircle cx='12' cy='17.5' r='9.5' fill='%23f5c518'/%3E%3C/svg%3E")}.pos.p2{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 28'%3E%3Cpath d='M5.5 1h5l2.5 8h-5zM18.5 1h-5L11 9h5z' fill='%23d6dbe2' opacity='.55'/%3E%3Ccircle cx='12' cy='17.5' r='9.5' fill='%23d6dbe2'/%3E%3C/svg%3E")}.pos.p3{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 28'%3E%3Cpath d='M5.5 1h5l2.5 8h-5zM18.5 1h-5L11 9h5z' fill='%23d9955a' opacity='.55'/%3E%3Ccircle cx='12' cy='17.5' r='9.5' fill='%23d9955a'/%3E%3C/svg%3E")}.who{display:flex;align-items:center;gap:5px;min-width:0}#board-table .sub{display:flex;flex-wrap:wrap;align-items:center;gap:2px 6px;margin-top:2px;font-size:10.5px;white-space:nowrap}#board-table .streak{color:#e8d8b8b3}#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}:root{--lvl0: #8fd98f;--lvl1: #f0b04a;--lvl2: #ef7b6a}.lvl0{background:var(--lvl0)}.lvl1{background:var(--lvl1)}.lvl2{background:var(--lvl2)}.lvt0{color:var(--lvl0)}.lvt1{color:var(--lvl1)}.lvt2{color:var(--lvl2)}#board-table tr.me td{background:#f5c51824;color:#f5c518}#board-table tr.me td:first-child{box-shadow:inset 3px 0 #f5c518}#board-table tbody tr:not(.gap,.me-hint){cursor:pointer}#board-table tbody tr:not(.gap,.me-hint):active td{background-image:linear-gradient(#fff3d614,#fff3d614)}@media(hover:hover){#board-table tbody tr:not(.gap,.me-hint):hover td{background-image:linear-gradient(#fff3d60d,#fff3d60d)}}.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}.verified-check{position:relative;flex:none;display:inline-grid;place-items:center;width:16px;height:16px;margin:0}.verified-check svg{width:100%;height:100%;fill:#3b9cff;stroke:#fff;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.verified-check svg .seal{stroke:none}.board-links{display:flex;flex-wrap:wrap;justify-content:center;gap:0 16px}html:not([lang=ca]) .board-links{row-gap: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{display:inline-flex;align-items:center;gap:4px;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}.publish-error .btn-link{display:inline;min-height:0;padding:0;border:0;font:inherit;font-weight:700;color:inherit;text-wrap:wrap;text-decoration-color:currentColor}.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;overflow:hidden}#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 .mula-spinner{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:22px;line-height:1.2}#publish-form[data-view=done] .publish-place:has(+.publish-offer:not([hidden])){margin-bottom:12px}@media(max-width:359px){#publish-form[data-view=done] #publish-status{font-size:14px}#publish-offer{gap:8px}#publish-offer .publish-warning{font-size:13px}#publish-confirm{padding-inline:8px}#publish-offer .publish-offer-title{font-size:16px}}.publish-offer{display:flex;flex-direction:column;gap:10px;margin:-4px 0 12px;padding:14px;border:1px solid #f5c51866;border-radius:14px;background:#fff3d60d;text-align:left}.publish-offer-title{display:flex;align-items:center;gap:10px;margin:0;color:#fff3d6;font-size:17px}.publish-offer-title>svg{flex:none;width:22px;height:22px;fill:none;stroke:#f5c518;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.publish-risk{margin:0;padding-left:8px;border-left:3px solid #ff8a7a;color:#ffb4a8;font-size:14px;font-weight:700;line-height:1.35;text-wrap:pretty}.publish-warning{margin:0;color:#e8d8b8cc;font-size:14px;line-height:1.35;text-wrap:pretty}.publish-offer>.btn-link{align-self:center;min-height:0;padding:2px;font-size:13px}.publish-offer:not([hidden])+.sheet-actions>#publish-send{min-height:44px;border-color:transparent;background:none;color:#fff3d6;text-decoration:underline;box-shadow:none}#publish-form[data-view=done] .publish-offer{animation:board-in .3s ease-out both}@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}@media(max-width:400px){#publish-menu{padding-inline:16px}#publish-menu h2{font-size:27px}.publish-hint{font-size:13px}}@media(max-height:500px){#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{grid-row:3;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>:is(h2,#publish-wait){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;--share-rest: calc(336px + 4 * var(--share-gap) + var(--rest-nick));--share-preview-w: calc(var(--ph) * .5625);--ph: clamp(150px, calc(100dvh - 48px - var(--sat) - var(--sab) - var(--share-rest)), 480px);width:min(480px,calc(100vw - 48px - var(--sal) - var(--sar)));max-width:none;max-height:calc(100dvh - 48px - var(--sat) - var(--sab));padding:16px 14px 6px;inset:var(--sat) var(--sar) var(--sab) var(--sal);margin:auto}#share-menu:has(#share-nick-row:not([hidden])){--rest-nick: 48px}#share-menu[data-format=feed]{--share-preview-w: calc(var(--ph) * .8)}#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:var(--share-gap);box-sizing:border-box}#share-menu .share-body{padding-bottom:calc(10px + var(--ring-room))}.share-side{display:contents}.share-side>*{flex-shrink:0}#share-menu h2{order:-1;margin:0}#share-menu h2{font-size:24px;margin-block:.25em -.1em}.share-figure{display:flex;justify-content:center;align-items:center;box-sizing:border-box;width:100%;height:var(--ph)}.share-frame{position:relative;overflow:hidden;box-sizing:border-box;width:min(100%,var(--share-preview-w));height:auto;max-width:100%;aspect-ratio:9 / 16;flex:none;border-radius:12px;background:#1c110a center / contain no-repeat;box-shadow:0 8px 28px #0007}.share-frame:after{content:"";position:absolute;inset:0;box-sizing:border-box;border:2px solid #f5c51866;border-radius:inherit;pointer-events:none}#share-menu[data-format=feed] .share-frame{aspect-ratio:4 / 5}.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 #e8d8b880;border-radius:var(--button-radius);background:#140c07}.board-seg .btn,.share-seg .btn{min-height:44px;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:#fff3d6;color:#2a1a10}.share-seg{width:100%;margin:0}.share-switch{min-height:44px;padding:4px 8px 4px 14px;font-size:16px;color:#e8d8b8}#share-image{min-height:52px;margin:0;font-size:19px}@media(max-width:359px){#share-image{min-height:calc(2.4em + 20px)}}#share-image:enabled{opacity:1;background:var(--button-gold-bg);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-block:-2px -8px}.share-links-label{margin:0;color:#e8d8b8a6;font-size:14px;line-height:18px}.share-direct{grid-row:2;display:flex;flex-wrap:wrap;justify-content:space-evenly;box-sizing:border-box;width:100%;margin:0;padding-inline:5px}#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{padding-inline:3px;text-decoration-color:#e8d8b84d}#share-menu #share-status{min-width:0;max-width:100%;overflow-wrap:anywhere}.sheet-x{position:absolute;top:-14px;right:-14px;z-index:1;display:grid;place-items:center;--round-bg: #2a1a10;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;--ring-room: 8px;margin:calc(-1 * var(--ring-room));padding:var(--ring-room);scroll-padding:var(--ring-room)}.sheet>.sheet-body::-webkit-scrollbar{display:none}.sheet-bar{position:absolute;right:6px;width:4px;border-radius:2px;background:#f5c51829;pointer-events:none}.sheet-bar i{display:block;border-radius:2px;background:#f5c518d9}.sheet:has(>.sheet-bar:not([hidden]))>.sheet-body{padding-right:calc(var(--ring-room) + 10px)}.sheet-x:after{content:"";position:absolute;inset:-4px}.sheet-x svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round}.sheet-x:focus-visible{outline-offset:1px}.share-foot{display:flex;justify-content:center;align-items:center;gap:4px;margin-block:-12px -10px;color:#e8d8b866}.share-foot .btn-link{min-height:44px;padding:4px 10px;font-size:15px}@media(max-height:740px){#share-menu h2{font-size:21px}}@media(max-width:599px)and (max-height:520px){#share-menu{--share-gap: 10px}.share-foot{margin-top:-2px}}@media(min-width:900px),(min-width:600px)and (min-aspect-ratio:1/1)and (max-height:700px){#share-menu{--ph: clamp(150px, calc(100dvh - 108px - var(--sat) - var(--sab)), 520px);width:min(840px,calc(100vw - 48px - var(--sal) - var(--sar)));padding:28px 0}#share-menu .share-body{display:grid;grid-template-columns:minmax(0,min(392px,var(--share-preview-w))) minmax(280px,360px);column-gap:20px;padding:var(--ring-room) calc(20px + var(--ring-room));justify-content:space-evenly;align-items:center}.share-side{display:flex;flex-direction:column;gap:20px;min-width:0}.share-figure{margin:0;width:100%;min-width:0}#share-menu h2{font-size:30px;text-wrap:balance}}@media(min-width:900px)and (min-height:560px){#share-menu .share-side{min-height:calc(var(--ph) * .86 + 17px);margin-top:17px;justify-content:space-between;gap:34px}#share-menu h2{font-size:32px}#share-menu .share-seg .btn{min-height:64px;font-size:20px}#share-menu .share-switch{min-height:48px;font-size:18px}#share-menu #share-image{min-height:72px;font-size:24px}#share-menu #share-image>svg{width:26px;height:26px}#share-menu .share-links-label,#share-menu #share-status{font-size:18px;line-height:24px}#share-menu .share-direct .btn-compact{min-height:56px;font-size:20px}#share-menu .share-direct .btn-compact>svg{width:24px;height:24px}#share-menu .share-foot .btn-link{min-height:52px;font-size:18px}#share-menu h2{margin-block:-4px -3px}#share-menu .share-links{margin-block:-4px -16px}#share-menu .share-foot{margin-block:-18px 0}}@media(min-width:600px)and (max-height:500px){#share-menu{--ph: max(150px, calc(100dvh - 76px - var(--sat) - var(--sab)));padding:12px 0}.share-side{gap:20px;margin-bottom:4px}#share-menu h2{font-size:22px}#share-image{min-height:48px}}#free,#music{z-index:3;top:calc(10px + env(safe-area-inset-top))}#music{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){#free,#music{top:calc(16px + env(safe-area-inset-top));width:56px;height:56px}#free svg,#music svg{width:30px;height:30px}#music{right:calc(152px + env(safe-area-inset-right))}}@media(max-height:500px){#free,#music{right:auto;top:calc(12px + env(safe-area-inset-top))}#music{left:calc(174px + env(safe-area-inset-left))}}@media(max-height:500px)and (max-width:419px){#free,#music{display:none}}#viewmode{z-index:3;transition:opacity .25s}#viewmode[aria-pressed=true].idle:not(:hover,:focus-visible){opacity:.25;transition-duration:1s}#viewmode[aria-pressed=false] .off,#viewmode[aria-pressed=true] .on{display:none}:is(#hud,#settings,#free,#music,#howto){transition:opacity .2s}body.view-mode :is(#hud,#settings,#free,#music,#howto){opacity:0}body.view-mode :is(#settings,#free,#music,#howto){visibility:hidden;pointer-events:none;transition:opacity .2s,visibility 0s .2s}#curtain{position:fixed;inset:0;z-index:45;background:#140c07;opacity:0;pointer-events:none;transition:opacity .25s ease-out}#curtain.down{opacity:1;transition:opacity 90ms ease-in}#curtain.now{transition:none}#photo-figs{position:fixed;z-index:5;top:calc(env(safe-area-inset-top) + (var(--app-h, 100dvh) - env(safe-area-inset-top) - env(safe-area-inset-bottom)) * .4);translate:0 -50%;left:max(16px,env(safe-area-inset-left));display:flex;flex-direction:column;justify-content:center;gap:14px;transition:opacity .25s}#photo-figs[hidden]{display:none}body:has(#viewmode.idle) #photo-figs:not(:hover,:focus-within){opacity:.25;transition-duration:1s}#photo-figs .pf{position:relative;display:flex;align-items:center;min-height:60px;padding:0;border:0;background:none;color:#fff3d6;font:700 16px/1.1 "Baloo 2",system-ui,sans-serif;cursor:pointer;text-align:left}#photo-figs .pf-por{z-index:1;flex:none;display:grid;place-items:center;box-sizing:border-box;width:56px;height:56px;margin-block:2px;border:2px solid #f5c518;border-radius:50%;background:radial-gradient(circle at 50% 42%,var(--t, #453322),color-mix(in srgb,var(--t, #453322) 35%,#20150e) 78%);overflow:hidden}#photo-figs .pf-por svg{width:74%;height:74%;stroke:none}#photo-figs .pf-nb{display:flex;flex-direction:column;justify-content:center;box-sizing:border-box;min-width:150px;max-width:220px;height:42px;margin-left:-28px;padding:0 10px 0 38px;border:2px solid #f5c518;border-radius:0 10px 10px 0;background:#140c07e6}#photo-figs .pf-por,#photo-figs .pf-nb{transition:background .2s}#photo-figs .pf[aria-pressed=true] .pf-por{border-color:#fff3d6;box-shadow:inset 0 0 0 2px #fff3d6,0 0 0 2px #7a5a10}#photo-figs .pf[aria-pressed=true] .pf-nb{border-color:#fff3d6;background:#fff3d6;color:#2a1a10}@media(prefers-reduced-motion:reduce){#photo-figs .pf-por,#photo-figs .pf-nb{transition:none}}@media(hover:hover){#photo-figs .pf[aria-pressed=false]:hover .pf-por{box-shadow:0 0 0 2px #f5c51880}}#photo-figs .pf:focus-visible{outline:none}#photo-figs .pf:focus-visible .pf-por{outline:3px solid #fff3d6;outline-offset:3px}#photo-figs .pf:active{transform:none}#photo-figs .pf-name{text-wrap:balance}#photo-touch{--ps-mx: max(20px, env(safe-area-inset-left), env(safe-area-inset-right));--ps-my: max(16px, env(safe-area-inset-bottom));position:fixed;z-index:2;inset:0;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#photo-touch .ps-base{position:fixed;left:calc(var(--ps-mx) + 84px);top:calc(100% - var(--ps-my) - 84px);width:140px;height:140px;translate:-50% -50%;box-sizing:border-box;border:2px solid #fff3d699;border-radius:50%;background:radial-gradient(circle,#21140b33 40%,#21140b80 70%);opacity:.45;pointer-events:none;transition:opacity .2s}#photo-touch .ps-base:before{content:"";position:absolute;inset:-2px;border-radius:50%;background:conic-gradient(from calc(var(--ps-a, 0rad) - 35deg),#f5c518 0 70deg,#0000 70deg);-webkit-mask:radial-gradient(circle,#0000 calc(50% - 7px),#000 calc(50% - 6px));mask:radial-gradient(circle,#0000 calc(50% - 7px),#000 calc(50% - 6px));opacity:var(--ps-m, 0)}#photo-touch .ps-base.on{opacity:1;transition:none}#photo-touch .ps-base.run{border-color:#f5c518;box-shadow:0 0 0 3px #f5c51859}#photo-touch .ps-knob{position:absolute;left:50%;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px;box-sizing:border-box;border:2px solid #f5c518;border-radius:50%;background:#fff3d6e6;box-shadow:0 2px 6px #0008}#photo-touch .ps-base.run .ps-knob{background:#f5c518}#photo-touch .ps-actions{position:fixed;right:calc(var(--ps-mx) + 64px);bottom:calc(var(--ps-my) + 70px);width:0;height:0;pointer-events:none}#photo-touch .ps-btn{position:absolute;display:grid;place-items:center;width:64px;height:64px;margin:-32px -32px 0 0;min-height:0;padding:0;overflow:hidden;border:3px solid #2a1a10;border-radius:50%;color:#fff3d6;box-shadow:0 5px #2a1a10,0 8px 12px #0006,inset 0 3px #fff5;pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:transparent}#photo-touch .ps-btn svg{width:64%;height:64%;stroke-width:0}#photo-touch .ps-btn img{width:100%;height:100%;pointer-events:none;-webkit-user-drag:none}#photo-touch .ps-btn.down{translate:0 4px;box-shadow:0 1px #2a1a10,inset 0 3px #fff3}#photo-touch .ps-btn[data-code=KeyQ]{background:#c42340}#photo-touch .ps-btn[data-code=KeyE]{background:#22703f}#photo-touch .ps-btn[data-code=KeyR]{background:#2c6fb3}#photo-touch .ps-btn[data-code=Space]{background:#f2b928;color:#2a1a10}#photo-touch .ps-btn[data-code=Space]{right:0;top:0;width:84px;height:84px;margin:-42px -42px 0 0}#photo-touch .ps-btn[data-code=KeyE]{right:106px;top:0}#photo-touch .ps-btn[data-code=KeyQ]{right:75px;top:-75px}#photo-touch .ps-btn[data-code=KeyR]{right:0;top:-106px}#photo-touch .ps-swap{position:fixed;left:var(--ps-mx);top:calc(12px + env(safe-area-inset-top));width:60px;height:60px;margin:0;overflow:visible;border:2px solid #f5c518cc;box-shadow:none;background:radial-gradient(circle at 50% 42%,#4e3424,#20150e 78%)}#photo-touch .ps-swap.down{translate:none;box-shadow:none;background:#fff3d6}#photo-touch .ps-swap svg{width:70%;height:70%}@media(max-height:340px){#photo-touch .ps-actions{bottom:calc(var(--ps-my) + 56px);right:calc(var(--ps-mx) + 54px)}#photo-touch .ps-btn{width:54px;height:54px;margin:-27px -27px 0 0}#photo-touch .ps-btn[data-code=Space]{width:70px;height:70px;margin:-35px -35px 0 0}#photo-touch .ps-btn[data-code=KeyE]{right:88px}#photo-touch .ps-btn[data-code=KeyQ]{right:62px;top:-62px}#photo-touch .ps-btn[data-code=KeyR]{top:-88px}#photo-touch .ps-swap{width:52px;height:52px;margin:0}#photo-touch .ps-base{left:calc(var(--ps-mx) + 70px);top:calc(100% - var(--ps-my) - 70px)}}@media(prefers-reduced-motion:reduce){#photo-touch .ps-base{transition:none}#photo-touch .ps-btn.down{transform:none}}#photo-tip{--help-left: max(16px, env(safe-area-inset-left));--help-right: max(16px, env(safe-area-inset-right));position:fixed;z-index:6;--help-top: max(16px, env(safe-area-inset-top));--help-bottom: max(16px, env(safe-area-inset-bottom));top:calc(var(--help-top) + (var(--app-h, 100dvh) - var(--help-top) - var(--help-bottom)) / 2);--help-width: min(460px, calc(100% - var(--help-left) - var(--help-right)));left:max(calc((100% + env(safe-area-inset-left) - env(safe-area-inset-right))/2),calc(var(--help-left) + var(--help-width) / 2));translate:-50% -50%;box-sizing:border-box;width:var(--help-width);margin:0;padding:20px;border-radius:24px;background:#000c;color:#fff3d6;font:600 16px/1.25 "Baloo 2",system-ui,sans-serif;text-align:center;pointer-events:none;opacity:0;transform:translateY(4px);transition:opacity .16s ease-out,transform .16s ease-out}#photo-tip[hidden]{display:none}#photo-tip[data-visible=true]{opacity:1;transform:none}@starting-style{#photo-tip[data-visible=true]{opacity:0;transform:translateY(4px)}}#photo-tip strong{display:block;font-size:20px;line-height:1.3}#photo-tip p{margin:12px 0}#photo-tip .pf-help-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 20px;margin:14px 0;text-align:left}#photo-tip .pf-help-action{display:grid;grid-template-columns:72px minmax(0,1fr);min-height:28px;align-items:center;gap:8px}#photo-tip [data-photo-escape]{min-height:40px;display:flex;align-items:center}#photo-tip .pf-help-action:last-child:nth-child(odd){grid-column:1 / -1}#photo-tip kbd{display:inline-flex;align-items:center;justify-content:center;flex:none;box-sizing:border-box;min-width:28px;min-height:28px;padding:0 3px;border:1px solid #fff3d680;border-bottom-width:3px;border-radius:6px;background:#ffffff12;font:700 14px/1 "Baloo 2",system-ui,sans-serif}body.view-mode #howto.photo-help{opacity:1;visibility:visible;pointer-events:auto}body.view-mode:has(#viewmode.idle) #howto.photo-help:not(:hover,:focus-visible){opacity:.25;transition-duration:1s}#howto.photo-help{z-index:5;left:var(--help-x, 16px);right:auto;top:var(--help-y, 16px)!important;bottom:auto!important;transform:none;width:var(--help-size, 44px);height:var(--help-size, 44px);min-height:0;padding:0;gap:0;border:2px solid var(--button-border);border-radius:50%;background:var(--button-bg);color:var(--button-text);font-size:0}#howto.photo-help .q{box-sizing:border-box;width:100%;height:100%;padding-top:.12em;background:none;color:#fff3d6;font-size:calc(var(--help-size, 44px) * .56)}@media(pointer:fine)and (max-width:639px){#photo-tip{--help-left: max(88px, calc(env(safe-area-inset-left) + 72px) )}}@media(pointer:fine)and (max-width:479px){#photo-tip{padding:16px 12px}#photo-tip .pf-help-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 6px}#photo-tip .pf-help-action{display:flex;flex-direction:column;gap:4px;text-align:center}#photo-tip .pf-help-action kbd{min-width:36px}#photo-tip .pf-help-action:nth-child(n+7){grid-column:1 / -1;display:grid;grid-template-columns:72px minmax(0,1fr);gap:8px;text-align:left}}#photo-tip small{display:block;font-size:14px;line-height:1.3;color:#e8d8b8}#photo-tip[data-kind=notice]{--help-left: max(16px, env(safe-area-inset-left));left:calc((100% + env(safe-area-inset-left) - env(safe-area-inset-right))/2);top:calc(72px + env(safe-area-inset-top));translate:-50% 0;width:max-content;max-width:calc(100% - var(--help-left) - var(--help-right));padding:12px 18px;border-radius:18px}#photo-tip[data-kind=notice] strong{font-size:18px}@media(max-height:519px){#photo-figs{gap:8px}#photo-figs .pf{min-height:48px}#photo-figs .pf-por{width:44px;height:44px}#photo-tip{padding:10px 12px}#photo-tip .pf-help-grid{gap:4px 12px;margin:8px 0}}@media(pointer:coarse){#photo-tip{--help-width: min(360px, calc(100% - var(--help-left) - var(--help-right)))}}@media(min-width:520px)and (min-height:520px){#photo-tip[data-kind=notice]{top:calc(88px + env(safe-area-inset-top))}}@media(pointer:fine)and (max-width:639px),(pointer:fine)and (max-height:519px){#photo-tip{--help-top: calc(72px + env(safe-area-inset-top)) }}@media(prefers-reduced-motion:reduce){#photo-tip{transition:none}}@media(max-width:899px){#photo-figs .pf-nb{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}}@media(prefers-reduced-motion:reduce){#photo-figs{transition:none}}@media(prefers-reduced-motion:reduce){#curtain,#viewmode,:is(#hud,#settings,#free,#music,#howto),body.view-mode :is(#settings,#free,#music,#howto){transition: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;scrollbar-width:none;padding:18px 20px 8px;margin-bottom:-4px;scroll-padding-block:8px;text-align:center}.feedback-scroll p{max-width:34em;margin-inline:auto;text-wrap:balance}#feedback-menu .feedback-scroll::-webkit-scrollbar{display:none}#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,#publish-alias::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='%23f5c518' 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}#radio{z-index:5;transition:opacity .25s}#radio[hidden]{display:none}#radio svg{width:54%;height:54%}#radio .fm-dot{position:absolute;right:-2px;bottom:-2px;width:12px;height:12px;border:3px solid #2a1a10;border-radius:50%;background:#f5c518}#radio[data-kind=mulassa-valls] .fm-dot{background:#c8202f}#radio[data-kind=drac-valls] .fm-dot{background:#2f8a3c}#radio[data-kind=off] .fm-dot{display:none}body:has(#viewmode.idle) #radio:not(:hover,:focus-visible,[aria-expanded=true]){opacity:.25;transition-duration:1s}#radio-menu{--radio-left: max(16px, env(safe-area-inset-left));--radio-right: max(16px, env(safe-area-inset-right));--radio-width: min(320px, calc(100% - var(--radio-left) - var(--radio-right)));position:fixed;z-index:7;left:max(calc((100% + env(safe-area-inset-left) - env(safe-area-inset-right))/2),calc(var(--radio-left) + var(--radio-width) / 2));top:calc(72px + env(safe-area-inset-top));translate:-50% 0;box-sizing:border-box;width:var(--radio-width);padding:12px 10px 8px;border:2px solid #f5c518;border-radius:20px;background:#000c;color:#fff3d6;font:600 16px/1.3 "Baloo 2",system-ui,sans-serif}#radio-menu[hidden]{display:none}body:has(#radio-menu:not([hidden]),#radio-now:not([hidden])[data-visible=true]) #photo-tip{opacity:0}@media(min-width:520px)and (min-height:520px){#radio-menu{top:calc(88px + env(safe-area-inset-top))}}@media(pointer:coarse){#radio-menu{max-height:calc(100% - 84px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain}}@media(pointer:fine)and (max-width:639px){#radio-menu{--radio-left: max(88px, calc(env(safe-area-inset-left) + 72px) )}}@media(pointer:fine)and (max-width:359px){#radio-menu .fm-art{display:none}}@media(pointer:fine)and (min-width:900px){#radio-menu{--radio-menu-x: clamp(var(--radio-left), calc(var(--radio-anchor-right) + 12px - var(--radio-width)), calc(100% - var(--radio-right) - var(--radio-width)));left:var(--radio-menu-x);top:calc(var(--radio-anchor-bottom) + 14px);translate:none;border:0;background:none}#radio-menu:before{content:"";position:absolute;inset:-12px 0 0;z-index:-1;background:var(--radio-bubble) no-repeat;background-size:100% 100%;pointer-events:none}}#radio-menu h2{margin:0 6px 8px;font:800 18px/1.2 "Baloo 2",system-ui,sans-serif;text-align:center}.fm-row{display:flex;align-items:center;gap:12px;box-sizing:border-box;width:100%;min-height:56px;margin:0 0 6px;padding:6px 12px 6px 6px;border:2px solid #e8d8b880;border-radius:14px;background:#ffffff08;color:inherit;font:inherit;text-align:left;cursor:pointer}.fm-row[data-kind=off]{min-height:48px}.fm-row[aria-checked=true]{border-color:#fff3d6;background:#fff3d6;color:#2a1a10}@media(hover:hover){.fm-row:hover:not([aria-checked=true]){border-color:#f5c518}}.fm-art{display:grid;flex:none;place-items:center;width:40px;height:40px;border-radius:10px;background:#2a1a10}.fm-art svg{width:34px;height:34px;stroke:none}[data-kind=menu] .fm-art{background:linear-gradient(135deg,#c8202f,#f5c518)}:is([data-kind=menu],[data-kind=off]) .fm-art svg{width:24px;height:24px;fill:none;stroke:#fff3d6;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}[data-kind=menu] .fm-art svg{stroke:#2a1a10}.fm-t{flex:1;min-width:0}.fm-t b{display:block;font-weight:800;line-height:1.15}.fm-t small{display:block;color:#e8d8b8;font-size:13px}.fm-row[aria-checked=true] small{color:#2a1a10b3}.fm-st{display:grid;flex:none;place-items:center;min-width:18px;font-size:18px}.fm-bars{display:inline-flex;align-items:flex-end;gap:2px;width:16px;height:16px}.fm-bars i{width:4px;height:30%;border-radius:1px;background:currentColor;animation:fm-bar .4s ease-in-out infinite alternate}.fm-bars i:nth-child(2){animation-delay:-.2s}.fm-bars i:nth-child(3){animation-delay:-.1s}@keyframes fm-bar{to{height:100%}}@media(max-height:520px){#radio-menu{padding-block:8px}.fm-row{min-height:48px;margin-bottom:4px}.fm-art{width:34px;height:34px}}@media(pointer:coarse)and (max-height:500px){#radio-menu{padding:8px 10px 4px}#radio-menu h2{margin-bottom:4px;font-size:16px}.fm-row{min-height:46px;margin-bottom:4px;gap:10px}.fm-row[data-kind=off]{min-height:42px}.fm-art{width:36px;height:36px}}@media(pointer:coarse)and (max-height:380px){#radio-menu{--radio-width: min(500px, calc(100% - var(--radio-left) - var(--radio-right)));display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:8px;top:calc(62px + env(safe-area-inset-top));max-height:calc(100% - 74px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}#radio-menu h2{position:absolute;width:1px;height:1px;margin:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.fm-row,.fm-row[data-kind=off]{margin:0;gap:8px;padding-right:8px}.fm-t :is(b,small){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}#radio-now{position:fixed;z-index:6;display:flex;align-items:center;gap:10px;left:calc((100% + env(safe-area-inset-left) - env(safe-area-inset-right))/2);top:calc(72px + env(safe-area-inset-top));translate:-50% 0;box-sizing:border-box;width:max-content;max-width:calc(100vw - 32px - env(safe-area-inset-left) - env(safe-area-inset-right));padding:6px 16px 6px 8px;border-radius:999px;background:#000c;color:#fff3d6;font:600 15px/1.25 "Baloo 2",system-ui,sans-serif;pointer-events:none;opacity:0;transform:translateY(4px);transition:opacity .16s ease-out,transform .16s ease-out}#radio-now[data-visible=true]{opacity:1;transform:none}@starting-style{#radio-now[data-visible=true]{opacity:0;transform:translateY(4px)}}@media(min-width:520px)and (min-height:520px){#radio-now{top:calc(88px + env(safe-area-inset-top))}}#radio-now[hidden]{display:none}#radio-now .fm-art{width:32px;height:32px;border-radius:50%}#radio-now .fm-art svg{width:26px;height:26px}#radio-now b{display:block;font-weight:800}#radio-now small{display:block;color:#e8d8b8;font-size:13px}@media(prefers-reduced-motion:reduce){#radio,#radio-now{transition:none;animation:none}.fm-bars i{animation:none;height:60%}.fm-bars i:nth-child(2){height:100%}.fm-bars i:nth-child(3){height:40%}}#select{--dock-h: 264px;--action-h: 52px;--card-label-h: 64px;--info-top: 142px;--town-row-top: 84px;--u: 1px;position:fixed;z-index:3;inset:0;pointer-events:none;color:#fff3d6;font:700 16px/1.25 "Baloo 2",system-ui,sans-serif}#select[hidden],#select [hidden]{display:none}#select>*{pointer-events:auto}#select:before,#select:after{content:"";position:absolute;inset-inline:0;pointer-events:none}#select:before{--shade: linear-gradient(90deg, #140c07f0 6%, #140c07ee 10.7%, #140c07e7 15.3%, #140c07d7 20%, #140c07bd 24.7%, #140c079d 29.3%, #140c0778 34%, #140c0753 38.7%, #140c0732 43.3%, #140c0719 48%, #140c0709 52.7%, #140c0701 57.3%, #140c0700 62%);top:0;bottom:0;background:var(--shade),linear-gradient(#140c0799,#140c0798 3.4%,#140c0790,#140c0780,#140c0768,#140c074c,#140c0731,#140c0719,#140c0709,#140c0701,#140c0700 34%)}#select:after{top:0;bottom:0;background:linear-gradient(#140c0700 42%,#140c0701 46.7%,#140c0709 51.3%,#140c0719,#140c0733 60.7%,#140c0754 65.3%,#140c0779,#140c079e 74.7%,#140c07bf 79.3%,#140c07d9,#140c07ea 88.7%,#140c07f1 93.3%,#140c07f2 98%)}#settings,#music,#free,#viewmode{z-index:5}#viewmode{top:calc(16px + env(safe-area-inset-top));left:calc(16px + env(safe-area-inset-left));right:auto;bottom:auto;width:56px;height:56px;opacity:1}#viewmode svg{width:30px;height:30px;translate:-1px 0}@media(max-width:519px),(max-height:519px){#viewmode{top:calc(10px + env(safe-area-inset-top));left:calc(10px + env(safe-area-inset-left));width:44px;height:44px}#viewmode svg{width:24px;height:24px}}@media(max-height:500px){#viewmode{top:calc(12px + env(safe-area-inset-top));left:auto;right:calc(12px + env(safe-area-inset-right))}}.sel-towns{--edge-l: max(16px, env(safe-area-inset-left));--edge-r: max(16px, env(safe-area-inset-right));position:absolute;z-index:2;top:calc(var(--town-row-top) + env(safe-area-inset-top));inset-inline:0;box-sizing:border-box;padding-inline:var(--edge-l) var(--edge-r);scroll-padding-inline:var(--edge-l) var(--edge-r);display:flex;justify-content:flex-start;align-items:center;gap:7px;height:44px;overflow-x:auto;scrollbar-width:none;touch-action:pan-x}.sel-towns::-webkit-scrollbar,.sel-strip::-webkit-scrollbar{display:none}#select .sel-pill{min-width:44px;flex:none;display:inline-flex;align-items:center;gap:7px;width:auto;min-height:44px;padding:3px 13px;border:1.5px solid #e8d8b880;border-radius:999px;background:#140c07e6;color:#e8d8b8;font-size:15px;touch-action:pan-x}.sel-pill .escut{flex:none;width:22px;height:22px;margin:0;filter:drop-shadow(0 0 1px #fff3d699)}#select .sel-pill[aria-pressed=true] .escut{filter:none}.sel-pill i{width:12px;height:12px;border-radius:50%;background:var(--c);box-shadow:0 0 0 1.5px #fff3d6aa}#select .sel-pill[data-town=el-teu-poble][aria-pressed] i{border-radius:0;background:linear-gradient(currentColor 0 0) center / 100% 3px no-repeat,linear-gradient(currentColor 0 0) center / 3px 100% no-repeat;box-shadow:none}#select .sel-pill:active{transform:scale(.96)}#select .sel-pill[aria-pressed=true]{background:#fff3d6;color:#2a1a10;border-color:#fff3d6}#select .sel-pill[aria-pressed=true] i{box-shadow:0 0 0 1.5px #2a1a1080}.sel-pill:focus-visible,.sel-card:focus-visible{outline-offset:2px}#select .sel-card[aria-selected=true]:focus-visible{outline:none}#select{--sel-r: 16px;--sel-chip-r: 8px;--sel-chip-bg: #1a110bd9;--sel-surface: #1a110beb;--sel-line: #fff3d61c;--sel-muted: #d2c0a0}.sel-info{position:absolute;z-index:1;top:calc(var(--info-top) + env(safe-area-inset-top));left:calc(max(16px,env(safe-area-inset-left)) - 4px);width:min(400px,36%);max-height:calc(100% - var(--info-top) - var(--info-dock, var(--dock-h)) - 6px - env(safe-area-inset-top) - env(safe-area-inset-bottom));display:grid;gap:10px;justify-items:start;overflow-y:auto;scrollbar-width:none;overscroll-behavior:contain;padding:16px 4px 8px;margin-top:-14px;box-sizing:border-box}#select>.sel-info{pointer-events:none}.sel-info :is(.sel-name,.sel-entity,.sel-song,button,a,#select-error){pointer-events:auto}.sel-panel{--sel-line: #fff3d630;position:relative;box-sizing:border-box;width:100%;display:grid;gap:12px}.sel-identity{display:grid;grid-template-columns:minmax(0,max-content) auto;justify-content:start;justify-items:start;gap:10px 12px;min-width:0}.sel-identity .sel-entity{grid-column:1 / -1}.sel-name{align-self:center;margin:0;max-width:100%;font:800 30px/1.05 "Baloo 2",system-ui,sans-serif;overflow-wrap:break-word;text-shadow:0 3px 0 #0009;text-box:trim-both cap alphabetic}@supports not (text-box: trim-both cap alphabetic){.sel-name{margin-block:-.2em -.245em}}.sel-entity{display:inline-flex;align-items:center;gap:7px;box-sizing:border-box;max-width:100%;padding:4px 10px;border-radius:999px;background:#fff3d6;color:#2a1a10;font-size:12px;font-weight:700;line-height:1.25;vertical-align:middle}.sel-entity svg{flex:none;width:14px;height:22px;fill:#e73449;stroke:none}:is(.sel-pending,.sel-identity,.about-uaf) .sel-entity svg:not(.escut):not(.pessigolla) path{stroke:#63202c;stroke-width:160;paint-order:stroke fill}:is(.sel-pending,.sel-identity) .sel-entity svg.pessigolla path[fill]{stroke:#243044;stroke-width:12;paint-order:stroke fill}.sel-entity span{min-width:0}.sel-entity:has(.sel-entity-unit){flex-wrap:wrap;justify-content:center;row-gap:2px}.sel-entity-unit{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:0;max-width:100%}.sel-entity-plus{flex:none}.sel-entity-part{display:inline-flex;align-items:center;gap:5px;min-width:0;max-width:100%}#select .sel-entity svg.escut{width:16px;height:16px}.sel-song{display:flex;align-items:center;gap:10px;min-width:0;padding-top:12px;border-top:1px solid var(--sel-line);font-size:16px;line-height:1.2}.sel-song svg{flex:none;box-sizing:border-box;width:34px;height:34px;padding:8px;border-radius:50%;background:#f5c5181f;fill:#f5c518}.sel-song-copy{display:grid;gap:2px;min-width:0}.sel-song-plate{display:flex;align-items:center;gap:inherit;min-width:0}.sel-song-credit{font-size:12px;font-weight:600;color:var(--sel-muted)}.sel-song .sel-watch{display:inline-flex;flex:none;align-items:center;justify-content:center;gap:6px;width:auto;min-height:44px;margin-inline-start:auto;padding:0 16px 0 12px;font-size:15px;white-space:nowrap;border-radius:var(--sel-chip-r)}.sel-song .sel-watch>svg{width:16px;height:16px;margin:0;padding:0;border-radius:0;background:none;fill:currentColor}.sel-level-stats svg{fill:none;stroke:#f5c518;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.sel-level-stats .sel-song-copy{min-height:calc(1lh + 16.4px);align-content:center}.sel-level-stats .sel-song-copy>span{white-space:nowrap;overflow:hidden}.sel-level-stats .stars{display:inline-flex;gap:1px;margin-right:4px;vertical-align:-1px}.sel-level-stats .stars svg{width:.95em;height:.95em;padding:0;border-radius:0;background:none;stroke:none;fill:#fff3d633}.sel-level-stats .stars .on{fill:#f5c518}.sel-tiles{display:flex;align-items:center;gap:8px;min-width:0;padding-top:12px;border-top:1px solid var(--sel-line);font-size:18px;line-height:26px}#select .sel-tiles[hidden]{display:flex!important;visibility:hidden}.sel-tiles{min-height:calc(1lh + 8px)}#select-rank-tile{order:1}#select-pos{transition:color .25s}#select-rank-tile[data-loading] #select-pos{display:inline-block;width:24ch;max-width:100%;border-radius:6px;color:transparent;transition:none;background:linear-gradient(#fff3d61f,#fff3d61f) center / 100% .7em no-repeat;animation:profile-pulse 1.2s ease-in-out infinite}@media(prefers-reduced-motion:reduce){#select-rank-tile[data-loading] #select-pos{animation:none}}.sel-tile{display:flex;flex:none;align-items:center;gap:6px;box-sizing:border-box;padding:4px 10px;border-radius:var(--sel-chip-r);background:var(--sel-chip-bg);white-space:nowrap}.sel-tile svg{flex:none;width:1.1em;height:1.1em;margin:0;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}#select .sel-rank{position:relative;min-height:0;margin:0;border:0;color:inherit;font:inherit}#select .sel-rank:after{content:"";position:absolute;inset:calc((100% - 44px)/2) 0}#select .sel-rank .chev{width:.9em;height:.9em;margin-left:-2px;stroke:var(--sel-muted)}#select .sel-rank{min-width:0;white-space:normal;text-align:left}#select .sel-rank:active{transform:translateY(1px);filter:brightness(1.2)}#select-howto{grid-column:2;grid-row:1;align-self:center;margin-block:-16px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:none;cursor:pointer}#select-howto span{display:grid;place-items:center;width:34px;height:34px;border:2px solid var(--button-border, #f5c518);border-radius:50%;background:var(--button-bg);color:var(--button-text);font:800 21px/1 "Baloo 2",system-ui,sans-serif;padding-top:3px;box-sizing:border-box;box-shadow:0 2px 6px #0006}#select-howto:active span{translate:0 1px}#select-howto[hidden]{display:none}#select-error{margin:0;padding:4px 8px;border-left:3px solid #ff8a7a;background:#1b110be6;font-size:14px}#select{--ga: 8px;--drop-h: calc(var(--action-h) + var(--ga));--drop: 0px;--sel-ease: cubic-bezier(.35, 0, .15, 1)}#select[data-pending]{--drop: var(--drop-h)}@media(pointer:fine){#select[data-pending]{--drop: 0px}}#select #select-next{transition:transform .12s,filter .12s,box-shadow .12s,opacity .3s var(--sel-ease) .1s,translate .3s var(--sel-ease) .1s,visibility 0s}#select #select-next:disabled{opacity:0;pointer-events:none;translate:0 8px;transition:opacity .2s var(--sel-ease),translate .2s var(--sel-ease),visibility 0s .2s}.sel-bottom{--bl: max(16px, env(safe-area-inset-left));--br: max(16px, env(safe-area-inset-right));position:absolute;z-index:1;bottom:env(safe-area-inset-bottom);left:50%;translate:-50% 0;transform:translateY(var(--drop));transition:transform .32s var(--sel-ease);width:100%;height:var(--dock-h);box-sizing:border-box;display:grid;grid-template-rows:minmax(0,1fr) var(--action-h);gap:var(--ga);padding:8px var(--br) calc(var(--ga) + 6px) var(--bl)}.sel-carousel{grid-row:1;grid-column:1;position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch;min-height:0;margin-inline:calc(-1 * var(--bl)) calc(-1 * var(--br))}.sel-carousel .sel-arrow{position:absolute;z-index:2;bottom:calc(100% + 4px);width:60px;min-width:60px;height:44px;min-height:44px;padding:0;display:grid;place-items:center;border:0;background:transparent;color:var(--button-text);box-shadow:none}#select-prev{left:calc(var(--nav-x, 50%) - 60px);border-radius:999px 0 0 999px}#select-forward{left:var(--nav-x, 50%);border-radius:0 999px 999px 0}.sel-nav{position:absolute;z-index:1;bottom:calc(100% + 4px);left:var(--nav-x, 50%);translate:-50% 0;box-sizing:border-box;width:120px;height:44px;border:2px solid var(--button-border);border-radius:999px;background:var(--button-bg);box-shadow:0 4px 12px #0006;pointer-events:none}.sel-nav:after{content:"";position:absolute;left:50%;top:10px;bottom:10px;width:1px;background:#f5c51860}#select :is(.sel-arrow,.sel-nav){opacity:1;transition:opacity .26s var(--sel-ease),visibility 0s}#select .sel-arrow:disabled{opacity:.35;visibility:visible;pointer-events:none;cursor:default}#select .sel-carousel[data-fits] :is(.sel-arrow,.sel-nav){opacity:0;visibility:hidden;pointer-events:none;transition-delay:0s,.26s}@media(prefers-reduced-motion:reduce){#select :is(.sel-arrow,.sel-nav),#select .sel-arrow:disabled,#select .sel-carousel[data-fits] :is(.sel-arrow,.sel-nav){transition:none}}#select:not([data-shown]) :is(.sel-arrow,.sel-nav){opacity:0;visibility:hidden;pointer-events:none;transition:none}.sel-carousel .sel-arrow svg{position:static;width:26px;height:26px;margin:0;transform:none;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}@media(pointer:coarse){.sel-carousel{margin-inline:calc(-1 * var(--bl)) calc(-1 * var(--br))}.sel-carousel .sel-arrow,.sel-carousel .sel-nav{display:none}.sel-carousel .sel-strip{padding-inline:max(var(--bl),var(--strip-inset, 0px)) max(var(--br),var(--strip-inset, 0px));scroll-padding-inline:var(--bl) var(--br)}}#select button:disabled{visibility:hidden;pointer-events:none}@media(pointer:fine){#select #select-next:disabled{visibility:visible;opacity:1;translate:none;background:transparent;border-color:#746957;color:#c7bca7;box-shadow:none;animation:none;scale:none;rotate:none;filter:none;cursor:default}#select #select-next:disabled:after{display:none;animation:none}}.sel-strip{position:relative;display:flex;align-items:stretch;justify-content:flex-start;gap:8px;min-height:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;touch-action:pan-x;padding:10px max(6px,var(--strip-r, 0px)) 6px max(6px,var(--strip-l, 0px));margin-inline:0;box-sizing:border-box;overflow-anchor:none}@property --strip-x{syntax: "<length>"; inherits: false; initial-value: 0px;}@property --strip-l{syntax: "<length>"; inherits: false; initial-value: 0px;}@property --strip-r{syntax: "<length>"; inherits: false; initial-value: 0px;}@property --strip-inset{syntax: "<length>"; inherits: false; initial-value: 0px;}@property --strip-clip{syntax: "<length>"; inherits: false; initial-value: 0px;}.sel-card{--t: #453322;--floor: 15px;position:relative;flex:0 0 152px;width:152px;display:grid;grid-template-columns:minmax(0,1fr);justify-content:stretch;grid-template-rows:minmax(0,1fr) var(--card-label-h);align-items:stretch;justify-items:stretch;gap:0;min-height:0;padding:0;border:0;border-radius:var(--sel-r);background:linear-gradient(var(--t),color-mix(in srgb,var(--t) 45%,#22160e) 42%,#1d130c 72%,#1a110b);box-shadow:0 6px 16px #0006;text-align:center;transition:transform .15s}:is(.sel-banner,.sel-card,#photo-figs .pf)[data-town=valls]{--town: #c8202f}:is(.sel-banner,.sel-card,#photo-figs .pf)[data-town=tarragona]{--town: #8a3d9a}:is(.sel-banner,.sel-card,#photo-figs .pf)[data-town=reus]{--town: #8b5e3c}:is(.sel-banner,.sel-card,#photo-figs .pf)[data-town=solsona]{--town: #0b8fa8}:is(.sel-banner,.sel-card,#photo-figs .pf)[data-town=vilanova]{--town: #10ade3}:is(.sel-banner,.sel-card,#photo-figs .pf)[data-town=barcelona]{--town: #b659a2}:is(.sel-banner,.sel-card,#photo-figs .pf)[data-town=berga]{--town: #16306b}:is(.sel-banner,.sel-card,#photo-figs .pf)[data-town=olot]{--town: #8e2a5c}:is(.sel-banner,.sel-card,#photo-figs .pf)[data-town=vilafranca]{--town: #00b09a}:is(.sel-banner,.sel-card,#photo-figs .pf)[data-town=lleida]{--town: #6d1a2d}:is(.sel-banner,.sel-card,#photo-figs .pf)[data-town=terrassa]{--town: #8d68c0}:is(.sel-banner,.sel-card,#photo-figs .pf)[data-town=manresa]{--town: #2a63b5}:is(.sel-banner,.sel-card,#photo-figs .pf)[data-town=montblanc]{--town: #5f9205}:is(.sel-banner,.sel-card,#photo-figs .pf)[data-town=girona]{--town: #3f86b5}:is(.sel-banner,.sel-card,#photo-figs .pf)[data-town=molins]{--town: #c55f12}:is(.sel-banner,.sel-card,#photo-figs .pf)[data-town=sant-sadurni]{--town: #c49a25}:is(.sel-banner,.sel-card,#photo-figs .pf)[data-town=mataro]{--town: #227702}:is(.sel-banner,.sel-card,#photo-figs .pf)[data-town=tortosa]{--town: #0e985b}:is(.sel-banner,.sel-card,#photo-figs .pf)[data-town=sineu]{--town: #696708}:is(.sel-banner,.sel-card,#photo-figs .pf)[data-town=vinaros]{--town: #5c52b4}:is(.sel-banner,.sel-card,#photo-figs .pf)[data-town=castello]{--town: #397f69}:is(.sel-banner,.sel-card,#photo-figs .pf)[data-town=bao]{--town: #00717a}:is(.sel-banner,.sel-card,#photo-figs .pf)[data-town=fraga]{--town: #76628f}:is(.sel-banner,.sel-card,#photo-figs .pf)[data-town=campos]{--town: #a52784}:is(.sel-banner,.sel-card,#photo-figs .pf)[data-town=bisbal-emporda]{--town: #bd5354}:is(.sel-banner,.sel-card,#photo-figs .pf)[data-town=cardedeu]{--town: #759cdd}:is(.sel-banner,.sel-card,#photo-figs .pf)[data-town=artesa-lleida]{--town: #b37f00}:is(.sel-banner,.sel-card,#photo-figs .pf)[data-town=valencia]{--town: #1d4f9c}:is(.sel-banner,.sel-card,#photo-figs .pf)[data-town=andratx]{--town: #4a6f95}:is(.sel-banner,.sel-card,#photo-figs .pf)[data-town=prada]{--town: #893c20}:is(.sel-banner,.sel-card,#photo-figs .pf)[data-town=denia]{--town: #2548c5}:is(.sel-banner,.sel-card,#photo-figs .pf)[data-town=sant-joan]{--town: #2b78d2}:is(.sel-banner,.sel-card,#photo-figs .pf)[data-town=sant-julia]{--town: #e8731c}:is(.sel-card,#photo-figs .pf)[data-town]:not([data-town=el-teu-poble]){--t: color-mix(in srgb, var(--town) 45%, #22160e)}@supports (color: oklch(from red l c h)){:is(.sel-card,#photo-figs .pf)[data-town]:not([data-town=el-teu-poble]){--t: oklch(from var(--town) .42 min(c, .1) h)}}.sel-card{overflow:clip}.sel-card:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #fff3d624;pointer-events:none}.sel-card.aviat:after{box-shadow:none;border:1.5px dashed #e8d8b88c}.sel-card.aviat:not([data-id=la-teva-colla]) .por img{filter:saturate(.75) brightness(.92)}.sel-card .por{--sky: .93;--reach: 1;position:relative;box-sizing:border-box;width:100%;height:100%;min-height:0;display:grid;place-items:end center;padding:5px 4px var(--floor);overflow:hidden;container-type:size;background:radial-gradient(ellipse 34% 5% at 50% calc(100% - var(--floor)),#0009,transparent),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 60' preserveAspectRatio='none'%3E%3ClinearGradient id='g' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%235a3d26' stop-opacity='.55'/%3E%3Cstop offset='.6' stop-color='%235a3d26' stop-opacity='0'/%3E%3C/linearGradient%3E%3Crect width='200' height='60' fill='%23d8c29a'/%3E%3Crect width='200' height='60' fill='url(%23g)'/%3E%3Cpath d='M-68 0L-300 60M-51.2 0L-260 60M-34.4 0L-220 60M-17.6 0L-180 60M-0.8 0L-140 60M16 0L-100 60M32.8 0L-60 60M49.6 0L-20 60M66.4 0L20 60M83.2 0L60 60M100 0L100 60M116.8 0L140 60M133.6 0L180 60M150.4 0L220 60M167.2 0L260 60M184 0L300 60M200.8 0L340 60M217.6 0L380 60M234.4 0L420 60M251.2 0L460 60M268 0L500 60M0 5H200M0 12H200M0 21H200M0 33H200M0 48H200' stroke='%238a6d48' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") 0 100% / 100% 36% no-repeat,linear-gradient(#0000 0 calc(64% - 3px),#120b07 calc(64% - 3px) 64%,#0000 64%),radial-gradient(ellipse 70% 60% at 50% 70%,color-mix(in srgb,var(--town, var(--t)) 50%,#6b4a32),var(--t) 70%,#1a110b)}.sel-card .por img{width:78%;height:78%;min-height:0;object-fit:contain}@supports (width: round(down,5.5px,1px)){.sel-card .por img{--ref: min(var(--reach) * 100cqh / 14, var(--sky) * 100cqw / 18);--cell: max(2px, min(var(--s, 1) * 14 * var(--ref) / (var(--gh) - 2), var(--sky) * 100cqh / (var(--gh) - 2), var(--sky) * 100cqw / (var(--gw) - 2)));width:calc(var(--gw) * var(--cell));height:calc(var(--gh) * var(--cell));margin:calc(-1 * var(--cell))}}.sel-card .por :is(.sel-mulassa-illustration,.sel-drac-illustration,.sel-bou-illustration,.sel-invite-illustration){--mula-cell: 5px;--portrait-scale: 1;--portrait-height: calc(11.02 * var(--mula-cell) * var(--portrait-scale));height:calc(var(--portrait-height) * 112 / 100);width:calc(var(--portrait-height) * 160 / 100);margin-bottom:calc(var(--portrait-height) * -8 / 100);image-rendering:auto}.sel-card .por .sel-drac-illustration{--portrait-scale: calc(1.9 / 2.95)}.sel-card .por .sel-bou-illustration{--portrait-scale: calc(2 / 2.95)}.sel-card .por .sel-invite-illustration{--portrait-scale: calc(1.75 / 2.95 * 100 / 79.076)}@supports (width: round(down,5.5px,1px)){.sel-card .por :is(.sel-mulassa-illustration,.sel-drac-illustration,.sel-bou-illustration,.sel-invite-illustration){--mula-cell: max(2px, min(.8 * 14 * min(var(--reach) * 100cqh / 14, var(--sky) * 100cqw / 18) / 11.02, 100cqh / 12, 100cqw / 14))}}.sel-card .nb{background:linear-gradient(#120b07,#1d130c 30%);box-shadow:inset 0 1px #fff3d61a;box-sizing:border-box;width:100%;height:100%;min-height:0;display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:1px;padding:4px 6px 5px;overflow:hidden;color:#fff3d6}.sel-card-name{flex:none;display:block;white-space:normal;font-size:15px;line-height:19px;overflow-wrap:anywhere;text-wrap:balance}.sel-card .nb small{flex:none;display:block;white-space:normal;overflow-wrap:anywhere;font-size:12px;font-weight:600;line-height:1.15;color:var(--sel-muted)}.sel-card .nb .sel-entity-icons{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:2px 4px;min-height:16px}.sel-entity-icons>span{display:inline-flex;align-items:center;gap:3px;white-space:nowrap}.sel-entity-icons svg{flex:none;width:9px;height:14px;fill:#e73449;stroke:none}.sel-entity-icons svg.escut{width:14px;height:14px}#select :is(.sel-entity,.sel-entity-icons) svg.pessigolla{width:auto;height:1em;aspect-ratio:845 / 628;fill:initial}#select :is(.sel-entity-icons,.sel-identity) svg.pessigolla{--jester: currentColor}#select :is(.sel-pending,.sel-identity) .sel-entity svg.pessigolla{--jester: #1b171c}.sel-card[aria-selected=true]{box-shadow:0 10px 22px #000a}.sel-card[aria-selected=true]:after{border:0;box-shadow:inset 0 0 0 3px #fff3d6}.sel-card[aria-selected=true] .sel-card-name{color:#fff3d6}@media(hover:hover){.sel-card:not([aria-selected=true]):hover{transform:translateY(-2px)}}.sel-banner{position:relative;flex:0 0 34px;margin-top:-8px;background:linear-gradient(var(--town),var(--town)) 2px 4px / calc(100% - 4px) calc(100% - 15px) no-repeat}.sel-banner[data-town=valls]{background:linear-gradient(90deg,#fff 0 calc(100% / 6),#c8202f 0 calc(500% / 6),#fff 0) 2px 4px / calc(100% - 4px) calc(100% - 15px) no-repeat}.sel-banner[data-town=el-teu-poble]{background:repeating-linear-gradient(90deg,#fcdd09 0 calc(100% / 9),#da121a 0 calc(200% / 9)) 2px 4px / calc(100% - 4px) calc(100% - 15px) no-repeat}.sel-banner:before{content:"";position:absolute;z-index:2;top:1px;left:-5px;right:-5px;height:6px;border-radius:3px;background:linear-gradient(#ffe68a,#f5c518 45%,#a87a08);box-shadow:0 2px 3px #0007}.sel-banner:after{content:"";position:absolute;left:2px;right:2px;bottom:1px;height:11px;background:linear-gradient(#f5c518 0 2px,#0000 2px),linear-gradient(90deg,#0000 20%,#e0b012 0 80%,#0000 0) 0 0 / 3.4px 100% round;-webkit-mask:linear-gradient(#000 60%,#0008);mask:linear-gradient(#000 60%,#0008)}.sel-banner span{position:absolute;z-index:1;top:calc(50% - 3.5px);left:50%;translate:-50% -50%;rotate:-90deg;text-box:trim-both cap alphabetic;text-align:center;font:800 16px/1 "Baloo 2",system-ui,sans-serif;color:#fff;letter-spacing:.05em;text-shadow:0 0 1px #1a0f08,1.2px 0 0 #1a0f08,-1.2px 0 0 #1a0f08,0 1.2px 0 #1a0f08,0 -1.2px 0 #1a0f08,.9px .9px 0 #1a0f08,-.9px -.9px 0 #1a0f08,.9px -.9px 0 #1a0f08,-.9px .9px 0 #1a0f08,0 0 4px #1a0f0899}.sel-footer{grid-row:2;grid-column:1;justify-self:center;width:min(640px,100%);display:flex;align-items:stretch;justify-content:center;gap:10px}.sel-footer .btn{width:auto;min-width:min(200px,100%);padding-inline:28px;font-size:20px;letter-spacing:.02em}:is(#select-next,#select-play,#select-figures-back){display:flex;align-items:center;justify-content:center;gap:10px}#select-next{flex:0 1 340px}#select-next>span{display:block;line-height:24px}#select-play{padding-inline:12px}#select-play>span{white-space:nowrap}html:not([lang=ca]) #select-play{padding-block:0;gap:6px}html:not([lang=ca]) #select-play>span{white-space:normal;line-height:20px;text-wrap:balance}@media(max-width:374px){html:not([lang=ca]) #select-play{padding-inline:8px}html:not([lang=ca]) #select-play>svg{display:none}}html:not([lang=ca]) .sel-footer :is(#select-next,#select-play,#select-figures-back),html:not([lang=ca]) #select-figures-back>span{min-width:auto}:is(#select-next,#select-play,#select-figures-back)>svg{display:block;flex:0 0 22px;width:22px;height:22px;margin:0}.sel-footer #select-figures-back{min-width:0;padding:6px 12px;margin-right:auto;font-size:17px}#select-figures-back>svg{box-sizing:border-box;padding:2px}#select-figures-back>span{min-width:0}.sel-act{grid-row:1;grid-column:1;justify-self:center;align-self:center;box-sizing:border-box;width:min(640px,100%);max-height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:0;padding:16px;border:1px solid var(--sel-line);border-radius:var(--sel-r);background:var(--sel-surface);box-shadow:0 8px 24px #0005}#select[data-step=level] .sel-footer .btn{flex:1;min-width:0;margin:0}.sel-act h2{margin:0;font-size:22px}.sel-seg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;width:min(600px,100%)}.sel-seg .btn{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0;padding:10px;min-height:64px;border-color:#e8d8b880;font-size:18px}.sel-seg .btn[aria-pressed=true]{color:#2a1a10;border-color:#fff3d6;background:#fff3d6}.sel-seg .btn[aria-pressed=true] .sub{color:#2a1a10b3}.sel-seg .sub{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:2px;font-size:13px;line-height:16px;color:var(--sel-muted);white-space:nowrap}.sel-seg .sub svg{flex:none;width:1em;height:1em;margin:0;stroke-width:2.2}@property --sel-halo{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.sel-seg .btn{isolation:isolate;background:radial-gradient(120% 70% at 50% 120%,var(--lv-bg),#0000 72%),var(--button-bg)}.sel-seg .btn[aria-pressed=true]{background:radial-gradient(120% 70% at 50% 120%,var(--lv-on),#0000 72%) 50% 0 / 100% 100%,#fff3d6;box-shadow:inset 0 0 14px 2px #f5c51840;animation:sel-pop .28s cubic-bezier(.3,1.6,.5,1),sel-glow var(--lv-t) ease-in-out infinite}.sel-seg .btn[data-level="0"]{--lv-bg: #d9a52140;--lv-on: #f5c51838;--lv-t: 2.6s}.sel-seg .btn[data-level="1"]{--lv-bg: #d9732a66;--lv-on: #f59a1848;--lv-t: 1.8s}.sel-seg .btn[data-level="2"]{--lv-bg: #c8283a90;--lv-on: #e8473f4a;--lv-t: 1.4s}.sel-seg .btn:before{content:"";position:absolute;z-index:-1;inset:-2px;padding:7px;border-radius:var(--button-radius);opacity:0;transition:opacity .2s;pointer-events:none;background:conic-gradient(from var(--sel-halo),#f5c518,#ffb020,#ffe066 30%,#f5c518,#ff9f2e 60%,#ffe066 80%,#f5c518);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);filter:blur(1px)}.sel-seg .btn[data-level="0"]:before{background:conic-gradient(from var(--sel-halo),#4cc35a,#a3e635,#2f9e44 30%,#c5f25a,#4cc35a 60%,#8bd450 80%,#4cc35a)}.sel-seg .btn[data-level="0"][aria-pressed=true]{box-shadow:inset 0 0 14px 2px #4cc35a40}.sel-seg .btn[data-level="2"]:before{background:conic-gradient(from var(--sel-halo),#e8473f,#b061ff 25%,#ff5d8f,#8a5cff 60%,#e8473f,#d27bff 85%,#e8473f)}.sel-seg .btn[aria-pressed=true]:before{opacity:.9;animation:sel-turn 3.2s linear infinite}.sel-seg .btn[aria-pressed=true]:hover{filter:none}.sel-seg .btn[data-level="1"][aria-pressed=true]{animation:sel-quake-soft .36s cubic-bezier(.36,.07,.19,.97),sel-shiver-soft .6s linear .36s infinite,sel-glow var(--lv-t) ease-in-out infinite}.sel-seg .btn[data-level="2"][aria-pressed=true]{box-shadow:inset 0 0 14px 2px #e8473f40,inset 0 0 5px 1px #a45cff55;animation:sel-quake .42s cubic-bezier(.36,.07,.19,.97),sel-shiver .5s linear .42s infinite,sel-glow var(--lv-t) ease-in-out infinite}.sel-seg .btn[data-level="2"][aria-pressed=true]:before{animation-duration:1.6s}.sel-seg .btn[data-level="2"]:focus-visible{animation:sel-quake .42s cubic-bezier(.36,.07,.19,.97)}.sel-seg .btn[data-level="2"][aria-pressed=true]:focus-visible{animation:sel-quake .42s cubic-bezier(.36,.07,.19,.97),sel-shiver .5s linear .42s infinite,sel-glow var(--lv-t) ease-in-out infinite}.sel-seg[data-quiet] .btn[aria-pressed=true]{animation:sel-glow var(--lv-t) ease-in-out infinite}.sel-seg[data-quiet] .btn[data-level="1"][aria-pressed=true]{animation:sel-shiver-soft-idle .6s linear infinite,sel-glow var(--lv-t) ease-in-out infinite}.sel-seg[data-quiet] .btn[data-level="2"][aria-pressed=true]{animation:sel-shiver-idle .5s linear infinite,sel-glow var(--lv-t) ease-in-out infinite}@keyframes sel-turn{to{--sel-halo: 360deg}}@keyframes sel-glow{50%{background-size:100% 125%,auto}}@keyframes sel-shiver{0%,to{translate:0 0;rotate:0deg}20%{translate:-.6px .3px;rotate:-.35deg}40%{translate:.6px -.3px;rotate:.35deg}60%{translate:-.4px -.2px;rotate:-.25deg}80%{translate:.4px .2px;rotate:.25deg}}@keyframes sel-shiver-idle{0%,to{translate:0 0;rotate:0deg}20%{translate:-.6px .3px;rotate:-.35deg}40%{translate:.6px -.3px;rotate:.35deg}60%{translate:-.4px -.2px;rotate:-.25deg}80%{translate:.4px .2px;rotate:.25deg}}@keyframes sel-shiver-soft{0%,to{translate:0 0;rotate:0deg}25%{translate:-.4px .2px;rotate:-.22deg}50%{translate:.4px -.2px;rotate:.22deg}75%{translate:-.25px -.12px;rotate:-.15deg}}@keyframes sel-shiver-soft-idle{0%,to{translate:0 0;rotate:0deg}25%{translate:-.4px .2px;rotate:-.22deg}50%{translate:.4px -.2px;rotate:.22deg}75%{translate:-.25px -.12px;rotate:-.15deg}}@keyframes sel-quake-soft{15%,85%{translate:-1px 0;rotate:-.4deg}35%,65%{translate:1.5px -.5px;rotate:.7deg}50%{translate:-1.5px .5px;rotate:-.7deg}}@keyframes sel-pop{40%{scale:1.02}}@keyframes sel-quake{10%,90%{translate:-1px 0;rotate:-.5deg}20%,80%{translate:2px -1px;rotate:1deg}30%,50%,70%{translate:-3px 1px;rotate:-1.4deg}40%,60%{translate:3px -1px;rotate:1.4deg}}@media(prefers-reduced-motion:reduce){.sel-seg .btn,.sel-seg .btn:before{animation:none!important}}body.view-mode #select{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,visibility 0s .2s,display .2s allow-discrete}#select{transition:opacity .2s,visibility 0s,display .2s allow-discrete}body.reel-idle :is(#select,#settings,#free,#music,#howto){opacity:0;pointer-events:none;transition:opacity .4s cubic-bezier(.4,0,.2,1)}body.reel-wake :is(#select,#settings,#free,#music,#howto){transition:opacity .25s cubic-bezier(0,0,.2,1)}body.reel-idle #select>*{pointer-events:none}@media(prefers-reduced-motion:reduce){:is(body.reel-idle,body.reel-wake) :is(#select,#settings,#free,#music,#howto){transition:none}}#select[hidden]{opacity:0}@starting-style{#select{opacity:0}}@media(max-width:899px)and (min-height:501px){#select{--dock-h: 252px;--card-label-h: 64px}#select:before{--shade: linear-gradient(#140c07f0 2%, #140c07ee 6.67%, #140c07e7 11.3%, #140c07d7 16%, #140c07bd 20.7%, #140c079d 25.3%, #140c0778 30%, #140c0753 34.7%, #140c0732 39.3%, #140c0719 44%, #140c0709 48.7%, #140c0701 53.3%, #140c0700 58%)}.sel-info{width:min(460px,calc(100% - 24px))}.sel-name{font-size:26px}.sel-card{flex-basis:144px}.sel-card .por{--reach: 1.15}.sel-card-name{font-size:15px;line-height:19px}}@media(max-width:519px)and (min-height:501px){#select{--info-top: 130px;--town-row-top: 70px;--dock-h: 240px;--action-h: 48px;--ga: 6px}.sel-towns{--edge-l: max(12px, env(safe-area-inset-left));--edge-r: max(12px, env(safe-area-inset-right))}.sel-info{left:calc(max(12px,env(safe-area-inset-left)) - 4px);width:calc(100% - 16px)}.sel-bottom{--bl: 12px;--br: 12px;padding:6px 12px calc(var(--ga) + 6px)}.sel-panel{gap:10px}.sel-song{padding-top:10px}.sel-song svg{width:30px;height:30px;padding:7px}.sel-card{flex-basis:144px}.sel-card-name{font-size:14px;line-height:18px}.sel-card .nb small{font-size:11px}.sel-footer .btn,#select-next{flex:1;min-width:0;font-size:18px}.sel-footer #select-figures-back{font-size:14px}}@media(max-height:500px){#select{--info-top: 130px;--town-row-top: 72px;--dock-h: 262px;--action-h: 44px;--card-label-h: 64px;--ga: 6px}.sel-towns{--edge-l: max(12px, env(safe-area-inset-left));--edge-r: max(12px, env(safe-area-inset-right))}.sel-info{left:calc(max(12px,env(safe-area-inset-left)) - 4px);width:40%;max-height:calc(100% - 128px);gap:6px}.sel-panel{gap:10px}.sel-name{font-size:22px}.sel-song{padding-top:10px;font-size:15px}.sel-song svg{width:28px;height:28px;padding:6px}.sel-tiles{padding-top:10px}.sel-tiles{font-size:15px;line-height:22px}.sel-bottom{--bl: 12px;--br: max(12px, env(safe-area-inset-right));left:auto;right:0;translate:none;width:57%;padding:6px var(--br) calc(var(--ga) + 6px) 12px}.sel-card{flex-basis:144px}.sel-card-name{font-size:14px;line-height:18px}.sel-footer .btn{width:auto;min-width:0;flex:1;padding-inline:20px;font-size:17px}.sel-footer #select-figures-back{font-size:14px}.sel-act{gap:10px;padding:12px}.sel-act h2{font-size:20px}.sel-seg .btn{padding:4px;font-size:14px;min-height:44px}.sel-seg .sub{margin-top:0;font-size:11px;line-height:13px}}#select .btn-primary{overflow:hidden;isolation:isolate;box-shadow:0 4px 14px #0007;transition:transform .12s,filter .12s,box-shadow .12s;animation:sel-invite 3.6s ease-in-out infinite}#select .btn-primary:after{content:"";position:absolute;z-index:-1;inset:0 auto 0 -60%;width:40%;background:linear-gradient(90deg,#fff0,#fffa,#fff0);transform:skew(-20deg);animation:sel-glint 5s ease-in-out infinite;pointer-events:none}@keyframes sel-invite{0%,to{scale:1;rotate:-.25deg}50%{scale:1.018;rotate:.25deg}}@keyframes sel-glint{0%,84%{translate:0}to{translate:420%}}@media(hover:hover){#select .btn-primary:hover{transform:translateY(-1px);filter:brightness(1.06);box-shadow:0 6px 18px #0008}}#select .btn-primary:active{transform:translateY(1px) scale(.98);filter:brightness(.94);box-shadow:0 2px 8px #0006}@media(prefers-reduced-motion:reduce){#select,.sel-card,#select .btn-primary,#select .sel-bottom,#select #select-next,#select #select-next:disabled{transition:none}#select .btn-primary{animation:none;scale:none;rotate:none}#select .btn-primary:after{display:none;animation:none}#select .btn-primary:is(:hover,:active){transform:none}}@media(max-width:519px){.sel-carousel{gap:4px}}@media(min-width:900px)and (min-height:600px){#select{--dock-h: 324px;--action-h: 58px;--card-label-h: 72px;--ga: 12px}#select-next{flex-basis:400px;font-size:22px}.sel-towns{--edge-l: max(40px, env(safe-area-inset-left))}.sel-info{top:calc(var(--info-top) + 16px + env(safe-area-inset-top));left:calc(max(40px,env(safe-area-inset-left)) - 4px);width:min(640px,max(40%,var(--info-floor, 0px)),var(--info-w, 640px))}@media(min-width:1500px){.sel-info{width:min(560px,40%,var(--info-w, 560px))}}.sel-identity{column-gap:16px}.sel-panel{gap:18px}.sel-identity .sel-entity{translate:0 5px}.sel-panel[data-tight] .sel-entity{translate:0 2px}.sel-info{container-type:inline-size}.sel-name{font-size:clamp(30px,min(4.2vw,6.4vh,10cqi),72px)}@media(max-height:640px){.sel-name{font-size:clamp(26px,min(4.2vw,6.4vh,9.4cqi),72px)}}.sel-entity svg{width:16px;height:25px}.sel-song{font-size:clamp(16px,5.6cqi,22px);padding-top:18px}.sel-tiles{padding-top:18px}.sel-panel[data-tight]{gap:12px}.sel-panel[data-tight]>:is(.sel-song,.sel-tiles){padding-top:12px}.sel-panel[data-snug] #select-song-credit,.sel-panel[data-snug=song]>#select-song{display:none}.sel-panel[data-snug]>#select-song svg{width:32px;height:32px;padding:5px}.sel-song svg{width:44px;height:44px;padding:11px}.sel-song-credit{font-size:15px}@container (max-width: 470px){.sel-song .sel-watch{width:44px;padding:0}.sel-song .sel-watch>span{display:none}.sel-song,.sel-song .sel-song-plate{gap:6px}.sel-song .sel-song-plate>svg{width:30px;height:30px;padding:6px}.sel-song-credit{font-size:14px}}.sel-level-stats .sel-song-copy{min-height:calc(1lh + 20px)}.sel-tiles{font-size:20px;line-height:28px}.sel-card{flex-basis:176px;--floor: 18px}.sel-card-name{font-size:17px;line-height:21px}.sel-card .nb small{font-size:13px}.sel-banner{flex-basis:38px}}.sel-standings{width:100%;border-radius:var(--sel-chip-r);background:#2b1f16d9;overflow:hidden;container-type:inline-size}#select .sel-standings:not(:has(.sel-standings-rows li,.sel-standings-foot:not([hidden]))) .sel-standings-head{border-bottom-color:transparent}#select .sel-standings-head{position:relative;display:flex;align-items:center;gap:8px;width:100%;min-height:48px;margin:0;padding:0 14px;border:0;border-bottom:1px solid var(--sel-line);border-radius:0;background:#0c070459;color:inherit;font:inherit;font-size:20px;text-align:left;cursor:pointer}.sel-standings-head svg{flex:none;width:1.1em;height:1.1em;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.sel-standings-head .chev{width:.9em;height:.9em;margin-left:auto;stroke:var(--sel-muted)}#select .sel-standings-head:active{filter:brightness(1.2)}.sel-standings-rows{margin:0;padding:2px 0;list-style:none;font-size:16px}.sel-standings-rows li{display:grid;grid-template-columns:34px minmax(0,1fr) auto 46px 74px;align-items:center;column-gap:8px;min-height:34px;padding:0 14px}.sel-standings-rows li+li{border-top:1px solid var(--sel-line)}.sel-standings-rows li{position:relative}.sel-standings-rows button.player-name{position:static}.sel-standings-rows button.player-name:after{inset:0;height:auto;translate:none}.sel-standings-rows li:has(button.player-name){pointer-events:auto;cursor:pointer}.sel-standings-rows .n{color:var(--sel-muted)}.sel-standings-rows .lvl{padding:0 6px;border-radius:999px;font-size:10px;font-weight:800;line-height:16px;letter-spacing:.05em;color:#2a1a10}.sel-standings-rows .pc{text-align:right;color:var(--sel-muted)}.sel-standings-rows .pt{text-align:right;color:#c9a7ff}.sel-standings-rows .me{background:#fff3d61a;box-shadow:inset 3px 0 #fff3d6}.sel-standings-rows .dots{display:block;min-height:0;text-align:center;line-height:18px;color:var(--sel-muted)}.sel-standings-body{display:grid}.sel-standings-body[hidden]{display:none}.sel-standings-body>*{grid-area:1 / 1;min-width:0}.sel-standings-body[data-state=ready]{position:relative}.sel-standings-body[data-state=ready] .sel-standings-sk{position:absolute;inset:0}.sel-standings-sk{position:relative;overflow:hidden;pointer-events:none;opacity:0}.sel-standings-sk ol,.sel-standings-sk .sel-standings-foot{margin:0}.sel-standings-sk :is(li,.sel-standings-foot)>:is(span:not(.pos),.bar){color:transparent;border-radius:999px;background:linear-gradient(100deg,#fff3d61f 30%,#fff3d64d,#fff3d61f 70%) 100% center / 300% 13px no-repeat;animation:sel-sk-shimmer 1.4s ease-in-out infinite paused}.sel-standings-body[data-state=loading] .sel-standings-sk :is(li,.sel-standings-foot)>:is(span:not(.pos),.bar){animation-play-state:running}.sel-standings-sk li:nth-child(2)>span{animation-delay:.1s}.sel-standings-sk li:nth-child(3)>span{animation-delay:.2s}.sel-standings-sk li:nth-child(4)>span{animation-delay:.3s}.sel-standings-sk li:nth-child(5)>span{animation-delay:.4s}.sel-standings-sk li:nth-child(n+6)>span{animation-delay:.5s}.sel-standings-sk .player-name.guest{color:inherit}.sel-standings-sk .n{max-width:14px}.sel-standings-sk .who{max-width:62%}.sel-standings-sk li:nth-child(2n) .who{max-width:46%}.sel-standings-sk li:nth-child(3n) .who{max-width:54%}.sel-standings-sk .bar{flex:none;width:55%;height:20px}.sel-standings-sk .sel-standings-foot :is(b,svg){color:transparent;visibility:hidden}.sel-standings-real{display:flex;flex-direction:column;opacity:0;transition:opacity .25s}.sel-standings-msg{margin:auto;padding:8px 14px;text-align:center;color:var(--sel-muted);font-size:15px}.sel-standings-msg[hidden]{display:none}.sel-standings-body[data-state=ready] .sel-standings-real,.sel-standings-body[data-state=loading] .sel-standings-sk{opacity:1}.sel-standings-body[data-state=ready] .sel-standings-sk{transition:opacity .25s}@keyframes sel-sk-shimmer{to{background-position:0% center}}@media(prefers-reduced-motion:reduce){.sel-standings-sk :is(li,.sel-standings-foot)>:is(span:not(.pos),.bar){animation:none;background:#fff3d61f}.sel-standings-real,.sel-standings-sk{transition:none!important}}.sel-standings-foot{display:flex;align-items:center;gap:8px;margin:0;padding:8px 14px;border-top:1px solid var(--sel-line);font-size:16px}.sel-standings-foot[hidden]{display:none}.sel-standings-foot svg{flex:none;width:20px;height:20px;fill:none;stroke:#f5c518;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.sel-standings-foot b{color:#c9a7ff}.sel-standings-foot i{flex:1}@container (max-width: 520px){.sel-standings-foot{flex-wrap:wrap;justify-content:center;row-gap:4px;text-align:center}.sel-standings-foot i{flex:0 0 100%}}@container (max-width: 400px){.sel-standings-rows li{grid-template-columns:28px minmax(0,1fr) auto 64px;column-gap:6px;padding-inline:10px}.sel-standings-rows .pc{display:none}#select .sel-standings-head{gap:6px;padding-inline:10px;font-size:17px}}@media not ((min-width:900px)and (min-height:600px)){@media(min-height:640px){#select[data-step=figures] .sel-standings:not([hidden]){display:block}#select[data-step=figures] .sel-panel:has(>.sel-standings:not([hidden]))>.sel-tiles.sel-tiles{display:none!important}}#select .sel-standings .sel-standings-head{min-height:38px;gap:6px;font-size:15px;white-space:nowrap}#select .sel-standings{background:#2b1f16cc}.sel-standings-head span{min-width:0;overflow:hidden;text-overflow:ellipsis}.sel-standings-rows .me-tag{display:none}.sel-standings-rows .who{flex-wrap:nowrap;overflow:hidden}.sel-standings-rows .who .player-name{flex-wrap:wrap;height:1lh;overflow:hidden;min-width:0}.sel-standings-rows .who .player-name .alias{white-space:nowrap;overflow-wrap:normal}.sel-standings-rows{padding:0;font-size:14px}.sel-standings-rows li{min-height:38px}.sel-standings-rows .pos{--pos-size: 18px}#select .sel-standings:not([hidden]){width:min(100%,216px)}#select .sel-standings .sel-standings-head{padding-inline:12px}.sel-standings-rows li{grid-template-columns:24px minmax(0,1fr) auto;column-gap:8px;padding-inline:12px}.sel-standings-rows :is(.lvl,.pc){display:none}}.sel-meds,.sel-standings{display:none}@media(min-width:900px)and (min-height:600px){#select .sel-panel>.sel-tiles.sel-tiles{display:none!important}#select .sel-meds:not([hidden],[data-gone]){display:grid}#select .sel-standings:not([hidden]){display:block}#select[data-step=level] .sel-meds{display:none!important}.sel-meds{grid-template-columns:repeat(3,1fr);gap:10px;width:100%}.sel-med{display:grid;justify-items:center;align-content:center;gap:2px;padding:10px 6px;border-radius:var(--sel-chip-r);background:var(--sel-chip-bg);text-align:center}.sel-med .lvn{font-size:13px;letter-spacing:.06em}.sel-med .stars{display:inline-flex;gap:2px}.sel-med .stars svg{width:24px;height:24px;fill:#fff3d633}.sel-med .stars .on{fill:#f5c518}.sel-med b{font-size:24px;line-height:1.1;color:#c9a7ff}.sel-meds-t{grid-column:1 / -1;margin:0;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--sel-muted)}.sel-med.none{padding:16.5px 6px 7.5px}.sel-med.none b{font-size:13px;font-weight:600;line-height:2.03;color:var(--sel-muted)}.sel-med small{font-size:13px;font-weight:600;line-height:1.2;color:var(--sel-muted)}.sel-meds:not(:has(.sel-med:not(.none))) .sel-med.none small{display:none}.sel-panel{grid-template-columns:minmax(0,1fr)}}@media(min-width:1100px)and (min-height:900px){.sel-standings-rows{font-size:17px}.sel-standings-rows li{min-height:38px}.sel-med b{font-size:28px}.sel-med.none b{font-size:13px;line-height:2.37}.sel-med .stars svg{width:28px;height:28px}}@media(min-width:900px)and (min-height:600px)and (max-height:660px){#select{--dock-h: 224px;--action-h: 44px;--card-label-h: 68px}.sel-card{--floor: 9px}}@media(min-width:1200px)and (min-height:640px)and (max-height:660px){#select{--dock-h: 284px}.sel-card{flex-basis:220px;--floor: 22px}}@media(min-width:900px)and (min-height:661px)and (max-height:700px){#select{--dock-h: 284px;--action-h: 44px;--card-label-h: 68px}}@media(min-width:900px)and (min-height:661px){.sel-card{flex-basis:220px;--floor: 22px}}@media(min-width:900px)and (max-width:919px)and (min-height:661px){.sel-card{flex-basis:200px;--floor: 20px}}@media(min-width:1100px)and (min-height:900px){#select{--dock-h: 360px;--card-label-h: 78px}.sel-song{font-size:clamp(16px,5.6cqi,24px);padding-top:20px}.sel-tiles{padding-top:20px}.sel-panel{gap:20px}.sel-identity .sel-entity{translate:0 6px}.sel-card{flex-basis:248px;--floor: 25px}.sel-card-name{font-size:19px;line-height:23px}.sel-card .nb small{font-size:14px}.sel-banner{flex-basis:42px}}@media(max-width:519px)and (min-height:501px)and (max-height:600px){#select{--dock-h: 204px;--card-label-h: 58px}.sel-info,.sel-panel{gap:6px}.sel-name{font-size:24px}.sel-song{padding-top:6px;font-size:15px}.sel-song-credit{font-size:11px}.sel-tiles{padding-top:6px}.sel-card .nb{padding-block:5px}.sel-card-name{font-size:13px;line-height:16px}}#select .sel-pill:focus-visible{outline-offset:-5px}#select .sel-pill[aria-pressed=true]:focus-visible{outline-color:#2a1a10}#select-howto:focus-visible,#select :is(.sel-tile,.sel-watch):focus-visible{outline-offset:1px}#select .sel-standings-head:focus-visible{outline-offset:-5px}.sel-banner span{white-space:nowrap;width:max-content}.sel-banner[data-long] span{font-size:14px;letter-spacing:.02em}@media(max-height:600px){.sel-banner span{font-size:13px}.sel-banner[data-long] span{font-size:12px}}@media(max-width:519px){.sel-banner span{font-size:15px}.sel-banner[data-long] span{font-size:12px}}@media(min-width:900px)and (min-height:600px){.sel-banner span{font-size:18px}.sel-banner[data-long] span{font-size:16px}}#select[data-header-inline] .sel-towns{top:var(--town-top);inset-inline:var(--town-gutter-l) var(--town-gutter-r);padding-inline:0;justify-content:safe center}@media(max-width:519px)and (max-height:600px){.sel-banner span{font-size:12px}.sel-banner[data-mid] span{font-size:10px;letter-spacing:.01em}.sel-banner[data-long] span{font-size:9px;letter-spacing:0}}.sel-info::-webkit-scrollbar{display:none}:root[data-keys] #select .sel-card[aria-selected=true]:not(:focus):after{box-shadow:inset 0 0 0 2px #fff3d640}#select{bottom:var(--app-gap, 0px);--pending-top: calc(var(--town-row-top) + 44px + 12px + env(safe-area-inset-top))}#select .sel-info{transition:opacity .22s var(--sel-ease),display .22s allow-discrete}#select .sel-pending{transform:none;transition:opacity .26s var(--sel-ease),display .32s allow-discrete}#select :is(.sel-pending,.sel-info)[hidden]{opacity:0;pointer-events:none}#select .sel-pending[data-leaving][hidden]{transition-duration:.24s,.32s}@starting-style{#select .sel-info,#select[data-shown] .sel-pending{opacity:0}}@media(prefers-reduced-motion:reduce){#select{transition:none}}@media(prefers-reduced-motion:reduce){#select :is(.sel-pending,.sel-info){transition:none}}.sel-pending{--pending-bottom: calc(var(--pending-rest-bottom, 254px) - var(--drop));--contact-pad: 12px;--contact-gap: 10px;--pending-max: calc(100% - var(--pending-top) - var(--pending-bottom, 254px));position:absolute;z-index:1;top:calc((100% + var(--pending-top) - var(--pending-bottom, 254px)) / 2);left:50%;translate:-50% -50%;width:min(480px,calc(100% - 28px));height:min(360px,var(--pending-max));box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) 48px calc(44px + var(--contact-gap));align-items:center;justify-items:center;gap:0;padding:3px 16px var(--contact-pad);border:1px solid var(--sel-line);border-radius:var(--sel-r);text-align:center;background:#1a110bf5;box-shadow:0 8px 24px #0005;font-size:16px;font-weight:500;line-height:1.3;container-type:size}.sel-pending-content{grid-row:1;width:100%;height:100%;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}.sel-pending-content>*{flex:none}.sel-pending h2{--title-size: 26px;color:#f5c518;margin:0;padding:6px 14px;width:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;font:800 var(--title-size)/1.1 "Baloo 2",system-ui,sans-serif;text-wrap:balance}.sel-pending h2>span{display:block;width:100%}:is(.sel-pending,.sel-identity,.about-uaf) .sel-entity{--entity-holo: linear-gradient(105deg, #ffb3c7, #ffe29a, #b8f0c8, #a8dcff, #d7b8ff, #ffb3c7);max-width:100%;box-sizing:border-box;font-size:12px;line-height:16px;min-height:24px;row-gap:0;background:var(--entity-holo) 0 0 / 300% 100%;color:#2a1a10;box-shadow:inset 0 0 0 1px #fff9,0 0 4px #d7b8ff40;animation:sel-holo 6s linear infinite}:is(.sel-pending,.sel-identity) .sel-entity:has(.sel-entity-unit){width:max-content;padding:0;gap:4px 6px;justify-content:center;background:none;box-shadow:none;animation:none;overflow:visible}:is(.sel-pending,.sel-identity) .sel-entity[data-stacked]{flex-direction:column}:is(.sel-pending,.sel-identity) .sel-entity[data-stacked] .sel-entity-unit{gap:3px}:is(.sel-pending,.sel-identity) .sel-entity-plus{color:#fff3d6}:is(.sel-pending,.sel-identity) .sel-entity-part{box-sizing:border-box;padding:4px 10px;border-radius:999px;min-height:24px;background:var(--entity-holo) 0 0 / 300% 100%;box-shadow:inset 0 0 0 1px #fff9,0 0 4px #d7b8ff40;animation:sel-holo 6s linear infinite}#select :is(.sel-pending,.sel-identity) .sel-entity svg,.about-uaf .sel-entity svg{width:auto;height:16px}@container (max-height: 300px){:is(.sel-pending,.sel-identity) .sel-entity-part{min-height:20px;padding-block:2px}.sel-pending:has(.sel-entity-unit) .sel-pending-copy p{padding-block:1px}:is(.sel-pending,.sel-identity) .sel-entity:has(.sel-entity-unit){row-gap:2px}@media(max-width:519px)and (min-height:501px){.sel-pending:has(.sel-entity-unit) h2{padding-block:4px}}}@keyframes sel-holo{to{background-position:300% 0}}:is(.sel-pending,.sel-identity) :is(.sel-entity,.sel-entity-part){position:relative;isolation:isolate;overflow:hidden;animation:none}:is(.sel-pending,.sel-identity) :is(.sel-entity,.sel-entity-part):before{content:"";position:absolute;inset:0 auto 0 0;z-index:-1;width:600%;background:var(--entity-holo) 0 0 / 50% 100% repeat-x;animation:sel-holo-slide 3s linear infinite;pointer-events:none}:is(.sel-pending,.sel-identity) .sel-entity:has(.sel-entity-unit):before,:is(.sel-pending,.sel-identity) .sel-entity:has(.sel-entity-unit):after{content:none}:is(.sel-pending,.sel-identity) :is(.sel-entity,.sel-entity-part):after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #fff9;pointer-events:none}@keyframes sel-holo-slide{to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){:is(.sel-pending,.sel-identity,.about-uaf) :is(.sel-entity,.sel-entity-part),:is(.sel-pending,.sel-identity) :is(.sel-entity,.sel-entity-part):before{animation:none}}.sel-pending .sel-where{display:block;width:100%;text-align:center;font:600 12px/16px "Baloo 2",system-ui,sans-serif;color:#e8d8b8}.sel-pending .sel-where[hidden]{display:none}.sel-pending p{margin:0;padding-block:3px;text-wrap:balance}.sel-pending .sel-pending-copy{display:contents}.sel-pending-copy p+p{font-size:14px;color:#b9a98c}.sel-pending>.btn-primary{grid-row:2;width:100%;height:100%;min-height:44px;padding-block:4px;font-size:16px}@media(min-width:520px){.sel-pending>.btn-primary{max-inline-size:360px}}#select .sel-pending>.btn-primary{animation:none;scale:none;rotate:none}.sel-pending-links{grid-row:3;height:44px;align-self:end;display:grid;grid-template-columns:repeat(2,auto);justify-content:space-evenly;align-items:center;width:100%;min-height:44px}.sel-pending-links .btn{min-height:44px;padding:4px 0;font-size:14px;white-space:normal;display:flex;justify-content:center;align-items:center;gap:6px}.sel-pending-links .btn>svg{flex:none;width:18px;height:18px;margin:0}.sel-pending-links .btn>span{min-width:0;overflow-wrap:normal}@container (max-height: 300px){.sel-pending-copy p+p{display:none}}@media(max-width:519px),(max-height:740px){.sel-pending{--contact-pad: 6px;--contact-gap: 6px;padding-inline:10px;grid-template-rows:minmax(0,1fr) 44px calc(44px + var(--contact-gap));font-size:14px;line-height:1.25}.sel-pending h2{--title-size: 22px}.sel-pending-links .btn{font-size:13px;min-width:min-content}}@media(max-width:519px)and (min-height:780px){.sel-pending{--contact-pad: 12px;--contact-gap: 10px}}@media(max-height:500px){#select[data-pending] .sel-towns{left:43%;width:57%}.sel-pending{--contact-top: calc(60px + env(safe-area-inset-top)) }.sel-pending{left:max(12px,env(safe-area-inset-left));translate:0 -50%;width:calc(43% - max(12px,env(safe-area-inset-left)) - 8px);top:calc((100% + 52px + env(safe-area-inset-top) - env(safe-area-inset-bottom))/2);height:calc(100% - 68px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}}@media(min-width:520px)and (max-width:667px)and (max-height:400px){.sel-pending{--contact-pad: 2px;--contact-gap: 2px}}@media(max-width:479px)and (max-height:600px),(max-width:519px)and (max-height:400px){.sel-pending{--contact-pad: 0px;--contact-gap: 0px;--pending-max: calc(100% - var(--pending-top) - var(--pending-bottom, 254px) + 8px);padding-top:0}}@media(min-width:668px)and (min-height:501px)and (max-height:799px){.sel-pending{--contact-pad: 6px;--contact-gap: 6px;padding-top:0;width:min(640px,calc(100% - 28px))}.sel-pending-content{display:grid;grid-template-columns:minmax(0,1fr) auto auto minmax(0,1fr);align-content:space-evenly;align-items:center;justify-items:center;column-gap:10px}.sel-pending h2{grid-row:1;grid-column:1 / -1}.sel-pending .sel-where{grid-row:2;grid-column:2;width:auto}.sel-pending .sel-entity{grid-row:2;grid-column:3}.sel-pending-copy>*{grid-column:1 / -1}.sel-pending-content:has(.sel-where[hidden]) .sel-entity{grid-column:1 / -1}}@media(min-width:668px)and (max-width:899px)and (min-height:501px)and (max-height:660px){#select[data-pending]{--dock-h: 224px;--action-h: 44px;--card-label-h: 68px}}@media(max-width:519px)and (min-height:501px)and (max-height:620px){.sel-act{gap:4px;padding:6px 12px}.sel-act h2{font-size:18px;line-height:22px}.sel-seg .btn{padding:4px;font-size:14px;min-height:44px}.sel-seg .sub{margin-top:0;font-size:11px;line-height:13px}}@media(max-width:519px)and (min-height:501px)and (max-height:700px){#select{--dock-h: clamp(160px, calc(100dvh - 408px) , 240px)}.sel-pending{width:calc(100% - 16px);padding-inline:8px}.sel-card{container-type:size}@container (max-height: 100px){.sel-card .por{--floor: 9px;grid-area:1 / 1 / -1 / -1;justify-self:start;width:46%}.sel-card .nb{grid-area:1 / 1 / -1 / -1;justify-self:end;width:54%;padding-inline:4px;box-shadow:inset 1px 0 #fff3d61a}.sel-card .nb small:not(.sel-entity-icons){display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}}}@media(min-width:520px)and (max-height:599px),(min-width:480px)and (max-width:667px)and (min-height:401px)and (max-height:660px){#select[data-pending] .sel-bottom{left:auto;right:0;translate:none;width:57%}.sel-pending{left:21.5%;translate:-50% -50%;width:min(480px,calc(43% - 24px));top:calc((100% + var(--contact-top, var(--pending-top)) - 12px) / 2);height:min(360px,calc(100% - var(--contact-top, var(--pending-top)) - 12px))}.sel-pending-content{display:flex}}@media(max-width:899px)and (max-height:350px){#select[data-pending] .sel-towns{left:60%;width:40%}#select[data-pending] .sel-bottom{width:40%}.sel-pending{width:calc(60% - max(12px,env(safe-area-inset-left)) - 8px)}}@media(max-width:519px)and (min-height:501px){.sel-info{gap:14px}.sel-panel{gap:8px;justify-items:start}.sel-identity{row-gap:12px}.sel-name{font-size:clamp(30px,9.6vw,40px)}.sel-song{box-sizing:border-box;max-width:100%;padding:4px 10px;border-radius:var(--sel-chip-r);background:var(--sel-chip-bg)}.sel-song{gap:8px;padding-left:4px;font-size:14px;line-height:18px}.sel-song svg{width:30px;height:30px;padding:7px}.sel-song-copy{gap:0}.sel-song-copy>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sel-song-credit{font-size:11px;line-height:14px}.sel-level-stats .sel-song-copy{min-height:32px}#select-song{padding:0;border:0;border-radius:0;background:none}#select-song .sel-song-plate{box-sizing:border-box;padding:4px 10px 4px 4px;border-radius:var(--sel-chip-r);background:var(--sel-chip-bg)}.sel-song .sel-watch{min-height:38px;margin-inline-start:0;padding:0 14px 0 10px;font-size:14px}.sel-song .sel-watch:after{content:"";position:absolute;inset:-3px -2px}.sel-tiles{gap:6px;padding-top:0;border-top:0}.sel-tiles{font-size:14px;line-height:24px}}@media(max-width:374px)and (min-height:501px){.sel-song .sel-watch{width:38px;padding:0}.sel-song .sel-watch>span{display:none}}@media(min-width:2200px)and (min-height:1200px){#select{zoom:1.1}}@media(min-width:1100px)and (min-height:600px)and (max-height:1010px)and (pointer:fine){#select{zoom:.9}}@media(min-width:900px)and (min-height:600px)and (pointer:coarse){#select{zoom:.9}}@media(min-width:1100px)and (max-width:1279px)and (min-height:600px)and (max-height:799px)and (pointer:fine){#select{zoom:.75}}body:has(#select:not([hidden])){--cb-b: 0;--cb-n: calc(3 - var(--cb-b));--cb-g: 12px}body:has(#select:not([hidden])):has(#free[hidden]){--cb-b: 1}body:has(#select:not([hidden])) #free{--cb-i: 0}body:has(#select:not([hidden])) #music{--cb-i: calc(1 - var(--cb-b))}body:has(#select:not([hidden])) #settings{--cb-i: calc(2 - var(--cb-b))}#free{background:#24122c;overflow:hidden;isolation:isolate}#free:before,#free:after{content:"";position:absolute;left:0;top:0;width:200%;height:200%;z-index:-1;pointer-events:none;animation:7s ease-in-out infinite alternate}#free:before{background:radial-gradient(circle at 50% 50%,#9a52b0,#9a52b000 45%);animation-name:free-glow-a}#free:after{background:radial-gradient(circle at 50% 50%,#c2477e99,#c2477e00 40%);animation-name:free-glow-b}@keyframes free-glow-a{0%{transform:translate(-7.5%,-5%)}50%{transform:translate(-42.5%,-17.5%)}to{transform:translate(-20%,-45%)}}@keyframes free-glow-b{0%{transform:translate(-45%,-47.5%)}50%{transform:translate(-10%,-35%)}to{transform:translate(-37.5%,-7.5%)}}#free .free-ico{display:block;line-height:0;transform-origin:50% 80%}@media(prefers-reduced-motion:reduce){#free:before,#free:after{animation:none}}body:has(#select:not([hidden])) #viewmode{--cb-r: 2;--cb-i: calc(var(--cb-n) - 3)}body:has(#select:not([hidden])) :is(#free,#music,#settings){--cb-r: calc(var(--cb-n) - 1 - var(--cb-i))}#select>.sel-logo{position:absolute;z-index:2;overflow:visible;left:max(16px,env(safe-area-inset-left));top:calc(16px + env(safe-area-inset-top));width:auto;height:56px;pointer-events:none}@media(min-width:520px)and (min-height:520px){body:has(#select:not([hidden])) :is(#free,#music,#settings,#viewmode){left:auto;right:calc(max(16px,env(safe-area-inset-right)) + var(--cb-r) * 68px)}}@media(min-width:520px)and (max-height:519px),(max-height:500px){body:has(#select:not([hidden])) :is(#free,#music,#settings,#viewmode){left:auto;right:calc(max(12px,env(safe-area-inset-right)) + var(--cb-r) * 56px)}#select>.sel-logo{left:max(12px,env(safe-area-inset-left));top:calc(14px + env(safe-area-inset-top));height:40px}}@media(max-width:519px)and (min-height:501px){body:has(#select:not([hidden])){--cb-g: 8px}body:has(#select:not([hidden])) :is(#free,#music,#settings,#viewmode){top:calc(10px + env(safe-area-inset-top));right:auto;bottom:auto;width:44px;height:44px;left:calc(100% - max(12px,env(safe-area-inset-right)) - (var(--cb-r) + 1) * 44px - var(--cb-r) * var(--cb-g))}#select>.sel-logo{left:max(12px,env(safe-area-inset-left));top:calc(10px + env(safe-area-inset-top));height:44px;width:calc(100% - max(12px,env(safe-area-inset-left)) - max(12px,env(safe-area-inset-right)) - 10px - var(--cb-n) * (44px + var(--cb-g)) + var(--cb-g))}}@media(max-width:374px)and (min-height:501px){body:has(#select:not([hidden])){--cb-g: 6px}}@media(max-width:319px)and (min-height:501px){#select>.sel-logo{display:none}body:has(#select:not([hidden])) :is(#free,#music,#settings,#viewmode){left:calc(max(12px,env(safe-area-inset-left)) + var(--cb-i) * (100% - max(12px,env(safe-area-inset-left)) - max(12px,env(safe-area-inset-right)) - 44px) / max(1,var(--cb-n) - 1))}}.sel-card.later{content-visibility:auto;contain-intrinsic-size:auto 128px auto 200px}#select>.sel-logo-line{display:none}@media(min-width:900px)and (min-height:600px){#select>.sel-logo:not(.sel-logo-line){display:none}#select>.sel-logo-line{display:block;left:calc(max(40px,env(safe-area-inset-left)) + 1px)}}@media(min-width:900px)and (min-height:600px)and (max-width:1099px){#select>.sel-logo-line{height:48px}}@media(min-width:900px)and (min-height:600px)and (pointer:fine){.sel-carousel{margin-left:calc(var(--strip-x, 0px) - var(--bl))}.sel-strip{clip-path:inset(0 0 0 max(0px,var(--strip-clip, 0px) - 6px));scroll-padding-left:var(--strip-clip, 0px)}#select>.sel-info{z-index:2}}@media(min-width:2000px)and (min-height:900px){#select:has(#select-carousel[data-fits]) .sel-info{max-height:calc(100% - var(--info-top) - 56px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}}@media(min-width:2200px)and (min-height:1200px){#select>.sel-logo{top:calc((16px + env(safe-area-inset-top)) / 1.1)}}@media(min-width:1100px)and (min-height:600px)and (max-height:1010px)and (pointer:fine){body:has(#select:not([hidden])) :is(#free,#music,#settings){zoom:.9}}@media(min-width:900px)and (min-height:600px)and (pointer:coarse){body:has(#select:not([hidden])) :is(#free,#music,#settings){zoom:.9}}@media(min-width:1100px)and (max-width:1279px)and (min-height:600px)and (max-height:799px)and (pointer:fine){body:has(#select:not([hidden])) :is(#free,#music,#settings){zoom:.75}}#select .sel-panel[data-podium]>:is(.sel-tiles,.sel-standings){display:none!important}.sel-podium{width:100%;border-radius:var(--sel-chip-r);background:#2b1f16d9;overflow:hidden;font-variant-numeric:tabular-nums}.sel-podium[hidden]{display:none}#select .sel-podium-head{display:flex;align-items:center;gap:8px;width:100%;min-height:44px;margin:0;padding:0 12px;border:0;border-bottom:1px solid var(--sel-line);border-radius:0;background:#0c070459;color:inherit;font:inherit;font-size:18px;text-align:left;cursor:pointer}.sel-podium-head svg{flex:none;width:1.1em;height:1.1em;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.sel-podium-head .chev{width:.9em;height:.9em;margin-left:auto;stroke:var(--sel-muted)}#select .sel-podium-head:active{filter:brightness(1.2)}.sel-podium-t{flex:none;white-space:nowrap}.sel-podium-n{margin-left:auto;color:var(--sel-muted);font-size:.75em;white-space:nowrap}.sel-podium-head .sel-podium-n+.chev{margin-left:0}.sel-podium-list{margin:0;padding:4px 12px;list-style:none;font-size:16px;line-height:1.2}.sel-podium-list .pts{color:#c9a7ff;font-weight:800;white-space:nowrap}.sel-podium-list .who{display:inline-flex;align-items:baseline;min-width:0}.sel-podium-list .me-tag{align-self:center}@media(min-width:900px)and (min-height:600px){#select .sel-podium-head{padding:0 14px}.sel-podium-list{padding-inline:14px}}.sel-podium-list li{display:grid;grid-template-columns:24px minmax(0,1fr) auto;column-gap:10px;align-items:center;min-height:44px}.sel-podium-list li+li{border-top:1px solid var(--sel-line)}.sel-podium-list li:has(button.player-name){pointer-events:auto;cursor:pointer}@media(pointer:fine){.sel-podium-list li{min-height:30px}}@media(pointer:fine){.sel-podium-list li{position:relative}.sel-podium-list button.player-name{position:static}.sel-podium-list button.player-name:after{inset:0;height:auto;translate:none}}button.player-name{position:relative;display:inline-flex;align-items:baseline;gap:0;min-width:0;min-height:0;margin:0;padding:0;border:0;border-radius:4px;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}@media(pointer:coarse){button.player-name:after{content:"";position:absolute;left:-6px;right:-6px;top:50%;height:max(100%,44px);translate:0 -50%}}@media(hover:hover){button.player-name:hover{filter:none}button.player-name:hover .alias{text-decoration:underline;text-decoration-color:#e8d8b899;text-underline-offset:3px}}span.player-name{display:inline-flex;align-items:baseline;min-width:0}.player-name .alias{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.who{flex-wrap:wrap;column-gap:5px}.who .player-name{flex-wrap:wrap;justify-content:flex-start}.who .player-name .alias{white-space:normal;overflow-wrap:anywhere}.board-status .player-name{display:inline}.board-status .player-name .alias{white-space:normal}.board-status .verified-check{margin-left:4px;vertical-align:-3px}.player-name.guest{color:#b5a385}.player-name.released{opacity:.8}#board-table tr.me .player-name.guest{color:inherit}.kind-chip{flex:none;display:inline-block;padding:1px 9px;border:1px solid #e8d8b866;border-radius:999px;background:#140c07;color:#e8d8b8;font-size:13px;font-weight:800;line-height:20px;letter-spacing:.04em}#board-table tr.me-hint td{height:auto;padding:0 4px 6px;border-top:0;background:#f5c51824;text-align:center}#board-table tr.me-hint .btn-link{min-height:32px;padding:0 6px;color:#f5c518;font-size:13px;text-decoration-color:#f5c51899;white-space:normal}.board-previous{width:min(100%,340px);margin-top:6px}.board-previous h3,.account-section h3{margin:0 0 6px;color:#f5c518;font-size:16px;line-height:1.25}.board-previous h3{text-align:center}.board-links{column-gap:8px}.podium{margin:0;padding:0;list-style:none;font-size:15px;line-height:1.25;font-variant-numeric:tabular-nums}.podium li{display:grid;grid-template-columns:28px minmax(0,1fr) auto;grid-template-rows:auto auto;align-content:center;column-gap:10px;row-gap:2px;min-height:46px;padding:3px 0;box-sizing:border-box;border-top:1px solid #fff3d614}.podium li:first-child{border-top:0}.podium .pos{grid-row:1 / 3;align-self:center}.podium .who{grid-column:2;min-width:0}.podium .lvl{grid-column:2;grid-row:2;justify-self:start;padding:0 6px;border-radius:999px;font-size:9.5px;font-weight:800;line-height:15px;letter-spacing:.05em;color:#2a1a10}.podium .pts{grid-column:3;grid-row:1 / 3;align-self:center;text-align:right;font-weight:800;font-size:16px}.podium .pos:not(.p1,.p2,.p3){color:#e8d8b8;text-align:center}#seasons-menu{width:min(460px,calc(100vw - 32px - var(--sal) - var(--sar)));height:var(--hall-h, fit-content);max-height:min(680px,calc(100dvh - 32px - var(--sat) - var(--sab)));padding:16px 18px}#seasons-menu[open]{display:flex;flex-direction:column}#seasons-menu h2{margin:0 0 12px;font-size:28px}#seasons-figure{flex:none;align-self:center}.fig-mask{display:inline-block;flex:none;width:36px;height:25px;background:currentColor;-webkit-mask:var(--m) center / contain no-repeat;mask:var(--m) center / contain no-repeat}.seasons-box{position:relative;flex:0 1 auto;display:flex;flex-direction:column;min-height:0;margin-top:16px}.seasons-box:not(:has(.hall-view)){min-height:300px}.seasons-list{position:relative;flex:0 1 auto;min-height:0;display:flex;flex-direction:column}.seasons-box .board-state{z-index:1}.hall-view{flex:0 1 auto;min-height:0;display:flex;flex-direction:column;gap:16px}.hall-main{flex:0 1 auto;min-height:0;display:flex;flex-direction:column;gap:16px;overflow:auto;overscroll-behavior:contain}.hall-main>*{flex:none}.hall-season{display:flex;justify-content:center;align-items:center;gap:14px}.estendard{position:relative;flex:none;width:56px;height:79px;color:#fff3d6}.estendard svg{display:block;width:100%;height:100%;overflow:visible}.estendard .fig-mask{position:absolute;left:50%;top:45%;translate:-50% -50%;width:40px;height:28px}.estendard .cloth{fill:#a11d2a}.estendard .inner{fill:none;stroke:#fff3d6;stroke-opacity:.35;stroke-width:1}.estendard .rod{stroke:#f5c518;stroke-width:3.5;stroke-linecap:round}.estendard .knob{fill:#f5c518}.estendard .cord{fill:none;stroke:#f5c518;stroke-width:1.2;opacity:.8}.estendard.empty{color:#e8d8b8}.estendard.empty .cloth{fill:none;stroke:#e8d8b880;stroke-width:1.5;stroke-dasharray:4 4}.estendard.empty .inner{display:none}.estendard.empty .fig-mask{opacity:.4}.hall-stext{min-width:0}.hall-name{margin:0;color:#f5c518;font-size:26px;line-height:1.05}.hall-dates{margin:4px 0 0;color:#e8d8b8;font-size:14px;font-weight:600;line-height:1.3}.hall-dates .d-short{display:none}@media(max-width:359px){.hall-dates .d-long{display:none}.hall-dates .d-short{display:inline}}.hall-meta{margin:2px 0 0;color:#fff3d6;font-size:15px;line-height:1.3}.hall-lab{display:block;margin:0 0 4px;color:#e8d8b8;font-size:13px;font-weight:800;letter-spacing:.06em;line-height:1.2;text-transform:uppercase}.hall-dance{margin:4px 0 0;color:#e8d8b8;font-size:14px;line-height:1.35}.hall-dance .btn-link{display:inline;min-height:0;padding:0 2px;font-size:14px;color:#fff3d6}.hall-podium{border-bottom:2px solid #f5c51855}.hall-podium>.hall-lab{margin-bottom:10px;text-align:center}.hall-podium-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-items:end;margin:0;padding:0;list-style:none}.hall-podium-list li{grid-row:1;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0;text-align:center}.hall-podium-list .pd-1{grid-column:2}.hall-podium-list .pd-2{grid-column:1}.hall-podium-list .pd-3{grid-column:3}.hall-podium-list .pos{--pos-size: 30px}.hall-podium-list .pd-1 .pos{--pos-size: 42px}.hall-podium-list .who{max-width:100%;font-size:14px;line-height:1.15}.hall-podium-list .pd-1 .who{font-size:16px}.hall-podium-list .player-name{flex-direction:column;align-items:center}.hall-podium-list .me-tag{margin-top:2px}.hall-podium-list .pts{color:#fff3d6;font-size:15px;font-weight:800;font-variant-numeric:tabular-nums}.hall-podium .lvl{display:block;font-size:10.5px;letter-spacing:.05em}.pd-step{align-self:stretch;height:28px;margin-top:6px;border-radius:12px 12px 0 0;background:linear-gradient(#d9955acc,#d9955a26)}.pd-1 .pd-step{height:64px;background:linear-gradient(#f5c518,#f5c51833)}.pd-2 .pd-step{height:44px;background:linear-gradient(#d6dbe2cc,#d6dbe226)}.hall-podium-list li.me{border-radius:12px 12px 0 0;background:#f5c51817}.hall-mine{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:2px 10px;padding:8px 12px;border-left:3px solid #f5c518;border-radius:4px;background:#fff3d60d}.hall-mine .hall-lab{margin:0}.hall-mine .place{display:block;color:#fff3d6;font-size:26px;font-weight:800;line-height:1.05}.hall-mine .place small{color:#e8d8b8;font-size:17px}.hall-mine .mpts{margin-left:auto;color:#e8d8b8;font-size:14px;text-align:right;font-variant-numeric:tabular-nums}.hall-mine .mpts .lvl{display:block;margin:0}.hall-mine.none{display:block;border-left-color:#e8d8b866}.hall-mine .none-t{display:block;margin-top:2px;color:#e8d8b8;font-size:15px}.hall-actions{flex:none;display:grid;gap:8px}.hall-actions .btn>svg{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.hall-index{justify-content:flex-start;gap:0}.hall-idx-head{flex:none;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;margin-bottom:6px}.hall-idx-head h3{margin:0;font-size:20px;text-align:center}#seasons-menu .hall-back{position:relative;top:auto;right:auto}.hall-idx-cap{flex:none;display:flex;justify-content:space-between;padding:4px 12px 4px 10px;color:#e8d8b8;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.hall-idx{flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;padding-right:2px;-webkit-mask:linear-gradient(#000 calc(100% - 24px),#0000);mask:linear-gradient(#000 calc(100% - 24px),#0000)}.hall-idx ul{margin:0;padding:0;list-style:none}.hall-year{display:flex;align-items:center;gap:10px;margin:10px 0 4px;color:#e8d8b8;font-size:15px;letter-spacing:.08em}.hall-year:first-child{margin-top:2px}.hall-year:after{content:"";flex:1;border-top:1.5px dashed #e8d8b84d}.idx-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:56px;margin:2px 0;padding:6px 12px 6px 10px;border:0;border-radius:10px;background:none;color:#fff3d6;text-align:left}.hall-idx li+li .idx-row{border-top:1px solid #fff3d61c;border-radius:0 0 10px 10px}.idx-row[aria-current]{border-radius:10px;background:#fff3d6;color:#2a1a10}.r-main{min-width:0}.r-name{display:block;font-size:17px;line-height:1.2}.r-two{color:#e8d8b8;font-size:14px}.r-sub{display:flex;align-items:center;gap:6px;margin-top:2px;color:#e8d8b8;font-size:14px;line-height:1.2}.r-sub .pos{flex:none;--pos-size: 18px}.r-side{display:grid;justify-items:end;line-height:1.1;font-variant-numeric:tabular-nums}.r-side b{font-size:19px}.r-side .dash{color:#e8d8b8}.r-side small{color:#e8d8b8;font-size:13px}.idx-row[aria-current] :is(.r-sub,.r-two,.r-side small,.r-side .dash,.player-name.guest){color:#4a3420}.hall-wait{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center}.hall-wait .estendard{width:84px;height:118px}.hall-wait .estendard .fig-mask{width:60px;height:42px}.hall-wait .empty-h{margin:4px 0 0;font-size:19px;line-height:1.25;text-wrap:balance}.hall-wait .empty-p{margin:-6px 0 0;color:#e8d8b8;font-size:15px;text-wrap:balance}.hall-open{padding:2px 12px;border-radius:15px;border-color:#f5c518aa;background:#f5c5181a;color:#f5c518;font-size:15px;font-weight:700;line-height:1.35;letter-spacing:0}@media(max-height:700px){#seasons-menu{padding:12px 14px}#seasons-menu h2{margin-bottom:8px;font-size:24px}.hall-season .estendard{width:44px;height:62px}.hall-season .estendard .fig-mask{width:32px;height:22px}.hall-name{font-size:23px}.hall-dates{font-size:13px}.hall-meta{font-size:14px}.hall-podium-list .pos{--pos-size: 26px}.hall-podium-list .pd-1 .pos{--pos-size: 34px}.pd-step{height:14px}.pd-1 .pd-step{height:40px}.pd-2 .pd-step{height:26px}.hall-mine{padding:6px 12px}.hall-mine .place{font-size:23px}.hall-actions .btn{min-height:44px;padding-block:4px}}@media(max-height:600px){#seasons-menu h2{margin-bottom:6px;font-size:22px}.hall-season{gap:10px}.hall-season .estendard{width:36px;height:51px}.hall-season .estendard .fig-mask{width:26px;height:18px}#seasons-figure{min-height:48px;padding-block:2px}#seasons-figure .board-pic{width:46px;height:38px}.hall-dance{margin:0}.hall-dance-t{display:none}.pd-step{height:6px}.pd-1 .pd-step{height:24px}.pd-2 .pd-step{height:14px}.hall-actions{gap:6px}.hall-mine{padding:4px 10px}.hall-mine .hall-lab{font-size:11px}.hall-mine .place{font-size:20px}.hall-mine .mpts{font-size:13px}.hall-mine.none .hall-lab{display:none}.hall-mine .none-t{margin:0;font-size:14px}}#season-end-menu .sheet-actions{padding-bottom:2px}@media(min-width:860px)and (min-height:560px){#seasons-menu{width:min(780px,calc(100vw - 32px - var(--sal) - var(--sar)));padding:22px 30px 24px}#seasons-picker{width:440px;margin-inline:auto}.seasons-box{margin-top:18px}.seasons-box:not(:has(.hall-view)){min-height:334px}.hall-detail{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);grid-template-rows:auto auto auto;grid-template-areas:"season season" "pod me" "pod act";align-content:start;column-gap:40px;row-gap:0}.hall-main{display:contents}.hall-season{grid-area:season;justify-content:center;gap:18px;margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid #fff3d61c}.hall-podium{grid-area:pod}.hall-mine{grid-area:me;align-self:start;margin-top:22px}.hall-actions{grid-area:act;align-self:end}.hall-season .estendard{width:66px;height:93px}.hall-season .estendard .fig-mask{width:46px;height:32px}.hall-name{font-size:34px}.hall-dates{font-size:15px}.hall-meta,.hall-podium-list .who{font-size:16px}.hall-podium-list .pd-1 .who{font-size:19px}.hall-index{width:560px;margin-inline:auto}.hall-empty{gap:24px}.hall-empty .hall-actions{align-self:center;width:360px}}#season-end-menu{width:min(400px,calc(100vw - 32px - var(--sal) - var(--sar)));max-height:calc(100dvh - 32px - var(--sat) - var(--sab));padding:18px 20px 10px}#season-end-menu h2{margin:0;color:#e8d8b8;font-size:15px;letter-spacing:.06em;line-height:1.3;text-wrap:balance}.season-end-boards{display:flex;flex-direction:column}.se-art-box{line-height:0}.se-art{display:block;width:min(220px,76%);height:auto;margin:6px auto}.se-art.garland{width:min(200px,70%)}.se-cheer{margin:0;color:#fff3d6;font-size:30px;line-height:1.1;text-align:center;text-wrap:balance}.se-cheer.gold{color:#f5c518}.se-ledger{width:100%;margin-top:12px;border-collapse:collapse;font-variant-numeric:tabular-nums}.se-ledger caption{margin-bottom:8px;color:#fff3d6;font-size:15px;font-weight:800;letter-spacing:.08em;line-height:1.2;text-align:center;text-transform:uppercase}.se-ledger thead th{padding:0 0 4px;border-bottom:1px solid #e8d8b82e;color:#e8d8b8b3;font-size:12px;font-weight:700;letter-spacing:.08em;text-align:left;text-transform:uppercase}.se-ledger thead th+th,.se-ledger td{text-align:right}.se-ledger tbody tr{border-bottom:1px solid #e8d8b82e}.se-ledger tbody th{padding:8px 0;font-size:17px;text-align:left}.se-ledger td{padding-left:10px;white-space:nowrap}.se-ledger .cell{display:flex;align-items:center;gap:10px}.se-ledger .pix{display:block;flex:none;width:34px;height:30px}.se-ledger .pix svg{display:block;width:100%;height:100%}.se-ledger .nm{min-width:0;line-height:1.15}.se-ledger .nm small{display:block;color:#e8d8b8;font-size:14px;font-weight:700;line-height:1.1}.se-ledger .val{display:inline-flex;align-items:center;justify-content:flex-end}.se-ledger .val b{margin-right:4px;font-size:21px}.se-ledger .of{color:#e8d8b8;font-size:15px}.se-ledger .pos{--pos-size: 22px;margin-right:6px}.se-now{width:fit-content;margin:12px auto 0;padding:2px 12px;border:1px solid #f5c518aa;border-radius:15px;background:#f5c5181a;color:#f5c518;font-size:15px;font-weight:700;line-height:1.35;text-align:center;text-wrap:balance}.se-now b{white-space:nowrap}.se-now svg{display:inline-block;width:20px;height:20px;margin-right:8px;vertical-align:-4px;fill:none;stroke:#f5c518;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}#season-end-menu .sheet-actions{gap:6px;margin-top:16px}@media(prefers-reduced-motion:no-preference){.se-art .blk{transform-box:fill-box;transform-origin:bottom;animation:se-rise .45s cubic-bezier(.3,1.5,.5,1) both}.se-art .blk.me{animation-delay:.15s}.se-art .who{animation:se-drop .5s .45s cubic-bezier(.3,1.6,.5,1) both}.se-art .cf{animation:se-pop .4s calc(.6s + var(--i) * 40ms) ease-out both}.se-art .flag{transform-box:fill-box;transform-origin:top;animation:se-swing .5s calc(var(--i) * 50ms) ease-out both}}@keyframes se-rise{0%{transform:scaleY(0)}}@keyframes se-drop{0%{transform:translateY(-14px);opacity:0}}@keyframes se-pop{0%{opacity:0}}@keyframes se-swing{0%{transform:scaleY(0)}}@media(max-height:600px){#season-end-menu{padding-top:14px}.se-art{width:min(170px,60%);margin:2px auto}.se-cheer{font-size:26px}.se-ledger tbody th{padding:5px 0}#season-end-menu .sheet-actions{margin-top:12px}}#account-menu{width:min(460px,calc(100vw - 32px - var(--sal) - var(--sar)));height:min(760px,calc(100dvh - 32px - var(--sat) - var(--sab)));padding:18px 20px 12px}#account-menu>.sheet-body{flex:1 1 auto;display:flex;flex-direction:column}.account-grow{flex:1 0 auto;display:flex;flex-direction:column}.account-grow>.account-empty{margin-block:auto}.account-grow>.account-stats{margin-bottom:auto}#account-menu h2{margin-bottom:12px}.profile-block{padding:12px 14px;border-radius:var(--button-radius);background:#fff3d60d;text-align:center}.profile-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 10px;min-height:28px}.profile-name{display:inline-flex;align-items:center;gap:6px;max-width:100%;color:#fff3d6;font-size:22px;font-weight:800;line-height:1.2}.profile-head:not(:has(.player-name,.kind-chip:not([hidden]))){display:none}.profile-name .verified-check,.card-name .verified-check{width:20px;height:20px}.profile-sub{margin:4px 0 0;color:#e8d8b8;font-size:14px;line-height:1.35;text-wrap:pretty}.profile-block[data-state=none] .profile-sub{margin-top:0}.profile-block[data-pending] .btn{color:transparent;border-color:transparent;background:#fff3d614;pointer-events:none;animation:profile-pulse 1.2s ease-in-out infinite}.profile-block[data-pending] .profile-sub{color:transparent;border-radius:6px;background:#fff3d614;animation:profile-pulse 1.2s ease-in-out infinite}.profile-block[data-pending] .profile-head{display:flex}.profile-block[data-pending] :is(.kind-chip,.profile-name){visibility:hidden}@keyframes profile-pulse{50%{opacity:.45}}@media(prefers-reduced-motion:reduce){.profile-block[data-pending] :is(.btn,.profile-sub){animation:none}}.profile-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:10px}.profile-actions .btn{width:auto;flex:1 1 0;min-width:fit-content;min-height:44px;padding:4px 14px;font-size:15px;white-space:nowrap}.account-section{margin-top:16px}.account-title-row{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;text-align:center;gap:0 12px;margin-bottom:6px}.account-title-row h3{margin:0}#account-previous h3,#account-previous .account-list{text-align:center}.account-since{color:#e8d8b8;font-size:13px}#account-status .mula-spinner{display:block;width:72px;height:72px;margin:0 auto 10px}.account-empty{margin:8px 0;color:#e8d8b8;font-size:15px;text-align:center}.account-list{margin:0;padding:0;list-style:none;color:#fff3d6;font-size:15px;line-height:1.6}.account-section .board-tip{margin:10px 0 0}.account-links{margin-top:10px;padding-bottom:6px}.stat-ico{flex:none;display:inline-grid;width:28px;height:28px;color:#e8d8b8}.stat-ico svg{width:100%;height:100%}.stat-ico.line svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.stat-facts{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stat-fact,.stat-lines li{--h: #fff3d6;border-radius:10px;background:linear-gradient(180deg,color-mix(in srgb,var(--h) 16%,transparent),color-mix(in srgb,var(--h) 6%,transparent));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--h) 14%,transparent)}.stat-k-drum{--h: #e8b26a}.stat-k-clock{--h: #7fb2f0}.stat-k-flame{--h: #ff9f6e}.stat-k-target{--h: #7ee081}.stat-fact{display:grid;grid-template-columns:auto minmax(0,1fr);align-content:start;column-gap:10px;padding:12px}.stat-fact .stat-ico{grid-row:1 / 3;margin-top:2px}.stat-fact b{min-width:0;color:var(--h);font-size:clamp(17px,5.4vw,21px);line-height:1.15;white-space:normal;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.stat-fact span:not(.stat-ico){color:#e8d8b8;font-size:13px;line-height:1.3}.stat-wins{display:grid;gap:6px;margin:12px 0 0;padding:0;list-style:none}.stat-wins li{display:flex;align-items:center;gap:10px;padding:6px 10px 6px 6px;border-radius:999px;background:linear-gradient(90deg,#f5c51829,#f5c51808);color:#fff3d6;font-size:15px;line-height:1.25}.stat-wins b{color:#f5c518}.stat-wins .pos,.card-from .pos{flex:none;display:inline-grid;place-items:center;min-width:28px;height:28px;padding:0 4px;border-radius:999px;color:#e8d8b8;font-size:15px;font-weight:800}.stat-wins .pos.p1,.stat-wins .pos.p2,.stat-wins .pos.p3,.card-from .pos.p1,.card-from .pos.p2,.card-from .pos.p3{--pos-size: 28px;min-width:0;height:calc(var(--pos-size) * 7 / 6);padding:calc(var(--pos-size) * 7 / 24) 0 0;border-radius:0;color:#2a1a10}.stat-toggle-row{display:flex;justify-content:center;margin-top:6px}.stat-toggle{display:inline-flex;align-items:center;gap:6px;min-height:44px}.stat-toggle .stat-ico{width:18px;height:18px;color:currentColor;transition:rotate .2s}.stat-toggle[aria-expanded=true] .stat-ico{rotate:180deg}@media(prefers-reduced-motion:reduce){.stat-toggle .stat-ico{transition:none}}.stat-lines{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0 0;padding:0;list-style:none}.stat-lines li{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;column-gap:10px;min-height:56px;padding:10px 12px;color:#fff3d6;font-size:15px;font-weight:700;line-height:1.2;font-variant-numeric:tabular-nums}.stat-lines li>span:not(.stat-ico){min-width:0;overflow-wrap:anywhere}.stat-lines .w{grid-column:1 / -1}.stat-lines b{color:var(--h);font-size:1.4em;line-height:1;font-weight:800}.stat-lines small{display:block;margin-top:2px;color:#e8d8b8;font-size:13px;font-weight:600;line-height:1.3}.stat-lines .stat-l-calendar{--h: #b9a3f0}.stat-lines .stat-l-guapa{--h: #ffd76e}.stat-lines .stat-l-tap{--h: #f08fb8}.stat-lines .stat-l-judge{--h: #d79be8}.stat-lines .stat-l-hold{--h: #7fd4f0}.stat-lines .stat-l-star{--h: #f5c518}.stat-lines .stat-l-dizzy{--h: #c8e07a}.stat-l-judge b:nth-of-type(1){color:#f5c518}.stat-l-judge b:nth-of-type(2){color:#fff3d6}.stat-l-judge b:nth-of-type(3){color:#6fa8ff}.stat-errors-k{margin:12px 0 0;color:#e8d8b8;font-size:14px;text-align:center}.stat-errors{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:8px 0 0;padding:0;list-style:none}.stat-errors li{--tint: #e8d8b8;padding:1px 9px;border:1px solid color-mix(in srgb,var(--tint) 55%,transparent);border-radius:999px;background:color-mix(in srgb,var(--tint) 18%,transparent);color:#e8d8b8;font-size:13px;line-height:20px}.stat-errors .e-early{--tint: #b9a3f0}.stat-errors .e-late{--tint: #7fb2f0}.stat-errors .e-silent{--tint: #c9bba0}.stat-errors .e-move{--tint: #f08fb8}.stat-errors .e-both{--tint: #9ad48a}.stat-errors .e-hold{--tint: #e8b26a}.stat-errors b{color:#fff3d6}.stat-tip{width:fit-content;max-width:100%;box-sizing:border-box;margin:10px auto 0;padding:6px 10px;border-left:3px solid #f5c518;border-radius:4px;background:#fff3d60d;color:#fff3d6;font-size:14px;line-height:1.35;text-align:center}.stat-tip .btn-link{display:inline;min-height:0;padding:0 2px;font-size:14px}#stats-notice-menu{width:min(380px,calc(100vw - 32px - var(--sal) - var(--sar)));max-height:calc(100dvh - 32px - var(--sat) - var(--sab));padding:20px 20px 12px}#stats-notice-menu .notice-ribbon{position:relative;container-type:inline-size;aspect-ratio:400 / 92;margin:0 0 12px}#stats-notice-menu .notice-ribbon svg{display:block;width:100%;height:auto}#stats-notice-menu .notice-ribbon h2{position:absolute;inset:9% 16% 26%;display:grid;place-items:center;margin:0;color:#fff3d6;font-size:7.1cqw;line-height:1;white-space:nowrap;text-shadow:0 .06em 0 #4a0f14}.notice-steps{display:grid;margin:0;padding:0;list-style:none}.notice-steps li{display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;align-items:start;padding:12px 0;border-top:1px solid #e8d8b82e;color:#fff3d6;font-size:14px;line-height:1.35}.notice-steps li:first-child{padding-top:0;border-top:0}.notice-steps li:last-child{padding-bottom:4px}.notice-steps .pos{--pos-size: 32px}.notice-steps h3{margin:0 0 2px;color:#f5c518;font-size:16px;line-height:1.2}.notice-steps p{margin:0}.notice-steps .notice-hall{grid-column:1 / -1;display:flex;justify-content:center;margin-top:4px}#stats-notice-hall{width:auto;min-height:48px;padding:6px 22px;border-color:#f5c518;background:radial-gradient(120% 160% at 50% 0,#f5c51838,#f5c51808);box-shadow:0 0 14px #f5c51855,inset 0 0 0 1px #f5c51833}#stats-notice-menu .sheet-actions{gap:10px;margin-top:10px}.stats-facts{display:grid;gap:14px;margin:6px 0 4px;padding:0;list-style:none;text-align:left}.stats-facts li{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:12px;color:#e8d8b8;font-size:16px;line-height:1.3}.stats-facts svg{width:28px;height:28px;margin:0;fill:none;stroke:#f5c518;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}#profile-stats-note .stats-facts{gap:8px;margin:0}#profile-stats-note .stats-facts li{grid-template-columns:22px minmax(0,1fr);gap:10px;font-size:13px}#profile-stats-note .stats-facts svg{width:22px;height:22px}#card-menu{width:min(440px,calc(100vw - 32px - var(--sal) - var(--sar)));max-height:calc(100dvh - 32px - var(--sat) - var(--sab));padding:18px 20px 14px}body:has(:is(#board-menu,#seasons-menu,#account-menu)[open]) #card-menu{width:min(436px,calc(100vw - 66px - var(--sal) - var(--sar)));max-height:min(736px,calc(100dvh - 56px - var(--sat) - var(--sab)))}.card-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 10px;margin:0 28px 12px}.card-name{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0 6px;min-width:0;max-width:100%;margin:0}#card-menu .card-name{font-size:clamp(18px,5.6vw,30px)}.card-name .alias{white-space:normal;overflow-wrap:anywhere}.card-note{flex:0 0 100%;margin:0;color:#e8d8b8;font-size:14px;line-height:1.3;text-align:center;text-wrap:balance}.card-note[hidden]{display:none}.card-name .player-name{justify-content:center}.card-from{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:10px;margin:0 0 12px;padding:6px 10px 6px 8px;border-left:3px solid #f5c518;border-radius:4px;background:#fff3d60d}.card-from[hidden]{display:none}.card-from-pic{display:grid;place-items:center;height:40px}.card-from-pic svg{max-width:100%;max-height:100%}.card-from-k{display:block;color:#e8d8b8;font-size:13px;line-height:1.25}.card-from-v{display:flex;flex-wrap:wrap;align-items:center;gap:2px 8px;margin-top:2px;font-size:17px;line-height:1.2}.card-from .pts{color:#c9a7ff;white-space:nowrap;font-variant-numeric:tabular-nums}.card-from .lvl{padding:0 6px;border-radius:999px;color:#2a1a10;font-size:10px;font-weight:800;line-height:16px;letter-spacing:.05em}.card-box{position:relative;min-height:196px}.card-box .board-state{position:absolute;inset:0}.card-box [data-pending] :is(.stat-fact,.stat-toggle){color:transparent;pointer-events:none;animation:profile-pulse 1.2s ease-in-out infinite}.card-box [data-pending] :is(.stat-fact,.stat-toggle) *{visibility:hidden}.card-box:has([data-pending]) .board-state{clip-path:inset(50%)}@media(prefers-reduced-motion:reduce){.card-box [data-pending] :is(.stat-fact,.stat-toggle){animation:none}}.card-box .board-status .stat-ico{display:block;width:40px;height:40px;margin:0 auto 8px;color:#b5a385}.card-box .board-status .stat-ico svg{stroke-width:1.6}@media(max-width:359px){#card-menu,#account-menu{padding-inline:14px}.stat-fact{padding:8px;column-gap:6px}.stat-fact b{font-size:19px}.stat-fact .stat-ico{width:22px;height:22px}.stat-lines li{grid-template-columns:22px minmax(0,1fr);column-gap:6px;padding:8px}.stat-lines .stat-ico{width:22px;height:22px}}@media(max-width:519px){.stat-lines{grid-template-columns:1fr}}@media(max-width:519px){:is(#board-table,.board-head) :is(.c-pct,:is(th,td):nth-child(3)){display:none}#board-table .pct-sub{display:block;margin-top:2px;color:#e8d8b8b3;font-size:11px;font-weight:700;line-height:15px}#board-table tr.me .pct-sub{color:#f5c518cc}}@media(max-width:359px){#board-menu,#seasons-menu{padding-inline:12px}:is(#board-table,.board-head) .c-pos{width:2.1em}:is(#board-table,.board-head) .c-pts{width:4.7em}:is(#board-table,.board-head) :is(th,td):nth-child(4){padding-right:6px}#board-table td:nth-child(4){font-size:15px}#board-menu .board-state{gap:6px;padding-inline:0}#board-menu .board-previous{margin-top:0}}
