/* Ses Atölyesi ve Günlük Meydan Okuma. Marka: beyaz zemin, mor alan, köşesiz bloklar. Hareket yalnızca transform ve opacity; durum değişimleri kısa, kutlama seyrek. */
.at-hub,.at-page,.at-daily{--ease-out:cubic-bezier(.23,1,.32,1);--good:#1b7a4b;--good-bg:#e6f5ec;--soft:#8a4b00;--soft-bg:#fdf1e3;--ink:#15141a;--track:#e6e4ec}
.at-lead{max-width:62ch}
/* ikon karosu: setin açık çizgileri koyu zeminde okunur */
.at-hub .ico,.at-page .ico,.at-daily .ico{background:none;border-radius:0}
.at-tile{display:inline-grid;place-items:center;width:40px;height:40px;background:var(--ink);flex:none}.at-tile .ico{width:28px;height:28px;display:block}.at-tile.lg{width:56px;height:56px}.at-tile.lg .ico{width:40px;height:40px}.at-tile.ok{background:var(--good)}
/* halka ve çubuk */
.at-ring{position:relative;width:84px;height:84px;flex:none;display:grid;place-items:center}.at-ring svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.at-ring circle{fill:none;stroke-width:9}.at-ring .t{stroke:var(--track)}.at-ring .v{stroke:var(--violet);stroke-dasharray:100;stroke-dashoffset:var(--o,100);animation:at-ring .8s var(--ease-out) both}.at-ring b{position:relative;font-size:17px}
.at-ring.lg{width:128px;height:128px}.at-ring.lg b{font:300 34px/1 var(--disp)}.at-ring.on-field .t{stroke:rgba(255,255,255,.25)}.at-ring.on-field .v{stroke:#fff}
@keyframes at-ring{from{stroke-dashoffset:100}}
.at-bar{display:block;position:relative;height:6px;background:var(--track);overflow:hidden;width:100%}.at-bar i{position:absolute;inset:0;background:var(--violet);transform:scaleX(var(--v,0));transform-origin:0 50%;animation:at-bar .6s var(--ease-out) both}.at-bar.grow i{animation:none;transition:transform .7s var(--ease-out)}.at-bar.grow i.g{background:#b9aef0;transition:none}
@keyframes at-bar{from{transform:scaleX(0)}}
/* hub */
.at-hub{max-width:1040px}.at-sum{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin:0 0 20px}.at-stat{display:flex;flex-direction:column;gap:4px;padding:14px 16px;background:#fff;text-decoration:none;color:inherit;min-width:0}.at-stat b{font:300 28px/1.1 var(--disp)}
.at-next{display:flex;gap:16px;align-items:center;background:var(--field);color:#fff;padding:18px 20px;text-decoration:none;margin:0 0 20px;transition:background-color .15s ease}.at-next>span:last-child{display:flex;flex-direction:column;gap:2px;min-width:0}.at-next .eyebrow{color:#fff;margin:0;opacity:.85}.at-next b{font-size:24px;font-weight:400;line-height:1.2}@media(hover:hover) and (pointer:fine){.at-next:hover{background:#2c1aa0}}
.at-path{overflow-x:auto;margin:0 0 8px;scrollbar-width:thin}.at-path ol{list-style:none;display:flex;flex-wrap:wrap;gap:0;margin:0;padding:0;border-bottom:1px solid var(--line)}.at-path a{display:flex;gap:8px;align-items:center;padding:10px 14px 10px 0;margin-right:14px;text-decoration:none;font-size:13px;color:var(--mut);min-height:44px}.at-path .n{display:inline-grid;place-items:center;width:24px;height:24px;background:var(--bg2);color:var(--fg);font-weight:700;font-size:12px}.at-path a.done .n{background:var(--good);color:#fff}@media(hover:hover) and (pointer:fine){.at-path a:hover{color:var(--fg)}}
.at-stop{padding-top:34px;scroll-margin-top:72px}.at-stop-h{display:flex;gap:16px;align-items:flex-start;margin-bottom:16px}.at-stop-h>div:nth-child(2){flex:1;min-width:0}.at-stop-h .eyebrow{margin:0}.at-stop-h h2{margin:0;font:300 clamp(24px,3vw,34px)/1.15 var(--disp)}.at-stop-h p{margin:4px 0 0;max-width:56ch}.at-stop-p{width:150px;flex:none;display:grid;gap:6px;padding-top:22px}
.at-hub .dr-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.at-drill{padding:16px;gap:8px;border:1px solid var(--line);transition:border-color .15s ease,transform .15s var(--ease-out)}.at-drill>b{font-size:16px;line-height:1.3}.at-drill-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.at-verb{font-size:12px;color:var(--mut);text-align:right}
@media(hover:hover) and (pointer:fine){.at-drill:hover{border-color:var(--violet);transform:translateY(-2px)}}.at-drill:focus-visible{outline:2px solid var(--violet);outline-offset:2px}.at-drill:active{transform:scale(.98)}
.at-lvls{display:flex;gap:4px;margin-top:auto;padding-top:6px}.at-lv{flex:1;text-align:center;background:var(--bg2);color:var(--mut);font-size:11px;letter-spacing:1px;padding:3px 0;line-height:1.3}.at-lv.on{background:#ece8ff;color:var(--violet)}
/* alıştırma sayfası */
.at-page{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:32px;align-items:start}.at-main{min-width:0}.at-head{display:flex;gap:14px;align-items:flex-start;margin-bottom:6px}.at-head .eyebrow{margin:0 0 2px}.at-head h1{font:300 clamp(30px,3.6vw,44px)/1.1 var(--disp);margin:0}.at-head p{margin:6px 0 0}
.at-page .chip-btn{min-height:44px;display:inline-flex;gap:8px;align-items:center;border-radius:0;padding:6px 14px;background:var(--bg2);border:1px solid transparent;color:var(--fg)}.at-page .chip-btn[aria-pressed=true]{background:var(--field);color:#fff}.at-lstar{font-size:11px;letter-spacing:1px;opacity:.8}.at-page .dr-levels{flex-wrap:wrap}
.at-page .kid-btn{scroll-margin-bottom:96px}.at-combo .w{margin-right:2px}.at-page .dr-stage{border:1px solid var(--line);padding:22px;scroll-margin-top:76px;min-height:260px;justify-content:flex-start;overflow:hidden;position:relative}.dr-box{min-width:0}.dr-q:focus{outline:none}
.at-side{display:grid;gap:14px;min-width:0}.at-side .card{padding:16px;border:1px solid var(--line)}.at-h3{font:700 14px/1.3 Inter,sans-serif;margin:0 0 8px;letter-spacing:0}.at-goal{background:#ece8ff!important;border-color:transparent!important}.at-goal .eyebrow{margin:0 0 4px;font-size:11px;color:var(--violet)}.at-goal p{margin:0;font-size:15px;line-height:1.45}
.at-ladder{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:13.5px;line-height:1.4}.at-ladder li{display:flex;gap:10px;align-items:flex-start;color:var(--mut)}.at-ladder li[aria-current]{color:var(--fg);font-weight:600}.at-rn{display:inline-grid;place-items:center;width:22px;height:22px;background:var(--bg2);font-size:12px;font-weight:700;flex:none;color:var(--fg)}.at-ladder li[aria-current] .at-rn{background:var(--field);color:#fff}.at-rn.on{background:var(--good);color:#fff}
.at-cards{display:grid;gap:14px}.at-info .at-tile{width:32px;height:32px;margin-bottom:8px}.at-info .at-tile .ico{width:22px;height:22px}.at-info p{margin:0;line-height:1.5}
.at-skill{display:grid;gap:4px}.at-skill+.at-skill{margin-top:10px}.at-skill a{font-size:14px;font-weight:600}.at-after{display:flex;gap:12px;align-items:center;text-decoration:none;padding:12px;background:var(--bg2);color:inherit}.at-after>span:last-child{display:flex;flex-direction:column}
/* başlangıç paneli */
.at-start-h{display:flex;justify-content:space-between;align-items:center;width:100%;gap:12px}.at-start-m{margin:0;font-size:13px;color:var(--mut)}.at-start-g{font:300 clamp(20px,2.4vw,26px)/1.25 var(--disp);margin:0}.at-ex-h{font:700 14px/1.3 Inter,sans-serif;margin:4px 0 -6px}.at-examples{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;width:100%}
.at-ex{display:flex;flex-direction:column;gap:6px;padding:10px;background:var(--bg2);border:1px solid transparent;color:var(--violet);cursor:pointer;font:inherit;text-align:left;min-height:44px;transition:border-color .12s ease,transform .1s var(--ease-out)}.at-ex:active{transform:scale(.98)}@media(hover:hover) and (pointer:fine){.at-ex:hover{border-color:var(--violet)}}.at-ex-l{color:var(--fg);font-size:13px;font-weight:600;display:flex;gap:6px;align-items:center}.at-page .at-ex-l .ico{width:18px;height:18px;background:var(--ink);padding:1px}
.at-roll{display:block;width:100%;height:56px;overflow:hidden}.at-roll-head{fill:var(--ink);opacity:0}.at-reveal{width:100%;max-width:360px;background:var(--bg2);color:var(--violet);padding:8px;animation:at-rise .24s var(--ease-out) both}
.at-sfx{width:44px;height:44px;display:grid;place-items:center;background:var(--ink);border:0;cursor:pointer;flex:none;padding:0;margin-left:auto}.at-sfx[aria-pressed=false]{background:#8d8a99}.at-sfx .ico{width:24px;height:24px}
/* tur akışı */
.dr-h{width:100%;flex-wrap:wrap}.at-combo{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:700;color:var(--soft)}.at-combo[hidden]{display:none}.at-page .at-combo .ico{width:20px;height:20px;background:var(--ink)}.at-combo.pop{animation:at-pop .22s var(--ease-out)}
.at-pips{display:flex;gap:4px;width:100%}.at-pip{flex:1;height:8px;background:var(--track);transform-origin:50% 50%}.at-pip.now{background:#b9aef0}.at-pip.ok{background:var(--good);animation:at-pop .22s var(--ease-out)}.at-pip.mid{background:#c98a1b;animation:at-pop .22s var(--ease-out)}.at-pip.no{background:#c9c6d4}
@keyframes at-pop{0%{transform:scale(.92)}60%{transform:scale(1.08)}100%{transform:scale(1)}}
.dr-opt{display:flex;align-items:center;justify-content:center;gap:8px;background:#fff;color:var(--fg);box-shadow:inset 0 0 0 2px var(--line);border:0;transition:transform .1s var(--ease-out),opacity .15s ease,background-color .15s ease}button.btn.dr-opt{display:flex;background:#fff;color:var(--fg);box-shadow:inset 0 0 0 2px var(--line)}button.btn.dr-opt:hover{background:var(--bg2);color:var(--fg)}.dr-opt:active{transform:scale(.97)}.at-k{display:none;font-size:11px;opacity:.6;background:none;border:1px solid currentColor;padding:0 5px}@media(hover:hover) and (pointer:fine){.at-k{display:inline-block}}
button.btn.dr-opt.ok{background:var(--good-bg);box-shadow:inset 0 0 0 2px var(--good);color:#0f4d2e;animation:at-pop .22s var(--ease-out)}button.btn.dr-opt.no{background:var(--soft-bg);box-shadow:inset 0 0 0 2px #c98a1b;color:var(--soft);animation:at-nudge .24s var(--ease-out)}.dr-opt.dim{opacity:.45}.dr-opt[aria-disabled=true]{pointer-events:none}
@keyframes at-nudge{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}60%{transform:translateX(4px)}}
.dr-fb{display:flex;gap:8px;align-items:center;font-weight:600}.at-page .dr-fb .ico{width:24px;height:24px;background:var(--ink);flex:none}.dr-fb.good{color:var(--good)}.dr-fb.soft{color:var(--soft);align-items:flex-start}.at-page .dr-fb.good .ico{background:var(--good)}.at-page .dr-fb.soft .ico{background:#c98a1b}
.at-tip{margin:0;padding:10px 12px;background:#ece8ff;font-size:14px;line-height:1.45;animation:at-rise .24s var(--ease-out) both}
.dr-dots .dot{border-radius:0;border-color:#b9aef0;transition:background-color .1s ease}.dr-dots .dot.on{background:var(--good);border-color:var(--good);animation:at-pop .2s var(--ease-out)}
.q-staff{color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:0}.at-page .staff{color:var(--ink);background:#fff;border:1px solid var(--line);padding:6px 10px}.at-main .kb{max-width:none}.at-main .wk{background:#fff;border-radius:0;border-color:#c9c6d4}.at-main .bk{border-radius:0;background:var(--ink)}.at-main .wk.down{background:#d6cdfb}.at-main .bk.down{background:var(--violet)}.at-main .wk.bad,.at-main .bk.bad{background:#f3c98b}
.at-timing{display:flex;gap:4px;width:100%;flex-wrap:wrap}.at-beat{position:relative;flex:1;min-width:34px;height:30px;background:var(--bg2)}.at-beat::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:#b9aef0}.at-beat i{position:absolute;left:calc(50% - 5px);top:10px;width:10px;height:10px;background:var(--good)}.at-beat.miss{background:var(--soft-bg)}.at-beat.miss i{display:none}
.breath{background:var(--field)}.tap-pad{border-radius:0}.at-page .tap-pad.hit{transform:scale(.96);filter:none;background:#2c1aa0}
.seq-cell{border-radius:0}.seq-cell[aria-pressed=true]{background:var(--field);border-color:transparent}.seq-cell.now{outline:2px solid #c98a1b;outline-offset:-2px}
/* sonuç */
.at-result{gap:16px}.at-res-top{display:flex;gap:20px;align-items:center;width:100%}.at-res-t{min-width:0;display:grid;gap:6px}.at-res-t .dr-q{outline:none;font:300 clamp(26px,3.4vw,36px)/1.1 var(--disp)}.at-res-t .engine-hint{margin:0;font-size:14px}
.at-stars{display:flex;gap:6px}.at-star{width:34px;height:34px;display:grid;place-items:center;background:var(--track)}.at-star .ico{width:24px;height:24px;opacity:.25}.at-star.on{background:var(--ink);animation:at-star .32s var(--ease-out) both;animation-delay:calc(.42s + var(--i)*.11s)}.at-star.on .ico{opacity:1}
@keyframes at-star{0%{opacity:0;transform:scale(.7)}70%{opacity:1;transform:scale(1.12)}100%{transform:scale(1)}}
.at-rewards{display:grid;gap:10px;width:100%}.at-rise{animation:at-rise .36s var(--ease-out) both;animation-delay:calc(.5s + var(--i,0)*.1s)}
@keyframes at-rise{from{opacity:0;transform:translateY(8px)}}
.at-skillup,.at-xp{display:grid;gap:6px;padding:10px 12px;background:var(--bg2)}.at-skillup-h{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.at-skillup-h b{font-size:14px}.at-note{color:var(--good);font-weight:600}
.at-reward{display:flex;gap:12px;align-items:center;padding:10px 12px;background:var(--bg2)}.at-reward>span:last-child{display:flex;flex-direction:column;min-width:0}.at-reward.at-medal{background:#ece8ff}.at-reward.at-big{background:var(--field);color:#fff}.at-reward.at-big .muted{color:#fff;opacity:.85}.at-reward.at-big b{font:300 22px/1.2 var(--disp)}.at-reward.at-big .at-tile{background:rgba(0,0,0,.25)}
.at-signin{font-weight:600}.at-actions{width:100%}.at-actions>*{flex:1 1 auto;text-align:center}
.at-burst{position:absolute;inset:0;overflow:hidden;pointer-events:none}.at-burst i{position:absolute;top:-12px;left:var(--x);width:7px;height:13px;background:var(--violet);animation:at-fall 1.2s var(--d) cubic-bezier(.23,1,.32,1) both}.at-burst i.c1{background:#c98a1b}.at-burst i.c2{background:var(--good)}
@keyframes at-fall{0%{opacity:0;transform:translateY(0) rotate(0)}12%{opacity:1}100%{opacity:0;transform:translateY(340px) rotate(var(--r))}}
/* günlük görev */
.at-daily{max-width:760px}.ch-hero{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;background:var(--field);color:#fff;padding:20px}.ch-hero-t b{font-size:24px;font-weight:400;display:block;line-height:1.2}.ch-hero-t p{margin:4px 0 0;opacity:.85}.ch-hero-s{display:grid;gap:8px}.ch-hero-s>span{display:flex;gap:10px;align-items:center}.ch-hero-s>span>span{display:flex;flex-direction:column;line-height:1.25}.ch-hero-s small{opacity:.85}.ch-hero .at-tile{background:rgba(0,0,0,.25);width:36px;height:36px}.ch-hero .at-tile .ico{width:24px;height:24px}.ch-hero .at-ring b{color:#fff}
.at-week{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin:14px 0}.at-day{display:grid;justify-items:center;gap:2px;font-size:11px;color:var(--mut)}.at-day i{width:30px;height:30px;display:grid;place-items:center;background:var(--bg2)}.at-day i .ico{width:20px;height:20px}.at-day.on i{background:var(--good)}.at-day.today small{color:var(--fg);font-weight:700}.at-day.today i{box-shadow:inset 0 0 0 2px var(--violet)}.at-week-n{margin-left:auto;font-size:12px}
.at-tasks li{animation:at-rise .32s var(--ease-out) both;animation-delay:calc(var(--i)*60ms)}.at-task{border:1px solid var(--line);padding:14px;transition:border-color .15s ease,transform .1s var(--ease-out)}.at-task:active{transform:scale(.99)}@media(hover:hover) and (pointer:fine){.at-task:hover{border-color:var(--violet)}}.at-task.done{border-color:var(--good);background:var(--good-bg)}.at-task-b{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}.at-task-m{display:grid;gap:3px;margin-top:4px;max-width:280px}.at-task-r{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex:none;text-align:right}.ch-item>span:nth-child(2).at-task-b{flex:1}.at-task-r .tag{margin:0;border-radius:0}
.at-soon{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin-top:12px}.at-soon .card{display:flex;gap:10px;padding:12px;border:1px solid var(--line)}.at-soon span{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.at-soon span.at-tile{flex:none;display:inline-grid}.at-soon span.at-bar{display:block;flex:none;margin-top:4px}
@media(max-width:900px){.at-page{grid-template-columns:minmax(0,1fr);gap:20px}.at-sum{grid-template-columns:repeat(2,1fr)}.at-cards{grid-auto-flow:column;grid-auto-columns:minmax(240px,82%);overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -16px;padding:0 16px 6px}.at-info{scroll-snap-align:center}}
@media(max-width:560px){.at-combo .w{display:none}.at-page .dr-levels{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.at-page .dr-levels .chip-btn{flex-direction:column;gap:0;padding:6px 4px}.at-page .dr-h{flex-wrap:nowrap}.at-path ol{flex-wrap:nowrap;min-width:max-content}.at-stop-h{flex-wrap:wrap}.at-stop-p{width:100%;padding-top:0}.at-page .dr-stage{padding:16px}.at-res-top{gap:14px}.at-ring.lg{width:100px;height:100px}.at-ring.lg b{font-size:26px}.ch-hero{grid-template-columns:auto 1fr}.ch-hero-s{grid-column:1/-1;grid-template-columns:1fr 1fr}.at-week-n{margin-left:0;width:100%}.at-day i{width:36px;height:36px}.at-task{flex-wrap:wrap}.at-task-r{flex-direction:row;width:100%;justify-content:space-between;align-items:center}.at-actions>*{flex-basis:100%}.at-hub .dr-grid{grid-template-columns:minmax(0,1fr)}.at-next b{font-size:20px}}
/* Hareket azaltma: konum ve ölçek yok; renk ve opaklıkla durum yine okunur */
@media(prefers-reduced-motion:reduce){.at-ring .v,.at-bar i,.at-pip,.at-combo.pop,.dr-opt,button.btn.dr-opt.ok,button.btn.dr-opt.no,.dr-dots .dot.on,.at-star.on,.at-rise,.at-tasks li,.at-tip,.at-reveal{animation:none!important}.at-drill,.at-task,.at-ex{transition:none}.at-bar.grow i{transition:none}}