@import"css2?family=Pacifico&family=Comfortaa:wght@400;600;700&display=swap";:root{--bg: radial-gradient(120% 120% at 50% 0%, #fff 0%, #fff4fb 45%, #f7f3ff 85%);--card: #ffffff;--text: #2a2340;--muted: #7a6f98;--accent: #990ae3;--shadow: 0 10px 30px rgba(154, 110, 255, .08);--font-title: "Pacifico", cursive;--font-body: "Comfortaa", system-ui, -apple-system, Segoe UI, Roboto, sans-serif}*{box-sizing:border-box}html,body,#root{height:100dvh;margin:0;padding:0;color:var(--text);font-family:var(--font-body);background:var(--bg);-webkit-font-smoothing:antialiased}body{overflow:hidden}.app{height:100dvh;min-height:100dvh;display:grid;place-items:center;padding:calc(12px + env(safe-area-inset-top)) calc(12px + env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) calc(12px + env(safe-area-inset-left));background-size:cover;background-position:center;background-repeat:no-repeat;-webkit-touch-callout:none}.app__inner{width:min(840px,100vw);height:calc(100dvh - (24px + env(safe-area-inset-top) + env(safe-area-inset-bottom)));max-height:calc(100dvh - (24px + env(safe-area-inset-top) + env(safe-area-inset-bottom)));border-radius:16px;padding:0;display:flex;flex-direction:column;align-items:center;overflow:hidden}.app__header{display:grid;gap:8px;margin-bottom:12px;text-align:center;width:100%;flex:0 0 auto}.app__title{margin:0;font-family:var(--font-title);font-size:28px;line-height:1.2;color:var(--accent)}.app__subtitle{margin:0;font-size:16px;color:var(--muted);font-weight:500}.hud{display:flex;gap:12px;justify-content:center;align-items:center;color:var(--muted);font-size:14px;margin:6px 0}.hud__sdk.is-ok{color:#1a7f37}.hud__sdk.is-off{color:#b54708}.app__content{display:grid;place-items:center;padding:12px;width:100%;flex:1 1 auto;min-height:0}.app__footer{display:flex;justify-content:center;gap:12px;margin-top:12px;flex-wrap:wrap;width:100%;flex:0 0 auto}.btn{-webkit-appearance:none;appearance:none;border:none;padding:12px 18px;border-radius:12px;background:var(--accent);color:#fff;cursor:pointer;font-weight:600;font-family:var(--font-body);font-size:15px;box-shadow:0 6px 16px rgba(153,10,227,.25);transition:transform .15s ease,box-shadow .2s ease;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.btn:active{transform:translateY(1px);box-shadow:0 4px 12px rgba(153,10,227,.2)}.btn--primary{background:var(--accent)}.btn--secondary{background:#f1ecfb;color:var(--accent);box-shadow:0 4px 12px rgba(154,110,255,.15)}.btn--xl{font-size:18px;padding:14px 22px;border-radius:14px}@media (max-width: 480px){.app{padding:calc(0px + env(safe-area-inset-top)) calc(0px + env(safe-area-inset-right)) calc(0px + env(safe-area-inset-bottom)) calc(0px + env(safe-area-inset-left))}.app__inner{border-radius:12px;padding:12px 14px;height:calc(100dvh - (16px + env(safe-area-inset-top) + env(safe-area-inset-bottom)));max-height:calc(100dvh - (16px + env(safe-area-inset-top) + env(safe-area-inset-bottom)))}.app__title{font-size:24px}.app__subtitle{font-size:14px}.btn{font-size:14px;padding:10px 14px}.btn--xl{font-size:16px;padding:12px 18px}}.app img{-webkit-user-drag:none;user-drag:none}.scrollable{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;min-height:0;flex:1 1 auto}.no-loupe-zone{-webkit-touch-callout:none}.no-loupe-zone *:not(input,textarea,select,[contenteditable],[contenteditable=true],[role=textbox],[data-allow-select=true]){-webkit-user-select:none;user-select:none}.no-loupe-zone{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.no-loupe-zone input,.no-loupe-zone textarea,.no-loupe-zone select,.no-loupe-zone [contenteditable],.no-loupe-zone [role=textbox],.no-loupe-zone [data-allow-select=true]{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}.no-loupe-zone canvas,.no-loupe-zone img{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}@supports (-webkit-touch-callout: none){html,body,#root,.app-shell,.game-wrap,*:not(input):not(textarea):not([contenteditable=true]){-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;caret-color:transparent}input,textarea,[contenteditable=true]{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default;caret-color:auto}}.btn,.btn *,button,a,[role=button],button *,a *{-webkit-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important;-webkit-tap-highlight-color:transparent!important;caret-color:transparent!important}img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.main-screen{position:relative;inline-size:100%;block-size:100%;padding:clamp(12px,2vw,16px);display:grid;grid-template-rows:auto 1fr auto;gap:clamp(12px,2vw,16px);background:radial-gradient(1200px 600px at 10% 0%,#ffeef6,#f9f5ff 40%,#f3fbff);color:var(--text);font-family:var(--font-body, system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, sans-serif);border-radius:16px;overflow:hidden;isolation:isolate}.main-screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(60% 40% at 50% 0%,rgba(255,255,255,.65),rgba(255,255,255,0) 60%),radial-gradient(70% 50% at 50% 100%,rgba(255,255,255,.55),rgba(255,255,255,0) 65%)}.main-screen__bg{position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;pointer-events:none;z-index:0;background:radial-gradient(180px 180px at 15% 20%,rgba(255,170,204,.35),transparent 70%),radial-gradient(220px 220px at 85% 0%,rgba(255,217,102,.35),transparent 70%),radial-gradient(220px 220px at 85% 75%,rgba(144,238,255,.35),transparent 70%),radial-gradient(200px 200px at 15% 85%,rgba(186,255,201,.35),transparent 70%);filter:blur(.3px)}@media (prefers-reduced-motion: no-preference){.main-screen__bg{animation:ms-floatBg 12s ease-in-out infinite alternate}}@keyframes ms-floatBg{0%{transform:translateY(0)}to{transform:translateY(10px)}}.main-screen__header{z-index:1;text-align:center;display:grid;gap:4px;margin-block-start:auto}.main-screen__logo{max-width:140px;margin:0 auto 12px;margin-block-start:auto;display:block;user-select:none;pointer-events:none;opacity:0;transform:translateY(-8px) scale(.98);animation:ms-logoIn .6s cubic-bezier(.2,.8,.2,1) .12s forwards}.main-screen__title{margin:0;font-family:var(--font-title, inherit);font-size:clamp(24px,3.4vw + 12px,42px);line-height:1.05;letter-spacing:.3px;color:var(--text);text-shadow:0 2px 0 rgba(255,255,255,.8);opacity:0;transform:translateY(-6px);animation:ms-fadeDown .48s ease .18s forwards}.main-screen__subtitle{margin:0;font-size:clamp(13px,1.2vw + 8px,18px);color:var(--muted);opacity:0;transform:translateY(-4px);animation:ms-fadeDown .48s ease .26s forwards}.main-screen__content{z-index:1;display:grid;place-items:center;min-height:0}.main-screen__footer{z-index:1;display:flex;justify-content:center;gap:clamp(10px,2vw,16px);flex-wrap:wrap;margin-bottom:clamp(6px,env(safe-area-inset-bottom,0px),16px);margin-block-end:auto}.main-screen__footer .btn{opacity:0;transform:translateY(8px);animation:ms-fadeUp .42s ease forwards}.main-screen__footer .btn:nth-child(1){animation-delay:.42s}.main-screen__footer .btn:nth-child(2){animation-delay:.5s}.btn{-webkit-tap-highlight-color:transparent;position:relative;user-select:none;border:0;cursor:pointer;border-radius:18px;padding:12px 16px;font-weight:800;letter-spacing:.3px;color:var(--text);background:#fff;display:inline-flex;align-items:center;gap:8px;text-shadow:0 1px 0 rgba(255,255,255,.6);transition:transform .12s ease,filter .15s ease,box-shadow .15s ease;box-shadow:0 10px 18px rgba(0,0,0,.06),0 6px rgba(0,0,0,.08);isolation:isolate}.btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(120% 60% at 50% 0%,rgba(255,255,255,.75),rgba(255,255,255,0) 60%),linear-gradient(180deg,rgba(255,255,255,.4),rgba(255,255,255,0));mix-blend-mode:screen;pointer-events:none;z-index:-1;opacity:.7}.btn:hover{filter:brightness(1.03)}.btn:active{transform:translateY(2px);box-shadow:0 6px 12px rgba(0,0,0,.08),0 3px rgba(0,0,0,.08)}.btn:focus-visible{outline:3px solid #6aa7ff;outline-offset:2px}.btn--xl{font-size:clamp(18px,2.2vw + 10px,28px);padding:16px 26px;border-radius:22px;min-width:min(340px,82vw);opacity:0;transform:translateY(6px) scale(.98);animation:ms-popIn .52s cubic-bezier(.16,1,.3,1) .32s forwards}@media (hover:hover){.btn--xl{transition:transform .18s cubic-bezier(.2,.8,.2,1)}.btn--xl:hover{transform:translateY(-1px) scale(1.015)}}.btn--primary{color:#41122f;background:linear-gradient(180deg,#ffd8f1,#f3a7ff 45%,#b07dff);box-shadow:inset 0 1px rgba(255,255,255,.7),inset 0 -6px 16px rgba(138,50,208,.25),0 14px 24px rgba(176,125,255,.28),0 8px rgba(136,73,211,.45)}.btn--primary:after{content:"";position:absolute;top:0;bottom:0;left:-30%;width:30%;transform:skew(-20deg);background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.55),rgba(255,255,255,0));pointer-events:none;border-radius:inherit;opacity:0;transition:opacity .2s ease}.btn--primary:hover:after{opacity:1;animation:ms-candyShine .9s ease forwards}@keyframes ms-candyShine{to{left:130%}}.btn--secondary{background:linear-gradient(180deg,#fff,#f3f0ff);color:var(--text);box-shadow:inset 0 1px rgba(255,255,255,.9),inset 0 -4px 10px rgba(123,104,238,.12),0 10px 18px rgba(99,84,204,.1),0 6px rgba(99,84,204,.2)}.btn__icon{margin-right:6px;font-size:1.1em;vertical-align:middle}@keyframes ms-fadeDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes ms-fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes ms-popIn{0%{opacity:0;transform:translateY(10px) scale(.96)}60%{opacity:1;transform:translateY(0) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes ms-logoIn{0%{opacity:0;transform:translateY(-8px) scale(.98);filter:saturate(1.2)}60%{opacity:1;transform:translateY(0) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 480px){.main-screen{padding:12px;gap:12px;border-radius:14px}.main-screen__footer{gap:10px}.btn{padding:12px 14px;border-radius:16px}.btn--xl{min-width:72vw}}@media (min-width: 900px){.main-screen__footer{gap:16px}.btn--secondary{padding:12px 16px;font-size:16px}}@media (prefers-reduced-motion: reduce){.main-screen__bg{animation:none}.btn--primary:hover:after{animation:none;opacity:0}.btn,.btn--xl{transition:none!important}.main-screen__logo,.main-screen__title,.main-screen__subtitle,.btn--xl,.main-screen__footer .btn{animation:none!important;opacity:1!important;transform:none!important}}@media (prefers-contrast: more){.btn{box-shadow:0 0 0 2px rgba(0,0,0,.12),0 6px rgba(0,0,0,.2)}.btn--primary{filter:saturate(1.05) contrast(1.05)}}.hud{--ink: #2a2340;--ink-dim: #635a86;--card-top: #fff7ff;--card-bot: #fefeff;--chip-top: #ffffff;--chip-bot: #f3f0ff;--chip-border: rgba(122, 96, 215, .12);--chip-shadow: rgba(80, 60, 150, .1);position:relative;display:flex;justify-content:center;align-items:center;padding:8px 12px;border-radius:16px;background:linear-gradient(180deg,var(--card-top) 0%,var(--card-bot) 100%);border:1px solid rgba(122,96,215,.08);box-shadow:0 10px 28px rgba(60,30,120,.14)}.hud__row{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--ink);flex-wrap:nowrap}.hud__item{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:14px;background:linear-gradient(180deg,var(--chip-top) 0%,var(--chip-bot) 100%);border:1px solid var(--chip-border);box-shadow:inset 0 1px rgba(255,255,255,.9),0 2px 8px var(--chip-shadow);white-space:nowrap;transition:transform .12s ease,box-shadow .12s ease}.hud__item:active{transform:translateY(1px);box-shadow:inset 0 1px rgba(255,255,255,.9),0 1px 4px var(--chip-shadow)}.hud__icon{width:20px;height:20px;object-fit:contain;filter:drop-shadow(0 1px 0 rgba(255,255,255,.55))}.hud__label{color:var(--ink-dim);opacity:.8}.hud__value{font-weight:800;color:var(--ink)}.hud__score .hud__icon{width:22px;height:22px}.hud__moves .hud__label{margin-right:4px}.hud__btn-audio{-webkit-tap-highlight-color:transparent;position:relative;display:inline-grid;place-items:center;width:36px;height:36px;padding:0;margin-left:6px;border:0;border-radius:10px;cursor:pointer;background:linear-gradient(180deg,#fff,#f0eefb);box-shadow:inset 0 1px rgba(255,255,255,.9),inset 0 -4px 10px rgba(123,104,238,.12),0 8px 16px rgba(99,84,204,.14);transition:transform .12s ease,filter .15s ease,box-shadow .15s ease}.hud__btn-audio:hover{filter:brightness(1.03)}.hud__btn-audio:active{transform:translateY(1px);box-shadow:0 5px rgba(135,115,215,.1)}.hud__btn-audio:focus-visible{outline:3px solid rgba(122,96,215,.35);outline-offset:2px}.hud__btn-audio:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(120% 60% at 50% -10%,rgba(255,255,255,.85),rgba(255,255,255,0) 60%);pointer-events:none}.hud__btn-audio img{width:20px;height:20px;pointer-events:none}.hud__btn-audio.is-muted:after{content:"";position:absolute;left:6px;right:6px;top:50%;height:3px;background:#e53935;border-radius:2px;transform:rotate(-45deg);box-shadow:0 0 0 1px rgba(0,0,0,.06)}@media (max-width: 480px){.hud{padding:4px 8px;border-radius:12px;box-shadow:0 8px 20px rgba(60,30,120,.16)}.hud__row{gap:6px;font-size:11px}.hud__item{padding:4px 6px;border-radius:10px}.hud__icon{width:16px;height:16px}.hud__score .hud__icon{width:18px;height:18px}.hud__btn-audio{width:30px;height:30px;margin-left:3px}.hud__btn-audio img{width:16px;height:16px}}@media (max-width: 360px){.hud__row{gap:4px;font-size:10px}.hud__item{padding:3px 5px}.hud__icon{width:14px;height:14px}.hud__score .hud__icon{width:16px;height:16px}.hud__btn-audio{width:28px;height:28px}.hud__btn-audio img{width:14px;height:14px}}@media (prefers-contrast: more){.hud__item{border-color:rgba(55,35,120,.35)}.hud__btn-audio{outline:2px solid rgba(55,35,120,.35)}}.hud__value--pad{display:inline-block;min-width:4ch;text-align:right}@media (max-width: 360px){.hud__value--pad{min-width:3.5ch}}.objectives{--ink: #2a2340;--ink-dim: #635a86;--card-top: #fff7ff;--card-bot: #fefeff;--chip-top: #ffffff;--chip-bot: #f3f0ff;--chip-border: rgba(122, 96, 215, .12);--chip-shadow: rgba(80, 60, 150, .1);display:flex;flex-direction:column;gap:6px;padding:8px 12px;background:linear-gradient(180deg,var(--card-top) 0%,var(--card-bot) 100%);border-radius:16px;border:1px solid rgba(122,96,215,.08);box-shadow:0 10px 28px rgba(60,30,120,.14);box-sizing:border-box;width:100%}.objectives__header{text-align:center;margin-bottom:2px}.objectives__level{display:inline-block;padding:4px 8px;border-radius:999px;font-weight:800;font-size:clamp(10px,1.6vw,13px);color:var(--ink);letter-spacing:.2px}.objectives__list{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.objective{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:14px;background:linear-gradient(180deg,var(--chip-top) 0%,var(--chip-bot) 100%);border:1px solid var(--chip-border);box-shadow:inset 0 1px rgba(255,255,255,.9),0 2px 8px var(--chip-shadow);white-space:nowrap;transition:transform .12s ease,box-shadow .12s ease}.objective:active{transform:translateY(1px);box-shadow:inset 0 1px rgba(255,255,255,.9),0 1px 4px var(--chip-shadow)}.objective__icon{width:20px;height:20px;flex:0 0 20px;filter:drop-shadow(0 1px 0 rgba(255,255,255,.55))}.objective__value{font-weight:800;font-size:13px;color:var(--ink);line-height:1.2}.objective--done{background:linear-gradient(180deg,#fff,#e8ffe9);border-color:rgba(26,127,55,.2);box-shadow:inset 0 1px rgba(255,255,255,.95),0 2px 8px rgba(26,127,55,.1)}.objective--done .objective__value{color:#1a7f37}@media (max-width: 480px){.objectives{border-radius:14px;padding:6px 8px}.objective{padding:4px 6px;border-radius:12px}.objective__icon{width:18px;height:18px}.objective__value{font-size:12px}}@media (max-width: 360px){.objectives__list{gap:6px}.objective{padding:3px 5px}.objective__icon{width:16px;height:16px}.objective__value{font-size:11px}}.resmodal{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(30,20,50,.55);display:grid;place-items:center;z-index:99999;backdrop-filter:blur(4px)}.resmodal__card{width:min(520px,92vw);background:linear-gradient(180deg,#fff7ff,#fefeff);border-radius:24px;box-shadow:0 14px 48px rgba(60,30,120,.25);padding:clamp(18px,3.2vw,24px);text-align:center;animation:popIn .35s ease}@keyframes popIn{0%{transform:scale(.94);opacity:0}to{transform:scale(1);opacity:1}}.resmodal__title{margin:0 0 6px;font-size:clamp(20px,2.8vw,28px);font-weight:800;letter-spacing:.4px;text-shadow:0 1px 0 rgba(255,255,255,.85);color:#2a2340}.resmodal__level{font-size:clamp(13px,2.2vw,16px);margin-bottom:12px;color:#635a86}.resmodal__stars{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:clamp(8px,2.4vw,14px);margin:6px 0 10px;white-space:nowrap}.resmodal__star{font-size:clamp(34px,6.2vw,46px);line-height:1;opacity:.25;color:#ffd84d;transition:transform .2s ease,opacity .2s ease,text-shadow .2s ease}.resmodal__star--filled{opacity:1;text-shadow:0 2px 6px rgba(255,225,76,.5)}.resmodal__stars .resmodal__star:nth-child(2){transform:scale(1.5)}.resmodal__score{font-weight:800;color:#2a2340;font-size:clamp(15px,2.4vw,18px);margin-bottom:12px}.resmodal__goals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 18px}.resmodal__goal{display:flex;justify-content:space-between;padding:8px 12px;border-radius:14px;font-size:14px;background:linear-gradient(180deg,#fff,#f3f0ff);box-shadow:inset 0 1px rgba(255,255,255,.9),0 2px 6px rgba(80,60,150,.08)}.resmodal__actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:8px}.resmodal__actions .btn{position:relative;overflow:hidden;border-radius:22px;padding:12px 22px;font-weight:800;font-size:16px;min-width:140px;border:0;color:#2a2340;box-shadow:0 10px rgba(135,115,215,.18);transform:translateZ(0)}.resmodal__actions .btn:focus-visible{outline:3px solid rgba(122,96,215,.35);outline-offset:2px}.resmodal__actions .btn--primary{background:linear-gradient(180deg,#ffb6f2,#c19bff);color:#2a2340}.resmodal__actions .btn--primary:before,.resmodal__actions .btn--ghost:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 60% at 50% -10%,rgba(255,255,255,.85),rgba(255,255,255,0) 60%);z-index:0;pointer-events:none}.resmodal__actions .btn{z-index:1}.btn--ghost{background:linear-gradient(180deg,#fff,#f0eefb);border:2px solid rgba(90,70,150,.18);box-shadow:0 10px rgba(135,115,215,.12)}@media (max-width: 480px){.resmodal__card{border-radius:20px}.resmodal__goals{grid-template-columns:1fr}.resmodal__actions .btn{width:100%;min-width:0}}.modal__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.5);display:grid;place-items:center;z-index:1000;touch-action:none}.modal{width:min(420px,92vw);background:#fff;border-radius:12px;padding:16px 18px;box-shadow:0 12px 32px rgba(0,0,0,.2)}.modal__title{margin:0 0 8px;font-size:18px;font-weight:800}.modal__body{margin:0 0 12px;font-size:14px;opacity:.9}.modal__actions{display:flex;gap:8px;justify-content:flex-end}.xo-grid{display:grid;grid-template-columns:repeat(3,76px);grid-template-rows:repeat(3,76px);gap:10px;justify-content:center;margin:10px 0 12px;animation:xoIn .18s ease-out}@keyframes xoIn{0%{transform:translateY(6px);opacity:0}to{transform:none;opacity:1}}.xo-cell{width:76px;height:76px;border-radius:14px;border:1px solid rgba(122,96,215,.25);background:linear-gradient(180deg,#fff,#f7f3ff);color:#2a2340;font-weight:900;font-size:30px;display:grid;place-items:center;box-shadow:0 4px 12px rgba(122,96,215,.12);transition:transform .12s ease,box-shadow .15s ease,background .2s ease,border-color .2s ease}.xo-cell:hover{box-shadow:0 6px 16px rgba(122,96,215,.18)}.xo-cell:not(.xo-cell--filled):active{transform:scale(.98)}.xo-cell:disabled{opacity:.65}.xo-cell.xo-cell--filled{cursor:default}.xo-status{text-align:center;margin:8px 0 12px;font-size:13px;color:#635a86;min-height:18px}.xo-status--good{color:#2ecc71;font-weight:700}.xo-status--bad{color:#e74c3c;font-weight:700}.xo-status--wait{color:#7a60d7}.xo-cell .xo-mark{opacity:0;transform:scale(.7);animation:xoPop .2s ease forwards}@keyframes xoPop{to{opacity:1;transform:scale(1)}}.xo-cell--x .xo-mark{color:#2ecc71;text-shadow:0 1px 0 rgba(255,255,255,.7)}.xo-cell--o .xo-mark{color:#7a60d7;text-shadow:0 1px 0 rgba(255,255,255,.7)}.xo-cell--x{border-color:rgba(46,204,113,.45);background:linear-gradient(180deg,#fff,#eafff1)}.xo-cell--o{border-color:rgba(122,96,215,.45);background:linear-gradient(180deg,#fff,#efeaff)}.xo-cell--win{box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(122,96,215,.25),0 8px 18px rgba(122,96,215,.25);animation:xoGlow .7s ease-in-out 0s 1}@keyframes xoGlow{0%{transform:scale(1)}50%{transform:scale(1.04)}to{transform:scale(1)}}@media (max-width: 420px){.xo-grid{grid-template-columns:repeat(3,64px);grid-template-rows:repeat(3,64px);gap:8px}.xo-cell{width:64px;height:64px;font-size:28px;border-radius:12px}}.modal--xo{position:relative;overflow:hidden}.xo-confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.xo-confetti__piece{position:absolute;top:-12%;width:8px;height:14px;border-radius:2px;opacity:.95;animation:xoConfettiFall var(--dur, 1.2s) ease-out forwards}@keyframes xoConfettiFall{0%{transform:translate3d(0,-10%,0) rotate(0)}to{transform:translate3d(var(--dx, 0px),110%,0) rotate(var(--rot, 0deg))}}:root{--gs-radius: 14px;--gs-shadow: 0 10px 30px rgba(40, 20, 60, .14);--gs-gap: 8px;--chrome-gap: 6px;--chrome-pad: 6px 8px;--hud-gap: 8px;--chrome-height: 220px;--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-top: env(safe-area-inset-top, 0px);--sticky-safe: 0px}.game-screen{display:flex;flex-direction:column;width:100%;height:100%;min-height:0;background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:var(--gs-radius);overflow:hidden;position:relative;isolation:isolate}.game-screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(60% 40% at 50% 0%,rgba(255,255,255,.65),rgba(255,255,255,0) 60%),radial-gradient(70% 50% at 50% 100%,rgba(255,255,255,.55),rgba(255,255,255,0) 65%)}.game-screen__chrome{z-index:1;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"back hud" "obj  obj";align-items:stretch;gap:var(--chrome-gap);padding:calc(var(--safe-top) + 6px) 8px 6px 8px;margin:0;container-type:inline-size}.game-screen__chrome>*{margin:0!important}.game-screen__back{grid-area:back;align-self:center;justify-self:start;margin:0}.game-screen__hud{grid-area:hud;display:flex;justify-content:center;align-items:stretch;flex-wrap:nowrap;min-width:0}.game-screen__objectives{grid-area:obj;display:flex;justify-content:center;align-items:stretch;margin:0;flex-wrap:wrap;min-width:0}.game-screen .card,.game-screen .pill{padding-top:8px;padding-bottom:8px;box-shadow:var(--gs-shadow);border-radius:12px}.game-screen__board{position:relative;z-index:1;flex:1 1 auto;min-height:0;display:grid;place-items:center;padding:6px 8px;margin-top:var(--hud-gap)}.game-screen__board canvas{display:block;width:100%;height:auto;max-width:min(92vw,740px);max-height:calc(96dvh - var(--chrome-height) - var(--safe-bottom) - var(--sticky-safe));outline:none;border-radius:12px;box-shadow:0 8px 22px rgba(40,20,60,.12);background:#fff}.game-loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:9;display:grid;place-items:center;background:#fff;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);touch-action:none}.game-loading__box{display:grid;gap:10px;justify-items:center;padding:16px 20px}.game-loading__spinner{inline-size:36px;block-size:36px;border:4px solid rgba(100,70,180,.25);border-top-color:#6a4cff;border-radius:50%;animation:gs-spin 1s linear infinite;will-change:transform}.game-loading__text{font-weight:800;color:#2a2340;text-shadow:0 1px 0 rgba(255,255,255,.8)}@keyframes gs-spin{to{transform:rotate(360deg)}}@media (min-width: 768px){:root{--gs-radius: 16px;--chrome-gap: 10px;--chrome-pad: 8px 12px;--hud-gap: 10px}.game-screen__chrome{grid-template-columns:auto 1fr auto;grid-template-areas:"back hud obj";align-items:center;padding:calc(var(--safe-top) + 8px) 12px 10px 12px}.game-screen__board{padding:10px 12px}.game-screen__board canvas{max-width:min(84vw,820px);max-height:calc(94dvh - var(--chrome-height) - var(--safe-bottom) - var(--sticky-safe));border-radius:14px;box-shadow:var(--gs-shadow)}}@media (max-width: 360px){:root{--chrome-gap: 4px;--hud-gap: 6px}.game-screen__chrome{padding:calc(var(--safe-top) + 4px) 6px 4px 6px;gap:4px;max-width:100%;box-sizing:border-box}.game-screen__board{padding:4px 6px}.game-screen__board canvas{border-radius:10px;max-width:94vw;max-height:calc(97dvh - var(--chrome-height) - var(--safe-bottom) - var(--sticky-safe))}}@media (orientation: portrait) and (min-height: 780px){.game-screen__board canvas{max-height:calc(98dvh - var(--chrome-height) - var(--safe-bottom) - var(--sticky-safe))}}@media (prefers-contrast: more){.game-screen__board canvas{box-shadow:0 0 0 2px rgba(0,0,0,.18),0 10px 30px rgba(0,0,0,.28)}}[dir=rtl] .game-screen__chrome{grid-template-columns:1fr auto;grid-template-areas:"hud  back" "obj  obj"}[dir=rtl] .game-screen__back{justify-self:end}@container (max-width: 420px){.game-screen__back .back__label{display:none}}.settings-page{display:flex;flex-direction:column;align-items:center;padding:16px;gap:20px;width:100%;height:100%;overflow-y:auto}.settings-title{font-size:clamp(22px,3.6vw,28px);font-weight:800;text-align:center;color:#2a2340;margin:4px 0 8px;text-shadow:0 1px 0 rgba(255,255,255,.8)}.settings-card{width:100%;max-width:420px;background:linear-gradient(180deg,#fff,#faf9ff);border-radius:16px;padding:16px 18px;border:1px solid rgba(122,96,215,.08);box-shadow:0 6px 18px rgba(60,30,120,.12);display:flex;flex-direction:column;gap:12px}.settings-card h3{margin:0 0 6px;font-size:16px;font-weight:700;color:#2a2340}.settings-field{display:grid;grid-template-columns:1fr 200px 3.5ch;align-items:center;column-gap:12px;row-gap:6px;width:100%}.settings-label{font-size:14px;font-weight:600;color:#635a86;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-value{font-weight:800;color:#2a2340;text-align:right;white-space:nowrap}.settings-slider{-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:999px;background:#f1e9ff;outline:none;cursor:pointer;box-shadow:inset 0 1px rgba(255,255,255,.9)}.settings-slider:focus-visible{outline:3px solid rgba(122,96,215,.35);outline-offset:2px}.settings-slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#7a60d7;box-shadow:0 2px 6px rgba(40,20,80,.25);cursor:grab;transition:transform .15s ease}.settings-slider::-webkit-slider-thumb:active{transform:scale(1.15)}.settings-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#7a60d7;border:none;box-shadow:0 2px 6px rgba(40,20,80,.25);cursor:grab}.settings-checkbox{display:inline-flex;align-items:center;gap:8px;cursor:pointer;user-select:none}.settings-checkbox input{accent-color:#7a60d7;width:18px;height:18px}.settings-toggle{--w: 44px;--h: 26px;--pad: 3px;position:relative;display:inline-block;width:var(--w);height:var(--h);cursor:pointer}.settings-toggle input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0)}.settings-toggle .toggle{position:absolute;top:0;right:0;bottom:0;left:0;background:#e9e2ff;border-radius:var(--h);box-shadow:inset 0 1px rgba(255,255,255,.9),0 2px 6px rgba(40,20,80,.12);transition:background .2s ease}.settings-toggle .toggle:after{content:"";position:absolute;top:var(--pad);left:var(--pad);width:calc(var(--h) - var(--pad)*2);height:calc(var(--h) - var(--pad)*2);border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(40,20,80,.25);transition:transform .2s ease}.settings-toggle input:checked+.toggle{background:#7a60d7}.settings-toggle input:checked+.toggle:after{transform:translate(calc(var(--w) - var(--h)))}.settings-toggle input:focus-visible+.toggle{outline:3px solid rgba(122,96,215,.35);outline-offset:2px}.settings-select{width:200px;padding:8px 10px;border-radius:12px;border:1px solid rgba(122,96,215,.25);background:#fff;color:#2a2340;font-size:14px;box-shadow:0 2px 8px rgba(122,96,215,.08)}.settings-select:focus-visible{outline:3px solid rgba(122,96,215,.35);outline-offset:2px}.settings-footer{display:flex;justify-content:center;margin-top:auto}.settings-footer .btn{min-width:140px;font-weight:800}@media (max-width: 480px){.settings-card{padding:14px;border-radius:14px}.settings-field{grid-template-columns:1fr 150px 3.5ch;column-gap:10px}.settings-select{width:150px}}.scrollable{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;min-height:0}.shop{width:100%;box-sizing:border-box;display:grid;grid-template-rows:auto 1fr auto;gap:12px;min-height:0;padding:8px max(env(safe-area-inset-right),10px) calc(max(env(safe-area-inset-bottom),10px) + var(--sticky-safe, 0)) max(env(safe-area-inset-left),10px);overflow:hidden}.shop__header{display:flex;align-items:center;gap:8px;min-height:44px}.shop__title{margin:0 auto;font-size:clamp(13px,2.8vw,17px);line-height:1.15;font-weight:800}.shop__grid{display:grid;grid-template-columns:1fr;gap:12px;align-content:start;min-height:0;border-radius:16px}.shop__grid.scrollable{overflow-y:auto;-webkit-overflow-scrolling:touch}@media (min-width: 560px){.shop__grid{grid-template-columns:repeat(2,minmax(240px,1fr))}}@media (min-width: 880px){.shop__grid{grid-template-columns:repeat(3,minmax(240px,1fr))}}.shop__card{background:linear-gradient(180deg,#fff7ff,#fefeff);border:1px solid rgba(122,96,215,.08);border-radius:16px;padding:12px;box-shadow:0 8px 18px rgba(60,30,120,.1);display:grid;grid-template-rows:auto auto auto auto;gap:10px;height:auto;position:relative;align-content:start}.shop__thumb{display:block;width:auto;height:auto;margin:2px auto 4px;max-width:clamp(88px,55vw,140px);max-height:clamp(88px,34vh,140px);object-fit:contain;filter:drop-shadow(0 8px 14px rgba(60,30,120,.18));user-select:none;pointer-events:none}.shop__name{margin:0;font-weight:800;color:#2a2340;font-size:clamp(11px,2.94vw,13px);line-height:1.2}.shop__desc{margin:0;color:#635a86;line-height:1.35;font-size:clamp(10px,2.66vw,11px);overflow-wrap:anywhere;hyphens:auto}.shop__meta{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:10px;color:#635a86}.shop__cooldown{color:#8a2a2a;font-weight:700}.shop__ready{color:#1a7f37;font-weight:700}.shop__price{display:inline-flex;align-items:center;gap:8px;font-weight:800;color:#2a2340;font-size:11px}.shop__price .shop__currency{width:18px;height:18px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.15))}.shop__actions{display:grid;grid-template-columns:1fr;gap:8px}@media (min-width: 480px){.shop__actions--row{display:flex;gap:8px}}.shop__footer{display:flex;justify-content:space-between;align-items:center;min-height:40px;font-size:11px}.btn{-webkit-appearance:none;appearance:none;border:none;border-radius:12px;padding:12px 14px;min-height:44px;font-weight:800;font-size:11px;cursor:pointer;transition:transform .06s ease,box-shadow .12s ease,opacity .12s ease;-webkit-tap-highlight-color:transparent}.btn:active{transform:translateY(1px)}.btn--primary{background:linear-gradient(180deg,#7a60d7,#5d46b3);color:#fff;box-shadow:0 8px 16px rgba(93,70,179,.28)}.btn--primary:hover{box-shadow:0 10px 20px rgba(93,70,179,.35)}.btn--secondary{background:#fff;color:#2a2340;border:1px solid rgba(42,35,64,.12)}.btn[disabled],.btn:disabled{opacity:.55;cursor:default;box-shadow:none}.shop__row{display:grid;gap:6px}.shop__row--tight{gap:4px}.shop__price:empty:after{content:"—";color:#8c86a5;font-weight:600}@media (prefers-reduced-motion: reduce){.btn{transition:none}}@media (max-width: 360px){.shop{gap:10px;padding-left:8px;padding-right:8px}.shop__card{padding:10px;border-radius:14px}}.scrollable::-webkit-scrollbar{width:10px}.scrollable::-webkit-scrollbar-thumb{background:rgba(122,96,215,.24);border-radius:10px;border:2px solid transparent;background-clip:content-box}.scrollable::-webkit-scrollbar-track{background:transparent}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.shop__wallet.wallet{position:sticky;top:0;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:4px max(env(safe-area-inset-right),0) 0 max(env(safe-area-inset-left),0);backdrop-filter:blur(6px)}.wallet__pill{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:10px 12px;border-radius:16px;border:1px solid rgba(42,35,64,.1);background:#fff;box-shadow:0 6px 14px rgba(60,30,120,.1);min-height:40px;font-weight:800;font-size:11px;color:#2a2340;cursor:pointer;transition:box-shadow .12s ease,transform .06s ease}.wallet__pill:active{transform:translateY(1px)}.wallet__pill--coins{background:linear-gradient(180deg,#fff7ff,#fefeff)}.wallet__pill--lives{background:linear-gradient(180deg,#fff9f9,#fff)}.wallet__icon{aspect-ratio:1/1;height:100%;width:auto;max-height:20px}.wallet__label{opacity:.75}.wallet__value{font-variant-numeric:tabular-nums;letter-spacing:.2px;justify-self:end;min-width:2ch}.wallet__value[data-bump]{animation:wallet-bump .28s ease,wallet-flash .6s ease-out}@keyframes wallet-bump{0%{transform:scale(1)}30%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes wallet-flash{0%{color:#5d46b3}to{color:inherit}}@media (max-width: 375px){.wallet__pill{padding:9px 10px;gap:6px}.wallet__icon{height:16px}.wallet__label{display:none}}html[dir=rtl] .wallet__pill{direction:rtl}.level-road{width:100%;height:100%;border-radius:16px;display:flex;flex-direction:column;gap:12px;align-items:center;padding:16px;background:radial-gradient(1200px 40px at 50% -10px,rgba(122,96,215,.08),transparent 60%),linear-gradient(180deg,#faf9ff,#f5f2ff);box-sizing:border-box}.level-road__header{width:100%;max-width:980px;display:flex;align-items:center;gap:12px;justify-content:flex-start}.level-road__title{margin:4px 0 8px;font-weight:800;letter-spacing:.2px}.level-road__scroll{flex:1;width:100%;max-width:980px;overflow:auto;padding:4px 2px 12px;border-radius:14px;box-shadow:inset 0 0 0 1px rgba(122,96,215,.08);background:repeating-linear-gradient(180deg,rgba(122,96,215,.06) 0px,rgba(122,96,215,.06) 8px,transparent 8px,transparent 24px)}.level-road__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;width:100%;padding:12px;box-sizing:border-box}.level-road__cell{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:14px 10px;border-radius:12px;border:1px solid rgba(122,96,215,.12);background:linear-gradient(180deg,#fff,#f6f4ff);box-shadow:0 6px 16px rgba(50,30,120,.08);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease,opacity .12s ease;user-select:none;-webkit-tap-highlight-color:transparent}.level-road__cell:hover{transform:translateY(-1px)}.level-road__cell:active{transform:translateY(0)}.level-road__cell:focus-visible{outline:3px solid rgba(122,96,215,.45);outline-offset:2px}.level-road__cell.is-locked{opacity:.5;cursor:not-allowed;filter:grayscale(.12)}.level-road__index{font-weight:800;font-size:18px}.level-road__name{font-size:12px;text-align:center;line-height:1.2;max-width:100%;padding:0 4px;color:#1f1833}.level-road__stars{position:absolute;top:8px;right:10px;font-size:14px;color:#f5a623;text-shadow:0 1px 0 rgba(0,0,0,.1)}.level-road__footer{margin-top:8px}.level-road__footer small{font-size:11px;color:rgba(31,24,51,.8)}.level-road__footer .muted{opacity:.65}.level-road__scroll::-webkit-scrollbar{width:10px}.level-road__scroll::-webkit-scrollbar-thumb{background:rgba(122,96,215,.24);border-radius:10px;border:2px solid transparent;background-clip:content-box}.level-road__scroll::-webkit-scrollbar-track{background:transparent}@media (max-width: 560px){.level-road{padding:12px}.level-road__grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;padding:10px}.level-road__cell{padding:12px 8px}}@media (prefers-reduced-motion: reduce){.level-road__cell,.level-road__cell:hover,.level-road__cell:active{transition:none;transform:none}}@media (prefers-contrast: more){.level-road__cell{border-color:rgba(50,30,120,.35);box-shadow:0 0 0 2px rgba(50,30,120,.12)}.level-road__cell.is-locked{filter:none;opacity:.6}}.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;justify-content:center;align-items:center;backdrop-filter:blur(4px);background-color:#f0f8ff;background-size:cover;background-position:center;background-repeat:no-repeat;touch-action:none;opacity:0;animation:ls-fade-in .18s ease-out forwards}.loading-screen,.loading-screen *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.loading-screen__scrim{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(60% 40% at 50% 0%,rgba(255,255,255,.65),rgba(255,255,255,0) 60%),radial-gradient(70% 50% at 50% 100%,rgba(255,255,255,.55),rgba(255,255,255,0) 65%),linear-gradient(to bottom,rgba(255,255,255,.2),rgba(255,255,255,.2))}.loading-screen__inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px 28px;border-radius:16px;background:rgba(255,255,255,.55);box-shadow:0 12px 24px rgba(0,0,0,.08),0 6px rgba(0,0,0,.06);backdrop-filter:blur(8px)}.loading-screen__spinner{inline-size:42px;block-size:42px;border:4px solid rgba(100,70,180,.25);border-top-color:#6a4cff;border-radius:50%;animation:ls-spin 1s linear infinite}.loading-screen__text{font-weight:700;font-size:16px;color:#2a2340;text-shadow:0 1px 0 rgba(255,255,255,.8)}.loading-screen__bar{width:min(280px,70vw);height:10px;border-radius:999px;background:rgba(92,64,181,.18);box-shadow:inset 0 2px 4px rgba(0,0,0,.06);overflow:hidden}.loading-screen__barFill{height:100%;background:linear-gradient(90deg,#c8a7ff,#7e5bef);transition:width .2s ease}@keyframes ls-spin{to{transform:rotate(360deg)}}@keyframes ls-fade-in{0%{opacity:0}to{opacity:1}}@supports not (backdrop-filter: blur(8px)){.loading-screen__inner{background:rgba(255,255,255,.82)}}@media (prefers-reduced-motion: reduce){.loading-screen{animation:none;opacity:1}.loading-screen__spinner{animation:none}}@media (prefers-contrast: more){.loading-screen__inner{background:#fff;box-shadow:0 0 0 2px rgba(0,0,0,.18),0 6px rgba(0,0,0,.12)}.loading-screen__bar{background:rgba(0,0,0,.15)}}@media (max-width: 420px){.loading-screen__inner{padding:16px 18px}.loading-screen__text{font-size:15px}.loading-screen__bar{width:80vw}}.intro{position:relative;inline-size:100%;block-size:100%;box-sizing:border-box;overflow:hidden;display:grid;place-items:stretch;background:radial-gradient(1200px 600px at 10% 0%,#ffeef6,#f9f5ff 40%,#f3fbff);isolation:isolate;border-radius:16px;background-size:cover;background-position:center;background-repeat:no-repeat;background-blend-mode:overlay}.intro__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(140px 140px at 12% 18%,rgba(255,170,204,.35),transparent 70%),radial-gradient(220px 220px at 88% 8%,rgba(255,217,102,.35),transparent 70%),radial-gradient(220px 220px at 85% 78%,rgba(144,238,255,.35),transparent 70%),radial-gradient(200px 200px at 16% 86%,rgba(186,255,201,.35),transparent 70%),radial-gradient(60% 40% at 50% 0%,rgba(255,255,255,.55),rgba(255,255,255,0));filter:blur(.4px)}@media (prefers-reduced-motion: no-preference){.intro__bg{animation:introFloat 12s ease-in-out infinite alternate}}@keyframes introFloat{0%{transform:translateY(0)}to{transform:translateY(10px)}}.intro__wrap{--intro-side-pad: clamp(8px, 3.2vw, 18px);position:relative;z-index:1;inline-size:100%;max-inline-size:980px;margin-inline:auto;block-size:100%;padding-inline:var(--intro-side-pad)}.intro__instructorWrap{position:absolute;left:50%;transform:translate(-50%) translateY(4%);bottom:env(safe-area-inset-bottom,0px);z-index:1;pointer-events:none}.intro__instructorWrap:before{content:"";position:absolute;left:50%;bottom:12%;transform:translate(-50%);width:min(70vw,520px);height:min(32vw,240px);border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,.9),rgba(255,255,255,.3) 60%,rgba(255,255,255,0)),radial-gradient(closest-side,rgba(126,91,239,.18),rgba(126,91,239,0) 70%);filter:blur(8px);z-index:0}.intro__instructor{display:block;width:min(82vw,520px);max-width:520px;height:auto;user-select:none;pointer-events:none;filter:drop-shadow(0 12px 22px rgba(0,0,0,.16));position:relative;margin-bottom:10%;z-index:1}.intro__panel{box-sizing:border-box;position:absolute;left:50%;transform:translate(-50%);bottom:clamp(10px,calc(env(safe-area-inset-bottom,0px) + 12px),28px);inline-size:min(940px,calc(100% - 2 * var(--intro-side-pad)));background:#fff;border-radius:18px;box-shadow:0 14px 28px rgba(0,0,0,.08),0 6px rgba(0,0,0,.06);padding:clamp(12px,2.4vw,18px);display:grid;gap:12px;min-height:176px;z-index:2}.intro__panel:before{content:"";position:absolute;left:50%;transform:translate(-50%);top:-24px;bottom:auto;border:12px solid transparent;border-bottom-color:#fff;filter:drop-shadow(0 -2px 2px rgba(0,0,0,.06))}.intro__name{font-weight:800;color:#4b256f;letter-spacing:.3px;margin:0}.intro__text{margin:0;font-size:clamp(14px,1.4vw + 10px,18px);line-height:1.45;color:#2b2140;min-height:3.4em;word-wrap:break-word}.intro__cursor{display:inline-block;width:.6ch;margin-left:.1ch;opacity:.8}@media (prefers-reduced-motion: no-preference){.intro__cursor{animation:blink 1s steps(2,jump-none) infinite}}@keyframes blink{0%,49%{opacity:.8}50%,to{opacity:0}}.intro__controls{display:flex;gap:8px;align-items:center}.intro__spacer{flex:1}.intro__dots{display:flex;gap:6px;justify-content:center;align-items:center;margin-top:2px}.intro__dots .dot{inline-size:8px;block-size:8px;border-radius:999px;background:#cfc6ee;transform:translateZ(0)}.intro__dots .dot.is-active{background:#7e5bef;box-shadow:0 0 0 3px rgba(126,91,239,.15)}.btn--primary:hover,.btn--primary{border:1px solid rgba(42,35,64,.12);box-shadow:inset 0 1px rgba(255,255,255,.9),inset 0 -4px 10px rgba(123,104,238,.22),0 10px 18px rgba(99,84,204,.15),0 6px rgba(99,84,204,.3)}@media (max-width: 720px){.intro__instructor{width:min(88vw,560px)}.intro__panel{border-radius:16px;padding:clamp(12px,3.6vw,16px);min-height:168px}}@media (prefers-reduced-motion: reduce){.intro__bg{animation:none}}@media (prefers-contrast: more){.intro__panel{box-shadow:0 0 0 2px rgba(0,0,0,.12),0 6px rgba(0,0,0,.18)}}.toasts{position:fixed;top:calc(env(safe-area-inset-top,0px) + 10px);left:50%;transform:translate(-50%);display:grid;gap:8px;z-index:4000;pointer-events:none}.toast{pointer-events:auto;display:grid;grid-auto-flow:column;align-items:center;gap:10px;padding:10px 14px;border-radius:12px;min-width:220px;max-width:min(92vw,520px);color:#2a2340;background:rgba(255,255,255,.9);box-shadow:0 10px 22px rgba(40,20,60,.18);border:1px solid rgba(122,96,215,.14);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:toast-in .16s ease-out}.toast--success{border-color:rgba(26,127,55,.25)}.toast--info{border-color:rgba(99,84,204,.25)}.toast--error{border-color:rgba(205,43,39,.25)}.toast__text{font-weight:700;font-size:14px}.toast__close{-webkit-appearance:none;appearance:none;border:none;background:transparent;font-size:18px;line-height:1;padding:2px 6px;cursor:pointer;color:#4a3c7a}.toast__close:focus-visible{outline:2px solid rgba(99,84,204,.35);border-radius:6px}@keyframes toast-in{0%{transform:translateY(-8px);opacity:0}to{transform:translateY(0);opacity:1}}