*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;touch-action:manipulation;overscroll-behavior:none}body{-webkit-tap-highlight-color:transparent;background:var(--bg);min-height:100dvh;color:var(--ink);font:500 var(--fs-body)/1.45 var(--body);-webkit-tap-highlight-color:transparent;margin:0}button{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;font:inherit;color:inherit}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}[hidden]{display:none!important}.icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:20px;height:20px}.icon use{transform-box:fill-box;transform-origin:50%}.backdrop{z-index:-1;pointer-events:none;color:var(--wave);opacity:var(--wave-alpha);position:fixed;inset:0;overflow:hidden;-webkit-mask-image:radial-gradient(75% 65% at 50% 52%,#0000004d 0%,#000 90%);mask-image:radial-gradient(75% 65% at 50% 52%,#0000004d 0%,#000 90%)}.backdrop .layer{will-change:transform;animation:drift-a 47s var(--ease-travel) infinite alternate;position:absolute;inset:-8%}.backdrop .layer svg{width:100%;height:100%;display:block;position:absolute;inset:0}@keyframes drift-a{to{transform:translate(-2.5%,1.5%)scale(1.05)}}.btn{border:var(--line-w) solid transparent;border-radius:var(--r-pill);min-height:44px;font-weight:700;font-size:var(--fs-label);white-space:nowrap;cursor:pointer;transition:transform .35s var(--ease-spring), background-color .2s, border-color .2s, box-shadow .2s;background:0 0;justify-content:center;align-items:center;gap:8px;padding:0 18px;text-decoration:none;display:inline-flex}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.5;cursor:default}.btn-icon{border-color:var(--border);background:var(--surface);width:44px;color:var(--ink-2);padding:0}@media (hover:hover){.btn-icon:hover:not(:disabled){background:var(--surface-2)}}.brand{-webkit-tap-highlight-color:transparent;border-radius:var(--r-ctl);min-height:44px;color:var(--ink);font:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;align-items:center;gap:10px;margin:0 0 0 -6px;padding:2px 10px 2px 6px;display:flex}.brand:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.brand-mark{flex:none;width:38px;height:38px;overflow:visible}.bm-ring,.bm-w{fill:none;stroke:var(--mark);stroke-linecap:round;stroke-linejoin:round}.bm-ring{stroke-width:17px}.bm-w{stroke-width:10px}.bm-grid{stroke-width:7px}.gm-tile{fill:var(--mark);transform-box:fill-box;transform-origin:50%}.gm-wall{fill:none;stroke:var(--mark-dot);stroke-width:8px;stroke-linecap:round}.bm-dot{fill:var(--mark-dot);transform-box:fill-box;transform-origin:50%;transition:transform .16s var(--ease-out)}.brand-text{gap:3px;display:grid}.brand-house{font:800 var(--fs-caption)/1 var(--body);letter-spacing:.02em;color:var(--ink-2)}.brand-name{font:800 24px/1 var(--body);letter-spacing:-.015em}@media (hover:hover){.brand:hover .bm-dot{transform:translateY(-2px)}}.bm-halo{fill:none;stroke:var(--mark-dot);stroke-width:3px;opacity:0;transform-box:fill-box;transform-origin:50%;animation:9s 1.6s infinite bm-halo}.bm-orbit{transform-box:view-box;transform-origin:60px 60px;animation:27s 1.6s infinite bm-orbit}body:has(dialog[open]) :is(.bm-halo,.bm-orbit){animation-play-state:paused}@keyframes bm-orbit{0%,16.67%{animation-timing-function:cubic-bezier(.45,0,.2,1);transform:rotate(0)}22.6%,to{transform:rotate(360deg)}}@keyframes bm-halo{0%{opacity:.5;animation-timing-function:cubic-bezier(.2,.6,.3,1);transform:scale(1)}6%{opacity:.3}18%,to{opacity:0;transform:scale(2.4)}}.brand-intro .brand .bm-grow{transform-box:view-box;transform-origin:60px 60px;animation:.9s cubic-bezier(.2,.8,.3,1) .15s both bm-grow}.brand-intro .brand .bm-ring{stroke-dasharray:1;animation:.9s cubic-bezier(.65,0,.35,1) .15s both bm-draw}.brand-intro .brand .bm-w{stroke-dasharray:1;animation:.6s cubic-bezier(.65,0,.35,1) .85s both bm-draw}.brand-intro .brand .gm-tile{animation:gm-tile .5s cubic-bezier(.34, 1.56, .64, 1) calc(.15s + var(--k,0) * .14s) both}.brand-intro .brand .gm-wall{stroke-dasharray:1;animation:.4s cubic-bezier(.65,0,.35,1) .75s both bm-draw}@keyframes gm-tile{0%{opacity:0;transform:scale(.55)}}.brand-intro .brand .bm-dot{animation:1.35s cubic-bezier(.45,0,.25,1) .1s both bm-dot}.brand-intro .brand .brand-text{animation:bm-text .3s 1.05s var(--ease-out) both}@keyframes bm-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes bm-grow{0%{opacity:0;transform:scale(.6)}30%{opacity:1}}@keyframes bm-dot{0%{transform:translate(-25px,25px)scale(0)}18%{transform:translate(-25px,25px)scale(1.15)}70%{transform:translate(2px,-2px)scale(1)}to{transform:none}}@keyframes bm-text{0%{opacity:0;transform:translate(-4px)}}.top-actions{gap:8px;display:flex}.sheet{overscroll-behavior:contain;width:100%;max-width:100%;max-height:92dvh;padding:24px 20px calc(22px + env(safe-area-inset-bottom));border-radius:var(--r-card) var(--r-card) 0 0;background:var(--surface);color:var(--ink);border:0;margin:auto 0 0;overflow-y:auto;box-shadow:0 -16px 50px #0b123040}.sheet[open]{animation:sheet-in .42s var(--ease-out);flex-direction:column;gap:16px;display:flex}.sheet::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade-in .3s var(--ease-out);background:#0b123066}@keyframes sheet-in{0%{opacity:0;transform:translateY(24px)}}@keyframes fade-in{0%{opacity:0}}.sheet h2{font:800 var(--fs-title)/1.2 var(--body);letter-spacing:-.01em;margin:0}.sheet p{color:var(--ink-2);margin:0;line-height:1.5}.sheet-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.sheet-head>.btn-icon{flex:none}.fine{color:var(--muted);font-size:var(--fs-caption);line-height:1.45}.app>*{animation:rise var(--dur-in) var(--ease-out) backwards}@keyframes rise{0%{opacity:0;transform:translateY(14px)scale(.98)}}@media (width>=560px){.sheet{border-radius:var(--r-card);width:min(460px,100% - 32px);margin:auto;padding:26px 24px 24px;box-shadow:0 30px 80px #0b123040}}@media (width>=900px){.topbar{min-height:88px;margin-bottom:16px}.brand-mark{width:40px;height:40px}.brand-house{font-size:12px}.brand-name{font-size:27px}}@media (height<=520px) and (orientation:landscape){.topbar{min-height:34px}.brand-text{display:none}.top-actions{gap:6px}}.icon{stroke-width:1.8px}.btn-icon{box-shadow:var(--shadow-soft);border-color:#0000}.btn:active:not(:disabled){transition-duration:80ms;transform:translateY(1px)scale(.95)}@media (hover:hover){.btn-icon:hover:not(:disabled){box-shadow:var(--lift);transform:translateY(-1px)}}@media (width>=560px){.wasamio-sheet{max-width:420px}}.wasamio-head{border-radius:var(--r-ctl,16px);min-height:44px;color:inherit;align-items:center;gap:10px;margin:-4px -8px;padding:4px 8px;text-decoration:none;transition:background-color .2s;display:flex}@media (hover:hover){.wasamio-head:hover{background:var(--surface-2)}}.wasamio-head:active{transform:scale(.98)}.wasamio-head-text{gap:3px;display:grid}.wasamio-head small{font:700 var(--fs-caption)/1 var(--body);color:var(--muted)}.wasamio-head h2{font:800 var(--fs-title)/1 var(--body);letter-spacing:-.015em;text-transform:none;margin:0}.game-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.game-item{width:100%;min-height:var(--h-card);border-radius:var(--r-ctl);background:var(--chip);color:var(--ink);font:inherit;text-align:left;cursor:pointer;transition:transform 80ms var(--ease-out);border:0;align-items:center;gap:14px;padding:10px 16px;display:flex}.game-item:active{transform:scale(.98)}.game-mark{flex:none;width:28px;height:28px;overflow:visible}.wasamio-sheet[open] .wasamio-head .bm-ring{stroke-dasharray:1;animation:.7s cubic-bezier(.65,0,.35,1) .1s both bm-draw}.wasamio-sheet[open] .wasamio-head .bm-w{stroke-dasharray:1;animation:.45s cubic-bezier(.65,0,.35,1) .6s both bm-draw}.wasamio-sheet[open] .wasamio-head .bm-dot{animation:1s cubic-bezier(.45,0,.25,1) 50ms both bm-dot}.wasamio-sheet[open] .game-mark .bm-ring{stroke-dasharray:1;animation:.6s cubic-bezier(.65,0,.35,1) .35s both bm-draw}.wasamio-sheet[open] .game-mark .bm-grid{stroke-dasharray:1;animation:.4s cubic-bezier(.65,0,.35,1) .75s both bm-draw}.wasamio-sheet[open] .game-mark .gm-tile{animation:gm-tile .45s cubic-bezier(.34, 1.56, .64, 1) calc(.35s + var(--k,0) * .1s) both}.wasamio-sheet[open] .game-mark .gm-wall{stroke-dasharray:1;animation:.3s cubic-bezier(.65,0,.35,1) .8s both bm-draw}.wasamio-sheet[open] .game-mark .bm-dot{animation:.9s cubic-bezier(.45,0,.25,1) .3s both bm-dot}.game-item span{gap:2px;display:grid}.game-item b{font:800 var(--fs-lead)/1.2 var(--body)}.game-item small{color:var(--ink-2);font-size:var(--fs-small)}.game-item:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.game-soon{margin:0}a.game-item{box-sizing:border-box;text-decoration:none}.btn-primary{background:var(--primary);color:var(--on-primary);box-shadow:0 10px 24px color-mix(in srgb, var(--primary) 22%, transparent)}.btn-ghost{background:var(--surface);color:var(--ink-2);box-shadow:var(--shadow-soft);border-color:#0000;font-weight:700}.btn-link{min-height:44px;color:var(--link);padding:0 8px;font-weight:700}.btn-block{width:100%}.btn-primary,.btn-block{min-height:48px}@media (hover:hover){.btn-ghost:hover:not(:disabled){background:var(--surface-2)}}.btn[aria-disabled=true]{opacity:.55;cursor:default}.kicker{font-size:var(--fs-caption);letter-spacing:.12em;color:var(--muted);margin-bottom:4px;font-weight:700}.sheet-actions{flex-direction:column;gap:8px;display:flex}.art{background:var(--art-bg);color:var(--art-fg);position:relative;overflow:hidden}.art>svg.waves{width:112%;height:112%;animation:none;display:block;position:absolute;inset:-6%}.art .art-title{z-index:1;font:800 var(--fs-display)/1.1 var(--body);letter-spacing:-.02em;color:#fffef6;text-shadow:0 2px 18px #12208066;margin:0;position:absolute;bottom:16px;left:22px}.art .sheet-close{z-index:1;background:color-mix(in srgb, var(--art-bg) 80%, transparent);box-shadow:none;color:#fffef6;border:0;position:absolute;top:12px;right:12px}.art:after{content:"";background:linear-gradient(to top, var(--art-bg) 0, var(--art-bg) 46px, transparent 104px);pointer-events:none;position:absolute;inset:0}.art-compact>.art:after,.card-art>.art:after{background:linear-gradient(to bottom, var(--art-bg) 0, var(--art-bg) 50px, transparent 100px)}.sheet-art{padding-top:0}.sheet-art>.art{flex:none;height:150px;margin:0 -20px}@media (width>=560px){.sheet-art>.art{border-radius:var(--r-card) var(--r-card) 0 0;margin:0 -24px}}.art-compact>.art,.card-art>.art{height:108px}.art-compact>.art .art-title,.card-art>.art .art-title{top:18px;bottom:auto}@media (height<=520px) and (orientation:landscape){.sheet-art>.art,.art-compact>.art,.card-art>.art{height:72px}.sheet-art>.art .art-title{font-size:var(--fs-title);bottom:12px}.art-compact>.art .art-title,.card-art>.art .art-title{font-size:var(--fs-title);top:12px}}.card-art{border-radius:var(--r-card);background:var(--surface);width:100%;max-width:480px;box-shadow:var(--lift);margin:8px auto 0;overflow:hidden}.card-art>.art{margin:0}.card-body{gap:14px;padding:0 20px 22px;display:grid}.duel{z-index:1;justify-content:center;align-items:center;gap:14px;margin:-34px 0 2px;display:flex;position:relative}.duel-vs{font:800 var(--fs-caption)/1 var(--body);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.avatar{border-radius:var(--r-pill);background:var(--primary);width:60px;height:60px;color:var(--on-primary);box-shadow:0 0 0 4px var(--surface), var(--lift);font:800 28px/1 var(--body);transition:transform .4s var(--ease-spring), background-color .25s, opacity .25s;place-items:center;display:grid;position:relative}.avatar[data-slot=rival]{background:var(--accent);color:var(--accent-ink)}.avatar[data-state=empty]{background:var(--surface);color:var(--muted);outline:2px dashed var(--border);outline-offset:-7px}.avatar[data-state=away]{opacity:.5}.avatar[data-state=winner]{transform:translateY(-3px)scale(1.06)}.avatar .badge{border-radius:var(--r-pill);background:var(--ok-dot);color:#fff;width:26px;height:26px;box-shadow:0 0 0 3px var(--surface);transition:transform .45s var(--ease-spring);place-items:center;display:grid;position:absolute;bottom:-5px;right:-5px;transform:scale(0)}.avatar .badge .icon{stroke-width:2.6px;width:15px;height:15px}.avatar .i-win,.avatar[data-state=winner] .i-ok{display:none}.avatar[data-state=winner] .i-win{display:block}.avatar[data-state=ready] .badge,.avatar[data-state=winner] .badge{transform:scale(1)}.avatar[data-state=winner] .badge{color:#3a2a05;background:#f5b83d}.top-menu:popover-open{inset:calc(64px + var(--sa-t)) calc(16px + var(--sa-r)) auto auto;border:var(--line-w) solid var(--border);border-radius:var(--r-ctl);background:var(--surface);min-width:220px;color:var(--ink);box-shadow:var(--shadow-soft);flex-direction:column;gap:4px;margin:0;padding:8px;display:flex;position:fixed}@media (width>=900px){.top-menu:popover-open{inset:80px max(40px,50vw - 520px) auto auto}}@media (height<=520px) and (orientation:landscape){.top-menu:popover-open{inset:8px 8px auto auto}}.top-menu .btn{width:100%;min-height:48px;box-shadow:none;color:var(--ink);background:0 0;border-color:#0000;justify-content:flex-start;gap:12px;padding:0 14px;font-weight:700}@media (hover:hover){.top-menu .btn:hover:not(:disabled){background:var(--chip)}}.top-menu .btn:active:not(:disabled){background:var(--chip)}.btn-icon.theme-btn{background:var(--theme-chip);position:relative;overflow:hidden}@media (hover:hover){.btn-icon.theme-btn:hover:not(:disabled){background:var(--theme-chip)}}.theme-btn .embs{position:absolute;inset:0}::view-transition-group(theme-emb){animation:none}::view-transition-old(theme-emb){animation:tb-sink .24s var(--ease-out) both}@keyframes tb-sink{to{opacity:0;transform:translateY(5px)scale(.92)}}.theme-btn .emb{opacity:0;width:30px;height:30px;transition:opacity .25s var(--ease-out);margin:auto;position:absolute;inset:0}.theme-btn .emb-day,:root[data-theme=dark] .theme-btn .emb-night,:root[data-theme=rose] .theme-btn .emb-rose{opacity:1}:root[data-theme=dark] .theme-btn .emb-day,:root[data-theme=rose] .theme-btn .emb-day{opacity:0}@media (prefers-color-scheme:dark){:root:not([data-theme]) .theme-btn .emb-day{opacity:0}:root:not([data-theme]) .theme-btn .emb-night{opacity:1}}.theme-btn .emb *{transform-box:fill-box}.theme-btn .e-petal{opacity:0}.theme-btn[data-anim=light] .e-waves{animation:tb-tide .5s var(--ease-out) both}.theme-btn[data-anim=light] .e-sun{animation:tb-sunrise .5s var(--ease-spring) .12s both}@keyframes tb-tide{0%{transform:translateY(14px)}}@keyframes tb-sunrise{0%{opacity:0;transform:translateY(16px)}}.theme-btn[data-anim=dark] .e-moon{transform-origin:60% 60%;animation:tb-moon .55s var(--ease-spring) both}.theme-btn[data-anim=dark] .e-spark{transform-origin:50%;animation:tb-twinkle .5s var(--ease-out) .16s both}.theme-btn[data-anim=dark] .e-spark-2{animation-delay:.3s}@keyframes tb-moon{0%{opacity:0;transform:translate(-6px,10px)rotate(-25deg)}}@keyframes tb-twinkle{0%{opacity:0;transform:scale(0)}45%{opacity:1;transform:scale(1.6)}}.theme-btn[data-anim=rose] .e-stem{transform-origin:50% 100%;animation:tb-grow .3s var(--ease-out) both}.theme-btn[data-anim=rose] .e-leaf{animation:tb-unfurl .26s var(--ease-spring) .16s both}.theme-btn[data-anim=rose] .e-leaf-1{transform-origin:100% 100%}.theme-btn[data-anim=rose] .e-leaf-2{transform-origin:0 100%;animation-delay:.22s}.theme-btn[data-anim=rose] .e-head{transform-origin:50% 90%;animation:tb-bloom .42s var(--ease-spring) .24s both}.theme-btn[data-anim=rose] .e-petal{animation:tb-petal .44s var(--ease-out) .36s both}@keyframes tb-grow{0%{transform:scaleY(0)}}@keyframes tb-unfurl{0%{transform:scale(0)}}@keyframes tb-bloom{0%{opacity:0;transform:scale(.15)rotate(-20deg)}}@keyframes tb-petal{0%{opacity:0;transform:translate(0)rotate(-30deg)}25%{opacity:1}to{opacity:0;transform:translate(3px,12px)rotate(20deg)}}::view-transition{pointer-events:none}::view-transition-old(root){mix-blend-mode:normal;animation:auto;animation-timeline:none}::view-transition-new(root){mix-blend-mode:normal;animation:auto;animation-timeline:none}::view-transition-new(root){animation:tide-reveal .75s var(--ease-tide) both;-webkit-mask-image:radial-gradient(circle closest-side,#000 70%,#0000 100%);mask-image:radial-gradient(circle closest-side,#000 70%,#0000 100%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@keyframes tide-reveal{0%{-webkit-mask-size:0 0;mask-size:0 0;-webkit-mask-position:var(--vt-x) var(--vt-y);mask-position:var(--vt-x) var(--vt-y)}to{-webkit-mask-size:var(--vt-d) var(--vt-d);mask-size:var(--vt-d) var(--vt-d);-webkit-mask-position:calc(var(--vt-x) - var(--vt-d) / 2) calc(var(--vt-y) - var(--vt-d) / 2);mask-position:calc(var(--vt-x) - var(--vt-d) / 2) calc(var(--vt-y) - var(--vt-d) / 2)}}.tide-shore{z-index:100;left:calc(var(--vt-x) - var(--vt-d) / 2);top:calc(var(--vt-y) - var(--vt-d) / 2);width:var(--vt-d);height:var(--vt-d);border-radius:var(--r-pill);pointer-events:none;background:radial-gradient(circle closest-side, transparent 62%, color-mix(in srgb, var(--primary) 22%, transparent) 76%, color-mix(in srgb, var(--primary) 8%, transparent) 88%, transparent 100%);view-transition-name:tide-shore;position:fixed}.tide-shore.solo{view-transition-name:none;animation:tide-shore .75s var(--ease-tide) both}::view-transition-new(tide-shore){animation:tide-shore .75s var(--ease-tide) both}::view-transition-group(tide-shore){animation:auto;animation-timeline:none}@keyframes tide-shore{0%{opacity:1;transform:scale(0)}70%{opacity:1}to{opacity:0;transform:scale(1)}}@media not (prefers-reduced-motion:reduce){:root.theme-fade,:root.theme-fade *{transition:background-color .6s var(--ease-tide), color .6s var(--ease-tide), border-color .6s var(--ease-tide), fill .6s var(--ease-tide)!important}}.btn-icon.lang-btn{font:700 var(--fs-small,.8125rem) / 1 var(--font,inherit);letter-spacing:.04em;background:var(--theme-chip);min-width:44px;min-height:44px;color:var(--ink-2);position:relative}@media not (prefers-reduced-motion:reduce){.btn-icon.lang-btn:after{content:"";border-radius:inherit;border:2px solid var(--ink-2);opacity:0;pointer-events:none;position:absolute;inset:0}.btn-icon.lang-btn.lang-morph{animation:.7s cubic-bezier(.22,1.2,.36,1) lang-flip}.btn-icon.lang-btn.lang-morph:after{animation:.7s cubic-bezier(.2,.7,.3,1) lang-ring}}@keyframes lang-flip{0%{opacity:.35;transform:perspective(240px)rotateY(-100deg)scale(.86)}55%{opacity:1;transform:perspective(240px)rotateY(10deg)scale(1.1)}to{transform:perspective(240px)rotateY(0)scale(1)}}@keyframes lang-ring{0%{opacity:.55;transform:scale(1)}to{opacity:0;transform:scale(1.9)}}:root{--sr-hot:#c23d68;--sr-cool:#2f55c8;--sr-gold:#e2a72e}@media (prefers-color-scheme:dark){:root:not([data-theme]){--sr-hot:#ff7aa2;--sr-cool:#86a4ff;--sr-gold:#f5c55a}}:root[data-theme=dark]{--sr-hot:#ff7aa2;--sr-cool:#86a4ff;--sr-gold:#f5c55a}:root[data-theme=rose]{--sr-hot:#c23a63;--sr-cool:#3b5ccc;--sr-gold:#d99a2b}.app{max-width:1120px;height:100dvh;padding:calc(8px + var(--sa-t)) calc(16px + var(--sa-r)) calc(16px + var(--sa-b)) calc(16px + var(--sa-l));grid-template:"header""stage"minmax(0,1fr)/minmax(0,1fr);gap:12px;margin:0 auto;display:grid}.topbar{grid-area:header;justify-content:space-between;align-items:center;min-height:56px;display:flex}.stage{border-radius:var(--r-card);background:var(--surface);min-height:0;box-shadow:var(--shadow-soft);grid-area:stage;position:relative;overflow:hidden}.play{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:absolute;inset:0;overflow:hidden}.scene{touch-action:none;cursor:pointer;outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}.is-run .scene{cursor:crosshair}.mode-ritim,.glyph-ritim,.hint-ritim{--zc:var(--sr-hot)}.mode-yercekimi,.glyph-yercekimi,.hint-yercekimi{--zc:var(--sr-cool)}.mode-murekkep,.glyph-murekkep,.hint-murekkep{--zc:var(--ink)}.mode-karisik,.glyph-karisik{--zc:var(--ink-2)}.icon-btn{all:unset;box-sizing:border-box;border-radius:var(--r-pill);width:44px;height:44px;color:var(--ink);background:color-mix(in srgb, var(--surface) 86%, transparent);box-shadow:inset 0 0 0 1px var(--border), 0 4px 12px color-mix(in srgb, var(--ink) 6%, transparent);cursor:pointer;transition:transform 80ms var(--ease-out);place-items:center;display:inline-grid}.icon-btn:active{transform:translateY(1px)scale(.95)}@media (hover:hover){.icon-btn:hover{transform:translateY(-1px)}}.icon-btn:focus-visible,.mode:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.ico{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.glyph{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:26px;height:26px;color:var(--zc,var(--ink))}:root[data-stil=c] .score{text-shadow:0 0 14px color-mix(in srgb, var(--sr-hot) 55%, transparent), 0 0 2px var(--bg)}:root[data-stil=b] .score{border-radius:var(--r-pill);background:color-mix(in srgb, var(--surface) 75%, transparent);text-shadow:none;padding:0 10px}.menu{border-radius:var(--r-card);background:color-mix(in srgb, var(--surface) 93%, transparent);box-shadow:0 24px 48px -16px color-mix(in srgb, var(--ink) 22%, transparent), inset 0 0 0 1px var(--border);animation:rise .42s var(--ease-spring) both;gap:12px;padding:16px;display:grid;position:absolute;bottom:12px;left:12px;right:12px}.lead{font-size:var(--fs-body);color:var(--ink);text-wrap:balance;margin:0 4px;font-weight:700;line-height:1.35}.modes{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.mode{all:unset;box-sizing:border-box;border-radius:var(--r-ctl);background:var(--surface);min-height:44px;box-shadow:inset 0 0 0 1px var(--border);cursor:pointer;transition:transform 80ms var(--ease-out), box-shadow .2s var(--ease-out), background-color .2s var(--ease-out);animation:rise .42s var(--ease-spring) both;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"g name""g how""g best";align-items:center;gap:1px 12px;padding:12px;display:grid;position:relative}.mode:nth-child(2){animation-delay:40ms}.mode:nth-child(3){animation-delay:80ms}.mode:nth-child(4){animation-delay:.12s}.mode .glyph{box-sizing:border-box;background:color-mix(in srgb, var(--zc) 12%, var(--surface));width:44px;height:44px;transition:background-color .2s var(--ease-out), color .2s var(--ease-out);border-radius:14px;grid-area:g;padding:9px}.mode.mode-karisik .glyph{background:linear-gradient(135deg, color-mix(in srgb, var(--sr-hot) 14%, var(--surface)), color-mix(in srgb, var(--sr-cool) 14%, var(--surface)))}.mode:active{transform:scale(.97)}@media (hover:hover){.mode:hover{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--zc) 40%, var(--border)), 0 8px 20px -8px color-mix(in srgb, var(--ink) 18%, transparent);transform:translateY(-1px)}}.mode[aria-checked=true]{background:color-mix(in srgb, var(--zc) 6%, var(--surface));box-shadow:inset 0 0 0 2px var(--zc), 0 10px 24px -12px color-mix(in srgb, var(--zc) 55%, transparent)}.mode[aria-checked=true] .glyph{background:var(--zc);color:var(--surface)}.mode[aria-checked=true]:after{content:"";background:var(--zc);width:8px;height:8px;animation:pop .35s var(--ease-spring) both;border-radius:50%;position:absolute;top:10px;right:10px}.mode-name{font-weight:800;font-size:var(--fs-label);color:var(--ink);letter-spacing:-.005em;grid-area:name}.mode-how{font-size:var(--fs-caption);color:var(--muted);grid-area:how;line-height:1.3}.mode-best{border-radius:var(--r-pill);background:var(--chip);font-size:var(--fs-caption);color:var(--ink-2);font-variant-numeric:tabular-nums;grid-area:best;justify-self:start;margin-top:3px;padding:1px 8px;font-weight:700}.menu-actions{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:stretch;gap:8px;display:grid}.run-btn{min-height:52px;font-size:var(--fs-lead);letter-spacing:-.01em;justify-content:center;align-items:center;gap:10px;padding:0 14px;font-weight:800;display:inline-flex}.run-btn:after{content:"";width:8px;height:8px;transition:transform .2s var(--ease-out);border-top:2.5px solid;border-right:2.5px solid;border-radius:1px;margin-left:2px;transform:rotate(45deg)}@media (hover:hover){.run-btn:hover:after{transform:translate(3px)rotate(45deg)}}.run-mode{border-radius:var(--r-pill);background:color-mix(in srgb, var(--on-primary) 16%, transparent);font-size:var(--fs-small);text-overflow:ellipsis;min-width:0;padding:3px 10px;font-weight:700;overflow:hidden}.daily-btn{white-space:normal;text-align:center;min-height:52px;box-shadow:inset 0 0 0 1px var(--border);flex-direction:column;gap:1px;padding:6px 14px;line-height:1.15;display:flex}.daily-btn>span{color:var(--ink);font-weight:800}.daily-btn small{font-size:var(--fs-caption);color:var(--muted);font-weight:600}.menu-icons{gap:6px;display:flex}.hud{pointer-events:none;position:absolute;inset:0}.hud-score{align-items:center;gap:8px;display:flex;position:absolute;top:10px;left:16px}.score{font-size:var(--fs-display);color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:-.03em;text-shadow:0 0 10px var(--bg), 0 0 2px var(--bg);font-weight:800}.mult{font-weight:800;font-size:var(--fs-label);border-radius:var(--r-pill);background:var(--accent);color:var(--accent-ink);box-shadow:0 4px 12px -4px color-mix(in srgb, var(--ink) 30%, transparent);animation:pop .35s var(--ease-spring);padding:3px 10px}.mult.bloom-3,.mult.bloom-4{background:var(--sr-hot);color:#fff}.mult.bloom-4{background:linear-gradient(110deg, var(--sr-hot), var(--sr-gold) 55%, var(--sr-hot));color:#2a0d18}.combo{border-radius:var(--r-pill);background:color-mix(in srgb, var(--surface) 80%, transparent);min-width:24px;box-shadow:inset 0 0 0 1px var(--border);font-weight:800;font-size:var(--fs-small);color:var(--ink-2);text-align:center;font-variant-numeric:tabular-nums;padding:2px 8px}.pause-btn{pointer-events:auto;position:absolute;top:10px;right:12px}.ink{border-radius:var(--r-pill);background:color-mix(in srgb, var(--sr-cool) 16%, var(--surface));width:min(220px,52%);height:12px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--sr-cool) 30%, transparent), 0 4px 12px -4px color-mix(in srgb, var(--ink) 25%, transparent);position:absolute;bottom:16px;left:50%;overflow:visible;transform:translate(-50%)}.ink:before{content:"";background:var(--sr-cool);border-radius:50% 0 50% 50%;width:12px;height:12px;margin-top:-7px;position:absolute;top:50%;left:-22px;transform:rotate(-45deg)}.ink span{border-radius:var(--r-pill);background:linear-gradient(90deg, color-mix(in srgb, var(--sr-cool) 75%, var(--surface)), var(--sr-cool));transform-origin:0;height:100%;transition:transform .12s linear;display:block}.ink.on{box-shadow:inset 0 0 0 2px var(--sr-cool), 0 0 0 4px color-mix(in srgb, var(--sr-cool) 18%, transparent)}.ink.low span,.ink.low:before{background:var(--sr-hot)}.ink.low span{animation:.4s steps(2,end) infinite blink}.hint,.banner{text-align:center;pointer-events:none;justify-items:center;gap:2px;width:max-content;max-width:calc(100% - 32px);display:grid;position:absolute;top:18%;left:50%;transform:translate(-50%)}.hint{background:color-mix(in srgb, var(--surface) 84%, transparent);box-shadow:inset 0 0 0 1px var(--border), 0 10px 28px -12px color-mix(in srgb, var(--ink) 30%, transparent);animation:rise .42s var(--ease-spring) both;border-radius:18px;padding:10px 18px 11px}.hint strong{font-size:var(--fs-title);color:var(--ink);letter-spacing:-.01em;align-items:center;gap:8px;font-weight:800;display:inline-flex}.hint strong:before{content:"";background:var(--zc,var(--sr-hot));width:10px;height:10px;animation:breathe 1.4s var(--ease-out) infinite;border-radius:50%;flex:none}.hint span{font-size:var(--fs-small);color:var(--ink-2);font-weight:700}.hint small{font-size:var(--fs-caption);color:var(--muted)}.hint-yercekimi{top:38%}.banner{animation:banner 1.7s var(--ease-out) both;gap:4px;top:28%}.banner strong{font-size:calc(var(--fs-display) * 1.15);color:var(--ink);letter-spacing:-.02em;text-shadow:0 0 14px var(--bg), 0 0 3px var(--bg);font-weight:800;position:relative}.banner strong:after{content:"";border-radius:var(--r-pill);background:linear-gradient(90deg, var(--sr-hot), var(--sr-gold), var(--sr-cool));opacity:.85;transform-origin:0;height:7px;animation:brush .6s var(--ease-out) .12s both;z-index:-1;position:absolute;bottom:-2px;left:-4%;right:-4%}.banner span{font-size:var(--fs-small);color:var(--ink-2);text-shadow:0 0 8px var(--bg);font-weight:700}.veil{background:color-mix(in srgb, var(--bg) 55%, transparent);animation:fade .2s var(--ease-out) both;place-items:center;padding:12px;display:grid;position:absolute;inset:0;overflow-y:auto}.card{border-radius:var(--r-card);background:var(--surface);width:min(380px,100%);box-shadow:0 28px 56px -20px color-mix(in srgb, var(--ink) 35%, transparent), inset 0 0 0 1px var(--border);text-align:center;animation:rise .38s var(--ease-spring) both;gap:10px;padding:22px 20px 18px;display:grid;position:relative}.card h2{font-size:var(--fs-title);letter-spacing:-.01em;margin:0 0 4px}.card .row{justify-content:center;align-items:center;gap:8px;display:flex}.card .row .btn{flex:1}.card .btn-block{min-height:48px;font-size:var(--fs-body);font-weight:800}.reason{border-radius:var(--r-pill);background:color-mix(in srgb, var(--sr-hot) 12%, var(--surface));font-weight:700;font-size:var(--fs-small);color:var(--ink-2);justify-self:center;margin:0;padding:4px 12px}.reason:empty{display:none}.record{border-radius:var(--r-pill);background:var(--accent);color:var(--accent-ink);font-weight:800;font-size:var(--fs-label);animation:pop .5s var(--ease-spring) .15s both;justify-self:center;margin:0;padding:5px 14px;position:relative;overflow:hidden}.record:after{content:"";animation:sheen .9s var(--ease-out) .6s both;background:linear-gradient(105deg,#0000 30%,#ffffffb3 50%,#0000 70%);position:absolute;inset:0;transform:translate(-120%)}.card.is-record{box-shadow:0 28px 56px -20px color-mix(in srgb, var(--sr-gold) 45%, transparent), inset 0 0 0 2px color-mix(in srgb, var(--sr-gold) 70%, var(--border))}.big{justify-items:center;margin:0;line-height:1;display:grid}.big strong{font-size:calc(var(--fs-display) * 1.6);font-variant-numeric:tabular-nums;letter-spacing:-.04em;color:var(--ink);animation:pop .45s var(--ease-spring) 80ms both;font-weight:800}.big span{font-size:var(--fs-caption);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-top:4px;font-weight:800}.stats,.best-line{font-size:var(--fs-small);color:var(--ink-2);margin:0;line-height:1.4}.best-line{color:var(--muted)}.tap{font-size:var(--fs-caption);color:var(--muted);margin:0}.help-list{gap:10px;margin:8px 0;padding:0;list-style:none;display:grid}.help-list li{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;display:grid}.help-list .glyph{box-sizing:border-box;background:color-mix(in srgb, var(--zc) 12%, var(--surface));border-radius:12px;width:40px;height:40px;padding:8px}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:scale(.6)}}@keyframes breathe{50%{opacity:.7;transform:scale(1.35)}}@keyframes blink{50%{opacity:.4}}@keyframes brush{0%{transform:scaleX(0)}}@keyframes sheen{to{transform:translate(120%)}}@keyframes banner{0%{opacity:0;transform:translate(-50%)translateY(10px)scale(.92)}15%,75%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%)translateY(-6px)scale(1.03)}}@media (prefers-reduced-motion:reduce){.menu,.mode,.mode[aria-checked=true]:after,.card,.veil,.mult,.record,.record:after,.big strong,.hint,.hint strong:before,.banner strong:after,.ink.low span{animation:none}.record:after{display:none}.banner{animation:1ms both fade}.mode,.icon-btn,.run-btn:after{transition:none}}@media (width<=719px) and (height>=521px){.mode{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"g name""how how""best best";align-content:start;row-gap:4px;padding:10px 12px 12px 10px}.mode .glyph{border-radius:11px;width:36px;height:36px;padding:7px}.mode-name{padding-right:10px}.mode-how{margin-top:4px}}@media (width<=400px){.menu{padding:14px 12px}.menu-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.run-mode{display:none}.menu .menu-bar .rank-chip{width:100%;min-width:0;overflow:hidden}.menu .menu-bar .rank-meta strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.menu .menu-bar .menu-icons{gap:4px}}@media (orientation:portrait){.hint-yercekimi{top:16%}}@media (width>=720px){.modes{grid-template-columns:repeat(4,minmax(0,1fr))}.mode{grid-template-columns:minmax(0,1fr);grid-template-areas:"g""name""how""best";align-content:start;row-gap:2px;padding:14px}.mode .glyph{margin-bottom:8px}.menu{width:min(780px,100% - 24px);padding:18px;animation-name:rise-c;left:50%;right:auto;transform:translate(-50%)}@keyframes rise-c{0%{opacity:0;transform:translate(-50%,14px)}}.menu-actions{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}}@media (width>=900px){.app{padding:0 40px 32px}.topbar{min-height:88px}}@media (height<=520px) and (orientation:landscape){.app{padding:calc(6px + var(--sa-t)) calc(12px + var(--sa-r)) calc(8px + var(--sa-b)) calc(12px + var(--sa-l));row-gap:6px}.menu{gap:8px;width:min(380px,52%);max-height:calc(100% - 16px);padding:10px;animation-name:rise;bottom:8px;left:auto;right:8px;overflow-y:auto;transform:none}.lead,.mode-how{display:none}.modes{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.mode{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"g name""g best";column-gap:8px;padding:6px 10px 6px 6px}.mode .glyph{border-radius:11px;width:36px;height:36px;margin:0;padding:7px}.mode-best{margin-top:1px}.menu-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.run-btn,.daily-btn{min-height:44px}.daily-btn{padding:4px 10px}.daily-btn small{display:none}.card{gap:6px;padding:12px}.big strong{font-size:calc(var(--fs-display) * 1.15)}.hint{padding:6px 14px 7px;top:10%}.hint strong{font-size:var(--fs-lead)}.banner{top:22%}.banner strong{font-size:var(--fs-title)}}.difficulty{--diff-c0:var(--chip);--diff-c1:#7b9be5;--diff-c2:var(--primary);--diff-c3:#22366a;--diff-deep:var(--mark-dot);--diff-tide:var(--diff-c0);--bar-min:30px;--bar-range:64px;gap:8px;display:grid}:root[data-theme=rose] .difficulty{--diff-c0:var(--chip);--diff-c1:#e28fa9;--diff-c2:var(--primary);--diff-c3:#582537;--diff-deep:var(--mark-dot)}:root[data-theme=dark] .difficulty{--diff-deep:var(--accent)}@media (prefers-color-scheme:dark){:root:not([data-theme]) .difficulty{--diff-deep:var(--accent)}}:root .difficulty[data-few=true]{--bar-min:40px;--bar-range:50px;--diff-c0:color-mix(in oklch, var(--chip), var(--diff-c1) 45%)}.diff-title{font:700 var(--fs-caption)/1.3 var(--body);letter-spacing:.02em;color:var(--muted);margin:0}.diff-record{font:700 var(--fs-small)/1.3 var(--body);color:var(--ink-2);margin:0}.diff-record b{color:var(--ink)}.diff-track{box-sizing:border-box;grid-template-rows:auto auto;grid-auto-rows:auto;gap:6px 3px;width:100%;margin:0 auto;padding:26px 0 0;display:grid;position:relative}.diff-tide{pointer-events:none;grid-area:1/1/auto/-1;position:relative}.diff-tide-fill{height:10px;width:var(--w,0%);border-radius:0 var(--r-sm) var(--r-sm) 0;background:color-mix(in oklch, var(--diff-tide) 55%, transparent);transition:width .5s var(--ease-tide);position:absolute;bottom:0;left:0;overflow:visible}.diff-tide.is-hidden .diff-tide-fill{width:0%}.diff-tide-crest{width:100%;height:6px;color:color-mix(in oklch, var(--diff-tide) 20%, white 55%);position:absolute;top:-1px;left:0;right:0;overflow:visible}.diff-tide-crest path{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round}.diff-col{z-index:1;border-radius:var(--r-sm);min-width:0;font:inherit;color:var(--ink);cursor:pointer;transition:transform .2s var(--ease-out);background:0 0;border:0;flex-direction:column;grid-row:1;justify-content:flex-end;align-items:center;gap:6px;padding:0;display:flex;position:relative}.diff-col[aria-checked=true]{transform:translateY(-6px)}.diff-badge{z-index:1;border-radius:var(--r-pill);background:var(--surface);width:30px;height:30px;box-shadow:var(--shadow-soft);color:var(--ink-2);font:800 var(--fs-caption)/1 var(--body);transition:box-shadow .2s var(--ease-out), transform .2s var(--ease-out);place-items:center;display:grid;position:relative}.diff-num{line-height:1}.diff-mark{border-radius:var(--r-pill);background:var(--surface);width:15px;height:15px;box-shadow:0 0 0 2px var(--surface);place-items:center;display:grid;position:absolute;bottom:-3px;right:-3px}.diff-mark-beaten{background:var(--ok-dot)}.diff-mark-beaten:before{content:"✓";font:800 9px/1 var(--body);color:#fff}.diff-mark-played:before{content:"";border-radius:var(--r-pill);background:var(--muted);width:6px;height:6px}.diff-bar{width:32px;max-width:100%;height:calc(var(--bar-min) + var(--t) * var(--bar-range));border-radius:var(--r-sm) var(--r-sm) 4px 4px;background:color-mix(in oklch, color-mix(in oklch, color-mix(in oklch, var(--diff-c0), var(--diff-c1) calc(clamp(0, var(--tf,0) * 3, 1) * 100%)), var(--diff-c2) calc(clamp(0, var(--tf,0) * 3 - 1, 1) * 100%)), var(--diff-c3) calc(clamp(0, var(--tf,0) * 3 - 2, 1) * 100%));transition:height .2s var(--ease-out), box-shadow .2s var(--ease-out);box-shadow:0 0 #0000}:root[data-theme=dark] .diff-bar{background:color-mix(in oklch, color-mix(in oklch, var(--chip), var(--link) calc(min(var(--t), .5) * 200%)), var(--accent) calc(max(var(--t) - .5, 0) * 200%))}@media (prefers-color-scheme:dark){:root:not([data-theme]) .diff-bar{background:color-mix(in oklch, color-mix(in oklch, var(--chip), var(--link) calc(min(var(--t), .5) * 200%)), var(--accent) calc(max(var(--t) - .5, 0) * 200%))}}.diff-col[aria-checked=true] .diff-badge{color:var(--ink);box-shadow:0 0 0 2.5px var(--ink) inset, var(--lift)}.diff-col[aria-checked=true] .diff-bar{box-shadow:0 0 0 2.5px var(--ink) inset}.diff-col[data-deepest=true] .diff-bar{background:var(--diff-deep);box-shadow:0 0 0 2px color-mix(in oklch, var(--diff-deep) 70%, black 15%) inset}.diff-col[data-deepest=true][aria-checked=true] .diff-bar{background:var(--diff-deep);box-shadow:0 0 0 2.5px var(--ink) inset, 0 0 0 3px color-mix(in oklch, var(--diff-deep) 35%, transparent), 0 0 20px 2px color-mix(in oklch, var(--diff-deep) 65%, transparent)}.diff-label{text-align:center;word-break:keep-all;overflow-wrap:normal;max-width:100%;font:700 var(--fs-small)/1.25 var(--body);color:var(--ink-2);grid-row:2;margin:0}.diff-word{display:inline-block}.diff-col[aria-checked=true]+.diff-label{color:var(--ink);font-weight:800}.diff-recommended{border-radius:var(--r-pill);background:var(--citron);color:var(--on-citron);font:800 var(--fs-caption)/1.5 var(--body);letter-spacing:.03em;white-space:nowrap;padding:2px 7px;position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%)}.diff-hint{min-height:calc(var(--fs-small) * 1.5);font-size:var(--fs-small);color:var(--ink-2);margin:0;line-height:1.5}@media (prefers-reduced-motion:reduce){.diff-col,.diff-badge,.diff-bar,.diff-tide-fill{transition:none!important}}@media (width>=560px){.levels-sheet{width:min(760px,100% - 32px)}}.lv-lead{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 12px;display:flex}.lv-lead>span:first-child{flex:260px;min-width:0}.lv-total{border-radius:var(--r-pill);background:color-mix(in srgb, var(--sr-gold) 18%, var(--surface));color:var(--ink);font-size:var(--fs-small);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:4px;padding:4px 10px 4px 6px;font-weight:800;display:inline-flex}.lv-total .lv-star{width:18px;height:18px}.lv-tabs{border-radius:var(--r-ctl);background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--border);grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:4px;display:grid}.lv-tab{all:unset;box-sizing:border-box;border-radius:calc(var(--r-ctl) - 4px);min-width:0;min-height:56px;color:var(--muted);cursor:pointer;text-align:center;align-content:center;justify-items:center;gap:2px;padding:6px 2px;display:grid;position:relative}.lv-tab .glyph{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.lv-tab-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:var(--fs-small);font-weight:800;overflow:hidden}.lv-tab-n{font-size:var(--fs-caption);font-variant-numeric:tabular-nums;opacity:.8;font-weight:700}.lv-tab[aria-selected=true]{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-soft), inset 0 -3px 0 var(--zc)}.lv-tab[aria-selected=true] .glyph{color:var(--zc)}.lv-tab:focus-visible,.lv-card:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.lv-list{grid-template-columns:minmax(0,1fr);gap:10px;margin:0;padding:0;list-style:none;display:grid}@media (width>=640px){.lv-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.lv-card{all:unset;box-sizing:border-box;border-radius:var(--r-ctl);background:var(--surface);width:100%;min-height:68px;box-shadow:inset 0 0 0 1px var(--border);color:var(--ink);cursor:pointer;transition:transform .18s var(--ease-out), opacity .2s var(--ease-out);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 14px 14px 10px;display:grid;position:relative;overflow:hidden}@media (hover:hover){.lv-card:not(.is-locked):hover{transform:translateY(-2px)}}.lv-card:not(.is-locked):active{transform:scale(.98)}.lv-card.is-locked{cursor:default;background:var(--surface-2)}.lv-card.is-locked .lv-title,.lv-card.is-locked .lv-stars{opacity:.55}.lv-n{background:color-mix(in srgb, var(--zc) 14%, var(--surface));width:44px;height:44px;color:var(--zc);font-size:var(--fs-title);font-variant-numeric:tabular-nums;border-radius:14px;place-items:center;font-weight:800;display:grid}.lv-card.is-done .lv-n{background:var(--zc);color:var(--surface)}.lv-card.is-locked .lv-n{background:var(--chip);color:var(--muted)}.lv-lock{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linejoin:round;width:22px;height:22px}.lv-main{gap:2px;min-width:0;display:grid}.lv-title{text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-body);font-weight:800;overflow:hidden}.lv-sig{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:var(--fs-small);overflow:hidden}.lv-side{justify-items:end;gap:4px;display:grid}.lv-stars{gap:1px;display:inline-flex}.lv-star{fill:none;width:20px;height:20px;stroke:var(--muted);stroke-width:1.6px;stroke-linejoin:round}.lv-star.is-on{fill:var(--sr-gold);stroke:color-mix(in srgb, var(--sr-gold) 60%, var(--ink))}.lv-best{color:var(--muted);font-size:var(--fs-caption);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700}.lv-card.is-done .lv-best{color:var(--ok-ink)}.lv-bar{border-radius:var(--r-pill);background:var(--line);height:4px;position:absolute;bottom:6px;left:66px;right:14px;overflow:hidden}.lv-bar>span{background:var(--zc);transform-origin:0;height:100%;display:block}.lv-card.is-locked .lv-bar{opacity:0}.lv-note{margin:0}@media (height<=480px) and (orientation:landscape){.levels-sheet[open]{gap:10px;padding-top:14px;padding-bottom:14px}.lv-lead>span:first-child,.lv-note{display:none}.lv-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.lv-tab{grid-auto-flow:column;gap:6px;min-height:44px}.lv-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.lv-card{min-height:60px;padding-block:8px 12px}}@media (prefers-reduced-motion:reduce){.lv-card{transition:none}.lv-card:not(.is-locked):hover,.lv-card:not(.is-locked):active{transform:none}}.lv-practice{all:unset;box-sizing:border-box;border-radius:var(--r-ctl);cursor:pointer;align-items:center;gap:12px;min-height:48px;padding:6px 12px 6px 8px;display:flex}.lv-practice:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.lv-switch{border-radius:var(--r-pill);background:var(--chip);width:44px;height:26px;box-shadow:inset 0 0 0 1px var(--border);flex:none;position:relative}.lv-switch>span{background:var(--surface);width:20px;height:20px;box-shadow:var(--shadow-soft);transition:transform .2s var(--ease-out);border-radius:50%;position:absolute;top:3px;left:3px}.lv-practice[aria-checked=true] .lv-switch{background:var(--sr-cool)}.lv-practice[aria-checked=true] .lv-switch>span{transform:translate(18px)}.lv-practice-text{gap:1px;min-width:0;display:grid}.lv-practice-text strong{font-size:var(--fs-label);color:var(--ink);font-weight:800}.lv-practice-text span{color:var(--muted);font-size:var(--fs-caption);line-height:1.35}.lv-list.is-practice .lv-card:not(.is-locked){box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--sr-cool) 55%, transparent)}@media (height<=480px) and (orientation:landscape){.lv-practice{min-height:44px;padding-block:2px}.lv-practice-text span{display:none}}@media (prefers-reduced-motion:reduce){.lv-switch>span{transition:none}}.menu-bar{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;display:grid}.menu .menu-bar .rank-chip{gap:6px;padding-right:8px}.menu-bar .menu-icons{gap:4px;display:flex}.rank-chip{all:unset;box-sizing:border-box;border-radius:var(--r-pill);background:var(--surface);min-height:44px;box-shadow:inset 0 0 0 1px var(--border);cursor:pointer;align-items:center;gap:8px;min-width:0;padding:4px 12px 4px 4px;display:inline-flex}.rank-chip:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.rank-n{background:var(--sr-hot);width:36px;height:36px;color:var(--bg);font-weight:800;font-size:var(--fs-label);font-variant-numeric:tabular-nums;border-radius:50%;place-items:center;display:grid}.rank-meta{flex:1;gap:4px;min-width:0;display:grid}.rank-meta strong{font-size:var(--fs-small);color:var(--ink);font-weight:800}.rank-bar,.mission-bar,.next-bar{border-radius:var(--r-pill);background:color-mix(in srgb, var(--ink) 12%, transparent);height:6px;display:block;overflow:hidden}.rank-bar span,.mission-bar span,.next-bar span{background:var(--sr-hot);transform-origin:0;height:100%;transition:transform .6s var(--ease-out);display:block}.missions{text-align:left;gap:8px;margin:0;padding:0;list-style:none;display:grid}.mission{grid-template-columns:40px minmax(0,1fr) auto;grid-template-areas:"s t v""s b b";align-items:center;gap:4px 8px;display:grid}.mission-stars{color:var(--sr-hot);font-size:var(--fs-caption);letter-spacing:-1px;grid-area:s}.mission-text{font-size:var(--fs-small);color:var(--ink);grid-area:t;font-weight:700}.mission-val{font-size:var(--fs-caption);color:var(--muted);font-variant-numeric:tabular-nums;grid-area:v;font-weight:700}.mission-bar{grid-area:b}.mission.is-done .mission-val{color:var(--sr-hot);font-size:var(--fs-label)}.mission.is-done .mission-bar span{background:var(--sr-cool)}.mission.is-fresh{animation:mission-pop .6s var(--ease-spring) .3s both}.missions.compact{border-top:1px solid var(--border);gap:6px;padding:8px 0 2px}.missions.compact .mission-text{font-size:var(--fs-caption)}.sheet-rank{margin:0 0 12px}.sheet-note{font-size:var(--fs-small);color:var(--muted);margin:12px 0 0}.sheet-note.center{text-align:center;margin-top:4px}.tip{font-size:var(--fs-caption);color:var(--muted);margin:-6px 0 0}.to-best{font-size:var(--fs-small);color:var(--ink-2);justify-self:center;margin:0;font-weight:700}.gains{flex-wrap:wrap;justify-content:center;gap:6px;margin:0;display:flex}.gain{border-radius:var(--r-pill);background:var(--accent);color:var(--accent-ink);font-weight:800;font-size:var(--fs-caption);animation:mission-pop .5s var(--ease-spring) .5s both;padding:3px 10px}.gain.unlock{background:var(--sr-hot);color:var(--bg)}.next{font-size:var(--fs-caption);color:var(--ink-2);gap:4px;margin:0;font-weight:700;display:grid}.ward-avatar{width:100%;height:170px;display:block}.ward-h{font-size:var(--fs-label);margin:14px 0 8px}.swatches{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;display:grid}.swatch{all:unset;box-sizing:border-box;border-radius:var(--r-ctl);background:var(--surface);min-height:44px;box-shadow:inset 0 0 0 1px var(--border);cursor:pointer;text-align:center;justify-items:center;gap:4px;padding:8px 6px;display:grid}.swatch[aria-checked=true]{box-shadow:inset 0 0 0 2px var(--ink)}.swatch:disabled{cursor:default;opacity:.55}.swatch:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.sw-dot{background:var(--sw,var(--sr-hot));border-radius:50%;width:22px;height:22px}.scarf-deniz .sw-dot{background:var(--sr-cool)}.scarf-gokkusagi .sw-dot{background:conic-gradient(#e2445f,#f3a23a,#e8d84a,#4cb873,#4b7be6,#9a5ce0,#e2445f)}.sw-name{font-size:var(--fs-small);color:var(--ink);font-weight:700}.sw-lock{font-size:var(--fs-caption);color:var(--muted)}.seg{border:0;margin:0 0 12px;padding:0}.seg legend{font-weight:800;font-size:var(--fs-label);margin-bottom:8px}.seg-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.seg-opt{border-radius:var(--r-pill);min-height:44px;box-shadow:inset 0 0 0 1px var(--border);font-weight:700;font-size:var(--fs-small);cursor:pointer;place-items:center;display:grid}.seg-opt.is-on{background:var(--ink);color:var(--bg)}.seg-opt input{opacity:0;pointer-events:none;position:absolute}.seg-opt:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:2px}.toggle{border-top:1px solid var(--border);cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:6px 0;display:flex}.toggle span{gap:2px;display:grid}.toggle small{font-size:var(--fs-caption);color:var(--muted)}.toggle input{width:44px;height:26px;accent-color:var(--sr-hot)}@keyframes mission-pop{0%{opacity:.4;transform:scale(.85)}}@media (prefers-reduced-motion:reduce){.mission.is-fresh,.gain{animation:none}}@media (height<=520px) and (orientation:landscape){.card.result{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);grid-auto-flow:dense;align-items:center;gap:4px 16px;width:min(660px,100%)}.card.result>*{grid-column:1}.card.result>.missions,.card.result>.btn-block,.card.result>.row{grid-column:2}.card.result>.missions{border-top:0;grid-row:1/span 3;align-self:end}.card.result>#nextLevelBtn{grid-row:4}.card.result>#againBtn{grid-row:5}.card.result>.row{grid-row:6}.card.result .tap{display:none}.rank-meta{min-width:0}.rank-meta strong,.tip,.stats,.next{display:none}.missions.compact{gap:3px;padding-top:4px}.missions.compact .mission-bar{display:none}}@media (width<=383px){.rank-meta strong{display:none}}.hud-prog{border-radius:var(--r-pill);background:color-mix(in srgb, var(--ink) 12%, transparent);pointer-events:none;width:min(160px,40%);height:4px;position:absolute;top:58px;left:14px;overflow:hidden}.hud-prog span{background:var(--ink-2);transform-origin:0;height:100%;transition:transform .16s linear;display:block}.hud-prog.to-best span,.hud-prog.to-finish span{background:var(--sr-hot)}@media (prefers-reduced-motion:reduce){.hud-prog span{transition:none}}.practice-chip{border-radius:var(--r-pill);background:color-mix(in srgb, var(--sr-cool) 18%, transparent);color:var(--ink);font-size:var(--fs-caption);align-self:center;padding:2px 8px;font-weight:800}.menu-head{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.menu-head .lead{flex:1;min-width:0}.tier-chip{all:unset;box-sizing:border-box;border-radius:var(--r-pill);background:var(--surface);min-height:44px;box-shadow:inset 0 0 0 1px var(--border);font-weight:800;font-size:var(--fs-small);color:var(--ink);cursor:pointer;flex:none;align-items:center;gap:8px;padding:0 14px;display:inline-flex}.tier-chip:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.tier-bars{align-items:flex-end;gap:2px;height:14px;display:inline-flex}.tier-bars i{background:color-mix(in srgb, var(--ink) 20%, transparent);border-radius:2px;width:4px}.tier-bars i:first-child{height:5px}.tier-bars i:nth-child(2){height:8px}.tier-bars i:nth-child(3){height:11px}.tier-bars i:nth-child(4){height:14px}.tier-bars i.on{background:var(--sr-hot)}.menu .menu-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.menu .menu-actions .run-btn{grid-column:1/-1}.menu .menu-actions .levels-btn,.menu .menu-actions .daily-btn{grid-area:auto}.menu .rank-meta strong{font-size:var(--fs-caption)}@media (height<=520px) and (orientation:landscape){.play .menu{gap:6px;width:min(600px,70%);padding:8px 10px}.play .menu .modes{grid-template-columns:repeat(4,minmax(0,1fr))}.play .menu .mode{text-align:center;grid-template-columns:1fr;grid-template-areas:"g""name";justify-items:center;min-height:44px;padding:6px 4px}.play .menu .mode-best,.play .menu .mode-how{display:none}.play .menu .menu-actions{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr)}.play .menu .menu-actions .run-btn{grid-column:auto}.play .menu .daily-btn small{display:none}.play .menu .menu-head{justify-content:flex-end}}.level-sum{gap:2px;display:grid}.level-sum h2{font-size:var(--fs-title);margin:0}.level-sum p{font-size:var(--fs-small);color:var(--ink-2);margin:0}