:root{--scale:1;--bg:#120a24;--bg-2:#1c1036;--panel:#241544;--line:#3a2766;--text:#f4ecff;--muted:#a99bc9;--pink:#ff2bd6;--cyan:#22e5ff;--yellow:#ffd23f;--purple:#8b5cff;--orange:#ff7a1a;--green:#3ddc84;--red:#ff4d6d;--radius:14px;--font-display:"Bungee", system-ui, sans-serif;--font-body:"Rajdhani", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;color:var(--text);font-family:var(--font-body);-webkit-tap-highlight-color:transparent;background:#07040f;margin:0;font-weight:600}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}button:disabled{opacity:.35;cursor:default}textarea{font:inherit;color:inherit}#stage{background:radial-gradient(circle at 50% 120%,#3b0f5c 0%,#0000 60%),repeating-linear-gradient(0deg,#0000 0 38px,#ffffff08 38px 39px),#07040f;justify-content:center;align-items:center;gap:32px;display:flex;position:fixed;inset:0}#phone{width:390px;height:844px;transform:scale(var(--scale));transform-origin:50%;margin:calc((var(--scale) - 1) * 422px) calc((var(--scale) - 1) * 195px);background:var(--bg);border-radius:44px;flex:none;position:relative;overflow:hidden;box-shadow:0 0 0 10px #000,0 0 0 12px #2a2a35,0 30px 80px #000a,0 0 120px #ff2bd622}#keys{width:200px;color:var(--muted);font-size:14px}#keys h2{font-family:var(--font-display);color:var(--cyan);margin:0;font-size:16px;font-weight:400}#keys p{margin:2px 0 14px;font-size:12px}#keys div{align-items:baseline;gap:10px;margin:6px 0;display:flex}#keys kbd{border:1px solid var(--line);background:var(--bg-2);min-width:64px;color:var(--text);text-align:center;border-bottom-width:3px;border-radius:6px;padding:2px 6px;font-family:ui-monospace,monospace;font-size:12px}@media (width<=720px){#keys{display:none}}body.native #stage{background:var(--bg)}body.native #phone{width:100%;height:100%;box-shadow:none;border-radius:0;margin:0;transform:none}body.native #keys{display:none}.screen{background:linear-gradient(180deg, #2a0f4a 0%, var(--bg) 38%), var(--bg);grid-template-rows:auto 1fr auto;display:grid;position:absolute;inset:0}.btn{border-radius:var(--radius);letter-spacing:.02em;border:0;padding:14px 16px;font-size:17px;font-weight:700}.btn.big{padding:18px;font-size:20px}.btn.primary{background:linear-gradient(180deg, #ff5ee3, var(--pink));color:#1a0420;font-family:var(--font-display);font-weight:400;box-shadow:0 6px #a3138a,0 10px 30px #ff2bd655}.btn.primary:active{transform:translateY(4px);box-shadow:0 2px #a3138a}.btn.ghost{border:1px solid var(--line);background:#ffffff10}.btn.chip{border:1px solid var(--line);background:#ffffff0d;border-radius:99px;padding:8px 12px;font-size:14px}.icon-btn{color:var(--muted);background:0 0;border:0;margin-left:auto;padding:6px 8px;font-size:16px}.overlay{z-index:10;text-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0b0618f2;flex-direction:column;justify-content:center;align-items:center;padding:32px;display:flex;position:absolute;inset:0}.cassette{background:linear-gradient(#2b2b3a,#18181f);border:2px solid #3d3d52;border-radius:14px;width:240px;height:152px;padding:14px;box-shadow:0 0 40px #22e5ff33}@keyframes spin{to{transform:rotate(360deg)}}.progress{background:#ffffff14;border-radius:99px;width:100%;height:10px;margin-top:14px;overflow:hidden}@keyframes slide{0%{transform:translate(-100%)}to{transform:translate(300%)}}.overlay-actions{gap:10px;display:flex}.sec-card{text-align:left;background:color-mix(in srgb, var(--sec) 30%, var(--panel));border:0;border-top:4px solid var(--sec);border-radius:10px;flex-direction:column;flex:none;justify-content:space-between;height:76px;padding:8px;display:flex;position:relative;overflow:hidden}.sec-card.selected{box-shadow:0 0 0 2px var(--text), 0 0 18px color-mix(in srgb, var(--sec) 70%, transparent)}.sec-card.playing{background:color-mix(in srgb, var(--sec) 50%, var(--panel))}.sec-name{font-family:var(--font-display);white-space:nowrap;font-size:12px;position:relative}.sec-bars{color:#fffc;font-size:12px;position:relative}.sec-progress{background:var(--text);width:0;height:4px;position:absolute;bottom:0;left:0}.sec-intro{--sec:var(--cyan)}.sec-verse{--sec:var(--purple)}.sec-chorus{--sec:var(--pink)}.sec-bridge{--sec:var(--yellow)}.sec-interlude,.sec-solo{--sec:var(--orange)}.sec-outro{--sec:var(--green)}.sec-song{--sec:var(--muted)}h3[class^=sec-]{color:var(--sec)}.empty{color:#555;text-align:center;margin:50px 0}@keyframes pulse{50%{box-shadow:0 0 0 10px #22e5ff22,0 8px 24px #22e5ff44}}.lead{margin:16px 0 6px;font-size:20px}.muted{color:var(--muted)}.small{font-size:13px}.overlay.sheet{background:#0b0618cc;justify-content:flex-end;padding:0}.sheet-card{width:100%;padding:22px 20px max(env(safe-area-inset-bottom), 22px);background:var(--bg-2);border-radius:24px 24px 0 0}.sheet-title{text-align:left;margin:0 0 12px;font-size:18px}.sheet-card input{border:2px solid var(--line);border-radius:var(--radius);width:100%;color:var(--text);font:inherit;background:#0f0820;outline:none;padding:14px;font-size:18px}.sheet-card input:focus{border-color:var(--pink);box-shadow:0 0 20px #ff2bd633}.sheet-card .overlay-actions{justify-content:flex-end;margin-top:14px}@keyframes center-pop{0%{transform:translate(-50%,-50%)scale(.6)}}.bubble{border:2px solid var(--cyan);width:124px;min-height:64px;color:var(--text);text-align:center;background:#22e5ff1a;border-radius:999px;place-items:center;padding:10px 12px;font-size:16px;line-height:1.15;transition:transform .2s,background .2s;animation:.4s cubic-bezier(.2,1.4,.4,1) both bubble-in;display:grid;position:absolute;box-shadow:0 0 18px #22e5ff22}.bubble:active{transform:scale(.95)}.bubble.chosen{background:var(--cyan);color:#031a20;transform:scale(1.1)}.bubble.write{border-style:dashed;border-color:var(--muted);width:160px;min-height:48px;box-shadow:none;background:0 0;margin-left:-80px;font-size:15px;animation-delay:.24s;bottom:0;left:50%}.bubble.loading{border-color:var(--line);box-shadow:none;background:#ffffff08;animation:1s ease-in-out infinite alternate loading-pulse}@keyframes bubble-in{0%{opacity:0;transform:scale(.4)}}@keyframes loading-pulse{0%{opacity:.3}to{opacity:.8}}.lyric-line{text-align:left;width:100%;color:var(--muted);background:0 0;border:0;padding:5px 0;font-size:19px;line-height:1.35;display:block}.lyric-line.filled{color:var(--text)}.lyric-line.current{color:var(--text);font-size:22px}.lyric-line .pick{color:var(--yellow)}@keyframes blank-pulse{to{border-color:var(--cyan);color:var(--cyan)}}.option{border:2px solid var(--cyan);text-align:left;background:#22e5ff14;border-radius:14px;align-items:baseline;gap:8px;padding:12px 10px;font-size:16px;display:flex}.option b{color:var(--cyan);font-size:12px}.option.chosen{background:var(--cyan);color:#031a20}.option.write{border-style:dashed;border-color:var(--muted);background:0 0;grid-column:span 2;justify-content:center}@keyframes write{0%{transform:translate(-12px)rotate(-8deg)}to{transform:translate(12px)rotate(8deg)}}.screen.stage{touch-action:none;-webkit-user-select:none;user-select:none;background:#0a0518;display:block;overflow:hidden}.stage-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.hud{padding:max(env(safe-area-inset-top), 16px) 14px 0;pointer-events:none;grid-template-columns:1fr auto 1fr auto;align-items:start;gap:8px;display:grid;position:absolute;top:0;left:0;right:0}.hud b{font-family:var(--font-display);font-size:24px;line-height:1;display:block}.hud span{color:var(--muted);font-size:12px}.hud-title{color:var(--muted);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:140px;padding-top:6px;font-size:13px;overflow:hidden}.hud-combo{text-align:right;position:relative}.hud-mult{font-style:normal;font-family:var(--font-display);color:var(--cyan);margin-top:4px;font-size:14px;display:inline-block}.hud-mult.hot{color:var(--yellow);text-shadow:0 0 10px var(--yellow)}.pause-btn{pointer-events:auto;background:#ffffff18;border:0;border-radius:50%;width:38px;height:38px;font-size:13px}.section-banner{text-align:center;pointer-events:none;font-family:var(--font-display);color:var(--sec,var(--text));opacity:0;text-shadow:0 0 20px color-mix(in srgb, var(--sec,#fff) 70%, transparent);font-size:34px;position:absolute;top:17%;left:0;right:0}.section-banner.show{opacity:.9}.section-banner.pop{animation:1.6s ease-out forwards banner}.section-banner.count{opacity:1;color:var(--text);font-size:80px;animation:none}@keyframes banner{0%{opacity:0;transform:scale(1.6)}15%{opacity:1;transform:scale(1)}70%{opacity:1}to{opacity:0}}.judgement{text-align:center;pointer-events:none;font-family:var(--font-display);opacity:0;font-size:28px;position:absolute;bottom:34%;left:0;right:0}.judgement.perfect{color:var(--yellow)}.judgement.good{color:var(--cyan)}.judgement.miss{color:var(--red)}.judgement.pop{animation:.45s ease-out forwards judge}@keyframes judge{0%{opacity:1;transform:scale(1.4)}to{opacity:0;transform:scale(1)translateY(-14px)}}.touch-layer{grid-template-columns:repeat(4,1fr);height:42%;display:grid;position:absolute;bottom:0;left:0;right:0}.touch-lane{padding-bottom:max(env(safe-area-inset-bottom), 18px);justify-content:center;align-items:flex-end;transition:background 80ms;display:flex}.touch-lane span{font-family:var(--font-display);color:#ffffff40;font-size:14px}body.native .touch-lane span{display:none}.touch-lane.down{background:linear-gradient(0deg, color-mix(in srgb, var(--lane) 35%, transparent), transparent)}.touch-lane.lane-0{--lane:var(--cyan)}.touch-lane.lane-1{--lane:var(--pink)}.touch-lane.lane-2{--lane:var(--yellow)}.touch-lane.lane-3{--lane:var(--purple)}.stage-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:5;background:#0a0518d9;justify-content:center;align-items:center;padding:24px;display:none;position:absolute;inset:0}.stage-overlay.open{display:flex}.stage-card{text-align:center;flex-direction:column;gap:10px;width:100%;display:flex}.stage-card h2{font-family:var(--font-display);margin:0 0 8px;font-size:26px;font-weight:400}.stage-kicker{color:var(--muted);margin:0}.difficulty{gap:10px;margin-bottom:8px;display:grid}.btn.diff{border:2px solid var(--cyan);text-align:left;background:#22e5ff14;flex-direction:column;align-items:flex-start;gap:2px;display:flex}.btn.diff b{font-family:var(--font-display);font-size:20px;font-weight:400}.btn.diff span{color:var(--muted);font-size:14px}.calibration{justify-content:center;align-items:center;gap:10px;margin-top:6px;display:flex}.calibration span{color:var(--muted)}.calibration b{min-width:70px}.letter{font-family:var(--font-display);font-size:96px;line-height:1}.band-layer{pointer-events:none;background:url(/anim/sahne_arka.jpg) 50% 70%/cover no-repeat;height:40%;position:absolute;top:0;left:0;right:0;-webkit-mask-image:linear-gradient(#000 72%,#0000);mask-image:linear-gradient(#000 72%,#0000)}.band-member{position:absolute;overflow:hidden;transform:translate(-50%)}:root{--font-hand:"Permanent Marker", "Bungee", cursive;--ink:#16101f;--paper:#fbf6ea}.screen.game{background:var(--paper);color:var(--ink);-webkit-user-select:none;user-select:none;display:block;overflow:hidden}.game-bg{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;inset:0}.game-top{z-index:5;padding:max(env(safe-area-inset-top), 14px) 12px 0;grid-template-columns:44px 1fr 64px;align-items:center;gap:6px;display:grid;position:absolute;top:0;left:0;right:0}.sticker-title{font:400 26px/1 var(--font-display);letter-spacing:1px;text-transform:uppercase;color:#fff;white-space:nowrap;clip-path:polygon(2% 8%,98% 0,100% 88%,3% 100%);text-shadow:3px 3px 0 var(--pink);box-shadow:0 0 0 4px var(--pink);background:#111;justify-self:center;margin:0;padding:6px 18px 4px;transform:rotate(-3deg)}.icon-btn{border:3px solid var(--ink);width:42px;height:42px;color:var(--ink);font:400 22px/1 var(--font-display);box-shadow:3px 3px 0 var(--ink);background:#fff;border-radius:12px;font-family:system-ui,Apple Color Emoji,sans-serif}.icon-btn:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.pips{justify-content:flex-end;gap:5px;margin:0;padding:0;list-style:none;display:flex}.pips li{border:2px solid var(--ink);background:#fff;border-radius:50%;width:12px;height:12px}.pips li.on{background:var(--pink)}.pips li.done{background:var(--ink)}.btn-go{border:4px solid var(--ink);background:var(--pink);color:#fff;width:100%;font:400 22px/1.1 var(--font-display);text-transform:uppercase;letter-spacing:1px;text-shadow:2px 2px 0 var(--ink);box-shadow:0 6px 0 var(--ink);border-radius:16px;padding:14px 16px;display:block;transform:rotate(-1deg)}.btn-go.big{white-space:nowrap;padding:15px 10px;font-size:22px}.btn-go:active:not(:disabled){box-shadow:0 2px 0 var(--ink);transform:rotate(-1deg)translateY(4px)}.btn-go:disabled{opacity:1;color:#eee;text-shadow:none;background:#bbb}.btn-go.record{background:#ff2f4f;animation:1.2s ease-in-out infinite pulse-rec}@keyframes pulse-rec{50%{box-shadow:0 6px 0 var(--ink), 0 0 26px #ff2f4f}}.game-foot{z-index:6;left:16px;right:16px;bottom:max(env(safe-area-inset-bottom), 16px);position:absolute}.write-own{border:3px dashed var(--ink);color:var(--ink);font:400 15px/1 var(--font-display);text-transform:uppercase;background:#fff;border-radius:12px;padding:10px 14px}.jam .game-bg{filter:saturate(1.1)brightness(.9)}.cast{z-index:2;pointer-events:none;height:470px;transition:bottom .35s;position:absolute;bottom:210px;left:0;right:0}.member{transform-origin:50% 100%;filter:drop-shadow(0 6px #0006);width:auto;height:88%;transition:filter .25s,transform .25s;position:absolute;bottom:0}.m-defne{height:84%;left:-14%}.m-bora{z-index:1;height:96%;left:14%}.m-tuna{z-index:2;height:80%;right:12%}.m-ece{height:88%;right:-14%}.member.dim{filter:brightness(.55)saturate(.7)drop-shadow(0 6px #0006)}.member.speaking{z-index:3;filter:drop-shadow(0 0 18px #fff8)drop-shadow(0 6px #0006);transform:scale(1.06)}.member.bump{animation:.45s ease-out bump}@keyframes bump{30%{transform:translateY(-26px)scale(1.08)}60%{transform:translateY(0)scale(1.03)}}.dialog{z-index:4;left:12px;right:12px;bottom:max(env(safe-area-inset-bottom), 18px);border:4px solid var(--ink);min-height:176px;box-shadow:6px 6px 0 var(--ink);cursor:pointer;background:#fff;border-radius:18px;padding:30px 18px 18px;position:absolute}.name-tag{background:var(--c,var(--yellow));border:3px solid var(--ink);font:400 20px/1 var(--font-display);text-transform:uppercase;padding:6px 14px 4px;position:absolute;top:-20px;left:16px;transform:rotate(-3deg)}.dialog-text{font:400 22px/1.3 var(--font-hand);color:var(--ink);margin:0}.tap-hint{font-size:18px;animation:1s steps(2,end) infinite blink;position:absolute;bottom:10px;right:16px}.dialog.thinking .tap-hint{display:none}@keyframes blink{50%{opacity:0}}.dots{gap:8px;padding-top:10px;display:inline-flex}.dots i{background:var(--ink);border-radius:50%;width:12px;height:12px;animation:1s infinite dot}.dots i:nth-child(2){animation-delay:.15s}.dots i:nth-child(3){animation-delay:.3s}@keyframes dot{40%{transform:translateY(-8px)}}.choices{z-index:4;left:10px;right:10px;bottom:max(env(safe-area-inset-bottom), 14px);background:var(--paper);border:4px solid var(--ink);box-shadow:6px 6px 0 var(--ink);border-radius:20px;padding:22px 12px 12px;position:absolute}.choices.enter{animation:.3s ease-out rise}.choices.leave{animation:.2s ease-in forwards sink}@keyframes rise{0%{opacity:0;transform:translateY(60px)}}@keyframes sink{to{opacity:0;transform:translateY(60px)}}.question{white-space:nowrap;text-overflow:ellipsis;color:#fff;max-width:94%;font:400 15px/1 var(--font-display);text-transform:uppercase;box-shadow:0 0 0 3px var(--cyan);background:#111;margin:0;padding:7px 14px 5px;position:absolute;top:-22px;left:50%;overflow:hidden;transform:translate(-50%)rotate(-2deg)}.opts{grid-template-columns:1fr 1fr;gap:9px;display:grid}.choice-actions{grid-template-columns:auto 1fr;align-items:center;gap:10px;margin-top:12px;display:grid}.choice-actions .btn-go{white-space:nowrap;padding:12px 8px;font-size:19px}.idea-done .choice-actions{grid-template-columns:1fr}.idea-note{font:400 26px/1.2 var(--font-hand);text-align:center;color:var(--ink);margin:8px 6px 0}.file{z-index:2;left:14px;right:14px;top:calc(max(env(safe-area-inset-top), 14px) + 62px);border:4px solid var(--ink);background:#e9c46a repeating-linear-gradient(90deg,#0000 0 22px,#0000000a 22px 23px);border-radius:6px 16px 16px;padding:30px 12px 12px;position:absolute;transform:rotate(-.6deg);box-shadow:6px 6px #0007}.file-tab{border:4px solid var(--ink);font:400 13px/1 var(--font-display);background:#e9c46a;border-bottom:0;border-radius:10px 10px 0 0;padding:5px 14px 6px;position:absolute;top:-22px;left:-4px}.file-idea{font:400 21px/1.15 var(--font-hand);color:var(--ink);text-align:center;place-items:center;min-height:48px;margin:0 0 10px;display:grid}.slots{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.slot{aspect-ratio:3/4;text-align:center;font:400 11px/1.1 var(--font-display);text-transform:uppercase;color:#0009;background:#fff6;border:3px dashed #0006;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;display:flex}.slot small{font:600 10px/1 var(--font-body);text-transform:none;margin-top:4px}.slot:first-child,.slot:nth-child(2){border-color:var(--ink)}.slot.filled{background:0 0;border:0}.slot .gcard{width:100%;height:100%}.slot .gcard.drop{animation:.35s ease-out drop}@keyframes drop{0%{opacity:.4;transform:translateY(-80px)rotate(-12deg)scale(1.2)}}.gcard{border:3px solid var(--ink);background:var(--c);box-shadow:3px 3px 0 var(--ink);aspect-ratio:3/4;border-radius:10px;padding:0;transition:transform .12s;position:relative;overflow:hidden}.gcard img{object-fit:cover;border:2px solid var(--ink);border-radius:6px;width:calc(100% - 8px);height:calc(100% - 26px);position:absolute;inset:4px 4px 22px}.gcard-name{border:2px solid var(--ink);font:400 10px/1.1 var(--font-display);text-transform:uppercase;color:var(--ink);white-space:nowrap;text-overflow:ellipsis;text-align:center;background:#fff;border-radius:4px;padding:2px 2px 1px;position:absolute;bottom:3px;left:4px;right:4px;overflow:hidden}.gcard:active{transform:scale(.96)}.gcard.used{filter:grayscale(.85)brightness(.8)}.gcard.used:after{content:"";background:var(--ink);color:#fff;text-align:center;border-radius:50%;width:24px;height:24px;font-size:14px;line-height:24px;position:absolute;top:6px;right:6px;background-image:url(/art/ikon/check.webp)!important;background-position:50%!important;background-repeat:no-repeat!important;background-size:80%!important}.gcard.in-slot{filter:none}.gcard.in-slot:after{display:none}.pick-sticker{background:var(--yellow);border:2px solid var(--ink);font:400 9px/1 var(--font-display);text-transform:uppercase;color:var(--ink);padding:3px 8px 2px;position:absolute;top:8px;left:-4px;transform:rotate(-8deg)}.hand{z-index:3;left:0;right:0;bottom:calc(max(env(safe-area-inset-bottom), 16px) + 84px);padding:0 14px;position:absolute}.tabs{gap:6px;margin-bottom:8px;display:flex}.tabs button{border:3px solid var(--ink);color:var(--ink);font:400 14px/1 var(--font-display);text-transform:uppercase;box-shadow:2px 2px 0 var(--ink);background:#fff;border-radius:10px 10px 4px 4px;flex:1;padding:8px 4px 6px}.tabs button.on{background:var(--ink);color:var(--yellow)}.hand-grid{gap:8px;display:grid}.hand-grid.n6{grid-template-columns:repeat(3,1fr);padding:0 6px}.hand-grid.n8{grid-template-columns:repeat(4,1fr)}.card-info{border:3px solid var(--ink);min-height:34px;font:600 14px/1.2 var(--font-body);color:var(--ink);text-align:center;background:#fff;border-radius:10px;margin:8px 0 0;padding:6px 10px}.card-info b{font-family:var(--font-display);font-weight:400}.deck-strip{z-index:3;left:0;right:0;top:calc(max(env(safe-area-inset-top), 14px) + 54px);justify-content:center;align-items:center;gap:5px;display:flex;position:absolute}.deck-strip img{object-fit:cover;border:2px solid var(--ink);width:30px;height:30px;box-shadow:0 0 0 2px var(--c);border-radius:7px}.deck-strip span{color:#fff;font:400 11px/1 var(--font-display);text-transform:uppercase;background:#111;margin-left:4px;padding:3px 7px}.notebook{z-index:2;left:22px;right:22px;top:calc(max(env(safe-area-inset-top), 14px) + 96px);border:4px solid var(--ink);height:372px;box-shadow:7px 7px 0 var(--ink);background:linear-gradient(90deg,#0000 30px,#ff4d6d88 30px 32px,#0000 32px),repeating-linear-gradient(#fff 0 34px,#9ecbff 34px 36px) 0 30px,#fff;border-radius:6px 14px 14px 6px;flex-direction:column;padding:34px 12px 8px 40px;display:flex;position:absolute;transform:rotate(-1deg)}.notebook:before{content:"";background:radial-gradient(circle at 11px 11px, #fff 0 5px, var(--ink) 5px 8px, transparent 8.5px) 0 0 / 22px 30px;width:22px;position:absolute;top:18px;bottom:18px;left:-14px}.notebook.turn{animation:.4s ease-out turn}@keyframes turn{0%{opacity:0;transform:translate(110%)rotate(12deg)}}.page-label{background:var(--yellow);border:3px solid var(--ink);font:400 17px/1 var(--font-display);text-transform:uppercase;padding:6px 14px 4px;position:absolute;top:-18px;right:18px;transform:rotate(3deg)}.nb-lines{flex-direction:column;flex:1;justify-content:flex-start;min-height:0;display:flex}.lyric-line{font:400 17px/30px var(--font-hand);color:var(--ink);margin:0 0 6px}.nb-lines:has(.lyric-line:nth-child(5)) .lyric-line{margin:0 0 2px;font-size:14px;line-height:25px}.spot{-webkit-box-decoration-break:clone;box-decoration-break:clone;font:inherit;color:var(--ink);line-height:inherit;text-align:left;white-space:normal;background:linear-gradient(#0000 52%,#ffd23f 52% 92%,#0000 92%);border:0;border-radius:6px;padding:0 4px;display:inline;position:relative}.spot i{vertical-align:super;margin-right:3px;font-size:12px;font-style:normal}.spot.on{outline:3px solid var(--ink);outline-offset:0;background:#fff3;animation:1.4s ease-in-out infinite glow}@keyframes glow{50%{box-shadow:0 0 16px #ff2bd6aa}}.spot.changed:after{content:"";width:14px;height:14px;color:var(--pink);background:url(/art/ikon/star.webp) 50%/contain no-repeat;font-size:13px;position:absolute;top:-10px;right:-6px}.nb-hint{font:600 13px/1.2 var(--font-body);color:#0008;text-align:center;margin:0}.notebook.writing .nb-lines{justify-content:center;align-items:center}.scribble{flex-direction:column;gap:14px;width:80%;display:flex}.scribble span{background:var(--ink);opacity:.18;transform-origin:0;border-radius:4px;height:8px;animation:1.6s ease-in-out infinite scribble}.scribble span:nth-child(2){width:80%;animation-delay:.2s}.scribble span:nth-child(3){width:92%;animation-delay:.4s}.scribble span:nth-child(4){width:60%;animation-delay:.6s}@keyframes scribble{0%{transform:scaleX(0)}60%,to{transform:scaleX(1)}}.writing-quote{font:400 19px/1.3 var(--font-hand);text-align:center;color:var(--ink);margin:24px 0 0}.picker{z-index:3;left:14px;right:14px;bottom:calc(max(env(safe-area-inset-bottom), 16px) + 84px);flex-direction:column;justify-content:flex-end;align-items:center;gap:8px;display:flex;position:absolute}.picker:empty{display:none}.picker-title{color:#fff;font:400 14px/1 var(--font-display);text-transform:uppercase;background:#111;margin:0;padding:5px 12px 3px;transform:rotate(-2deg)}.picker-opts{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}.tape-pick{border:3px solid var(--ink);background:var(--c);color:var(--ink);font:400 17px/1.15 var(--font-hand);box-shadow:3px 3px 0 var(--ink);clip-path:polygon(0 6%,100% 0,98% 94%,2% 100%);border-radius:8px;padding:10px 8px}.tape-pick:nth-child(odd){transform:rotate(-1.2deg)}.tape-pick:nth-child(2n){transform:rotate(1deg)}.tape-pick.on{outline-offset:-8px;box-shadow:0 0 0 3px var(--ink), 4px 4px 0 3px var(--ink);outline:4px solid #fff}.r-defne{animation-delay:.1s;left:-12%}.r-bora{height:100%;left:16%}.r-tuna{height:84%;animation-duration:.45s;right:14%}.r-ece{animation-delay:.3s;right:-12%}@keyframes groove{to{transform:translateY(-6px)rotate(1.5deg)}}.screen.tape{padding:calc(max(env(safe-area-inset-top), 14px) + 60px) 16px 0;flex-direction:column;align-items:center;gap:10px;display:flex}.tape .game-top{position:absolute}@keyframes sing{to{transform:translate(-50%)translateY(-5px)scale(1.02)}}.tape>.game-top,.tape>.game-foot{z-index:5}.gcard.locked{filter:grayscale()brightness(.45)}.gcard.locked:after{content:"";background:url(/art/karargah/kilit.webp) 50% 42%/30% no-repeat;width:auto;height:auto;position:absolute;inset:0}.gcard.nope{animation:.35s nope}@keyframes nope{25%{transform:translate(-6px)}75%{transform:translate(6px)}}.screen.stage .band-layer{background:url(/art/sahne.jpg) 50% 30%/cover no-repeat;height:46%;-webkit-mask-image:linear-gradient(#000 80%,#0000);mask-image:linear-gradient(#000 80%,#0000)}.screen.stage{--bob:0}.band-sprite{transform-origin:50% 100%;filter:drop-shadow(0 5px #0007);transform:translateX(-50%) translateY(calc(var(--bob) * -5px)) scaleY(calc(1 - var(--bob) * .015));position:absolute;bottom:10%}.screen.stage.hot .band-sprite{transform:translateX(-50%) translateY(calc(var(--bob) * -12px)) rotate(calc(var(--bob) * -2deg))}.s-defne{height:62%;left:15%}.s-bora{height:64%;left:79%}.s-ece{height:58%;bottom:14%;left:97%}.s-guest{aspect-ratio:2/3;object-fit:contain;z-index:2;filter:drop-shadow(0 0 16px #ff2bd699)drop-shadow(0 5px #0008);width:auto;height:66%;bottom:5%;left:42%}.m-video-tuna{z-index:0}.screen.stage .hud{z-index:4;grid-template-columns:auto 1fr auto auto}.screen.stage .hud-score{color:#fff;box-shadow:0 0 0 3px var(--pink);clip-path:polygon(0 6%,100% 0,97% 100%,3% 94%);background:#111;padding:6px 10px 4px;transform:rotate(-3deg)}.screen.stage .hud-score b{font-size:22px}.screen.stage .hud-score span,.screen.stage .hud-combo span{color:#fffa;font:600 10px/1 var(--font-body);text-transform:uppercase}.screen.stage .hud-title{color:#fff;text-shadow:1px 1px #000;align-self:center}.screen.stage .hud-combo{color:#fff;box-shadow:0 0 0 3px var(--cyan);background:#111;padding:6px 10px 4px;transform:rotate(3deg)}.screen.stage .hud-combo b{font-size:18px}.screen.stage .hud-mult{color:var(--cyan);font-size:20px}.screen.stage .pause-btn{color:var(--ink);border:3px solid var(--ink);box-shadow:2px 2px 0 var(--ink);background:#fff}.screen.stage .judgement{font:400 34px/1 var(--font-display);-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;text-shadow:3px 3px 0 var(--ink);letter-spacing:1px;text-transform:uppercase;transform:rotate(-4deg)}.screen.stage .section-banner{font:400 40px/1 var(--font-display);color:var(--yellow);-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;text-shadow:4px 4px 0 var(--ink);text-transform:uppercase;z-index:4;top:7%}.screen.stage .stage-overlay{background:#0a0518cc}.screen.stage .stage-card{background:var(--paper);color:var(--ink);border:4px solid var(--ink);box-shadow:6px 6px 0 var(--ink);border-radius:18px;padding:22px 16px 16px}.screen.stage .stage-card h2{color:var(--ink)}.screen.stage .stage-kicker,.screen.stage .stage-card .muted{color:#0009}.screen.stage .btn.diff{border:3px solid var(--ink);box-shadow:3px 3px 0 var(--ink);color:var(--ink);background:#fff}.screen.stage .btn.diff span{color:#0009}.screen.stage .btn.ghost{border:3px solid var(--ink);color:var(--ink);background:#fff}.screen.stage .btn.primary{background:var(--pink);border:3px solid var(--ink);box-shadow:0 5px 0 var(--ink)}.screen.stage .calibration span{color:#0009}.screen.result{background:#160a2a}@keyframes confetti{to{transform:translateY(900px)rotate(720deg)}}@keyframes stamp{to{opacity:1;transform:scale(1) rotate(var(--r,-3deg))}}@keyframes flipin{0%{transform:rotateY(90deg)scale(.6)}60%{transform:rotateY(-12deg)scale(1.1)}to{transform:none}}@keyframes cheer{to{transform:translateY(-14px)rotate(2deg)}}@keyframes cheer-c{0%{transform:translate(-50%)}to{transform:translate(-50%)translateY(-18px)}}.btn-go.cyan{background:var(--cyan);color:var(--ink);text-shadow:none;transform:rotate(1deg)}.crowd-side{z-index:2;pointer-events:none;filter:brightness(.5)saturate(1.3)drop-shadow(0 0 8px #000);height:62%;transform:translateY(calc(var(--bob) * -6px));position:absolute;bottom:0}.screen.stage.hot .crowd-side{filter:brightness(.62)saturate(1.4)drop-shadow(0 0 8px #000);transform:translateY(calc(var(--bob) * -14px))}@keyframes lyric-in{0%{opacity:0;transform:translateY(10px)scale(.92)}}body:not(.native) .touch-lane span{opacity:.4}.crowd-side{height:52%}.crowd-side{z-index:0;filter:brightness(.38)saturate(1.5)drop-shadow(0 0 6px #000);height:54%;top:30%;bottom:auto}.cs-left{left:-22%}.cs-right{right:-22%}.screen.stage .stage-canvas{z-index:1}.screen.stage{background:radial-gradient(at 50% 70%,#241046 0%,#0a0518 75%)}.screen.stage .band-layer{z-index:2}.screen.stage .touch-layer{z-index:5}.screen.stage .hud{z-index:6}.screen.stage .stage-overlay{z-index:8}.band-member.m-guest{z-index:3;filter:drop-shadow(0 0 14px #ff2bd699)}.band-member.m-tuna{z-index:0}.band-member.m-defne,.band-member.m-bora,.band-member.m-ece{z-index:1}div.crowd-side{width:auto;position:absolute}div.crowd-side .band-member{transform:translate(-50%)}.screen.stage .band-layer{height:var(--stage-h,40%);background-size:100%;background-position:center var(--stage-bg-y,0);background-color:#12081f;overflow:hidden;-webkit-mask-image:none;mask-image:none}.screen.stage .hud-title{left:16px;top:calc(max(env(safe-area-inset-top), 16px) + 62px);text-align:left;max-width:60%;padding:0;font-size:12px;position:absolute}.screen.stage .hud-combo{grid-column:3;justify-self:end}.screen.stage .pause-btn{grid-column:4}.crowd-back{z-index:0;top:calc(var(--stage-h,40%) - 2%);pointer-events:none;filter:brightness(.25)saturate(1.2)blur(.5px);height:34%;transform:translateY(calc(var(--bob) * -3px));position:absolute}.screen.stage .crowd-side{top:calc(var(--stage-h,40%) + 6%)}.screen.stage .section-banner{top:calc(var(--stage-h,40%) - 30px);z-index:6;font-size:46px}.screen.stage .judgement{z-index:6}.lyric-bubble{z-index:4;top:calc(var(--stage-h,40%) + 10%);border:3px solid var(--ink);max-width:44%;box-shadow:4px 4px 0 var(--ink);pointer-events:none;opacity:0;background:#fff;border-radius:16px;padding:8px 12px 9px;transition:opacity .18s,transform .18s;position:absolute;transform:scale(.6)}.lyric-bubble p{color:var(--ink);font:400 16px/1.15 var(--font-hand);text-align:center;margin:0}.lyric-bubble:after{content:"";border:3px solid var(--ink);background:#fff;border-top:0;width:18px;height:14px;position:absolute;bottom:-14px}.lb-left{transform-origin:20% 100%;left:8px}.lb-left:after{clip-path:polygon(0 0,100% 0,0 100%);border-right:0;left:22px}.lb-right{transform-origin:80% 100%;right:8px}.lb-right:after{clip-path:polygon(0 0,100% 0,100% 100%);border-left:0;right:22px}.lyric-bubble.show{opacity:.8;transform:scale(.94)}.lyric-bubble.sing{opacity:1;background:var(--yellow);transform:scale(1.04)rotate(-1.5deg)}.lyric-bubble.sing:after{background:var(--yellow)}.lb-right.sing{transform:scale(1.04)rotate(1.5deg)}.lyric-bubble{top:calc(var(--stage-h,40%) + 2%);max-width:34%}.lyric-bubble p{font-size:14px}.lb-left{left:6px}.lb-right{right:6px}.screen.stage .crowd-side{filter:brightness(.38)saturate(1.5)}.screen.stage.hot .crowd-side{filter:brightness(.5)saturate(1.6)}.screen.stage .crowd-back{filter:brightness(.25)saturate(1.2)}.screen.stage .band-member.m-guest{filter:none}.screen.stage.diag-noband .band-member,.screen.stage.diag-noband .band-sprite,.screen.stage.diag-nocrowd .crowd-side,.screen.stage.diag-nocrowd .crowd-back{display:none}.diag-label{z-index:7;color:#fff;pointer-events:none;background:#000c;border-radius:8px;padding:4px 10px;font:700 13px/1 monospace;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.screen.stage,.screen.stage *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.band-cell{background-repeat:no-repeat;position:absolute;inset:0}.jam{background:#120a1c}.jam .scene{z-index:1;aspect-ratio:2/3;transform-origin:50% 100%;height:calc(100% - 176px);transition:transform .35s,bottom .35s;position:absolute;bottom:176px;left:50%;transform:translate(-50%)scale(1.15)}.jam .scene-fill{object-fit:cover;filter:blur(10px)brightness(.5);width:100%;height:100%;position:absolute;inset:0;transform:scale(1.1)}.jam .scene-bg{filter:saturate(1.1)brightness(.92);width:100%;height:100%;position:absolute;inset:0}.jam .cast{aspect-ratio:auto;height:auto;position:absolute;inset:0}.jam .member{left:var(--x);bottom:var(--y);height:var(--h);transform-origin:50% 100%;filter:drop-shadow(0 8px 6px #0007);width:auto;position:absolute;transform:translate(-50%)}.jam .m-bora{--x:41%;--y:18%;--h:57%;z-index:1}.jam .m-ece{--x:77%;--y:18%;--h:57%;z-index:1}.jam .m-defne{--x:26%;--y:10%;--h:65%;z-index:2}.jam .m-tuna{--x:60%;--y:10%;--h:65%;z-index:2}.jam .member.dim{filter:brightness(.6)saturate(.75)drop-shadow(0 8px 6px #0007)}.jam .member.speaking{filter:drop-shadow(0 0 14px #fff7)drop-shadow(0 8px 6px #0007);transform:translate(-50%)scale(1.04)}.jam .member.bump{animation:.45s ease-out jam-bump}@keyframes jam-bump{30%{transform:translate(-50%)translateY(-6%)scale(1.06)}60%{transform:translate(-50%)scale(1.03)}}.jam:has(.choices:not([hidden])) .cast{height:auto;bottom:0}.jam:has(.choices:not([hidden])) .scene{bottom:var(--scene-b,376px);transform:translateX(-50%) scale(var(--scene-k,.7))}.jam .opts{flex-direction:column;gap:7px;display:flex}.opt-row{border:3px solid var(--ink);background:var(--c);width:100%;min-height:54px;color:var(--ink);text-align:left;font:400 18px/1.12 var(--font-hand);box-shadow:3px 3px 0 var(--ink);border-radius:14px;align-items:center;gap:10px;padding:5px 42px 5px 6px;transition:transform .12s,box-shadow .12s;display:flex;position:relative}.opt-row:active{box-shadow:1px 1px 0 var(--ink);transform:translateY(2px)}.opt-head{border:3px solid var(--ink);object-fit:cover;object-position:50% 0;background:#fff;border-radius:50%;flex:none;width:44px;height:44px}.opt-head.own{place-items:center;font-size:20px;line-height:1;display:grid}.opt-text{flex:1}.opt-check{border:3px solid var(--ink);background:#fff;border-radius:50%;width:24px;height:24px;margin-top:-12px;position:absolute;top:50%;right:10px}.opt-row.on{box-shadow:0 0 0 3px #fff, 0 0 0 6px var(--ink);transform:translate(3px)}.opt-row.on .opt-check{background:var(--ink)}.opt-row.on .opt-check:after{content:"";color:#fff;text-align:center;background:url(/art/ikon/check.webp) 50%/80% no-repeat;font:700 13px/18px sans-serif;position:absolute;inset:0}.jam .opt-row.write-own{box-shadow:none;font:400 16px/1 var(--font-display);text-transform:uppercase;background:#fff;border-style:dashed;margin-top:7px;padding-right:12px}.jam .choices>.btn-go{width:100%;margin-top:10px;padding:13px 8px;font-size:20px;display:block}.write-screen{z-index:30;background:#120a1c;animation:.25s ease-out rise;position:absolute;inset:0;overflow:hidden}.write-screen .game-bg{filter:blur(3px)brightness(.45)saturate(1.2);transform:scale(1.05)}.ws-top{padding:max(env(safe-area-inset-top), 16px) 14px 0;grid-template-columns:48px 1fr;align-items:center;gap:8px;display:grid;position:relative}.ws-question{color:#fff;max-width:100%;font:400 17px/1.1 var(--font-display);text-transform:uppercase;box-shadow:0 0 0 3px var(--cyan);background:#111;justify-self:start;margin:0;padding:8px 14px 6px;transform:rotate(-2deg)}.ws-heads{align-items:center;gap:4px;margin:22px 18px 0;display:flex;position:relative}.ws-heads img{border:3px solid var(--ink);width:46px;height:46px;box-shadow:2px 2px 0 var(--ink);background:#fff;border-radius:50%;margin-right:-12px}.ws-heads span{color:#fff;font:400 18px/1 var(--font-hand);text-shadow:2px 2px #000;margin-left:22px}.ws-paper{border:4px solid var(--ink);box-shadow:6px 6px 0 var(--ink);background:repeating-linear-gradient(#fdf8ec 0 37px,#b9d4ee 37px 39px);border-radius:18px;margin:14px 14px 0;padding:20px 18px 16px;position:relative;transform:rotate(-.8deg)}.ws-paper textarea{resize:none;width:100%;min-height:120px;color:var(--ink);font:400 28px/39px var(--font-hand);-webkit-user-select:text;user-select:text;background:0 0;border:0;outline:none;padding:0;display:block}.ws-paper textarea::placeholder{color:#9a8f7d}.ws-count{color:#8a7f6c;font:400 12px/1 var(--font-display);position:absolute;top:6px;right:16px}.ws-paper .btn-go{width:100%;margin-top:12px;padding:13px 8px;font-size:20px;display:block}.record .game-bg{filter:none}.record .deck-wrap{z-index:2;left:10px;right:10px;top:calc(max(env(safe-area-inset-top), 14px) + 70px);perspective:900px;position:absolute}.deck{filter:drop-shadow(0 8px #16101f55);width:100%;position:relative;container-type:inline-size}.deck.thunk{animation:.3s ease-out thunk}@keyframes thunk{30%{transform:translateY(4px)scale(.995)}}.deck-body{width:100%;height:100%;position:absolute;inset:0}.deck-cavity{z-index:1;position:absolute}.deck-door{z-index:3;transform-origin:50% 100%;transition:transform .45s cubic-bezier(.3,.8,.4,1.2);position:absolute}.deck-door img{width:100%;height:100%;position:absolute;inset:0}.door-glass{background:linear-gradient(160deg,#ffffff38,#ffffff0a 38%,#1a102833 60%,#ffffff14);position:absolute;box-shadow:inset 0 0 18px #0006}.deck.open .deck-door{transform:rotateX(-68deg)}.deck-counter{z-index:2;color:#ff3b3b;font:400 3.1cqw/1 var(--font-display);letter-spacing:.5px;white-space:nowrap;text-shadow:0 0 8px #ff2020;place-items:center;display:grid;position:absolute}.deck-vu{z-index:2;flex-direction:column-reverse;gap:6%;padding:8% 18%;display:flex;position:absolute}.deck-vu i{background:#2a2630;border-radius:2px;flex:1}.deck.rolling .deck-vu i{animation:.5s ease-in-out infinite alternate vu-led}.deck.rolling .deck-vu i:nth-child(n+6){animation-name:vu-red}.deck-vu i:nth-child(2){animation-delay:60ms}.deck-vu i:nth-child(3){animation-delay:.12s}.deck-vu i:nth-child(4){animation-delay:.18s}.deck-vu i:nth-child(5){animation-delay:.24s}.deck-vu i:nth-child(6){animation-delay:.3s}.deck-vu i:nth-child(7){animation-delay:.36s}.deck-vu i:nth-child(8){animation-delay:.42s}.deck-vu+.deck-vu i{animation-duration:.43s}@keyframes vu-led{0%,35%{background:#2a2630}to{background:#3ddc84;box-shadow:0 0 6px #3ddc84}}@keyframes vu-red{0%,70%{background:#2a2630}to{background:#ff4d4d;box-shadow:0 0 6px #ff4d4d}}.deck-light{z-index:2;background:#000a;border-radius:6px;position:absolute}.deck.rolling .deck-light{background:0 0;animation:1s steps(2,end) infinite blink;box-shadow:0 0 18px 4px #ff3030aa}.deck-key{z-index:4;background:0 0;border:0;border-radius:6px;padding:0;position:absolute}.deck-key.down{background:#0003;transform:translateY(2px);box-shadow:inset 0 4px 6px #0007}.deck-key.pulse{animation:.8s ease-in-out infinite rec-pulse}@keyframes rec-pulse{50%{box-shadow:0 0 0 4px #fff,0 0 22px 6px #ff3030}}.cass{position:relative;container-type:inline-size}.deck-cavity .cass{height:95%;transition:scale .3s;position:absolute;top:50%;left:50%;translate:-50% -50%}.cass-img{width:100%;height:100%;position:absolute;inset:0}.cass-hub{aspect-ratio:1;position:absolute;translate:-50% -50%}.deck.rolling .cass-hub{animation:1.6s linear infinite hub-spin}@keyframes hub-spin{to{rotate:360deg}}.cass-label{white-space:nowrap;color:#1b3a8a;font:400 7cqw/1 var(--font-hand);justify-content:center;align-items:center;padding:0 4%;display:flex;position:absolute;overflow:hidden;transform:rotate(-1.5deg)}.cass-label.write{animation:.9s steps(14,end) both write-in}@keyframes write-in{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.deck-cavity .cass.drop{animation:.9s cubic-bezier(.35,.9,.45,1.15) both cass-drop}@keyframes cass-drop{0%{translate:-50% -330%;rotate:-5deg}70%{translate:-50% -44%;rotate:1deg}85%{translate:-50% -54%}to{translate:-50% -50%;rotate:0deg}}.deck-cavity .cass.seated{scale:.95}.pop-zone{z-index:5;left:0;right:0;top:calc(max(env(safe-area-inset-top), 14px) + 300px);pointer-events:none;height:120px;position:absolute}.pop{align-items:flex-start;gap:8px;max-width:92%;animation:.35s cubic-bezier(.3,1.4,.5,1) both pop-in-l;display:flex;position:absolute;top:0}@keyframes pop-in-l{0%{transform:translate(-130%)rotate(-8deg)}}@keyframes pop-in-r{0%{transform:translate(130%)rotate(8deg)}}@keyframes pop-out-l{to{opacity:0;transform:translate(-130%)}}@keyframes pop-out-r{to{opacity:0;transform:translate(130%)}}@keyframes head-bob{to{transform:translateY(-6px)rotate(-6deg)}}@keyframes note-fly{0%{opacity:0;transform:translateY(20px)scale(.6)}30%{opacity:1}to{opacity:0;transform:translate(14px,-26px)scale(1.1)rotate(15deg)}}@keyframes thump{0%{transform:scale(1.35)}60%,to{transform:scale(1)}}.rec-panel{z-index:6;left:12px;right:12px;bottom:max(env(safe-area-inset-bottom), 16px);flex-direction:column;gap:10px;display:flex;position:absolute}.rec-panel .btn-go{width:100%;padding:14px 8px;font-size:20px}.rack{scroll-snap-type:x mandatory;scrollbar-width:none;gap:14px;margin:0 -12px;padding:18px 6px 10px 18px;display:flex;overflow-x:auto}.rack::-webkit-scrollbar{display:none}.rack-tape{scroll-snap-align:center;background:0 0;border:0;flex:none;width:236px;padding:0;transition:transform .2s}.rack-tape .cass{filter:drop-shadow(4px 6px #16101f55);width:100%}.rack-tape span{color:var(--ink);font:400 13px/1 var(--font-display);text-transform:uppercase;margin-top:8px;display:block}.rack-tape.on{transform:translateY(-12px)rotate(-2deg)}.rack-tape.on .cass{filter:drop-shadow(0 0 #fff)drop-shadow(0 0 14px #ffd23f)drop-shadow(4px 6px #16101f55)}.slot{border:3px dashed var(--ink);min-height:58px;color:var(--ink);background:#fff;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:4px 3px;display:flex;position:relative;overflow:hidden}.slot b{font:400 14px/1 var(--font-display)}.slot em{font:400 10px/1.05 var(--font-hand);text-align:center;max-height:2.2em;font-style:normal;overflow:hidden}.slot.full{background:var(--yellow);opacity:.85;border-style:solid}.slot.on{background:var(--pink);color:#fff;box-shadow:0 0 0 3px #fff, 0 0 0 6px var(--ink);border-style:solid}.rec-go{background:#ff3030}.rec-go:not(:disabled){animation:1s ease-in-out infinite rec-pulse}.rec-status{border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);background:#fff;border-radius:14px;padding:12px 14px}.rec-stage{color:var(--ink);font:400 16px/1 var(--font-display);text-transform:uppercase;text-align:center;margin-bottom:8px;display:block}.rec-bar{border:3px solid var(--ink);background:#222;border-radius:10px;height:22px;overflow:hidden}.rec-bar i{background:repeating-linear-gradient(45deg,#5ce65c 0 12px,#3ccf3c 12px 24px);width:5%;height:100%;transition:width .6s;display:block}.rec-bar i.indeterminate{width:35%;animation:1.4s ease-in-out infinite slide}.title-sheet{background:var(--paper);border:4px solid var(--ink);box-shadow:6px 6px 0 var(--ink);border-radius:20px;margin-top:18px;padding:24px 12px 12px;animation:.3s ease-out rise;position:relative}.title-sheet .opts{flex-direction:column;gap:7px;display:flex}.title-sheet .opt-row.write-own{box-shadow:none;font:400 15px/1 var(--font-display);text-transform:uppercase;background:#fff;border-style:dashed;margin-top:7px;padding-right:12px}.title-sheet .btn-go{margin-top:10px}.record:has(.title-sheet) .rec-status{display:none}.done-kicker{color:var(--pink);font:400 14px/1 var(--font-display);text-transform:uppercase;margin:0}@keyframes eject{0%{opacity:.4;transform:translateY(-260px)scale(.55)}}.rec-panel>.done-kicker{text-align:center}.record{background:#1a0f24}.rec-room{object-fit:cover;object-position:50% 0;transform-origin:50% 32%;width:100%;height:100%;transition:transform .7s cubic-bezier(.3,.8,.3,1);position:absolute;inset:0}.record .deck-wrap{z-index:2;transform-origin:var(--focus-x,45%) var(--focus-y,33%);transition:transform .7s cubic-bezier(.3,.8,.3,1),filter .4s;inset:auto 10px 53%}.record.zoom-in .deck-wrap{transform:scale(1.7)translateY(8%)}.record.zoom-in .rec-room{transform:scale(1.3)}.record .deck{filter:drop-shadow(0 10px 6px #0008)}.record .game-top{z-index:8}.rec-paper{z-index:4;padding:46px 22px max(env(safe-area-inset-bottom), 22px);filter:drop-shadow(0 -6px 10px #0006);background:url(/art/kayit/kagit.webp) top/100% 100% no-repeat;flex-direction:column;display:flex;position:absolute;inset:51% -6px -10px}.record .rec-panel{flex-direction:column;flex:1;justify-content:flex-start;gap:12px;display:flex;position:static}.record .rec-panel>.btn-go{margin-top:auto}.paper-head{text-align:center;padding:0 22px}.paper-head h2{color:var(--ink);font:400 24px/1 var(--font-display);text-transform:uppercase;margin:0}.paper-head p{color:#4a3d5c;font:600 16px/1.25 var(--font-body);margin:6px 0 0}.record .rack{margin:0 -22px;padding:14px 22px 6px}.record .rack-tape{width:200px}.record .rack-tape span{text-align:center}.side-strip{clip-path:polygon(0 6%,4% 0,12% 5%,22% 0,33% 6%,45% 1%,57% 5%,70% 0,82% 6%,93% 1%,100% 5%,100% 95%,92% 100%,80% 94%,68% 100%,55% 95%,42% 100%,30% 94%,18% 100%,7% 95%,0 100%);background:#fffaf0;border:2px solid #16101f33;border-radius:4px;align-items:center;gap:10px;padding:10px 12px;display:flex;box-shadow:2px 3px #16101f22}.side-strip:nth-of-type(odd){transform:rotate(-1deg)}.side-strip:nth-of-type(2n){transform:rotate(.8deg)}.side-name{width:54px;color:var(--ink);font:400 15px/1 var(--font-hand);text-transform:uppercase;flex:none}.side-boxes{flex:1;grid-template-columns:repeat(5,1fr);gap:7px;display:grid}.side-box{aspect-ratio:1;border:3px solid var(--ink);color:var(--ink);background:#fff;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;padding:2px;display:flex;position:relative;overflow:hidden}.side-box b{font:400 16px/1 var(--font-display)}.side-box em{font:400 8px/1 var(--font-hand);text-align:center;max-height:2.1em;font-style:normal;overflow:hidden}.side-box.full{background:var(--yellow)}.side-box.full b{font-size:11px}.side-box.on{background:var(--pink);color:#fff;box-shadow:0 0 0 3px #fff, 0 0 0 6px var(--ink)}.record .rec-status{padding:10px 14px}.record .pop-zone{z-index:6;height:47%;top:auto;bottom:0}.record .pop{max-width:none;height:100%;display:block;inset:auto 0 -6px}@keyframes body-bob{to{transform:translateY(-5px)rotate(-1.5deg)}}.record>.title-sheet{z-index:10;left:10px;right:10px;bottom:max(env(safe-area-inset-bottom), 14px);margin:0;position:absolute}.eject-zone{z-index:7;pointer-events:none;position:absolute;inset:0}.eject{width:78%;animation:1s cubic-bezier(.25,1.35,.45,1) both eject-pop;position:absolute;top:36%;left:50%;translate:-50% -50%}.eject .cass{filter:drop-shadow(0 0 18px #fff)drop-shadow(0 0 30px #ffd23f)drop-shadow(6px 10px #0006);width:100%;animation:1.6s ease-in-out 1s infinite alternate tape-glow}.eject .cass-label{font-size:8cqw}@keyframes eject-pop{0%{opacity:0;transform:translateY(-40%)scale(.45)}30%{opacity:1}to{transform:rotate(-4deg)}}@keyframes tape-glow{to{filter:drop-shadow(0 0 26px #fff)drop-shadow(0 0 44px #ff2bd6)drop-shadow(6px 10px #0006)}}.eject-rays{aspect-ratio:1;z-index:-1;background:repeating-conic-gradient(#ffd23f99 0 8deg, transparent 8deg 22deg);border-radius:50%;width:170%;animation:9s linear infinite rays-spin,.8s ease-out .3s both rays-in;position:absolute;top:50%;left:50%;translate:-50% -50%;-webkit-mask:radial-gradient(circle,#000 30%,#0000 68%);mask:radial-gradient(circle,#000 30%,#0000 68%)}@keyframes rays-spin{to{rotate:360deg}}@keyframes rays-in{0%{opacity:0;scale:.4}}.eject-shine{pointer-events:none;border-radius:8%;position:absolute;inset:0;overflow:hidden}.eject-shine:after{content:"";background:linear-gradient(100deg,#0000,#fffc,#0000);width:28%;animation:2.4s ease-in-out 1.1s infinite shine;position:absolute;top:-20%;bottom:-20%;left:-40%;transform:skew(-18deg)}@keyframes shine{0%{left:-40%}45%,to{left:120%}}.record:has(.eject) .deck-wrap{filter:brightness(.55)blur(1px)}.record .done-kicker{text-align:center;color:var(--pink);font:400 15px/1 var(--font-display);text-transform:uppercase}.side-box.full.on{background:var(--pink);color:#fff;animation:1.2s ease-in-out 3 rec-pulse}.side-box:disabled{opacity:1}.pages .desk-bg{filter:saturate(1.05)}.pages .deck-strip span{box-shadow:2px 2px #0006}.pages .notebook{top:calc(max(env(safe-area-inset-top), 14px) + 100px);background:linear-gradient(90deg,#0000 32px,#ff4d6d88 32px 34px,#0000 34px),repeating-linear-gradient(#fffdf6 0 38px,#9ecbff 38px 40px) 0 32px,#fffdf6;height:auto;min-height:360px;max-height:calc(100% - 330px);padding:36px 10px 10px 42px;left:16px;right:16px;transform:rotate(-1.2deg);box-shadow:8px 10px #0007}.pages .lyric-line{font:400 22px/40px var(--font-hand);margin:0}.pages .nb-lines:has(.lyric-line:nth-child(5)) .lyric-line{margin:0;font-size:19px;line-height:40px}.pages .spot{text-underline-offset:6px;background:0 0;border-radius:4px;outline:0;padding:0 2px;-webkit-text-decoration:underline wavy #ff2bd6;text-decoration:underline wavy #ff2bd6;text-decoration-thickness:3px;animation:none}.pages .spot.on{background:linear-gradient(100deg, color-mix(in srgb, var(--hl,#ffe94a) 70%, transparent) 0 2%, color-mix(in srgb, var(--hl,#ffe94a) 75%, transparent) 4% 96%, color-mix(in srgb, var(--hl,#ffe94a) 55%, transparent) 98%) no-repeat 0 60% / 100% 78%;box-shadow:none;border-radius:6px 14px 5px 12px;text-decoration:none;animation:.35s ease-out both marker}@keyframes marker{0%{background-size:0% 78%}}.pages .spot.done{color:#1b3a8a;background:0 0;text-decoration:none}.pages .spot:after{content:none}.pages .nb-hint{margin-top:6px;font-size:14px}.pages .picker{bottom:calc(max(env(safe-area-inset-bottom), 16px) + 86px);gap:10px;transition:opacity .3s}.pages .picker.settled{opacity:.45;pointer-events:none}.pages .picker-title{box-shadow:0 0 0 3px var(--pink);font-size:15px}.pages .tape-pick{padding:12px 8px;font-size:20px}.pages .write-own{background:#fffdf6;padding:10px 16px;font-size:15px}.btn-go.pulse{animation:1s ease-in-out infinite rec-pulse}.screen.game.hq{background:#45404c;overflow:hidden;container-type:size}.hq{--hq-w:116cqw;--hq-bottom:max(env(safe-area-inset-bottom), 10px);--hq-top:min(calc(env(safe-area-inset-top) + 21cqw), calc(100cqh - var(--hq-bottom) - var(--hq-w) * 1.49))}.hq-scene{left:calc((100cqw - var(--hq-w)) / 2);top:var(--hq-top);width:var(--hq-w);aspect-ratio:2/3;position:absolute}.hq-room{-webkit-mask-image:linear-gradient(#0000,#000 6%);mask-image:linear-gradient(#0000,#000 6%)}.hq-scene:before{content:"";background:linear-gradient(#000b,#0000 75%),url(/art/karargah/duvar.jpg) bottom/100% repeat-y;height:126cqw;position:absolute;bottom:94%;left:0;right:0}.hq-room{width:100%;height:100%;position:absolute;inset:0}.hq-floor{left:0;right:0;top:calc(var(--hq-top) + var(--hq-w) * 1.5 - 2px);filter:brightness(.82);background:url(/art/karargah/oda.jpg) bottom/100% no-repeat;position:absolute;bottom:0;transform:scaleY(-1)}.hq-scene>*{position:absolute}.hq-banner{width:56%;top:1.5%;left:22%}.hq-flag{filter:drop-shadow(0 5px 5px #0007);width:100%;display:block}.hq-logo{mix-blend-mode:screen;opacity:.96;height:80%;position:absolute;top:8%;left:50%;translate:-50%;width:auto!important}.hq-board{z-index:1;width:21.9%;top:15.8%;left:7.9%}.hq-mail{z-index:1;width:12.4%;top:16.9%;left:76.4%}.hq-phone{z-index:7;width:16.8%;bottom:15.7%;left:6.9%}.hq-member{cursor:pointer;transform-origin:50% 100%;filter:drop-shadow(0 6px 5px #0006);position:absolute;scale:1.28}.hq .hq-member.m-bora{z-index:3;width:51%;height:auto;bottom:28.5%;left:28%;scale:1.42}.hq .hq-member.m-tuna{z-index:4;width:auto;height:30.5%;bottom:24%;left:69.5%}.hq .hq-member.m-defne{z-index:5;width:auto;height:39.5%;bottom:17%;left:8.5%}.hq .hq-member.m-ece{z-index:6;width:auto;height:25.5%;bottom:10%;left:56%}.hq .hot{cursor:pointer;background:0 0;border:0;padding:0;transition:transform .15s,filter .2s}.hq .hot img{width:100%;display:block}.hq .hot:hover,.hq .hot.press{filter:drop-shadow(0 0 1.5px #fff)drop-shadow(0 0 1.5px #fff)drop-shadow(0 0 1.5px #fff)drop-shadow(0 0 12px #ffd23f);transform:scale(1.04)}.hq .hot.press{transform:scale(.97)}.hq .hot.attn{animation:1.3s ease-in-out infinite hot-attn}@keyframes hot-attn{50%{filter:drop-shadow(0 0 1.5px #fff)drop-shadow(0 0 1.5px #fff)drop-shadow(0 0 16px #ff2bd6);transform:scale(1.03)}}.hot-badge{color:#fff;border:3px solid var(--ink);min-width:24px;height:24px;font:400 13px/18px var(--font-display);text-align:center;box-shadow:2px 2px 0 var(--ink);background:#ff3030;border-radius:12px;position:absolute;top:-14%;right:-10%}.hq-phone .hq-led{border-radius:50% 50% 25% 25%;width:14.5%;height:6%;position:absolute;top:0;left:49%}.hq-phone.attn .hq-led{background:#ff3030;animation:.8s steps(2,end) infinite blink;box-shadow:0 0 10px #ff3030}@keyframes lock-shake{20%{rotate:-14deg}40%{rotate:12deg}60%{rotate:-8deg}80%{rotate:4deg}}@keyframes btn-bounce{50%{transform:scale(1.04)rotate(-1deg)}}.hq-toast{z-index:9;left:16px;right:16px;top:calc(var(--hq-top) + var(--hq-w) * 1.03);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);color:var(--ink);font:400 17px/1.25 var(--font-hand);text-align:center;background:#fff;border-radius:14px;margin:0;padding:10px 14px;position:absolute}.hq-toast.show{animation:.25s ease-out rise}.screen.game.sn{background:#120b1f;overflow:hidden;container-type:size}.sn-bg{object-fit:cover;object-position:center top;width:100%;height:100%;position:absolute;inset:0}@keyframes sn-drop{0%{opacity:0;transform:translateY(-30%)scale(.9)}}@keyframes sn-stamp{0%{opacity:0;transform:scale(2.4)}}@keyframes sn-pop{0%{opacity:0;transform:scale(.4)}}.screen.game.sl{background:#15111a;overflow:hidden;container-type:size}.sl img{width:100%;display:block}@keyframes sl-write{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.screen.stage .hud-title small{color:var(--yellow);font:400 11px/1.2 var(--font-display);display:block}.screen.stage .hype{z-index:6;right:16px;top:calc(max(env(safe-area-inset-top), 16px) + 62px);justify-items:end;gap:3px;width:42%;display:grid;position:absolute}.screen.stage .hype span{color:#fff;font:400 11px/1 var(--font-display);text-shadow:1px 1px #000;text-transform:uppercase}.screen.stage .hype i{background:#0008;border:2px solid #000;border-radius:8px;width:100%;height:12px;display:block;overflow:hidden}.screen.stage .hype b{background:linear-gradient(90deg, var(--green), var(--yellow));width:50%;height:100%;transition:width .25s;display:block}.screen.stage.hype-hot .hype b{background:linear-gradient(90deg, var(--yellow), var(--pink));box-shadow:0 0 10px var(--pink)}.dg-bar{width:63cqw;margin-right:10cqw;position:relative}.dg-bar>i{height:42%;width:calc(89% * var(--hype) / 100);background:linear-gradient(#7dff6a,#37d33a);border-radius:1cqw;animation:1.2s cubic-bezier(.3,.8,.4,1) 1.2s both dg-fill;position:absolute;top:37%;left:5.5%}@keyframes dg-fill{0%{width:0}}.screen.stage .gig-layer{z-index:7;pointer-events:none;opacity:0;transition:opacity .4s;position:absolute;inset:0;container-type:size}.screen.stage .gig-layer.open{opacity:1;pointer-events:auto}.screen.stage.between .stage-canvas{filter:brightness(.3)saturate(.6);transition:filter .6s}.screen.stage .stage-canvas{transition:filter .6s}.screen.stage.between .lyric-bubble,.screen.stage.between .judgement,.screen.stage.between .section-banner,.screen.stage.between .touch-lane span{opacity:0}.screen.stage.between .band-layer{filter:brightness(.75);transition:filter .6s}.screen.stage.between.finale .band-layer{filter:brightness(1.15)saturate(1.2)}.gi{position:absolute;inset:0}.gi>*{position:absolute}.gi img{width:100%;display:block}.gi-count{left:23%;top:calc(max(env(safe-area-inset-top), 16px) + 14cqw);width:54%;animation:.4s cubic-bezier(.2,1.6,.5,1) both sn-stamp;rotate:-2deg}.gi-count span{white-space:nowrap;color:#fff;font:400 7cqw/1 var(--font-hand);text-transform:uppercase;place-items:center;padding:0 6% 2%;display:grid;position:absolute;inset:0}.gi-crown{left:5%;top:calc(max(env(safe-area-inset-top), 16px) - 1cqw);filter:drop-shadow(0 0 4cqw #ffd23f88);animation:.5s cubic-bezier(.2,1.6,.5,1) both sn-stamp;width:90%!important}.gi-name{left:18%;top:calc(max(env(safe-area-inset-top), 16px) + 33cqw);width:64%;animation:.35s ease-out .25s both sn-pop}.gi-final .gi-name{top:calc(max(env(safe-area-inset-top), 16px) + 39cqw)}.gi-name span{color:var(--ink);font:400 var(--fs,6cqw)/1 var(--font-hand);text-align:center;white-space:nowrap;text-overflow:ellipsis;position:absolute;top:50%;left:8%;right:8%;overflow:hidden;translate:0 -50%}.gi-full{position:absolute;bottom:-55%;right:-6%;rotate:6deg;width:34%!important}.gi-progress{left:50%;top:calc(max(env(safe-area-inset-top), 16px) + 47cqw);background:#000a;border-radius:2cqw;align-items:center;gap:1.2cqw;padding:1.4cqw 2cqw;animation:.3s ease-out .4s both sn-pop;display:flex;translate:-50%}.gi-final .gi-progress{top:calc(var(--stage-h,40%) + 2cqw)}.gi-progress img{width:7cqw!important}.gi-progress img.now{animation:.9s ease-in-out infinite alternate gi-glow;width:9.5cqw!important}@keyframes gi-glow{to{filter:drop-shadow(0 0 2cqw #ffd23f);transform:scale(1.12)}}.gi-line{border:4px solid var(--ink);box-shadow:5px 5px 0 var(--ink);background:#fff;border-radius:16px;padding:26px 16px 16px;animation:.3s ease-out .5s both sn-pop;bottom:15%;left:12px;right:12px}.gi-line .name-tag{font-size:16px;top:-18px}.gi-line p{color:var(--ink);font:400 19px/1.3 var(--font-hand);margin:0}.gi-sfx{animation:1.6s ease-out infinite both gi-sfx;width:22%!important}.gi-sfx.clap{animation-delay:.6s;bottom:36%;left:6%;rotate:-10deg}.gi-sfx.clap2{animation-delay:1.1s;bottom:40%;left:40%;rotate:8deg;width:17%!important}.gi-sfx.wooo{animation-delay:.2s;bottom:37%;right:4%;rotate:6deg;width:26%!important}@keyframes gi-sfx{0%{opacity:0;transform:scale(.3)}20%{opacity:1;transform:scale(1.1)}70%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.05)}}.gi-confetti{pointer-events:none;inset:0;overflow:hidden}.gi-confetti i{left:var(--x);background:var(--c);width:2cqw;height:3.4cqw;animation:gi-fall 2.6s var(--d) linear infinite;position:absolute;top:-4%}@keyframes gi-fall{to{transform:translateY(110cqh)rotate(720deg)}}.gm{padding:max(env(safe-area-inset-top), 16px) 0 max(env(safe-area-inset-bottom), 12px);background:linear-gradient(#0a051855,#0a0518cc 45%,#0a0518ee);flex-direction:column;justify-content:center;align-items:center;gap:3cqw;display:flex;position:absolute;inset:0}.gm img{width:100%;display:block}.gm-curtain{object-fit:fill;height:100%;animation:.8s ease-out both gm-curtain;position:absolute;top:0;width:30%!important}.gm-curtain.left{left:-4%}.gm-curtain.right{--flip:-1;right:-4%;transform:scaleX(-1)}@keyframes gm-curtain{0%{translate:calc(-40% * var(--flip,1)) 0}}.gm-title{z-index:1;animation:.4s cubic-bezier(.2,1.6,.5,1) .3s both sn-stamp;position:relative;rotate:-3deg;width:74%!important}.gm-card{z-index:1;width:82%;animation:.45s ease-out .45s both sn-drop;position:relative}.gm-card>img{object-fit:fill;height:96cqw}.gm-body{flex-direction:column;justify-content:center;gap:1.4cqw;display:flex;position:absolute;inset:11% 12% 8%}.gm-row img{width:96%;margin:0 auto}.gm-body h3{color:var(--ink);font:400 7cqw/1 var(--font-hand);text-align:center;text-transform:uppercase;margin:0 0 1cqw;rotate:-2deg}.gm-row{position:relative}.gm-row span{color:var(--ink);font:400 3.8cqw/1 var(--font-hand);white-space:nowrap;text-overflow:ellipsis;position:absolute;top:50%;left:7%;right:34%;overflow:hidden;translate:0 -50%}.gm-row em{gap:.6cqw;display:flex;position:absolute;top:50%;right:5%;translate:0 -50%}.gm-row em img{width:4.4cqw}.gm-hype-label{color:var(--ink);font:400 4cqw/1 var(--font-display);text-transform:uppercase;margin:1.5cqw 0 0}.gm-hype{align-items:center;gap:2cqw;display:flex}.gm-hype .dg-bar{flex:1;width:auto;min-width:0;margin:0}.gm-hype b{color:var(--ink);font:400 5.4cqw/1 var(--font-hand);white-space:nowrap}.gm-btn{z-index:1;filter:drop-shadow(3px 5px #0008);background:0 0;border:0;width:66%;padding:0;animation:1.4s ease-in-out 1s infinite btn-bounce;position:relative}.gm-btn span{color:var(--ink);font:400 7.4cqw/1 var(--font-hand);text-transform:uppercase;place-items:center;padding-bottom:2%;display:grid;position:absolute;inset:0}.gm-leave{z-index:1;background:0 0;border:0;width:34%;padding:0;position:relative}.exit-btn{z-index:30;right:14px;top:calc(max(env(safe-area-inset-top), 12px) + 4px);border:3px solid var(--ink);background:var(--paper);width:42px;height:42px;color:var(--ink);font:400 20px/1 var(--font-display);box-shadow:3px 3px 0 var(--ink);border-radius:12px;place-items:center;padding:0;display:grid;position:absolute;rotate:3deg}.game-top .exit-btn{flex:none;position:relative;top:auto;right:auto}.exit-btn:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.overlay.confirm{z-index:60;background:#0b0618cc;justify-content:center;padding:24px}.paper-card,.overlay.sheet .sheet-card{background:var(--paper);width:100%;color:var(--ink);border:4px solid var(--ink);box-shadow:6px 6px 0 var(--ink);text-align:center;border-radius:18px;padding:22px 18px 18px}.overlay.sheet{justify-content:center;padding:20px}.overlay.sheet .sheet-card{padding-bottom:18px}.paper-title,.overlay.sheet .sheet-title{background:var(--ink);color:#fff;border:3px solid var(--pink);font:400 20px/1 var(--font-display);text-transform:uppercase;margin:0 0 12px;padding:6px 14px 4px;display:inline-block;rotate:-2deg}.paper-text,.overlay.sheet .muted{color:#000a;font:400 17px/1.3 var(--font-hand);margin:0 0 16px}.paper-actions,.overlay.sheet .overlay-actions{justify-content:center;gap:10px;margin-top:6px;display:flex}.paper-btn,.overlay.sheet .btn{border:3px solid var(--ink);color:var(--ink);font:400 17px/1 var(--font-display);text-transform:uppercase;box-shadow:3px 3px 0 var(--ink);background:#fff;border-radius:12px;flex:1;padding:12px 10px 10px}.paper-btn.hot,.overlay.sheet .btn.primary{background:var(--pink)}.paper-btn:active,.overlay.sheet .btn:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.screen.stage .stage-card{rotate:-1deg}.screen.stage .stage-card h2{background:var(--ink);color:#fff;border:3px solid var(--pink);text-transform:uppercase;align-self:center;padding:8px 16px 6px;font-size:22px;rotate:-2deg}.screen.stage .stage-kicker{font:400 16px/1 var(--font-hand)}.screen.stage .btn.diff[data-diff=easy]{background:var(--cyan)}.screen.stage .btn.diff[data-diff=normal]{background:var(--pink)}.screen.stage .btn.diff span{color:var(--ink);font:400 14px/1.2 var(--font-hand)}.screen.stage .stage-card .btn.primary{background:var(--pink);color:var(--ink);border:3px solid var(--ink);box-shadow:3px 3px 0 var(--ink);font-family:var(--font-display)}.screen.stage .stage-card .btn.ghost{color:var(--ink);border:3px solid var(--ink);box-shadow:3px 3px 0 var(--ink);font-family:var(--font-display);text-transform:uppercase;background:#fff}.screen.stage .stage-card .btn.ghost.small{box-shadow:none;opacity:.7;border-width:2px;font-size:12px}.record .rec-paper .rec-status{z-index:8;position:absolute;top:0;left:18px;right:18px;translate:0 -50%}.record .pop-zone{height:calc(49% - 40px);overflow:hidden}.member.speaking,.jam .member.speaking{transform:translate(-50%)}.member.bump,.jam .member.bump{animation:none}.pop{animation:.3s ease-out both pop-fade}.pop.leave{animation:.3s ease-in forwards pop-fade-out}@keyframes pop-fade{0%{opacity:0}}@keyframes pop-fade-out{to{opacity:0}}.band-sprite,.screen.stage.hot .band-sprite{transform:translate(-50%)}.contacts .contacts-note{z-index:1;margin:calc(max(env(safe-area-inset-top), 12px) + 78px) 24px 14px;background:var(--paper);border:3px solid var(--ink);box-shadow:3px 3px 0 var(--ink);color:var(--ink);font:400 16px/1.25 var(--font-hand);text-align:center;border-radius:10px;padding:8px 12px;position:relative;rotate:-1deg}.contacts .contacts-grid{z-index:1;margin:0 18px;position:relative}.contacts .exit-btn.back span{font-size:26px;line-height:.8}.card-view{z-index:70;background:#0b061800;flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:absolute;inset:0}.cv-pos{aspect-ratio:3/4;will-change:transform;width:72%;position:relative}.cv-float{perspective:1200px;will-change:transform;position:absolute;inset:0}.cv-card{transform-style:preserve-3d;will-change:transform;position:absolute;inset:0}.cv-face{backface-visibility:hidden;box-shadow:0 0 40px color-mix(in srgb, var(--c) 60%, transparent), 6px 6px 0 var(--ink);position:absolute;inset:0}.cv-front.gcard{border-width:4px;border-radius:16px;width:100%;height:100%}.cv-front.gcard img{width:calc(100% - 16px);height:calc(100% - 52px);inset:8px 8px 44px}.cv-front .gcard-name{padding:6px 4px 4px;font-size:18px;bottom:7px;left:8px;right:8px}.cv-back{background:var(--paper);border:5px solid var(--ink);outline:4px solid var(--c);outline-offset:-11px;color:var(--ink);border-radius:16px;flex-direction:column;align-items:center;gap:6px;padding:14px 16px;display:flex;overflow:hidden;transform:rotateY(180deg)}.cv-back h3{background:var(--ink);color:#fff;border:3px solid var(--c);font:400 18px/1 var(--font-display);text-transform:uppercase;margin:4px 0 0;padding:5px 12px 3px;rotate:-2deg}.cv-back dl{width:100%;font:400 14px/1.15 var(--font-hand);grid-template-columns:auto 1fr;gap:3px 10px;margin:2px 0 0;display:grid}.cv-back dt{font:400 10px/1.5 var(--font-display);text-transform:uppercase}.cv-back dd{margin:0}.cv-bio{font:400 13.5px/1.3 var(--font-body);color:#000b;text-align:center;margin:4px 0 0;font-weight:600}.cv-quote{color:var(--ink);font:400 21px/1.15 var(--font-hand);text-align:center;margin:4px 2px 2px}.cv-quote b{color:var(--c);font:400 38px/0 var(--font-display);vertical-align:-.32em;-webkit-text-stroke:1.2px var(--ink);margin:0 2px}.cv-hearts i{color:#16101f26;font-size:17px;font-style:normal}.cv-hearts i.on{color:var(--pink);-webkit-text-stroke:.6px var(--ink)}.cv-flag{font-size:16px}.cv-hint{background:var(--ink);color:#fff;font:400 13px/1 var(--font-display);text-transform:uppercase;opacity:0;border-radius:8px;margin:0;padding:6px 14px}.screen.game.intro{background:#0b0618;overflow:hidden;container-type:size}.in-panel{aspect-ratio:4/5;border-bottom:4px solid var(--ink);background:#0b0618;max-height:calc(100% - 170px);margin:0 auto;position:absolute;top:0;left:0;right:0;overflow:hidden}.in-art{object-fit:cover;object-position:center top;opacity:0;width:100%;height:100%;position:absolute;inset:0}.in-art.show{animation:.45s ease-out forwards in-fade}@keyframes in-fade{0%{opacity:0}to{opacity:1}}.in-logo{mix-blend-mode:screen;width:40%;position:absolute;top:6%;left:30%}.in-dialog{z-index:4;min-height:150px;top:calc(min(125cqw,100cqh - 170px) + 24px);bottom:auto}.in-dialog.sfx{background:var(--yellow)}.in-dialog.sfx .dialog-text{font:400 30px/1.1 var(--font-display);text-align:center;text-transform:uppercase}.in-skip{z-index:5;right:14px;top:calc(max(env(safe-area-inset-top), 12px) + 4px);border:3px solid var(--ink);background:var(--paper);color:var(--ink);font:400 13px/1 var(--font-display);text-transform:uppercase;box-shadow:3px 3px 0 var(--ink);border-radius:10px;padding:8px 12px 6px;position:absolute}.in-step{z-index:6;animation:.35s ease-out both in-fade;position:absolute;inset:0;container-type:size}.sd-bg{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.sd-title{left:50%;top:calc(max(env(safe-area-inset-top), 12px) + 4cqw);width:82cqw;position:absolute;translate:-50%;rotate:-2deg}.sd-title img{width:100%;display:block}.sd-title span{color:#fff;font:400 6cqw/1 var(--font-hand);text-transform:uppercase;white-space:nowrap;place-items:center;padding:0 27% 3% 7%;display:grid;position:absolute;inset:0}.sd-card{left:6cqw;right:6cqw;top:calc(max(env(safe-area-inset-top), 12px) + 34cqw);height:min(124cqw, calc(100cqh - max(env(safe-area-inset-top), 12px) - 34cqw - max(env(safe-area-inset-bottom), 16px)));position:absolute}.sd-card.short{height:66cqw}.sd-paper{object-fit:fill;width:100%;height:100%;position:absolute;inset:0}.sd-body{flex-direction:column;gap:3cqw;display:flex;position:absolute;inset:8% 8% 6%}.sd-avatars{grid-template-columns:repeat(3,1fr);gap:6cqw 4cqw;margin-top:4cqw;display:grid}.sd-av{background:0 0;border:0;border-radius:50%;padding:0;transition:transform .15s}.sd-av img{border-radius:50%;width:100%;display:block}.sd-av.on{box-shadow:0 0 0 1.4cqw var(--pink), 0 0 6cqw #ff2bd688;transform:scale(1.06)}.sd-actions{justify-content:center;margin-top:auto;display:flex}.sd-row{justify-content:center;gap:3cqw;display:flex}.sd-btn{filter:drop-shadow(3px 4px #0007);background:0 0;border:0;flex:none;width:62cqw;padding:0;position:relative}.sd-row .sd-btn{width:38cqw}.sd-btn img{width:100%;display:block}.sd-btn span{color:var(--ink);font:400 7cqw/1 var(--font-hand);text-transform:uppercase;place-items:center;padding-bottom:3%;display:grid;position:absolute;inset:0}.sd-row .sd-btn span{padding:0 8% 3%;font-size:3.8cqw;line-height:1}.sd-btn:disabled{filter:grayscale(.9)brightness(.75)}.sd-btn:active:not(:disabled){transform:translateY(2px)}.sd-names{flex-direction:column;align-items:center;gap:1.6cqw;min-height:62cqw;display:flex}.sd-strip{background:0 0;border:0;width:84%;padding:0;position:relative}.sd-strip img{width:100%;display:block}.sd-strip span{color:var(--ink);font:400 5cqw/1 var(--font-hand);text-transform:uppercase;white-space:nowrap;place-items:center;padding:0 6%;display:grid;position:absolute;inset:0}.sd-strip.on{filter:drop-shadow(0 0 0 var(--pink)) drop-shadow(0 0 1.6cqw var(--pink));transform:scale(1.03)}.sd-wait{color:#0008;font:400 5.4cqw/1.2 var(--font-hand);text-align:center;margin:auto}.sd-input{border:1cqw solid var(--ink);width:100%;color:var(--ink);font:400 7cqw/1 var(--font-hand);text-align:center;background:#fff;border-radius:3cqw;outline:none;padding:3.5cqw 4cqw 3cqw}.sd-input:focus{box-shadow:0 0 0 1cqw var(--pink)}.sd-logos{grid-template-columns:repeat(3,1fr);gap:2.4cqw;min-height:74cqw;display:grid}.sd-logo{aspect-ratio:1;border:.8cqw solid var(--ink);background-color:#000;background-size:300% 300%;border-radius:2cqw;padding:0}.sd-logo.on{box-shadow:0 0 0 1.2cqw var(--pink), 0 0 6cqw #ff2bd6;transform:scale(1.04)}.screen.game.title-screen{background:#0b0618;overflow:hidden;container-type:size}.tt-bg{object-fit:cover;object-position:center top;width:100%;height:100%;position:absolute;inset:0}.tt-logo{mix-blend-mode:screen;width:27cqw;position:absolute;top:22%;left:66%;translate:-50%}.tt-bubble{width:60cqw;animation:.3s cubic-bezier(.2,1.6,.5,1) .8s both sn-pop;position:absolute;top:54%;left:4cqw}.tt-bubble img{width:100%;display:block}.tt-bubble span{color:var(--ink);font:400 3.8cqw/1.2 var(--font-hand);text-align:center;position:absolute;top:40%;left:9%;right:9%;translate:0 -50%}.screen.game.mz{background:#24170f;overflow:hidden;container-type:size}.mz-table{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.mz-stage{left:0;right:0;top:calc(max(env(safe-area-inset-top), 12px) + 3cqw);bottom:calc(max(env(safe-area-inset-bottom), 12px) + 52cqw);perspective:1400px;place-items:center;display:grid;position:absolute}.mz-mag{aspect-ratio:.72;transform-origin:50% 100%;max-width:82cqw;height:100%;animation:.7s cubic-bezier(.2,1.2,.4,1) both mz-drop;position:relative;transform:rotateX(8deg)rotate(-3deg)}@keyframes mz-drop{0%{opacity:0;transform:translateY(-30%)rotateX(30deg)rotate(-12deg)}}.mz-mag:before{content:"";background:repeating-linear-gradient(90deg,#f3eee2 0 2px,#cfc6b4 2px 3px);border-radius:2px 4px 4px 2px;position:absolute;inset:.8% -1.6% -1.8% .6%;box-shadow:4px 10px 18px #000a,0 0 0 1px #0004}.mz-mag:after{content:"";background:repeating-linear-gradient(0deg,#f6f1e6 0 2px,#c9bfac 2px 3px);height:1.6%;position:absolute;bottom:-1.6%;left:1%;right:-1.2%}.mz-cover{z-index:1;background:#111;border-radius:2px;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 0 0 1px #0006}.mz-cover:after{content:"";pointer-events:none;background:linear-gradient(115deg,#fff3 0%,#0000 28% 70%,#fff1 85%,#0000);position:absolute;inset:0}.mz-photo{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.mz-masthead{filter:drop-shadow(0 3px 3px #0008);width:92%;position:absolute;top:2.5%;left:4%;right:4%}.mz-issue{color:#fff;font:400 2.8cqw/1 var(--font-display);text-shadow:1px 1px #000;position:absolute;top:1.4%;right:4%}.mz-head{position:absolute;bottom:5%;left:5%;right:18%}.mz-head h2{color:var(--yellow);font:400 13cqw/.9 var(--font-hand);text-transform:uppercase;-webkit-text-stroke:.4cqw #000;text-shadow:.8cqw .8cqw #000;margin:0;rotate:-3deg}.mz-head p{border-top:.7cqw solid var(--pink);color:#fff;font:400 3.8cqw/1.15 var(--font-hand);text-shadow:1px 1px #000,0 0 4px #000;margin:2cqw 0 0;padding-top:1.2cqw}.mz-barcode{width:13%;position:absolute;bottom:4%;right:4%}.contacts .contacts-grid{padding-bottom:calc(max(env(safe-area-inset-bottom), 12px) + 16px);grid-template-columns:repeat(3,1fr)}.contacts .contacts-grid .gcard{aspect-ratio:3/4}.contacts .gcard.locked img{filter:grayscale()brightness(.55)}.contacts .gcard-price{border:2px solid var(--ink);color:var(--ink);font:400 13px/1 var(--font-display);background:#ffd23f;border-radius:8px;padding:3px 7px 2px;position:absolute;top:6px;right:6px;rotate:4deg}.cv-action{border:3px solid var(--ink);box-shadow:3px 3px 0 var(--ink);color:var(--ink);font:400 18px/1 var(--font-display);text-transform:uppercase;opacity:0;background:#ffd23f;border-radius:12px;padding:10px 22px 8px}.cv-action:disabled{box-shadow:none;background:#bbb;font-size:14px}.contacts .gcard.locked{filter:none}.sig-lines{border-left:6px solid var(--c);background:color-mix(in srgb, var(--c) 14%, transparent);border-radius:4px;margin:10px 0 0;padding:14px 10px 6px 14px;position:relative}.sig-tag{background:var(--ink);color:#fff;border:2px solid var(--c);font:400 10px/1.2 var(--font-display);text-transform:uppercase;border-radius:6px;padding:2px 7px 1px;position:absolute;top:-9px;left:8px;rotate:-2deg}.sig-tag:before{content:"";vertical-align:-.2em;background:url(/art/ikon/lock.webp) 50%/contain no-repeat;width:1.1em;height:1.1em;margin-right:4px;display:inline-block}.lyric-line.sig{flex-direction:column;margin:2px 0;display:flex}.lyric-line.sig small{font:400 12px/1.1 var(--font-body);color:#0008;font-style:italic}.in-dialog.narrator{color:#fff;background:#1a1230}.in-dialog.narrator .dialog-text{font-style:italic}.in-sfx{pointer-events:none;transform-origin:50% 60%;filter:drop-shadow(4px 6px #0008);width:78%;position:absolute;top:7%;left:12%}.in-sfx.hit{animation:1.1s cubic-bezier(.2,1.6,.4,1) both knock-hit}@keyframes knock-hit{0%{opacity:0;transform:scale(.2)rotate(-14deg)}14%{opacity:1;transform:scale(1.12)rotate(-4deg)}24%{transform:scale(.96)rotate(-6deg)}34%{transform:scale(1)rotate(-5deg)translate(0)}40%{transform:scale(1.14)rotate(-2deg)translate(-6px)}48%{transform:scale(1.02)rotate(-6deg)translate(5px)}56%{transform:scale(1.06)rotate(-4deg)translate(-3px)}70%,to{opacity:1;transform:scale(1.04)rotate(-5deg)translate(0)}}.in-start{z-index:8;color:#fff;cursor:pointer;background:radial-gradient(circle at 50% 45%,#2a1650,#0b0618 70%);flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.in-start p{border:4px solid var(--ink);background:var(--pink);box-shadow:5px 5px 0 var(--ink);font:400 26px/1 var(--font-display);text-transform:uppercase;border-radius:14px;margin:0;padding:12px 26px 9px;animation:1.4s ease-in-out infinite in-start-pulse}@keyframes in-start-pulse{50%{transform:scale(1.06)}}.in-start small{font:400 16px/1 var(--font-hand);opacity:.8}.sd-bg{object-position:center top;filter:brightness(.55)saturate(.8);height:122%}.sd-wrap{position:absolute;inset:0;container-type:size}.sd-wrap:after{content:"";z-index:0;pointer-events:none;background:linear-gradient(#0000 55%,#0b0618 92%);position:absolute;inset:0}.sd-wrap>*{z-index:1}.sd-wrap>.sd-bg{z-index:0}.sd-card.name{height:100cqw}.sd-names.deal .sd-strip{animation:.32s ease-out both strip-in}.sd-names.deal .sd-strip:nth-child(2){animation-delay:50ms}.sd-names.deal .sd-strip:nth-child(3){animation-delay:.1s}.sd-names.deal .sd-strip:nth-child(4){animation-delay:.15s}@keyframes strip-in{0%{opacity:0;transform:translate(-12%)rotate(-3deg)}}.sd-logo{overflow:hidden}.sd-logo img{object-fit:contain;width:100%;height:100%;display:block}.in-logo{width:36%;top:7%;left:20%}.contacts-scroll{z-index:1;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;position:absolute;inset:0;overflow-y:auto}.in-backdrop{object-fit:cover;filter:blur(22px)brightness(.45)saturate(1.2);z-index:0;width:calc(100% + 80px);height:calc(100% + 80px);position:absolute;inset:-40px}.in-panel{top:env(safe-area-inset-top,0px);aspect-ratio:2/3;z-index:1;background:0 0;border-bottom:0;width:100%;height:auto;max-height:none;bottom:auto;left:0;right:0;translate:none;-webkit-mask-image:linear-gradient(#000 82%,#0000);mask-image:linear-gradient(#000 82%,#0000)}.in-art{object-fit:cover}.in-dialog{top:auto;bottom:calc(max(env(safe-area-inset-bottom), 14px) + 8px)}.in-skip{top:calc(env(safe-area-inset-top,0px) + 8px)}.screen.stage[data-venue=prova] .band-layer{background-image:url(/art/sahne_prova.jpg)}.screen.stage[data-venue=garaj] .band-layer{background-image:url(/art/sahne_garaj.jpg)}.screen.stage[data-venue=bar] .band-layer{background-image:url(/art/sahne_bar.jpg)}.screen.stage[data-venue=prova]{background:radial-gradient(at 50% 60%,#2a1a12 0%,#0d0806 75%)}.crowd-back{top:calc(var(--stage-h,40%) - 9%);height:30%}.screen.stage .crowd-mid{top:calc(var(--stage-h,40%) - 4%);z-index:0;height:40%}.cm-left{left:-14%}.cm-right{right:-14%}.screen.stage .crowd-mid{filter:brightness(.3)saturate(1.4)}.screen.stage.hot .crowd-mid{filter:brightness(.4)saturate(1.5)}.screen.stage .cs-left{left:-26%}.screen.stage .cs-right{right:-26%}.screen.stage .crowd-back{z-index:3}.screen.stage .crowd-side{z-index:0}.lyric-bubble.sing,.lyric-bubble.sing:after{background:#fff}.lyric-bubble p{font-size:17px;line-height:1.25}.lyric-bubble .w{border-radius:6px;padding:0 3px;transition:background 80ms,color 80ms;display:inline-block}.lyric-bubble .w.on{background:var(--pink);color:#fff;transform:scale(1.08)}.lyric-bubble .w.done{color:#0007}.adlib{z-index:6;left:50%;top:calc(var(--stage-h,40%) * .12);border:3px solid var(--ink);max-width:70%;box-shadow:4px 4px 0 var(--c,var(--pink));text-align:center;pointer-events:none;opacity:0;background:#fff;border-radius:16px;padding:8px 14px 9px;transition:opacity .18s,transform .25s cubic-bezier(.2,1.6,.4,1);position:absolute;transform:scale(.5)rotate(-4deg)}.adlib.show{opacity:1;transform:scale(1)rotate(-2deg)}.adlib b{color:var(--c,var(--pink));font:400 11px/1 var(--font-display);text-transform:uppercase;-webkit-text-stroke:.4px var(--ink);display:block}.adlib p{color:var(--ink);font:400 20px/1.1 var(--font-hand);margin:2px 0 0}.screen.stage .crowd-back{display:none}.screen.stage .crowd-mid{top:calc(var(--stage-h,40%) - 2%);height:30%}.screen.stage .cm-left{left:-30%}.screen.stage .cm-right{right:-30%}.adlib{top:calc(max(env(safe-area-inset-top), 16px) + 78px)}.in-panel{aspect-ratio:1024/2224;width:auto;height:100%;inset:0 auto 0 50%;translate:-50%;-webkit-mask-image:none;mask-image:none}.in-panel:after{content:"";pointer-events:none;background:linear-gradient(#0b061800,#0b0618b3 75%);height:30%;position:absolute;bottom:0;left:0;right:0}.tt-logo{width:22cqw;top:32.5%;left:60%}.in-sfx{width:66%;top:5%;left:17%}.in-logo{z-index:2;mix-blend-mode:screen;filter:brightness(1.35)saturate(1.2);width:60%;animation:.6s ease-out in-fade;top:21%;left:20%}.sd-logos.deal .sd-logo{animation:.3s ease-out both logo-in}.sd-logos.deal .sd-logo:nth-child(3n+2){animation-delay:40ms}.sd-logos.deal .sd-logo:nth-child(3n){animation-delay:80ms}@keyframes logo-in{0%{opacity:0;transform:scale(.85)}}.screen.game.sh{background:#0b0618;overflow:hidden auto;container-type:inline-size}.sh-bg{object-fit:cover;filter:blur(3px)brightness(.45)saturate(1.2);width:100%;height:100%;position:fixed;inset:0;transform:scale(1.05)}.sh-card{z-index:1;margin:calc(max(env(safe-area-inset-top), 16px) + 18px) 16px 12px;background:var(--paper);border:4px solid var(--ink);box-shadow:6px 6px 0 var(--ink);color:var(--ink);text-align:center;border-radius:18px;flex-direction:column;align-items:center;gap:10px;padding:18px 16px 16px;display:flex;position:relative}.sh-kicker{font:400 15px/1.2 var(--font-hand);color:#0009;margin:0}.sh-logo{aspect-ratio:1;object-fit:contain;border:4px solid var(--ink);width:62%;max-width:260px;box-shadow:4px 4px 0 var(--pink);background:#0b0618;border-radius:14px;rotate:-2deg}.sh-band{color:#fff;font:400 30px/1 var(--font-display);text-transform:uppercase;background:#111;margin:4px 0;padding:8px 16px 6px;rotate:-2deg}.sh-title{font:400 28px/1.05 var(--font-display);text-transform:uppercase;margin:4px 0 0}.sh-feat{border:3px solid var(--ink);box-shadow:3px 3px 0 var(--c);background:#fff;border-radius:999px;align-items:center;gap:10px;padding:6px 14px 6px 6px;display:flex}.sh-feat img{object-fit:cover;object-position:50% 15%;border:2px solid var(--ink);border-radius:50%;width:42px;height:42px}.sh-feat span{font:400 16px/1 var(--font-hand)}.sh-feat b{font-family:var(--font-display);text-transform:uppercase;font-weight:400}.sh-play{width:100%;margin-top:6px}.sh-top{width:100%;margin:4px 0 0;padding:0;list-style:none}.sh-top:empty{display:none}.sh-top li{font:400 16px/1 var(--font-hand);text-align:left;border-bottom:2px dashed #0002;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;padding:6px 10px 5px;display:grid}.sh-top li b{font:400 15px/1 var(--font-display);color:var(--pink)}.sh-top li em{font:400 15px/1 var(--font-display);font-style:normal}.sh-top li.me{background:#ffd23f66;border-radius:8px}.sh-top .sh-top-head{font:400 12px/1 var(--font-display);text-transform:uppercase;color:#0008;text-align:center;border:0;display:block}.sh-foot{z-index:1;margin:6px 16px calc(max(env(safe-area-inset-bottom), 12px) + 8px);color:#fffc;font:400 14px/1.3 var(--font-hand);text-align:center;position:relative}.shr-grade{border:5px solid var(--ink);background:var(--yellow);width:92px;height:92px;font:400 52px/1 var(--font-display);box-shadow:4px 4px 0 var(--ink);border-radius:50%;place-items:center;display:grid;rotate:-8deg}.shr-score{font:400 40px/1 var(--font-display);margin:0}.shr-meta{font:400 14px/1.2 var(--font-hand);color:#0009;margin:0}.shr-form{gap:8px;width:100%;display:flex}.shr-nick{border:3px solid var(--ink);min-width:0;font:400 18px/1 var(--font-hand);color:var(--ink);background:#fff;border-radius:12px;flex:1;padding:10px 12px 8px}.shr-form .btn-go{padding-inline:14px;font-size:15px}.shr-form.sent .btn-go{opacity:.5}.shr-sent{width:100%;font:400 22px/1 var(--font-display);color:var(--pink);margin:0}.shr-actions{flex-direction:column;gap:8px;width:100%;margin-top:6px;display:flex}.shr-join{text-align:center;white-space:nowrap;padding-inline:10px;font-size:20px;text-decoration:none}.inv .sh-band{margin:6px 0 2px}.inv-form{flex-direction:column;gap:10px;width:100%;margin-top:14px;display:flex}.inv-form .shr-nick{flex:none;width:100%;padding:12px;font-size:22px}.inv-form.sent{opacity:.5;pointer-events:none}.inv-code{text-transform:uppercase;letter-spacing:.08em;text-align:center}.inv-err{color:#ff8a8a;margin:8px 0 0;font-size:14px}.inv-join{margin-top:16px;text-decoration:none}.me-bubble{z-index:7;border:3px solid var(--ink);width:max-content;max-width:84%;box-shadow:4px 4px 0 var(--ink);pointer-events:none;opacity:0;background:#fff;border-radius:18px;align-items:center;gap:10px;padding:9px 16px 10px 9px;transition:opacity .2s,transform .3s cubic-bezier(.2,1.5,.4,1);display:flex;position:absolute;bottom:24%;left:50%;transform:translateY(40px)scale(.7)}.me-bubble.show{opacity:1;transform:translateY(0)scale(1)}.me-bubble:before{content:"";border:11px solid #0000;border-top:18px solid var(--ink);border-bottom:0;position:absolute;bottom:-18px;left:50%;translate:-50%}.me-bubble:after{content:"";border:7px solid #0000;border-top:13px solid #fff;border-bottom:0;position:absolute;bottom:-12px;left:50%;translate:-50%}.me-bubble{padding:20px 16px 10px}.me-bubble .name-tag{font-size:14px;top:-16px;left:12px}.me-bubble p{color:var(--ink);font:400 21px/1.1 var(--font-hand);margin:0}.screen.stage .stage-bg{display:none}.screen.stage.panel .stage-bg{z-index:0;top:0;left:var(--bg-x,0);width:var(--bg-w,100%);height:var(--bg-h,100%);pointer-events:none;background:50%/100% 100% no-repeat;display:block;position:absolute}.screen.stage.panel[data-venue=prova] .stage-bg{background-image:url(/art/sahne2_prova.jpg)}.screen.stage.panel .band-layer{top:0;right:auto;left:var(--bg-x,0);width:var(--bg-w,100%);height:var(--bg-h,100%);background:0 0;overflow:visible}.screen.stage.panel .lyric-bubble,.screen.stage.panel .adlib{top:auto;right:auto;bottom:calc(100% - var(--sy,30%) + 16px);max-width:78%;transform-origin:var(--tail,50%) 100%;translate:none}.screen.stage.panel .lyric-bubble:before,.screen.stage.panel .adlib:before{content:"";bottom:-18px;left:calc(var(--tail,50%) - 11px);border:11px solid #0000;border-top:18px solid var(--ink);border-bottom:0;position:absolute}.screen.stage.panel .lyric-bubble:after,.screen.stage.panel .adlib:after,.screen.stage.panel .lyric-bubble.sing:after{content:"";bottom:-12px;left:calc(var(--tail,50%) - 7px);clip-path:none;background:0 0;border:7px solid #0000;border-top:13px solid #fff;border-bottom:0;width:0;height:0;position:absolute;right:auto}.screen.stage .stage-fx{z-index:0;top:0;left:var(--bg-x,0);width:var(--bg-w,100%);height:var(--bg-h,100%);pointer-events:none;position:absolute;overflow:hidden}.stage-fx .fx{will-change:opacity;background:radial-gradient(circle, rgba(var(--c), .95) 0%, rgba(var(--c), .45) 28%, rgba(var(--c), 0) 70%);border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.stage-fx .fx-cone{background:radial-gradient(ellipse 50% 100% at 50% 0%, rgba(var(--c), .9) 0%, rgba(var(--c), .25) 45%, rgba(var(--c), 0) 80%);clip-path:polygon(42% 0,58% 0,100% 100%,0 100%);border-radius:0;transform:translate(-50%)}.stage-fx .fx-wash{background:linear-gradient(to bottom, rgba(var(--c), .9), rgba(var(--c), .35) 45%, rgba(var(--c), 0));border-radius:0;transform:translate(-50%)}.stage-fx .fx-beam{transform-origin:50% 0;will-change:opacity, transform;background:linear-gradient(to bottom, rgba(var(--c), .85), rgba(var(--c), .3) 55%, rgba(var(--c), 0));clip-path:polygon(45% 0,55% 0,100% 100%,0 100%);border-radius:0}.stage-fx .fx-dots{background:0 0;border-radius:0;transform:translate(-50%,-50%);container-type:size}.stage-fx .fx-dots i{background:radial-gradient(circle, rgba(var(--c), 1) 0%, rgba(var(--c), .5) 40%, rgba(var(--c), 0) 70%);will-change:transform;border-radius:50%;width:5cqw;height:5cqw;margin:-2.5cqw 0 0 -2.5cqw;position:absolute;top:0;left:0}.screen.stage.panel .stage-prop{z-index:5;pointer-events:none;position:absolute;transform:translate(-50%)}.screen.stage.panel[data-venue=garaj] .stage-bg{background-image:url(/art/sahne2_garaj.jpg)}.screen.stage.panel .crowd-mid{top:calc(var(--bg-h,100%) * .425);height:calc(var(--bg-h,100%) * .25);bottom:auto}.screen.stage.panel .cm-left{left:-7%;right:auto}.screen.stage.panel .cm-right{left:auto;right:-7%}.screen.stage.panel .cs-left{left:-16%;right:auto}.screen.stage.panel .cs-right{left:auto;right:-16%}.screen.stage.panel .hype{top:calc(max(env(safe-area-inset-top), 16px) + 6px);justify-items:center;width:calc(100% - 270px);left:84px;right:auto}.screen.stage.panel .lyric-bubble,.screen.stage.panel .adlib{z-index:7}.screen.stage.panel[data-venue=bar] .stage-bg{background-image:url(/art/sahne2_bar.jpg)}.gi-line.gi-me:before{content:"";border:14px solid #0000;border-top:24px solid var(--ink);border-bottom:0;position:absolute;bottom:-24px;left:50%;translate:-50%}.gi-line.gi-me:after{content:"";border:9px solid #0000;border-top:17px solid #fff;border-bottom:0;position:absolute;bottom:-16px;left:50%;translate:-50%}.screen.stage.panel .crowd-mid{top:calc(var(--bg-h,100%) * .395);height:calc(var(--bg-h,100%) * .27)}.screen.stage.panel .cm-left{left:-4%}.screen.stage.panel .cm-right{right:-4%}.screen.stage.panel .crowd-side:not(.crowd-mid){top:calc(var(--bg-h,100%) * .47);height:auto;bottom:-8%}.screen.stage.panel .cs-left{left:-20%}.screen.stage.panel .cs-right{right:-20%}.screen.stage.panel .crowd-mid{-webkit-mask-image:linear-gradient(#000 62%,#0000 96%);mask-image:linear-gradient(#000 62%,#0000 96%)}.screen.stage.panel .gi-count{top:calc(var(--bg-h,100%) * .455)}.screen.stage.panel .gi-name,.screen.stage.panel .gi-final .gi-name{top:calc(var(--bg-h,100%) * .515)}.screen.stage.panel .gi-progress,.screen.stage.panel .gi-final .gi-progress{top:calc(var(--bg-h,100%) * .585)}.screen.stage.panel .gi-crown{top:calc(var(--bg-h,100%) * .42);left:10%;width:80%!important}.screen.stage.panel .gi-sfx.clap{bottom:31%}.screen.stage.panel .gi-sfx.clap2{bottom:33%}.screen.stage.panel .gi-sfx.wooo{bottom:32%}.screen.stage.panel.between .stage-canvas{filter:brightness(.7)}.record.recording .rec-paper{top:42%}.record.recording .deck-wrap{transform-origin:50% 100%;bottom:59%;transform:scale(.9)}.record.recording .pop-zone{z-index:6;height:auto;top:calc(42% + 124px);bottom:0}.record.recording>.title-sheet{top:auto;bottom:calc(max(env(safe-area-inset-bottom), 10px) + 8px);padding:20px 10px 10px;animation:.4s cubic-bezier(.3,1.15,.5,1) sheet-up}@keyframes sheet-up{0%{transform:translateY(115%)}}.record.recording:has(.title-sheet) .rec-status{display:block}.record.recording>.title-sheet .opts{gap:5px}.record.recording>.title-sheet .opt-row{padding-top:4px;padding-bottom:4px}.record.recording>.title-sheet .opt-head{width:34px;height:34px}.record.recording>.title-sheet .btn-go{white-space:nowrap;margin-top:6px;padding-top:8px;padding-bottom:8px;font-size:19px}.dlg-char{transform-origin:50% 100%;height:100%;transition:filter .25s,transform .25s;animation:.35s cubic-bezier(.3,1.4,.5,1) both dlg-in-l;position:absolute;bottom:0}.dlg-l{left:-12px}.dlg-r{animation-name:dlg-in-r;right:-12px}.dlg-char.body img{filter:drop-shadow(0 8px 6px #0006);width:auto;height:100%;display:block}.dlg-char:not(.talk){filter:brightness(.55)saturate(.7)}.dlg-char.card{height:auto;bottom:36%}.dlg-l.card{left:14px}.dlg-r.card{right:14px}.dlg-frame{aspect-ratio:1;background:var(--c);border:5px solid var(--ink);width:min(46vw,200px);box-shadow:5px 6px 0 var(--ink);border-radius:20px;padding:5px;rotate:-3deg}.dlg-r .dlg-frame{rotate:3deg}.dlg-frame img{object-fit:cover;object-position:50% 15%;background:#fff;border-radius:13px;width:100%;height:100%;display:block}.dlg-bubble{z-index:2;border:4px solid var(--ink);box-shadow:5px 5px 0 var(--ink);background:#fff;border-radius:18px;padding:22px 16px 14px;position:absolute;bottom:6px;left:10px;right:10px}.dlg-bubble .name-tag{font-size:15px;top:-17px;left:14px}.dlg-bubble.from-r .name-tag{left:auto;right:14px;transform:rotate(3deg)}.dlg-bubble p{color:var(--ink);font:400 21px/1.25 var(--font-hand);margin:0}.dlg-bubble.say{animation:.22s ease-out dlg-say}@keyframes dlg-in-l{0%{opacity:0;transform:translate(-60%)}}@keyframes dlg-in-r{0%{opacity:0;transform:translate(60%)}}@keyframes dlg-say{0%{transform:translateY(6px)scale(.98)}}.record.recording .pop-zone{overflow:hidden}.record.recording .dlg-char.body{height:165%;top:6px;bottom:auto}.record.recording .dlg-l.body{left:-11%}.record.recording .dlg-r.body{right:-11%}.record.recording .dlg-char.card{top:8px;bottom:auto}.record.recording .dlg-frame{width:min(54vw,250px)}.record .deck-wrap{transition:transform .7s cubic-bezier(.3,.8,.3,1),bottom .7s cubic-bezier(.3,.8,.3,1),filter .4s}.record .rec-paper{transition:top .7s cubic-bezier(.3,.8,.3,1)}.in-video{object-fit:cover;object-position:center;opacity:0;width:100%;height:100%;transition:opacity .25s;position:absolute;inset:0}.in-video.play{opacity:1}.in-dialog.memory{color:#4a3a22;background:#efe2c4;border-color:#4a3a22;box-shadow:4px 4px #4a3a22}.in-dialog.memory .name-tag{filter:sepia(.6)}.screen.intro:after{content:"";z-index:8;opacity:0;pointer-events:none;background:#fff;position:absolute;inset:0}.screen.intro.flash:after{animation:.6s ease-out in-flash}@keyframes in-flash{0%{opacity:0}15%{opacity:.9}to{opacity:0}}.record.recording.drumjam .pop-zone{top:calc(42% + 66px)}.dj{pointer-events:auto;flex-direction:column;justify-content:flex-end;display:flex;position:absolute;inset:0;container-type:size}.dj-seq{flex:none;justify-content:center;gap:5px;height:40px;margin-bottom:4px;display:flex}.dj-slot{background:#16101f14;border:2px dashed #16101f38;border-radius:10px;place-items:center;width:38px;height:38px;transition:transform 80ms,background 80ms;display:grid}.dj-slot img{object-fit:contain;filter:drop-shadow(1px 1px #0004);width:34px;height:34px}.dj-slot.ask{font:400 18px var(--font-display);color:#16101f55}.dj-slot.now{background:var(--yellow);border:2px solid var(--ink);transform:scale(1.12)}.dj-slot.ok{background:#9be15d88;border-style:solid}.dj-slot.bad{background:#ff4d6d77;border-style:solid}.dj-kitwrap{touch-action:none;flex:none;height:min(74.6667cqw,100cqh - 50px);position:relative;container-type:size}.dj-kit{aspect-ratio:1536/1024;width:min(112cqw,150cqh);position:absolute;bottom:0;left:50%;translate:-50%}.dj-layer{pointer-events:none;width:100%;height:100%;transform-origin:var(--ox) var(--oy);position:absolute;inset:0}.dj-layer.swing{animation:.45s ease-out dj-swing}.dj-layer.thump{animation:.16s ease-out dj-thump}.dj-layer.lit{filter:drop-shadow(0 0 10px #ffd23f)brightness(1.15)}@keyframes dj-swing{0%{transform:rotate(0)}18%{transform:rotate(-7deg)translateY(1.5%)}45%{transform:rotate(4deg)}72%{transform:rotate(-1.5deg)}to{transform:rotate(0)}}@keyframes dj-thump{0%{transform:scale(1)}30%{transform:scale(1.04,.96)}to{transform:scale(1)}}.dj-count{font:400 40px var(--font-display);color:var(--pink);text-shadow:3px 3px 0 var(--ink);pointer-events:none;position:absolute;top:30%;left:50%;transform:translate(-50%)}.dj-judge{font:400 15px var(--font-display);pointer-events:none;text-shadow:2px 2px 0 var(--ink);white-space:nowrap;z-index:3;animation:.55s ease-out forwards dj-pop;position:absolute;transform:translate(-50%)}.dj-judge.perfect{color:var(--yellow)}.dj-judge.good{color:var(--cyan)}.dj-judge.ok{color:#9be15d}.dj-judge.miss{color:#ff4d6d}@keyframes dj-pop{0%{opacity:1;transform:translate(-50%)scale(1.2)}to{opacity:0;transform:translate(-50%,-30px)scale(1)}}.dj-ctrl{z-index:4;left:14px;right:14px;bottom:calc(env(safe-area-inset-bottom) + 14px);gap:10px;animation:.2s ease-out dj-rise;display:flex;position:absolute}.dj-ctrl[hidden]{display:none}.dj-btn{border:4px solid var(--ink);box-shadow:4px 5px 0 var(--ink);color:var(--ink);font:400 20px var(--font-display);white-space:nowrap;cursor:pointer;background:#fff;border-radius:16px;flex:1;padding:14px 10px}.dj-btn.go{background:var(--yellow);flex:1.6;animation:1.1s ease-in-out infinite dj-nudge}.dj-btn:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}@keyframes dj-rise{0%{opacity:0;transform:translateY(30px)}}@keyframes dj-nudge{50%{transform:scale(1.06)}}.record.drumjam .pop-zone .dlg-bubble{z-index:5}.dlg-choice{z-index:3;pointer-events:auto;gap:10px;animation:.2s ease-out dj-rise;display:flex;position:absolute;bottom:10px;left:12px;right:12px}.record.recording .rec-paper .rec-status{translate:0 -22%}.record.recording .dlg-bubble,.record.recording .dlg-choice{bottom:calc(max(env(safe-area-inset-bottom), 10px) + 8px)}@keyframes record-pop{0%{opacity:0;transform:scale(.3)rotate(-20deg)}to{opacity:1;transform:scale(1)}}@keyframes record-glow{50%{filter:drop-shadow(0 0 2.5cqw #ffd23f)}}@keyframes record-shake{30%{translate:0 -1.5cqw}60%{translate:0 .6cqw}}.cr{background:#120a24;overflow:hidden}.cr:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(120% 70% at 50% 20%,#ff2bd633,#0000 60%),linear-gradient(#0000 55%,#0b0618d9);position:absolute;inset:0}.cr-chip.bump{animation:.45s cubic-bezier(.2,1.8,.4,1) chip-bump}@keyframes chip-bump{40%{filter:drop-shadow(0 0 3cqw #ffd23f);transform:scale(1.18)}}@keyframes cr-drop{0%{opacity:0;transform:translateY(-40cqw)rotate(-6deg)}}.cr-grade{border:.7cqw solid var(--ink);color:#fff;width:7cqw;height:7cqw;font:400 3.8cqw/1 var(--font-display);background:#8a7a9c;border-radius:50%;place-items:center;display:grid;transform:scale(0)}.cr-grade.in{animation:.3s cubic-bezier(.2,1.8,.4,1) forwards grade-pop}.cr-grade.g-S{background:#ff2bd6}.cr-grade.g-A{background:#ff8a2b}.cr-grade.g-B{background:#22b8ff}.cr-grade.g-C{background:#5bbf4a}@keyframes grade-pop{to{transform:scale(1)}}@keyframes total-bump{40%{color:var(--pink);transform:scale(1.15)}}.cr-record{background:var(--yellow);border:.9cqw solid var(--ink);box-shadow:.8cqw .8cqw 0 var(--ink);color:var(--ink);font:400 4.4cqw/1 var(--font-display);text-transform:uppercase;opacity:0;border-radius:2cqw;padding:1.5cqw 3cqw 1cqw;position:absolute;top:2.5cqw;left:-3cqw;transform:scale(.3)}.cr-coin{z-index:9;border:.7cqw solid var(--ink);pointer-events:none;background:radial-gradient(circle at 35% 30%,#fff6b0,#ffd23f 45%,#d9a011);border-radius:50%;width:6cqw;height:6cqw;margin:-3cqw 0 0 -3cqw;animation:.9s cubic-bezier(.5,-.4,.7,.6) both coin-fly;position:absolute}@keyframes coin-fly{0%{opacity:0;transform:translate(0)scale(.6)}15%{transform:translate(calc(var(--dx) * .05), -8cqw) scale(1.1);opacity:1}to{transform:translate(var(--dx), var(--dy)) scale(.5);opacity:.2}}.cr-singer[hidden]{display:none}@keyframes cr-rise{0%{opacity:0;transform:translateY(20cqw)}}.cr-skip{z-index:3;left:0;right:0;bottom:calc(env(safe-area-inset-bottom) + 8cqw);text-align:center;color:#ffffff80;font:600 3.4cqw/1 var(--font-body);pointer-events:none;margin:0;transition:opacity .3s;position:absolute}.cr.finished .cr-skip{opacity:0}.cr-singer{z-index:6;left:4%;right:4%;bottom:calc(env(safe-area-inset-bottom) + 4cqw);background:var(--paper);border:1.1cqw solid var(--ink);box-shadow:1.6cqw 1.8cqw 0 var(--yellow);border-radius:5cqw;padding:4cqw;animation:.45s cubic-bezier(.3,1.5,.6,1) cr-rise;position:absolute}.cr-singer-kicker{color:var(--ink);font:400 5cqw/1.15 var(--font-hand);text-align:center;margin:0 0 3cqw}.cr-singer-card{border:.9cqw solid var(--ink);background:var(--c);border-radius:4cqw;align-items:center;gap:4cqw;padding:2.5cqw;display:flex}.cr-singer-card img{object-fit:cover;border:.8cqw solid var(--ink);background:#fff;border-radius:3cqw;width:24cqw;height:24cqw}.cr-singer-card div{color:var(--ink);gap:1.2cqw;display:grid}.cr-singer-card b{font:400 5.6cqw/1 var(--font-display)}.cr-singer-card span{font:600 3.8cqw/1.1 var(--font-body)}.cr-fame{color:var(--ink);letter-spacing:.4cqw}.cr-singer-actions{gap:3cqw;margin-top:3.5cqw;display:flex}.cr-singer.joined{animation:.6s ease-in forwards singer-join}@keyframes singer-join{to{opacity:0;transform:translateY(-60cqw)scale(.6)}}.sl-tip{border:.6cqw solid var(--ink);font:600 3.3cqw/1 var(--font-body);color:var(--ink);border-radius:2cqw;padding:1.2cqw 2.4cqw .9cqw;animation:.25s cubic-bezier(.3,1.6,.5,1) both tip-in}.sl-tip.good{background:#c8f7a8}.sl-tip.bad{background:#ffd0d6}@keyframes tip-in{0%{opacity:0;transform:scale(.5)}}.sl.dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.gcard.empty-singer{aspect-ratio:3/4;background:#fff5;border:3px dashed #16101f55;border-radius:12px;place-items:center;padding:6px;display:grid}.gcard.empty-singer span{color:#16101f99;font:600 11px/1.15 var(--font-body);text-align:center}.contacts .contacts-note{margin:0 24px 12px;font-size:14px}.contacts-head{z-index:1;color:#fff;font:400 18px/1 var(--font-display);text-shadow:2px 2px 0 var(--ink);justify-content:space-between;align-items:baseline;margin:18px 22px 8px;display:flex;position:relative}.contacts-scroll>.contacts-head:first-child{margin-top:calc(max(env(safe-area-inset-top), 12px) + 78px)}.contacts-head small{color:var(--yellow);font-size:14px}.contacts .gcard-fame{color:var(--yellow);letter-spacing:1px;text-shadow:1px 1px 0 var(--ink);font-size:11px;position:absolute;bottom:26px;left:6px}.contacts .gcard.worked img{filter:saturate(.6)brightness(.85)}.contacts .gcard-stamp{color:#e3204f;font:400 13px/1 var(--font-display);text-transform:uppercase;background:#fffc;border:3px solid #e3204f;border-radius:6px;padding:3px 8px 2px;position:absolute;top:38%;left:50%;translate:-50% -50%;rotate:-14deg}.contacts .gcard.unmet img{filter:brightness(.75)}.contacts .contacts-grid+.contacts-head{margin-top:22px}.shop .gcard-owned{border:2px solid var(--ink);background:var(--green);color:var(--ink);font:400 11px/1 var(--font-display);text-transform:uppercase;box-shadow:2px 2px 0 var(--ink);border-radius:0 6px 6px 0;padding:3px 8px 2px;position:absolute;top:7px;left:-3px}.shop .gcard.forsale img{filter:grayscale(.75)brightness(.62)}.shop .gcard-buy{border:3px solid var(--ink);background:var(--yellow);color:var(--ink);font:400 16px/1 var(--font-display);white-space:nowrap;box-shadow:2px 3px 0 var(--ink);border-radius:10px;padding:6px 10px 4px;position:absolute;top:44%;left:50%;translate:-50% -50%;rotate:-4deg}.mp{background:#0b0618;overflow:hidden}.mp-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:none;position:absolute;inset:0;overflow:hidden auto}.mp-scroll::-webkit-scrollbar{display:none}.mp-world{width:100%;position:relative}.mp-region{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;position:absolute;left:0}.mp-region:not(.r1){-webkit-mask-image:linear-gradient(0deg,#0000 0,#000 11%);mask-image:linear-gradient(0deg,#0000 0,#000 11%)}.mp-road{pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.mp-road path{fill:none;stroke-linecap:round;stroke-linejoin:round}.mp-road .edge{stroke:var(--ink);stroke-width:22px}.mp-road .lane{stroke:#f3e3c0;stroke-width:14px}.mp-road .dash{stroke:#c4ab7c;stroke-width:2.5px;stroke-dasharray:9 11}.mp-road .done{stroke:var(--yellow);stroke-width:6px;filter:drop-shadow(0 0 4px #ffd23fcc)}.mp-node{z-index:2;border:3px solid var(--ink);color:#fffa;cursor:pointer;background:#2a2140;border-radius:50%;place-items:center;width:30px;height:30px;padding:0;display:grid;position:absolute;translate:-50% -50%;box-shadow:2px 3px #000a}.mp-node small{font:400 10px/1 var(--font-display)}.mp-node b{font:400 13px/1 var(--font-display)}.mp-node.done{background:var(--paper);color:var(--ink)}.mp-node.done b.g-S{color:#ff2bd6}.mp-node.done b.g-A{color:#ff8a2b}.mp-node.done b.g-B{color:#1a8fd6}.mp-node.done b.g-C{color:#3c9a2e}.mp-node.next{background:var(--yellow);width:40px;height:40px;color:var(--ink);animation:1.3s ease-in-out infinite node-pulse}.mp-node.next b{font-size:22px}.mp-node.tape{border-width:4px;width:36px;height:36px}.mp-node.todo{opacity:.85}@keyframes node-pulse{50%{transform:scale(1.08);box-shadow:0 0 0 8px #ffd23f55,2px 3px #000a}}@keyframes me-bob{50%{transform:translateY(-6px)}}.mp-tape-tag{z-index:1;border:2px solid var(--ink);background:var(--pink);color:#fff;font:400 10px/1 var(--font-display);white-space:nowrap;text-transform:uppercase;pointer-events:none;border-radius:8px;padding:3px 8px 2px;position:absolute;translate:22px -50%}.mp-venue{z-index:3;cursor:pointer;background:0 0;border:0;padding:0;position:absolute}.mp-venue img{filter:drop-shadow(0 8px 6px #0009);width:100%;display:block}.mp-venue.open img{transform-origin:50% 90%;animation:3.2s ease-in-out infinite venue-bob,2.4s ease-in-out infinite venue-glow}@keyframes venue-bob{50%{transform:translateY(-4px)rotate(-1deg)}}@keyframes venue-glow{50%{filter:drop-shadow(2px 0 #fff)drop-shadow(-2px 0 #fff)drop-shadow(0 2px #fff)drop-shadow(0 -2px #fff)drop-shadow(0 0 16px #ffd23f)}}.mp-venue.needSongs img,.mp-venue.needFans img{filter:grayscale(.85)brightness(.5)drop-shadow(0 8px 6px #0009)}.mp-venue-name{border:3px solid var(--ink);background:var(--paper);color:var(--ink);font:400 12px/1 var(--font-display);white-space:nowrap;box-shadow:2px 2px 0 var(--ink);border-radius:9px;padding:4px 9px 3px;position:absolute;bottom:-4px;left:50%;translate:-50%;rotate:-2deg}.mp-venue.open .mp-venue-name{background:var(--yellow)}.mp-venue-stars{color:var(--yellow);letter-spacing:1px;text-shadow:1px 1px 0 var(--ink), -1px -1px 0 var(--ink);white-space:nowrap;font-size:15px;position:absolute;bottom:-24px;left:50%;translate:-50%}.mp-venue-need{color:#fff;font:600 11px/1.2 var(--font-body);white-space:nowrap;background:#16101fcc;border-radius:7px;padding:2px 7px;position:absolute;bottom:-24px;left:50%;translate:-50%}.mp-venue.fresh img{animation:.9s cubic-bezier(.2,1.6,.4,1) .9s both venue-unlock,2.4s ease-in-out 1.8s infinite venue-glow}.mp-venue.fresh:before{content:"NEW!";z-index:2;border:3px solid var(--ink);background:var(--pink);color:#fff;font:400 13px/1 var(--font-display);opacity:0;border-radius:8px;padding:4px 8px 3px;animation:.5s cubic-bezier(.2,1.8,.4,1) 1.6s both record-pop;position:absolute;top:6%;right:4%;rotate:10deg}.mp-venue.fresh:after{content:"";aspect-ratio:1;border:6px solid var(--yellow);opacity:0;border-radius:50%;width:20%;animation:.9s ease-out 1s both unlock-ring;position:absolute;top:45%;left:50%;translate:-50% -50%}@keyframes venue-unlock{0%{filter:grayscale(.85)brightness(.5);transform:scale(.9)}60%{filter:brightness(1.6)drop-shadow(0 0 20px #ffd23f);transform:scale(1.12)}to{transform:scale(1)}}@keyframes unlock-ring{0%{opacity:1;width:10%}to{opacity:0;width:150%}}.mp-top{z-index:6;padding:calc(max(env(safe-area-inset-top), 12px) + 6px) 14px 14px;pointer-events:none;background:linear-gradient(#0b0618ee,#0b061800);grid-template-columns:auto 1fr auto;align-items:center;gap:10px;display:grid;position:absolute;top:0;left:0;right:0}.mp-top>*{pointer-events:auto}.mp-back{border:3px solid var(--ink);background:var(--paper);width:42px;height:42px;color:var(--ink);font:400 26px/1 var(--font-display);box-shadow:2px 3px 0 var(--ink);border-radius:50%;padding:0}.mp-title{justify-self:center;margin:0}.mp-toast{z-index:7;left:50%;bottom:calc(env(safe-area-inset-bottom) + 24px);border:3px solid var(--ink);background:var(--paper);color:var(--ink);font:400 16px/1.2 var(--font-hand);white-space:nowrap;opacity:0;pointer-events:none;border-radius:12px;margin:0;padding:8px 14px 6px;transition:opacity .2s;position:absolute;translate:-50%}.mp-toast.show{opacity:1}.mp-sheet{z-index:8;background:#0b061888;align-items:end;padding:14px;display:grid;position:absolute;inset:0}.mp-sheet[hidden]{display:none}.mp-card{padding:70px 18px calc(env(safe-area-inset-bottom) + 16px);background:var(--paper);border:4px solid var(--ink);box-shadow:6px 6px 0 var(--yellow);text-align:center;border-radius:22px;margin-top:90px;animation:.35s cubic-bezier(.3,1.5,.6,1) cr-rise;position:relative}.mp-card-art{filter:drop-shadow(0 8px 6px #0008);width:190px;position:absolute;top:-110px;left:50%;translate:-50%}.mp-card h2{color:var(--ink);font:400 24px/1 var(--font-display);margin:0}.mp-blurb{color:#4a3d5c;font:400 17px/1.2 var(--font-hand);margin:6px 0 12px}.mp-facts{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.mp-facts span{border:3px solid var(--ink);color:var(--ink);font:400 16px/1 var(--font-display);background:#fff;border-radius:12px;gap:3px;padding:8px 4px 6px;display:grid}.mp-facts small{color:#6b5c80;font:600 11px/1 var(--font-body);text-transform:uppercase}.mp-req{color:#b0123e;font:600 15px/1.25 var(--font-body);margin:12px 0 0}.hq-tour{background:var(--yellow);border:2px solid var(--ink);color:var(--ink);font:400 2.5cqw/1 var(--font-display);white-space:nowrap;border-radius:5px;padding:3px 6px 2px;animation:2.4s ease-in-out infinite tour-wiggle;position:absolute;top:44%;left:-60%;rotate:-6deg;box-shadow:1px 1px #0006}@keyframes tour-wiggle{50%{rotate:2deg}}.hq-album{background:#0b0618cc;place-items:center;padding:20px;display:grid}.hq-album-card{background:var(--paper);border:4px solid var(--ink);width:100%;box-shadow:6px 6px 0 var(--pink);text-align:center;border-radius:22px;padding:22px 18px 18px;animation:.5s cubic-bezier(.3,1.5,.6,1) both cr-drop}.hq-album-kicker{color:var(--pink);font:400 16px/1 var(--font-display);text-transform:uppercase;margin:0}.hq-album-card h2{color:var(--ink);font:400 30px/1 var(--font-display);margin:6px 0 10px}.hq-album-stars{justify-content:center;gap:6px;font-size:34px;display:flex}.hq-album-stars b{color:#16101f33;animation:.35s cubic-bezier(.2,1.8,.4,1) forwards grade-pop;animation-delay:calc(.3s + var(--i) * .12s);transform:scale(0)}.hq-album-stars b.on{color:var(--yellow);text-shadow:2px 2px 0 var(--ink)}.hq-album-review{color:#4a3d5c;font:400 18px/1.2 var(--font-hand);margin:10px 0 14px}.hq-album-sales{gap:8px;margin-bottom:16px;display:grid}.hq-album-sales span{border:3px solid var(--ink);color:var(--ink);font:400 18px/1 var(--font-display);background:#fff;border-radius:12px;justify-content:space-between;padding:8px 12px;display:flex}.hq-album-sales i{font-style:normal}.hq-tour{left:-170%}.mp-tape-tag.in-left{translate:calc(-100% - 22px) -50%}.cr-record{rotate:-6deg}.pages.writing .game-foot{display:none}.write-note{background:var(--paper);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);border-radius:16px;align-items:center;gap:14px;margin:18px 22px 0;padding:14px 16px;animation:.4s cubic-bezier(.3,1.5,.6,1) .3s both write-note-in;display:flex;rotate:-1deg}.write-note-ico{border:3px solid var(--ink);background:var(--yellow);width:54px;height:54px;box-shadow:2px 2px 0 var(--ink);border-radius:50%;flex:none;place-items:center;font-size:28px;animation:1.6s ease-in-out infinite write-wiggle;display:grid}.write-note p{color:var(--ink);font:400 17px/1.25 var(--font-hand);margin:0}.write-note b{font:400 15px/1.1 var(--font-display);text-transform:uppercase;margin-bottom:2px;display:block}@keyframes write-note-in{0%{opacity:0;transform:translateY(16px)}}@keyframes write-wiggle{50%{rotate:-10deg}}.sl2{background:#15111f}.sl2-bg{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.sl2-paper{z-index:2;left:5%;right:5%;top:calc(max(env(safe-area-inset-top), 12px) + 64px);filter:drop-shadow(0 8px 10px #0008);background:url(/art/setlist/kagit2.webp) 50%/100% 100% no-repeat;padding:6% 9% 7%;position:absolute;rotate:-.8deg}.sl2-venue{color:var(--pink);font:400 20px/1 var(--font-display);text-align:center;text-transform:uppercase;text-shadow:1px 1px 0 var(--ink);margin:0 0 6px}.sl2-lines{margin:0;padding:0;list-style:none}.sl2-lines li{border-bottom:2px solid #8fb4e0;align-items:baseline;gap:8px;min-height:40px;padding:8px 4px 4px;display:flex;position:relative}.sl2-n{color:#16101f80;width:18px;font:400 15px/1 var(--font-display);flex:none}.sl2-line-title{min-width:0;color:var(--ink);font:400 20px/1.15 var(--font-hand);white-space:nowrap;text-overflow:ellipsis;flex:1;animation:.3s ease-out both sl-write;overflow:hidden}.sl2-lines small{color:#16101f80;font:600 12px/1 var(--font-body)}.sl2-empty{color:#16101f40;font:400 17px/1.15 var(--font-hand)}.sl2-final{border:2px solid var(--ink);background:var(--yellow);color:var(--ink);font:400 10px/1 var(--font-display);text-transform:uppercase;border-radius:7px;flex:none;padding:3px 7px 2px;font-style:normal;rotate:-3deg}.sl2-grip{background:#16101f14;border-radius:5px;flex:none;align-self:center;gap:3px;margin-left:-6px;padding:5px 4px;display:grid}.sl2-grip i{background:#16101fb0;border-radius:2px;width:14px;height:2.5px;display:block}.sl2-lines li[data-row]{cursor:grab;touch-action:none}.sl2-lines li.drag{z-index:3;background:#fff6b0;border-radius:6px;transform:scale(1.04)rotate(-1deg);box-shadow:0 6px 10px #0004}.sl2-sep{color:#16101f80;font:400 10px/1.4 var(--font-display);text-transform:uppercase;justify-content:center;border-bottom:2px dashed #16101f55!important;min-height:0!important;padding:2px 0!important}.sl2.dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.sl2-hype{z-index:3;left:5%;right:5%;top:calc(max(env(safe-area-inset-top), 12px) + var(--paper-h,64px));border:3px solid var(--ink);box-shadow:3px 4px 0 var(--ink);background:#16101fe6;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:8px 12px;display:grid;position:absolute}.sl2-hype-label{color:#fff;font:400 12px/1 var(--font-display);text-transform:uppercase;gap:3px;display:grid}.sl2-count{color:var(--yellow);font:600 12px/1 var(--font-body);text-transform:none}.sl2-hype i{background:#0009;border:2px solid #000;border-radius:10px;height:14px;display:block;overflow:hidden}.sl2-hype b{background:linear-gradient(90deg, var(--green), var(--yellow));width:0;height:100%;transition:width .45s cubic-bezier(.3,1.4,.6,1);display:block}.sl2.sl2-hot .sl2-hype b{background:linear-gradient(90deg, var(--yellow), var(--pink));box-shadow:0 0 10px var(--pink)}.sl2-mult{color:var(--yellow);font:400 20px/1 var(--font-display);font-variant-numeric:tabular-nums}.sl2-mult.flash{animation:.35s cubic-bezier(.2,1.8,.4,1) total-bump}.sl2-tips{z-index:3;flex-wrap:wrap;justify-content:center;gap:6px;display:flex;position:absolute;left:4%;right:4%}.sl2 .sl-tip{border-width:2px;border-radius:9px;align-items:center;gap:6px;padding:4px 9px 4px 4px;font-size:12px;display:inline-flex}.sl2 .sl-tip b{color:#fff;width:17px;height:17px;font:800 15px/1 var(--font-body);border-radius:50%;place-items:center;display:grid}.sl2 .sl-tip.good{background:#d9f8c4}.sl2 .sl-tip.good b{background:#2f9e44}.sl2 .sl-tip.bad{background:#ffd9de}.sl2 .sl-tip.bad b{background:#e03150}.sl2-list{z-index:2;left:0;right:0;bottom:calc(max(env(safe-area-inset-bottom), 16px) + 74px);-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;align-items:center;gap:10px;padding:4px 5% 8px;scroll-padding:0 5%;display:flex;position:absolute;overflow:auto hidden}.sl2-list::-webkit-scrollbar{display:none}.sl2-loading{color:#fff;font:400 18px/1.2 var(--font-hand);text-align:center;flex:1;margin:18px 0}.sl2-song{border:3px solid var(--ink);background:var(--paper);width:42%;height:min(100%,280px);color:var(--ink);box-shadow:3px 3px 0 var(--ink);text-align:left;cursor:pointer;scroll-snap-align:start;border-radius:14px;flex-direction:column;flex:none;gap:3px;padding:6px 6px 8px;transition:transform .12s,background .15s;display:flex}.sl2-song:active{transform:scale(.97)}.sl2-face{border:2px solid var(--ink);background:var(--c,#ccc);border-radius:9px;flex:auto;min-height:56px;position:relative;overflow:hidden}.sl2-face img{object-fit:cover;object-position:50% 12%;width:100%;height:100%;position:absolute;inset:0}.sl2-pick{border:3px solid var(--ink);width:28px;height:28px;font:400 15px/1 var(--font-display);background:#fff;border-radius:50%;place-items:center;display:grid;position:absolute;top:4px;right:4px}.sl2-stale{color:#fff;font:700 9px/1 var(--font-body);text-align:center;text-transform:uppercase;background:#e03150;padding:3px 0 2px;font-style:normal;position:absolute;bottom:0;left:0;right:0}.sl2-title{height:2.1em;font:400 16px/1.05 var(--font-hand);flex-direction:column;flex:none;justify-content:flex-end;margin-top:2px;display:flex}.sl2-title span{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.sl2-singer{color:#4a3d5c;font:600 11px/1 var(--font-body);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sl2-tempo{color:#fff;background:#16101f;border-radius:7px;justify-content:space-between;align-items:center;margin-top:3px;padding:3px 6px;display:flex}.sl2-tempo small{font:400 10px/1 var(--font-display);text-transform:uppercase;letter-spacing:.5px}.sl2-tempo i{flex-direction:column-reverse;justify-content:center;align-items:center;gap:0;height:22px;display:flex}.sl2-tempo b{clip-path:polygon(50% 0,100% 70%,100% 100%,50% 30%,0 100%,0 70%);background:currentColor;width:16px;height:8px;margin-top:-3px;display:block}.sl2-tempo.t1{color:#7fb6ff}.sl2-tempo.t2{color:var(--yellow)}.sl2-tempo.t3{color:#ff5c86}.sl2-tempo small{color:#fff}.sl2-song.picked{box-shadow:3px 7px 0 var(--ink);background:#ffe3f6;transform:translateY(-4px)}.sl2-song.picked .sl2-pick{background:var(--pink);color:#fff}.sl2-song.nope{animation:.3s nope}.ico{object-fit:contain;vertical-align:-.28em;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;flex:none;width:1.25em;height:1.25em;display:inline-block}.cx .mz-stage{top:calc(max(env(safe-area-inset-top), 12px) + 13cqw);bottom:calc(max(env(safe-area-inset-bottom), 16px) + 6cqw);z-index:2;transition:transform .55s cubic-bezier(.5,0,.25,1)}.cx .cr-chip{z-index:8}.cx .mz-mag{width:min(82cqw,72cqh - 18.72cqw);height:auto}.cx-you{filter:drop-shadow(0 0 1.2cqw #000c)drop-shadow(.8cqw .8cqw #0008);height:102%;position:absolute;bottom:-42%;left:-6%}.cx-head{right:22%}.cx-head p{margin-top:0;font-size:4.4cqw}.cx-stars{grid-template-columns:repeat(3,auto);justify-items:center;gap:0 1cqw;display:grid;position:absolute;bottom:23%;right:4%;rotate:-6deg}.cx-stars img{filter:drop-shadow(.5cqw .6cqw #000a);width:15cqw;transform:scale(0)}.cx-stars img:not(.on){opacity:.55}.cx-stars span{color:var(--pink);font:400 6cqw/1 var(--font-hand);text-transform:uppercase;text-shadow:2px 2px #000,-1px -1px #000;opacity:0;grid-column:1/-1;transition:opacity .3s .5s}.cx-stars.in img{animation:.4s cubic-bezier(.2,1.8,.4,1) forwards star-stamp;animation-delay:calc(var(--i) * .18s)}.cx-stars.in span{opacity:1}@keyframes star-stamp{0%{opacity:0;transform:scale(3)rotate(-30deg)}to{opacity:1;transform:scale(1)}}.cx-panel{z-index:3;border:1.1cqw solid var(--ink);box-shadow:1.4cqw 1.6cqw 0 var(--cyan);color:var(--paper);opacity:0;background:#16101fee;border-radius:5cqw;flex-direction:column;gap:2.2cqw;padding:4cqw 5cqw;transition:opacity .35s .2s,transform .45s cubic-bezier(.3,1.4,.6,1) .2s;display:flex;position:absolute;top:60%;left:5%;right:5%;overflow:hidden;transform:translateY(8cqw)}.cx.compact .cx-panel{opacity:1;transform:none}.cx-songs{gap:1.6cqw;max-height:60cqw;margin:0;padding:0;list-style:none;transition:max-height .4s,opacity .25s;display:grid;overflow:hidden}.cx-songs li{opacity:0;grid-template-columns:1fr 7cqw 21cqw;align-items:center;gap:2cqw;transition:opacity .25s,transform .3s cubic-bezier(.3,1.4,.6,1);display:grid;transform:translate(-8cqw)}.cx-songs li.in{opacity:1;transform:none}.cx-title{font:400 4.6cqw/1.1 var(--font-hand);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cx-pts{font:400 4.6cqw/1 var(--font-display);font-variant-numeric:tabular-nums;justify-self:end}.cx-mults{gap:2.5cqw;max-height:14cqw;transition:max-height .4s,opacity .25s;display:flex}.cx-mult{border:.8cqw solid var(--ink);color:var(--ink);font:400 4.6cqw/1 var(--font-display);opacity:0;background:#fff;border-radius:2.5cqw;align-items:center;gap:1.4cqw;padding:1.4cqw 2.6cqw 1.2cqw 1.6cqw;display:inline-flex;transform:rotate(8deg)scale(3)}.cx-mult .ico{width:6cqw;height:6cqw}.cx-mult small{font:600 2.9cqw/1 var(--font-body);text-transform:uppercase;opacity:.75}.cx-mult.up{background:var(--yellow)}.cx-mult.down{background:#ffd0d6}.cx-mult.in{animation:.32s cubic-bezier(.3,1.6,.5,1) forwards stamp}.cx-mult.star.in{--r:3deg}.cx-total{opacity:0;border-top:.6cqw dashed #ffffff40;justify-content:space-between;align-items:center;padding-top:2.4cqw;transition:opacity .2s;display:flex;position:relative}.cx-total.in{opacity:1}.cx-total small,.cx-row.sum small{color:#b9add6;font:600 3.4cqw/1 var(--font-body);text-transform:uppercase;letter-spacing:.3cqw}.cx-total-num{color:#fff;font:400 10cqw/1 var(--font-display);font-variant-numeric:tabular-nums}.cx-total.done .cx-total-num{animation:.4s cubic-bezier(.2,1.8,.4,1) total-bump}.cx .cr-record{font-size:3.8cqw;top:-1cqw;left:12cqw}.cx-total.done .cr-record{animation:.5s cubic-bezier(.2,1.8,.4,1) forwards record-pop,1.2s ease-in-out .5s infinite record-glow}.cx-pay{gap:2cqw;max-height:0;transition:max-height .45s;display:grid;overflow:hidden}.cx.paying .cx-songs,.cx.paying .cx-mults{opacity:0;max-height:0}.cx.paying .cx-mults{margin-top:-2.2cqw}.cx.paying .cx-total{border-top:0;padding-top:0}.cx.paying .cx-total-num{font-size:7cqw}.cx.paying .cx-pay{max-height:80cqw}.cx-row{font:400 4.6cqw/1 var(--font-display);opacity:0;grid-template-columns:9cqw 1fr auto;align-items:center;gap:2.4cqw;transition:opacity .25s,transform .3s;display:grid;transform:translateY(3cqw)}.cx-row.in{opacity:1;transform:none}.cx-row .ico{box-sizing:border-box;border:.6cqw solid var(--ink);background:var(--paper);filter:none;border-radius:50%;width:9cqw;height:9cqw;padding:1.1cqw}.cx-row small{color:#b9add6;font:600 3.3cqw/1 var(--font-body)}.cx-row b{font-variant-numeric:tabular-nums;font-weight:400}.cx-row b i{font-style:normal}.cx-row.fans b{color:var(--pink);font-size:6cqw}.cx-row.bonus{color:#ffd23f;font-size:4.2cqw}.cx-row.sum{color:var(--yellow);border-top:.6cqw dashed #ffffff40;grid-template-columns:1fr auto;margin-top:.6cqw;padding-top:2.4cqw;font-size:8cqw}.cx-foot[hidden]{display:none}.cx-foot{animation:.35s cubic-bezier(.3,1.5,.6,1) cr-rise}.cx .cr-skip{bottom:calc(max(env(safe-area-inset-bottom), 16px) + 30px)}.cx .cr-singer-actions .btn-go{white-space:nowrap;padding:12px 8px;font-size:18px}.cx-heart{width:8cqw;height:8cqw;box-shadow:none;background:0 0;border:0;place-items:center;margin:-4cqw 0 0 -4cqw;display:grid}.cx-heart .ico{width:100%;height:100%}.mp-sheet{background:#0b0618cc;padding:12px}.mp-card{padding:92px 22px calc(env(safe-area-inset-bottom) + 22px);margin-top:120px}.mp-card-art{object-fit:contain;object-position:50% 100%;width:auto;max-width:250px;height:200px;top:-122px}.mp-x{z-index:2;border:3px solid var(--ink);width:38px;height:38px;color:var(--ink);font:700 17px/1 var(--font-body);box-shadow:2px 3px 0 var(--ink);background:#fff;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:12px;left:12px}.mp-x:active{box-shadow:1px 1px 0 var(--ink);transform:translate(1px,2px)}.mp-head{text-align:left;grid-template-columns:1fr auto;align-items:start;gap:12px;display:grid}.mp-head h2{font-size:26px}.mp-head .mp-blurb{margin:6px 0 0}.mp-rec{justify-items:end;gap:4px;display:grid}.mp-stars{gap:2px;display:flex}.mp-stars img{filter:drop-shadow(1px 2px #16101f55);width:30px}.mp-rec small{color:#4a3d5c;font:600 12px/1 var(--font-body);white-space:nowrap}.mp-facts{border-top:2px dashed #16101f33;border-bottom:2px dashed #16101f33;grid-template-columns:repeat(3,1fr);gap:0;margin:20px 0 22px;padding:14px 0 12px;display:grid}.mp-facts span{background:0 0;border:0;border-radius:0;justify-items:center;gap:4px;padding:0;display:grid}.mp-facts span+span{border-left:2px solid #16101f1a}.mp-facts .ico{width:34px;height:34px;margin-bottom:2px}.mp-facts b{color:var(--ink);font:400 20px/1 var(--font-display)}.mp-facts small{color:#6b5c80;font:600 11px/1 var(--font-body);text-transform:uppercase;letter-spacing:.5px}.mp-book{margin-top:4px}.mp-req{text-align:center;margin:0}.mp-node.face{background:var(--paper);width:36px;height:36px;overflow:visible}.mp-face{background:var(--c,#ccc) 50% 16% / 190% no-repeat;border-radius:50%;width:100%;height:100%;display:block}.mp-node.face.tape{width:42px;height:42px}.mp-node i{border:2px solid var(--ink);color:#fff;width:17px;height:17px;font:400 9px/1 var(--font-display);background:#8a7a9c;border-radius:50%;place-items:center;font-style:normal;display:grid;position:absolute;bottom:-5px;right:-6px}.mp-node i.g-S{background:#ff2bd6}.mp-node i.g-A{background:#ff8a2b}.mp-node i.g-B{background:#22b8ff}.mp-node i.g-C{background:#5bbf4a}.mp-node.next{z-index:5;border:5px solid var(--pink);width:66px;height:66px;box-shadow:0 0 0 3px var(--ink), 0 6px 12px #000a;background:#fff;padding:0;animation:1.4s ease-in-out infinite me-bob;overflow:visible}.mp-node.next img{object-fit:cover;border-radius:50%;width:100%;height:100%}.mp-node.next em{border:2px solid var(--ink);background:var(--pink);color:#fff;font:400 11px/1 var(--font-display);text-transform:uppercase;border-radius:7px;padding:3px 8px 2px;font-style:normal;position:absolute;bottom:-12px;left:50%;translate:-50%}.mp-region{filter:brightness(.78)saturate(.85)}.mp-venue:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(closest-side,#ffd23f99,#ff2bd640 55%,#0000);border-radius:50%;height:42%;position:absolute;bottom:2%;left:-14%;right:-14%}.mp-venue.needSongs:before,.mp-venue.needFans:before{display:none}.mp-venue.open img{filter:drop-shadow(2px 0 #fff)drop-shadow(-2px 0 #fff)drop-shadow(0 2px #fff)drop-shadow(0 -2px #fff)drop-shadow(0 8px 6px #0009)}.mp-venue-stars{border:2px solid var(--ink);background:#16101fd9;border-radius:10px;gap:1px;padding:3px 7px;display:flex;bottom:-30px}.mp-venue-stars img{width:20px;display:block;filter:none!important;animation:none!important}.hq-msg{z-index:30;left:4%;right:4%;bottom:calc(max(env(safe-area-inset-bottom), 12px) + 26%);border:3px solid var(--ink);min-height:78px;box-shadow:4px 5px 0 var(--pink);color:#fff;background:#16101fee;border-radius:16px;align-items:center;gap:12px;padding:12px 14px;animation:.35s cubic-bezier(.3,1.5,.6,1) cr-rise;display:flex;position:absolute}.hq-msg.out{opacity:0;transition:opacity .2s,transform .2s;transform:translateY(10px)}.hq-msg-tape{border:3px solid var(--ink);background:#ff3d6e;border-radius:6px;flex:none;justify-content:space-around;align-items:center;width:62px;height:40px;display:flex;position:relative}.hq-msg-tape:before{content:"";background:#f3eee2;border-radius:8px;height:16px;position:absolute;top:9px;left:8px;right:8px}.hq-msg-tape i{z-index:1;border:3px dashed var(--ink);background:#fff;border-radius:50%;width:13px;height:13px;animation:1s linear infinite reel;position:relative}@keyframes reel{to{transform:rotate(360deg)}}.hq-msg div{flex:1;min-width:0}.hq-msg small{color:var(--yellow);font:400 12px/1 var(--font-display);text-transform:uppercase;letter-spacing:.5px;display:block}.hq-msg p{min-height:2.4em;font:400 17px/1.2 var(--font-hand);margin:6px 0 0}.gcard-buy .ico,.mp-venue-need .ico,.folder .ico{vertical-align:-.2em;filter:none;width:1.15em;height:1.15em;margin-right:3px;display:inline-block}.cv-back{justify-content:space-evenly;gap:6px;padding:14px 16px}.cv-back .cv-quote{font-size:18px}.cv-back .cv-quote b{font-size:30px}.cv-back .cv-bio{font-size:12.5px;line-height:1.28}.cv-back h3,.cv-back .cv-quote{margin:0}.cv-back .cv-info{border-top:2px dashed #16101f33;border-bottom:2px dashed #16101f33;align-items:center;gap:6px 12px;margin:0;padding:9px 2px}.cv-back .cv-bio{margin:0}.cv-hearts{gap:3px;display:flex}.cv-hearts i{opacity:.22;filter:grayscale();width:18px;height:18px;display:block}.cv-hearts i.on{opacity:1;filter:none}.cv-hearts .ico{width:100%;height:100%}.kt-body{z-index:2;left:0;right:0;top:calc(max(env(safe-area-inset-top), 14px) + 58px);bottom:calc(max(env(safe-area-inset-bottom), 16px) + 84px);flex-direction:column;align-items:center;gap:12px;display:flex;position:absolute}.kt-pile{flex-direction:column;flex:none;align-items:center;width:100%;padding-top:4px;display:flex}.kt-spine{aspect-ratio:640/85;width:74%;color:var(--ink);filter:drop-shadow(0 3px 2px #0007);background:url(/art/kaset/sirt.webp) 50%/100% 100% no-repeat;border:0;justify-content:space-between;align-items:center;margin-top:-2.6%;padding:0 9% 0 8%;transition:transform .25s cubic-bezier(.3,1.5,.6,1);display:flex;position:relative}.kt-spine:first-child{margin-top:0}.kt-spine:nth-child(2n){rotate:.8deg}.kt-spine:nth-child(odd){rotate:-.6deg}.kt-spine span{font:400 15px/1 var(--font-hand)}.kt-spine small{font:400 10px/1 var(--font-display);text-transform:uppercase;opacity:.6}.kt-spine.album span{font:400 13px/1 var(--font-display);text-transform:uppercase}.kt-spine.album small{opacity:1;color:var(--pink)}.kt-spine.on{z-index:2;filter:drop-shadow(0 0 8px #ffd23f)drop-shadow(0 3px 2px #0007);transform:translate(7%)scale(1.04)}.kt-case{--w:3.5px;filter:drop-shadow(0 10px 10px #0008);flex:none;position:relative}.kt-case-img{width:100%;display:block}.kt.swap .kt-case{animation:.35s cubic-bezier(.3,1.4,.6,1) kt-swap}@keyframes kt-swap{0%{opacity:.4;transform:translateY(12px)rotate(-1.5deg)}}.kt-jcard{height:37.5%;color:var(--ink);flex-direction:column;display:flex;position:absolute;top:6%;left:8.5%;right:8.5%}.kt-jhead{justify-content:space-between;align-items:baseline;gap:calc(var(--w) * 2);padding-bottom:calc(var(--w) * 1.2);border-bottom:2px solid var(--pink);display:flex}.kt-jhead b{font:400 calc(var(--w) * 5.4)/1 var(--font-display);text-transform:uppercase}.kt-jhead small{text-overflow:ellipsis;white-space:nowrap;color:#6b5c80;min-width:0;font:600 calc(var(--w) * 3.2)/1 var(--font-body);overflow:hidden}.kt-sides{gap:calc(var(--w) * 3);padding-top:calc(var(--w) * 1.6);flex:1;grid-template-columns:1fr 1fr;min-height:0;display:grid}.kt-sides h3{margin:0 0 calc(var(--w) * .8);color:var(--pink);font:400 calc(var(--w) * 3.2)/1 var(--font-display);text-transform:uppercase;letter-spacing:.5px}.kt-sides ol{gap:calc(var(--w) * .3);margin:0;padding:0;list-style:none;display:grid}.kt-sides li{align-items:center;gap:calc(var(--w) * 1.4);min-width:0;padding:calc(var(--w) * .7) calc(var(--w) * .8);border-radius:calc(var(--w) * 1.2);cursor:pointer;display:flex}.kt-sides li b{width:calc(var(--w) * 2.6);color:#8a7a9c;font:400 calc(var(--w) * 3.2)/1 var(--font-display);flex:none}.kt-sides li span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font:400 calc(var(--w) * 4)/1.1 var(--font-hand);flex:1;overflow:hidden}.kt-sides li i{width:calc(var(--w) * 4);height:calc(var(--w) * 4);color:#fff;font:400 calc(var(--w) * 2.4)/1 var(--font-display);background:#8a7a9c;border-radius:50%;flex:none;place-items:center;font-style:normal;display:grid}.kt-sides li i.g-S{background:#ff2bd6}.kt-sides li i.g-A{background:#ff8a2b}.kt-sides li i.g-B{background:#22b8ff}.kt-sides li i.g-C{background:#5bbf4a}.kt-sides li.kt-free{cursor:default}.kt-sides li.kt-free span{color:#16101f40}.kt-sides li.on{box-shadow:0 0 0 2px var(--ink);background:#ffd23f}.kt-empty{text-align:center;font:400 calc(var(--w) * 5)/1.2 var(--font-hand);margin:auto}.kt-tape{position:absolute;top:57%;left:10%;right:10%}.kt-tape img{width:100%;display:block}.kt-tape .kt-sticker{width:calc(var(--w) * 10);height:calc(var(--w) * 10);object-fit:cover;object-position:50% 12%;border:2px solid var(--ink);background:var(--c);border-radius:50%;position:absolute;top:-28%;right:-4%;rotate:10deg;box-shadow:1px 2px #0006}.kt.playing .kt-sides li.on{animation:.8s ease-in-out infinite alternate kt-on}@keyframes kt-on{to{background:#ffe680}}.hq-bar{z-index:8;left:4%;right:4%;bottom:calc(var(--hq-bottom) + 3cqw);grid-template-columns:17cqw 1fr 17cqw;align-items:center;gap:3cqw;display:grid;position:absolute}.hq-ico{aspect-ratio:1;border:1cqw solid var(--ink);background:var(--paper);box-shadow:0 1.4cqw 0 var(--ink);color:var(--ink);border-radius:4cqw;justify-items:center;gap:1cqw;padding:2cqw 0 1.4cqw;display:grid}.hq-ico small{font:400 2.8cqw/1 var(--font-display);text-transform:uppercase}.hq-new{padding:4.4cqw 2cqw;font-size:6.4cqw}.hq-new.pulse{animation:1.4s ease-in-out infinite btn-bounce}.rack-tape.locked{opacity:.55;filter:grayscale(.8);pointer-events:none}.shop-tapes{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:8px;display:grid}.shop-tape{border:3px solid var(--ink);background:var(--paper);box-shadow:3px 4px 0 var(--ink);color:var(--ink);border-radius:14px;justify-items:center;gap:6px;padding:10px 8px 12px;display:grid;position:relative}.shop-tape img{filter:drop-shadow(2px 3px #16101f44);width:100%}.shop-tape:not(.owned) img{filter:grayscale(.6)brightness(.8)}.shop-tape b{font:400 12px/1 var(--font-display);text-transform:uppercase}.shop-tape .gcard-buy,.shop-tape .gcard-owned{position:static;translate:none}.shop-sheet .mp-card{padding-bottom:calc(env(safe-area-inset-bottom) + 30px);padding-top:22px}.shop-sheet-tape{filter:drop-shadow(3px 5px #16101f55);width:70%;margin:4px auto 14px;display:block}.shop-sheet .mp-blurb{margin-bottom:16px}.ml-list{z-index:2;left:0;right:0;top:calc(max(env(safe-area-inset-top), 14px) + 64px);padding:6px 7% calc(env(safe-area-inset-bottom) + 24px);align-content:start;gap:14px;display:grid;position:absolute;bottom:0;overflow-y:auto}.ml-env{border:3px solid var(--ink);text-align:left;min-height:86px;color:var(--ink);rotate:var(--r);background:linear-gradient(160deg,#fff8e6 0 60%,#f2e6c8);border-radius:6px;gap:4px;padding:16px 70px 14px 18px;display:grid;position:relative;box-shadow:3px 5px #0006}.ml-env:before{content:"";pointer-events:none;background-color:#0000;background-image:linear-gradient(to bottom right,#0000 49.5%,#16101f22 50%,#0000 50.5%),linear-gradient(to bottom left,#0000 49.5%,#16101f22 50%,#0000 50.5%);background-position:0 0,0 0;background-repeat:no-repeat;background-size:100% 60%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.ml-stamp{outline:2px solid var(--ink);background:var(--pink) url(/art/setlist/yildiz.webp) center / 60% no-repeat;border:2px dashed #fff;width:40px;height:48px;position:absolute;top:12px;right:14px;rotate:6deg}.ml-env b{font:400 20px/1 var(--font-hand)}.ml-env small{color:#6b5c80;font:600 12px/1 var(--font-body)}.ml-env em{color:#8a7a9c;font:600 11px/1 var(--font-body);font-style:normal}.ml-env.new:after{content:"NEW";border:2px solid var(--ink);color:#fff;font:400 11px/1 var(--font-display);background:#ff3030;border-radius:7px;padding:3px 7px 2px;position:absolute;top:-10px;left:-8px;rotate:-8deg}.ml-empty,.bd-empty{color:#fff;font:400 20px/1.3 var(--font-hand);text-align:center;text-shadow:1px 2px #0008;margin:40px 10%}.ml-view{z-index:20;background:#0b0618cc;align-content:center;place-items:center;gap:14px;padding:20px;animation:.3s cubic-bezier(.3,1.4,.6,1) cr-rise;display:grid;position:absolute;inset:0}.ml-paper{border:3px solid var(--ink);width:100%;color:var(--ink);background-color:#fffdf4;background-image:repeating-linear-gradient(#fffdf4 0 29px,#b9d3f0 29px 30px),none;background-position:0 14px;background-repeat:repeat,repeat;background-size:auto,auto;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:4px;padding:28px 24px 24px;rotate:-1.5deg;box-shadow:4px 6px #0008}.ml-paper p{font:400 21px/30px var(--font-hand);margin:0 0 16px}.ml-paper b{text-align:right;font:400 21px/1.2 var(--font-hand);display:block}.ml-paper small{text-align:right;color:#6b5c80;font:600 12px/1.4 var(--font-body);display:block}.bd-tabs{z-index:3;left:6%;right:6%;top:calc(max(env(safe-area-inset-top), 14px) + 62px);border:3px solid var(--ink);background:#16101fd9;border-radius:14px;grid-template-columns:repeat(3,1fr);gap:6px;padding:5px;display:grid;position:absolute}.bd-tabs button{color:#fff;font:400 13px/1 var(--font-display);text-transform:uppercase;background:0 0;border:0;border-radius:9px;padding:9px 4px 7px}.bd-tabs button.on{background:var(--yellow);color:var(--ink)}.bd-scroll{z-index:2;left:0;right:0;top:calc(max(env(safe-area-inset-top), 14px) + 122px);padding:4px 6% calc(env(safe-area-inset-bottom) + 24px);position:absolute;bottom:0;overflow-y:auto}.bd-note{color:#fff;font:400 16px/1.25 var(--font-hand);text-align:center;text-shadow:1px 2px #0008;margin:0 0 12px}.bd-grid{grid-template-columns:1fr 1fr;gap:16px 14px;display:grid}.bd-mag{background:0 0;border:0;padding:0}.bd-mag:nth-child(odd){rotate:-2deg}.bd-mag:nth-child(2n){rotate:2deg}.bd-cover{aspect-ratio:.72;background:#111;border-radius:2px;width:100%;position:relative;overflow:hidden;box-shadow:3px 5px #0007,0 0 0 2px #fff6;container-type:inline-size}.bd-cover.big{width:min(84vw,340px)}.bd-photo{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.bd-mast{filter:drop-shadow(0 2px 2px #0008);width:92%;position:absolute;top:2.5%;left:4%}.bd-issue{color:#fff;font:400 6cqw/1 var(--font-display);text-shadow:1px 1px #000;position:absolute;top:1.4%;right:4%}.bd-stars{gap:1cqw;display:flex;position:absolute;bottom:20%;right:4%;rotate:-6deg}.bd-stars img{filter:drop-shadow(.5cqw .6cqw #000a);width:13cqw}.bd-line{border-top:1.2cqw solid var(--pink);color:#fff;font:400 7.5cqw/1.1 var(--font-hand);text-align:left;text-shadow:1px 1px #000,0 0 4px #000;margin:0;padding-top:2cqw;position:absolute;bottom:4%;left:5%;right:5%}.bd-tape{border:3px solid var(--ink);background:var(--paper);box-shadow:3px 4px 0 var(--ink);color:var(--ink);border-radius:14px;justify-items:center;gap:8px;padding:12px 8px;display:grid}.bd-tape img{filter:drop-shadow(2px 3px #16101f44);width:100%}.bd-tape b{font:400 12px/1 var(--font-display);text-transform:uppercase;align-items:center;gap:4px;display:inline-flex}.bd-tape b .ico{filter:none;width:15px;height:15px}.bd-tape.locked img{filter:grayscale()brightness(.5);opacity:.6}.bd-hooks{grid-template-columns:1fr 1fr;gap:14px;display:grid}.bd-hook{background:#0003;border:3px dashed #fff7;border-radius:14px;align-content:start;justify-items:center;gap:10px;height:190px;padding-top:14px;display:grid}.bd-hook i{border:4px solid #ddd;border-top:0;border-radius:0 0 14px 14px;width:26px;height:14px}.bd-hook span{color:#fff;font:400 13px/1 var(--font-display);text-transform:uppercase;opacity:.75;margin-top:auto;margin-bottom:14px}.bd-you{filter:drop-shadow(0 0 1.2cqw #000c);height:102%;position:absolute;bottom:-42%;left:-6%}.hq-poster{z-index:1;width:38.4%;top:24.3%;left:32.2%}.hq-poster .hq-tour{inset:auto -6% 2% auto}.btn-go .ico,.dj-btn .ico,.shr-join .ico{margin-left:.3em}.exit-btn .ico,.mp-back .ico,.icon-btn .ico{vertical-align:middle;width:62%;height:62%}.mp-x .ico{width:60%;height:60%}.pause-btn .ico{vertical-align:middle;width:58%;height:58%}.opt-head.own .ico{width:70%;height:70%}.hq-tour .ico{width:1.1em;height:1.1em}.in-start small .ico{width:1.4em;height:1.4em;margin-right:2px}.write-note-ico .ico{width:70%;height:70%}.gcard-fame{z-index:2;gap:0;display:inline-flex}.contacts .gcard-fame{bottom:30px}.gcard-fame .ico{width:14px;height:14px}.hq-album-stars b .ico{filter:grayscale()opacity(.35);width:1em;height:1em}.hq-album-stars b.on .ico{filter:none}.cr-fame{gap:1px;display:inline-flex}.cr-fame i{filter:grayscale()opacity(.35);width:5cqw;height:5cqw;display:block}.cr-fame i.on{filter:none}.cr-fame .ico{width:100%;height:100%}.mp-tape-tag .ico{width:1.1em;height:1.1em}.mp-node b .ico{vertical-align:middle;width:18px;height:18px}.cx-heart .ico,.cv-hearts .ico{vertical-align:top}.mp-facts .ico,.cx-row .ico,.cx-mult .ico,.hq-ico .ico{vertical-align:middle}.cx-row .ico{background:0 0;border:0;border-radius:0;padding:0}.gcard .ico{object-fit:contain;border:0;border-radius:0;width:1.15em;height:1.15em;position:static;inset:auto}.gcard .gcard-fame .ico{width:14px;height:14px}.hq .hot .hq-tour .ico{width:1.1em;height:1.1em;display:inline-block}.shop-tape .ico,.shop-sheet .ico{width:1.15em;height:1.15em}.mp-x .ico,.shop-sheet .mp-x .ico{width:60%;height:60%}.hq-banner{z-index:2;top:4.2%}.hq-board{z-index:2;top:21%}.hq-poster .hq-tour{right:4%}.hq-label{background:var(--yellow);border:2px solid var(--ink);color:var(--ink);font:400 2.5cqw/1 var(--font-display);text-transform:uppercase;white-space:nowrap;pointer-events:none;border-radius:5px;padding:3px 6px 2px;position:absolute;bottom:-3%;left:50%;translate:-50%;rotate:-4deg;box-shadow:1px 1px #0006}.hq-mail .hq-label{bottom:-6%;rotate:4deg}.hq-board .hq-label{top:-5%;bottom:auto;left:40%;rotate:-3deg}.hq-phone .hq-label{bottom:-2%;rotate:3deg}.hq-phone.attn .hq-label{color:#fff;background:#ff3030}.hq-bar{grid-template-columns:1fr 15cqw 15cqw;gap:2cqw}.hq-ico{aspect-ratio:auto;box-shadow:none;color:#fff;background:0 0;border:0;border-radius:0;padding:0}.hq-ico .ico{filter:drop-shadow(0 1cqw #0008);width:13cqw;height:13cqw}.hq-ico small{text-shadow:1px 1px 0 var(--ink), -1px -1px 0 var(--ink), 1px -1px 0 var(--ink), -1px 1px 0 var(--ink);font-size:3cqw}.hq-ico:active{box-shadow:none;transform:translateY(.8cqw)scale(.95)}.shop-tapes{grid-template-columns:repeat(3,1fr);gap:16px 14px}.shop-tape{box-shadow:none;background:0 0;border:0;border-radius:0;gap:5px;padding:0}.shop-tape b{color:#fff;text-shadow:1px 1px 0 var(--ink), -1px -1px 0 var(--ink), 1px -1px 0 var(--ink), -1px 1px 0 var(--ink);font-size:11px}.shop-tape img{filter:drop-shadow(2px 4px #0007)}.shop-tape:active{transform:scale(.96)}.bd-tapes{grid-template-columns:repeat(3,1fr);gap:18px 14px;display:grid}.bd-tape{box-shadow:none;background:0 0;border:0;border-radius:0;gap:6px;padding:0}.bd-tape b{color:#fff;text-shadow:1px 1px 0 var(--ink), -1px -1px 0 var(--ink), 1px -1px 0 var(--ink), -1px 1px 0 var(--ink);font-size:11px}.bd-tape img{filter:drop-shadow(2px 4px #0007)}.kt-tape{top:58%;left:11%;right:11%}.kt-tape .cass{filter:drop-shadow(2px 4px #16101f55);width:100%}.kt-tape .cass-label{font-size:calc(var(--w) * 3.6)}.kt.album .kt-tape .cass-label{font-family:var(--font-display);color:var(--pink);text-transform:uppercase}.kt.playing .kt-tape .cass-hub{animation:1.2s linear infinite hub-spin}.kt.loading .kt-tape .cass-hub{animation:3s linear infinite hub-spin}.kt-tape .kt-sticker{top:-10%;right:-3%}.kt-spine:before{content:"";background:var(--spine,#ffd23f);width:3.2%;box-shadow:0 0 0 1.5px var(--ink);border-radius:2px;position:absolute;top:26%;bottom:26%;left:5.5%}.kt-spine.d-klasik{--spine:#ffd23f}.kt-spine.d-neon{--spine:#ff3d9a}.kt-spine.d-krom{--spine:#9fc8e8}.kt-spine.d-punk{--spine:#c8283c}.rs .game-top{z-index:6}.rs-tape{z-index:2;width:74%;left:13%;top:calc(max(env(safe-area-inset-top), 14px) + 20cqw);filter:drop-shadow(0 2cqw 2cqw #000a);animation:.5s cubic-bezier(.3,1.4,.6,1) .1s both sn-drop;position:absolute}.rs-tape .cass{width:100%}.rs-tape .cass-label{font-size:5.4cqw}.rs.counting .rs-tape .cass-hub{animation:.9s linear infinite hub-spin}.rs-card{z-index:3;left:6%;right:38%;top:calc(max(env(safe-area-inset-top), 14px) + 73cqw);background:var(--paper);border:1.1cqw solid var(--ink);box-shadow:1.4cqw 1.6cqw 0 var(--pink);border-radius:4cqw;grid-template-columns:auto 1fr;align-items:baseline;column-gap:3cqw;padding:4cqw 4.5cqw 3.5cqw;animation:.35s cubic-bezier(.3,1.5,.6,1) .45s both sn-pop;display:grid;position:absolute;rotate:-1.5deg}.rs-label{color:var(--ink);font:400 3.8cqw/1 var(--font-display);text-transform:uppercase;opacity:.7}.rs-num{color:var(--ink);font:400 9cqw/1 var(--font-display);font-variant-numeric:tabular-nums;justify-self:end}.rs-best{color:#4a3d5c;font:600 3.6cqw/1 var(--font-body);grid-column:1/-1;justify-self:end;margin-top:1.4cqw}.rs-record{background:var(--yellow);border:.9cqw solid var(--ink);box-shadow:.8cqw .8cqw 0 var(--ink);color:var(--ink);font:400 4.4cqw/1 var(--font-display);text-transform:uppercase;opacity:0;border-radius:2cqw;padding:1.5cqw 3cqw 1cqw;position:absolute;top:-6cqw;left:-3cqw;transform:scale(.3)}.rs-card.done .rs-record{animation:.5s cubic-bezier(.2,1.8,.4,1) forwards record-pop,1.2s ease-in-out .5s infinite record-glow}.rs-pick{--tc:#c9d3e0;z-index:4;right:3%;top:calc(max(env(safe-area-inset-top), 14px) + 62cqw);aspect-ratio:1;opacity:0;place-items:center;width:36cqw;display:grid;position:absolute;transform:scale(.2)rotate(-30deg)}.rs-pick.in{opacity:1;transition:opacity .2s,transform .4s cubic-bezier(.2,1.8,.4,1);transform:none}.rs-pick .pick{z-index:1;filter:drop-shadow(1cqw 1.4cqw #000a);width:80%;position:relative}.rs-pick.up .pick{animation:.45s cubic-bezier(.2,1.8,.4,1) pick-up}@keyframes pick-up{0%{filter:brightness(2.4)drop-shadow(0 0 4cqw #fff);transform:scale(1.5)rotate(-14deg)}to{transform:none}}.rs-rays{background:repeating-conic-gradient(var(--tc) 0 9deg, transparent 9deg 24deg);opacity:.75;border-radius:50%;animation:6s linear infinite rays-spin;position:absolute;inset:-22%;-webkit-mask:radial-gradient(circle,#0000 22%,#000 30%,#0000 70%);mask:radial-gradient(circle,#0000 22%,#000 30%,#0000 70%)}.rs-pick.up .rs-rays{animation:6s linear infinite rays-spin,.5s ease-out rays-burst}@keyframes rays-burst{0%{opacity:1;transform:scale(.5)}to{transform:scale(1)}}.rs-pick.tier-gold{--tc:#ffd23f}.rs-pick.tier-platinum{--tc:#9fe3ff}.rs-pick.tier-diamond{--tc:#7ff6ff}.rs-pick b{z-index:2;color:var(--tc);border:.8cqw solid var(--tc);font:400 5cqw/1 var(--font-display);text-transform:uppercase;white-space:nowrap;clip-path:polygon(3% 8%,98% 0,100% 90%,1% 100%);opacity:0;background:#111;padding:1.4cqw 3cqw 1cqw;position:absolute;bottom:-8%;left:50%;transform:scale(2.4)}.rs-pick.done b{animation:.32s cubic-bezier(.3,1.6,.5,1) forwards stamp}.rs.shake{animation:.4s ease-out rs-shake}@keyframes rs-shake{20%{translate:-1.5cqw .8cqw}40%{translate:1.4cqw -1cqw}60%{translate:-.8cqw .6cqw}80%{translate:.5cqw}}.rs-foot{grid-template-columns:1fr 1fr;gap:12px 10px;display:grid}.rs-foot .btn-go{white-space:nowrap;padding:12px 6px;font-size:18px}.rs-foot .rs-hq{grid-column:1/-1;padding:15px 10px;font-size:22px}.rs-foot .rs-share{background:var(--yellow);color:var(--ink);text-shadow:none}.rs-foot .rs-share.busy{opacity:.7}.rs-tape{top:max(calc(max(env(safe-area-inset-top), 14px) + 20cqw), 15cqh);width:80%;left:10%}.rs-card{top:max(calc(max(env(safe-area-inset-top), 14px) + 78cqw), 48cqh)}.rs-pick{top:max(calc(max(env(safe-area-inset-top), 14px) + 66cqw), 42cqh);width:40cqw;right:1%}.rs-card{right:35%}.rs-num{font-size:8.2cqw}.pick{object-fit:contain;display:block}.cx-songs .cr-grade.cx-pick{background:0 0;border:0;border-radius:0;width:8.5cqw;height:8.5cqw}.cx-pick .pick,.kt-pick .pick{width:100%;height:100%}.kt-sides li i.kt-pick{width:calc(var(--w) * 5);height:calc(var(--w) * 5);background:0 0;border-radius:0}.gm-pick{width:30px;height:30px}.shr-grade{width:auto;height:auto;box-shadow:none;background:0 0;border:0;border-radius:0;justify-items:center;gap:6px;display:grid;rotate:0deg}.shr-grade .pick{filter:drop-shadow(3px 5px #0008);width:110px;height:110px}.shr-grade b{font:400 22px/1 var(--font-display);text-transform:uppercase;color:var(--yellow);text-shadow:2px 2px 0 var(--ink)}.st .st-row{justify-content:space-between;align-items:center;gap:10px;margin:10px 0 6px;display:flex}.st .st-row>span{font:400 15px/1 var(--font-display);text-transform:uppercase;color:var(--ink)}.st-seg{border:3px solid var(--ink);background:#fff;border-radius:12px;padding:3px;display:flex}.st-seg button{color:var(--ink);font:400 14px/1 var(--font-display);text-transform:uppercase;background:0 0;border:0;border-radius:8px;padding:8px 14px 6px}.st-seg button.on{background:var(--pink);color:#fff}.st-sync{align-items:center;gap:8px;display:flex}.st-sync button{border:3px solid var(--ink);width:36px;height:36px;color:var(--ink);font:400 20px/1 var(--font-display);box-shadow:2px 2px 0 var(--ink);background:#fff;border-radius:50%}.st-sync b{text-align:center;min-width:64px;font:400 16px/1 var(--font-display);color:var(--ink)}.mp-toast .pick{vertical-align:-6px;width:22px;height:22px;margin-left:4px;display:inline-block}.mp-toast small{opacity:.75}.mp-node.done.tier-silver{box-shadow:0 0 0 2px var(--ink);border-color:#b7bec8}.mp-node.done.tier-platinum{box-shadow:0 0 0 2px var(--ink);border-color:#8fd8ff}.mp-node.done.tier-gold{box-shadow:0 0 0 2px var(--ink), 0 0 8px #ffc92899;border-color:#ffc928}.mp-node.done.tier-diamond{box-shadow:0 0 0 2px var(--ink), 0 0 12px #7ff6ff;border-color:#8ff8ff;animation:1.8s ease-in-out infinite tier-glow}@keyframes tier-glow{50%{box-shadow:0 0 0 2px var(--ink), 0 0 18px #c8fdff}}.mp-node.face{border-width:4px}.mp-toast:has(.mp-card-mini){padding:8px 12px 8px 8px}.mp-card-mini{text-align:left;align-items:center;gap:10px;display:flex}.mp-mini-face{border:3px solid var(--ink);background:var(--c,#ccc) 50% 16% / 190% no-repeat;border-radius:50%;flex:none;width:54px;height:54px}.mp-mini-text{gap:3px;min-width:0;display:grid}.mp-mini-text b{font:400 19px/1.1 var(--font-hand);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mp-mini-text small{font:600 13px/1 var(--font-body);opacity:.75}.mp-mini-pick{flex:none;justify-items:center;gap:2px;margin-left:auto;display:grid}.mp-mini-pick .pick{vertical-align:0;width:34px;height:34px;margin:0}.mp-mini-pick small{font:400 10px/1 var(--font-display);text-transform:uppercase;opacity:1}.mp-toast:has(.mp-card-mini){width:min(88%,340px)}.mp-card .mp-req{text-align:left;color:var(--ink);font:600 14px/1.2 var(--font-body);border:3px dashed #16101f40;border-radius:14px;gap:8px;margin:0;padding:12px 14px;display:grid}.mp-card .mp-req p{font:400 14px/1.2 var(--font-display);text-transform:uppercase;margin:0}.mp-card .mp-req span{grid-template-columns:30px 1fr auto;align-items:center;gap:10px;display:grid}.mp-card .mp-req span .ico{width:28px;height:28px}.mp-card .mp-req b{font:400 18px/1 var(--font-display)}.mp-card .mp-req small{color:#b0123e;font:600 13px/1 var(--font-body)}.mp-card .mp-req span.ok b{opacity:.55;text-decoration:line-through}.mp-card .mp-req span.ok small{color:#2f9e44}.mp-card .mp-req .mp-req-tip{color:#4a3d5c;font:400 15px/1.2 var(--font-hand);text-transform:none}.mp-venue-need{padding:4px 10px 3px;font-size:13.5px;bottom:-30px}.mp-venue .mp-venue-lock{filter:drop-shadow(0 3px #0009);width:24%;position:absolute;top:22%;left:50%;translate:-50%;animation:none!important}.screen.stage .section-banner{transform-origin:50%;white-space:nowrap;width:max-content;max-width:92%;left:50%;right:auto;translate:-50%}.mp-toast.show{pointer-events:auto;cursor:pointer}.stage-bg .stage-logo{mix-blend-mode:screen;opacity:.95;pointer-events:none;width:31%;position:absolute;top:13.6%;left:51%;translate:-50% -50%}.kt-foot{gap:10px;display:flex}.kt-foot .btn-go{flex:1}.kt-foot .kt-share{background:var(--yellow);color:var(--ink);text-shadow:none;white-space:nowrap;flex:.8;font-size:18px}.kt-foot .kt-share[hidden]{display:none}.kt-foot .kt-share.busy{opacity:.7}.mp-venue.needSongs .mp-venue-lock,.mp-venue.needFans .mp-venue-lock{width:28%;filter:drop-shadow(0 0 2px #fff)drop-shadow(0 0 2px #fff)drop-shadow(0 4px #000a)!important}.mp-node.todo{opacity:1;color:#fff;background:#3a2f55}.kt-foot .kt-share{flex:.55;padding-left:6px;padding-right:6px;font-size:16px}.kt-foot .btn-go.big{flex:1.45}.kt-foot .kt-share:disabled{color:#eee;background:#bbb}.mp-venue.needSongs .mp-venue-lock,.mp-venue.needFans .mp-venue-lock{width:15%;top:28%}.tt-go2{animation:1.4s ease-in-out 1.2s infinite btn-bounce}.chip{border:3px solid var(--ink);color:#fff;height:34px;font:400 17px/1 var(--font-display);font-variant-numeric:tabular-nums;white-space:nowrap;background:#16101fe8;border-radius:999px;align-items:center;gap:4px;padding:0 12px 0 34px;display:inline-flex;position:relative;box-shadow:2px 3px #000a}.chip .ico{vertical-align:0;filter:drop-shadow(1px 2px #0008);width:42px;height:42px;position:absolute;top:50%;left:-10px;translate:0 -50%}.chip-fans b{color:#ff5fa8}.chip-cash b{color:var(--yellow)}.chip.bump{animation:.45s cubic-bezier(.2,1.8,.4,1) chip-bump}.hq-top2{z-index:9;left:0;right:0;top:calc(env(safe-area-inset-top) + 2.5cqw);pointer-events:none;align-items:center;gap:6cqw;padding:0 4cqw 0 7cqw;display:flex;position:absolute}.hq-top2>*{pointer-events:auto}.hq-gear2{background:0 0;border:0;width:46px;height:46px;margin-left:auto;padding:0;transition:transform .2s}.hq-gear2 .ico{vertical-align:0;filter:drop-shadow(1px 3px #000a);width:100%;height:100%}.hq-gear2:active{transform:rotate(60deg)scale(.92)}.cr-top2{z-index:8;left:0;right:0;top:calc(max(env(safe-area-inset-top), 12px) + 2cqw);pointer-events:none;justify-content:center;gap:8cqw;padding-left:4cqw;display:flex;position:absolute}.game-top .chip,.mp-top .chip{justify-self:end;height:30px;padding:0 10px 0 28px;font-size:15px}.game-top .chip .ico,.mp-top .chip .ico{width:36px;height:36px;left:-9px}.shop-cash{justify-self:end}.mp-top .chip{margin-right:10px}.chip{background:var(--paper);color:var(--ink);justify-content:center;min-width:30cqw;height:38px;padding:0 16px 0 40px;font-size:19px}.chip-fans b,.chip-cash b{color:var(--ink)}.chip .ico{width:46px;height:46px;left:-12px}.hq-top2{gap:5cqw;padding-left:6cqw}.cr-top2{gap:7cqw}.game-top .chip,.mp-top .chip{min-width:0;height:32px;padding:0 12px 0 30px;font-size:16px}.title-screen .tt-logo{object-fit:contain;width:auto;max-width:30cqw;height:7.2cqh;top:35.6%;left:60%;translate:-50% -50%}.cx-panel{background:#16101f}body.standalone #stage{height:var(--app-h,100%);align-items:flex-start;bottom:auto}body.standalone #phone{height:var(--app-h,100%)}