*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#08080d;font-family:DM Sans,-apple-system,sans-serif;user-select:none;-webkit-user-select:none}canvas{display:block}#game{touch-action:none}.hud{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:.7rem 1rem;z-index:10;pointer-events:none}.hud-left{display:flex;align-items:center;gap:.55rem;pointer-events:auto}.hud-stars{font-size:1.4rem;letter-spacing:.08em;filter:drop-shadow(0 0 6px rgba(255,255,255,.3))}.hud-right{display:flex;align-items:center;gap:.6rem;pointer-events:auto}.hud-level{font-size:.75rem;color:#fff6;font-weight:500}.sandbox-mode-mini{border:1px solid rgba(255,255,255,.14);border-radius:999px;cursor:pointer;font-family:inherit;padding:.42rem .72rem;background:#0c121cd6;color:#ffffffd1;font-size:clamp(.7rem,1.9vw,.82rem);font-weight:800;letter-spacing:.01em;transition:all .22s ease;box-shadow:0 10px 24px #0003}.sandbox-mode-mini:hover,.sandbox-mode-mini:active{transform:translateY(-1px);background:#121a26eb;border-color:#ffffff3d}.sandbox-mode-mini.active{background:#50d8b526;border-color:#50d8b561;color:#fff;box-shadow:0 12px 28px #50d8b529}.hud-back{font-size:.85rem;color:#fff;font-weight:600;background:#ffffff1a;border:2px solid rgba(255,255,255,.25);padding:.45rem 1rem;border-radius:2rem;cursor:pointer;font-family:inherit;transition:all .2s;animation:btnPulse 2.5s ease-in-out 3s infinite}.hud-back:hover,.hud-back:active{background:#fff3;border-color:#ffffff80;transform:scale(1.05)}@keyframes btnPulse{0%,to{box-shadow:0 0 #ffffff26}50%{box-shadow:0 0 0 6px #fff0}}.overlay{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100;background:#08080df0;transition:opacity .4s ease}.overlay.hidden{opacity:0;pointer-events:none}#start-screen{justify-content:flex-start;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;padding:1rem 0 1.5rem}.title{font-size:clamp(1.8rem,7vw,3.2rem);font-weight:800;background:linear-gradient(135deg,#6c9bff,#50d8b5,#f0a050,#c084fc,#f472b6);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradShift 4s ease infinite;margin-bottom:.3rem;text-align:center}.sub{font-size:clamp(.75rem,2.2vw,.95rem);color:#fff6;margin-bottom:1.8rem;text-align:center}@keyframes gradShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.menu-actions{width:min(84vw,420px);display:flex;flex-direction:column;align-items:stretch;gap:.5rem;margin:0 0 1.05rem}.continue-btn,.orbit-btn,.atlas-btn{width:100%;display:flex;align-items:center;gap:.72rem;text-align:left}.continue-btn{font-size:clamp(.78rem,2.3vw,.92rem);color:#fff;font-weight:700;border:1px solid rgba(108,155,255,.35);border-radius:999px;background:#6c9bff1f;padding:.55rem .88rem;cursor:pointer;font-family:inherit;letter-spacing:.01em;transition:all .25s ease;box-shadow:0 0 18px #6c9bff14}.continue-btn:hover,.continue-btn:active{transform:translateY(-1px) scale(1.02);background:#6c9bff2e;border-color:#6c9bff8c}.menu-stats{font-size:clamp(.62rem,1.9vw,.78rem);color:#ffffff54;font-weight:600;letter-spacing:.04em;text-transform:uppercase;text-align:center}.orbit-btn{font-size:clamp(.73rem,2.1vw,.86rem);color:#fff;font-weight:700;border:1px solid rgba(80,216,181,.28);border-radius:999px;background:#50d8b51a;padding:.58rem .88rem;cursor:pointer;font-family:inherit;letter-spacing:.02em;transition:all .25s ease;box-shadow:0 0 20px #50d8b514}.orbit-btn:hover,.orbit-btn:active{transform:translateY(-1px) scale(1.02);background:#50d8b529;border-color:#50d8b573}.orbit-status{max-width:min(84vw,420px);font-size:clamp(.62rem,1.9vw,.76rem);color:#ffffff4d;font-weight:600;letter-spacing:.03em;text-align:center;line-height:1.45}.atlas-btn{font-size:clamp(.73rem,2.1vw,.86rem);color:#fff;font-weight:700;border:1px solid rgba(192,132,252,.28);border-radius:999px;background:#c084fc1c;padding:.58rem .88rem;cursor:pointer;font-family:inherit;letter-spacing:.02em;transition:all .25s ease;box-shadow:0 0 20px #c084fc14}.atlas-btn:hover,.atlas-btn:active{transform:translateY(-1px) scale(1.02);background:#c084fc2b;border-color:#c084fc73}.menu-btn-icon{width:1.9rem;height:1.9rem;flex:0 0 1.9rem;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-size:1rem;background:#ffffff14;border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px #ffffff0f}.continue-btn .menu-btn-icon{background:#6c9bff2e;border-color:#6c9bff47}.orbit-btn .menu-btn-icon{background:#50d8b52e;border-color:#50d8b547}.atlas-btn .menu-btn-icon{background:#c084fc2e;border-color:#c084fc47}.menu-btn-copy{flex:1;min-width:0;display:flex;align-items:center}.menu-btn-label{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-btn-tail{font-size:.92rem;color:#ffffff8c;margin-left:auto}.site-link{display:inline-flex;align-items:center;justify-content:center;font-size:clamp(.68rem,2vw,.8rem);color:#ffffff8c;font-weight:700;letter-spacing:.04em;text-decoration:none;transition:color .22s ease,transform .22s ease}.menu-footer{width:min(92vw,760px);display:flex;justify-content:center;margin:2rem 0 0;padding:1.15rem 0 .2rem;border-top:1px solid rgba(255,255,255,.08)}.site-link:hover,.site-link:active{color:#ffffffe6;transform:translateY(-1px)}.atlas-screen{z-index:110;justify-content:flex-start;overflow-y:auto;align-items:stretch;padding:1rem 0 2rem;background:radial-gradient(circle at 15% 15%,rgba(108,155,255,.11),transparent 28%),radial-gradient(circle at 85% 18%,rgba(192,132,252,.1),transparent 30%),radial-gradient(circle at 50% 75%,rgba(80,216,181,.08),transparent 34%),#06060af5}.atlas-shell{width:min(980px,100%);margin:0 auto;padding:0 1rem}.atlas-topbar{display:flex;justify-content:space-between;align-items:center;gap:.8rem;margin-bottom:1.1rem}.atlas-back{font-size:.82rem;color:#fff;font-weight:700;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:#ffffff0d;padding:.5rem .9rem;cursor:pointer;font-family:inherit;transition:all .25s ease}.atlas-back:hover,.atlas-back:active{background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-1px)}.atlas-progress{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#ffffff6b;text-align:right}.atlas-hero{margin-bottom:1.2rem;padding:1.1rem 1rem 1rem;border:1px solid rgba(255,255,255,.08);border-radius:1.4rem;background:linear-gradient(180deg,#ffffff0d,#ffffff05);box-shadow:0 18px 40px #0000002e}.atlas-kicker{font-size:.68rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#ffffff57;margin-bottom:.45rem}.atlas-title{font-size:clamp(1.35rem,4.2vw,2.45rem);font-weight:800;letter-spacing:-.03em;color:#fff;margin-bottom:.35rem}.atlas-subtitle{max-width:720px;font-size:clamp(.82rem,2.2vw,1rem);line-height:1.6;color:#ffffff9e}.atlas-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.9rem}.atlas-card{position:relative;display:flex;flex-direction:column;gap:.85rem;min-height:290px;padding:.95rem;border-radius:1.3rem;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#11121ce0,#0a0b12f0);box-shadow:0 14px 30px #0000002e;overflow:hidden}.atlas-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(108,155,255,.11),transparent 32%);pointer-events:none}.atlas-card.observed:before{background:radial-gradient(circle at top right,rgba(80,216,181,.14),transparent 34%),radial-gradient(circle at 15% 80%,rgba(108,155,255,.09),transparent 28%)}.atlas-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.7rem;position:relative;z-index:1}.atlas-card-title{font-size:1rem;font-weight:800;line-height:1.2;color:#fff;margin-bottom:.15rem}.atlas-card-meta{font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#ffffff57}.atlas-icon{font-size:1.4rem;line-height:1;filter:drop-shadow(0 0 12px rgba(255,255,255,.08))}.atlas-badges{display:flex;flex-wrap:wrap;gap:.38rem;position:relative;z-index:1}.atlas-badge{display:inline-flex;align-items:center;gap:.22rem;padding:.24rem .55rem;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff0d;font-size:.62rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#ffffff7a}.atlas-badge.observed{border-color:#50d8b547;background:#50d8b51a;color:#c8ffece6}.atlas-map{width:100%;aspect-ratio:1.1/1;border-radius:1rem;display:block;border:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at 50% 20%,rgba(108,155,255,.08),transparent 38%),#ffffff08;position:relative;z-index:1}.atlas-fact{position:relative;z-index:1;font-size:.82rem;line-height:1.55;color:#ffffffad;min-height:4.8em}.atlas-actions{display:flex;gap:.55rem;margin-top:auto;position:relative;z-index:1}.atlas-action{flex:1;border:none;border-radius:.9rem;cursor:pointer;font-family:inherit;font-size:.78rem;font-weight:800;letter-spacing:.02em;padding:.7rem .78rem;transition:all .25s ease}.atlas-action.listen{color:#ffffffc7;background:#ffffff12;border:1px solid rgba(255,255,255,.08)}.atlas-action.listen:hover,.atlas-action.listen:active{background:#ffffff1f;transform:translateY(-1px)}.atlas-action.play{color:#071014;background:linear-gradient(135deg,#7dd3fc,#50d8b5);box-shadow:0 10px 24px #50d8b529}.atlas-action.play:hover,.atlas-action.play:active{transform:translateY(-1px) scale(1.01);box-shadow:0 14px 28px #50d8b538}.world-transition{z-index:105;padding:1rem;background:radial-gradient(circle at 18% 16%,rgba(108,155,255,.14),transparent 28%),radial-gradient(circle at 82% 24%,rgba(80,216,181,.11),transparent 30%),#08080df5}.transition-panel{width:min(920px,100%);border:1px solid rgba(255,255,255,.08);border-radius:1.5rem;background:linear-gradient(180deg,#12141eeb,#0a0b12f5);box-shadow:0 20px 50px #00000047;padding:1.1rem 1rem 1rem}.transition-kicker{font-size:.7rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#ffffff57;margin-bottom:.55rem;text-align:center}.transition-title{font-size:clamp(1.35rem,4.5vw,2.6rem);font-weight:800;letter-spacing:-.03em;color:#fff;text-align:center;margin-bottom:.4rem}.transition-subtitle{max-width:720px;margin:0 auto 1rem;font-size:clamp(.82rem,2.2vw,1rem);line-height:1.6;text-align:center;color:#ffffff9e}.transition-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;max-width:520px;margin:0 auto 1rem}.transition-stat{border:1px solid rgba(255,255,255,.08);border-radius:1rem;background:#ffffff0a;padding:.75rem .8rem;text-align:center}.transition-stat-label{font-size:.66rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#ffffff52;margin-bottom:.25rem}.transition-stat-value{font-size:clamp(.98rem,2.8vw,1.28rem);font-weight:800;color:#fff}.transition-route{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:.8rem;align-items:stretch;margin-bottom:1rem}.transition-world{border:1px solid rgba(255,255,255,.08);border-radius:1.2rem;background:#ffffff0a;padding:.95rem .9rem;display:flex;flex-direction:column;gap:.4rem;min-height:190px}.transition-world.to{background:linear-gradient(180deg,#50d8b51a,#ffffff0a);border-color:#50d8b529}.transition-world-label{font-size:.66rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#ffffff57}.transition-world-icon{font-size:1.75rem;line-height:1;margin-top:.1rem;filter:drop-shadow(0 0 14px rgba(255,255,255,.08))}.transition-world-name{font-size:1rem;font-weight:800;color:#fff}.transition-world-blurb{font-size:.84rem;line-height:1.55;color:#ffffffa1}.transition-world-mini{margin-top:auto;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#ffffff5c}.transition-arrow{align-self:center;font-size:clamp(1.5rem,5vw,2.4rem);color:#ffffff38;padding:0 .1rem}.transition-actions{display:flex;justify-content:center;gap:.65rem;flex-wrap:wrap}.transition-btn{min-width:180px;border:none;border-radius:999px;cursor:pointer;font-family:inherit;font-size:.84rem;font-weight:800;letter-spacing:.02em;padding:.78rem 1.15rem;transition:all .25s ease}.transition-btn.menu{color:#fffc;background:#ffffff14;border:1px solid rgba(255,255,255,.1)}.transition-btn.menu:hover,.transition-btn.menu:active{background:#ffffff21;transform:translateY(-1px)}.transition-btn.next{color:#061115;background:linear-gradient(135deg,#7dd3fc,#50d8b5);box-shadow:0 14px 30px #50d8b52e}.transition-btn.next:hover,.transition-btn.next:active{transform:translateY(-1px) scale(1.01);box-shadow:0 18px 34px #50d8b53d}@media(max-width:640px){.atlas-topbar{align-items:flex-start;flex-direction:column}.atlas-progress{text-align:left}.atlas-card{min-height:unset}.transition-route{grid-template-columns:1fr}.transition-arrow{display:none}.transition-stats{grid-template-columns:1fr}}.worlds{display:flex;gap:.8rem;flex-wrap:wrap;justify-content:center;padding:0 .8rem;max-width:1180px}.world-card{width:clamp(80px,22vw,120px);aspect-ratio:1;border-radius:1rem;border:2px solid rgba(255,255,255,.1);background:#ffffff08;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;gap:.35rem;padding:.45rem .45rem 1.2rem}.world-card:hover,.world-card:active{transform:scale(1.08);border-color:#ffffff4d;background:#ffffff0f}.world-card .wi{font-size:clamp(1.65rem,5.3vw,2.35rem)}.world-card .wi.math-icon{font-family:DM Sans,-apple-system,sans-serif;font-size:clamp(1.9rem,5.8vw,2.7rem);font-weight:800;line-height:1}.world-card .wi.math-icon.plus{color:#f472b6;text-shadow:0 0 16px rgba(244,114,182,.28)}.world-card .wi.math-icon.minus{color:#fb923c;text-shadow:0 0 16px rgba(251,146,60,.28)}.world-card .wi.math-icon.mixed{color:#facc15;text-shadow:0 0 16px rgba(250,204,21,.3)}.world-card .wl{font-size:clamp(.58rem,1.8vw,.78rem);color:#ffffff9e;font-weight:700;text-transform:uppercase;letter-spacing:.05em;text-align:center}.world-card[data-w="0"]{border-color:#6c9bff4d}.world-card[data-w="0"]:hover{border-color:#6c9bff;box-shadow:0 0 20px #6c9bff33}.world-card[data-w="1"]{border-color:#f0a0504d}.world-card[data-w="1"]:hover{border-color:#f0a050;box-shadow:0 0 20px #f0a05033}.world-card[data-w="2"]{border-color:#c084fc4d}.world-card[data-w="2"]:hover{border-color:#c084fc;box-shadow:0 0 20px #c084fc33}.world-card[data-w="3"]{border-color:#ffb4644d}.world-card[data-w="3"]:hover{border-color:#ffb464;box-shadow:0 0 20px #ffb46433}.world-card[data-w="4"]{border-color:#50d8b54d}.world-card[data-w="4"]:hover{border-color:#50d8b5;box-shadow:0 0 20px #50d8b533}.world-card[data-w="5"]{border-color:#facc154d}.world-card[data-w="5"]:hover{border-color:#facc15;box-shadow:0 0 20px #facc1533}.world-card[data-w="6"]{border-color:#a3e6354d}.world-card[data-w="6"]:hover{border-color:#a3e635;box-shadow:0 0 20px #a3e63533}.world-card[data-w="7"]{border-color:#38bdf84d}.world-card[data-w="7"]:hover{border-color:#38bdf8;box-shadow:0 0 20px #38bdf833}.world-card[data-w="8"]{border-color:#22c55e4d}.world-card[data-w="8"]:hover{border-color:#22c55e;box-shadow:0 0 20px #22c55e33}.world-card[data-w="9"]{border-color:#f871714d}.world-card[data-w="9"]:hover{border-color:#f87171;box-shadow:0 0 20px #f8717133}.world-card[data-w="10"]{border-color:#f472b64d}.world-card[data-w="10"]:hover{border-color:#f472b6;box-shadow:0 0 20px #f472b633}.world-card[data-w="11"]{border-color:#fb923c4d}.world-card[data-w="11"]:hover{border-color:#fb923c;box-shadow:0 0 20px #fb923c33}.world-card[data-w="12"]{border-color:#facc154d}.world-card[data-w="12"]:hover{border-color:#facc15;box-shadow:0 0 20px #facc1533}.world-card[data-w="13"]{border-color:#0ea5e94d}.world-card[data-w="13"]:hover{border-color:#0ea5e9;box-shadow:0 0 20px #0ea5e933}.world-card[data-w="14"]{border-color:#a78bfa4d}.world-card[data-w="14"]:hover{border-color:#a78bfa;box-shadow:0 0 20px #a78bfa33}.world-card[data-w="15"]{border-color:#f472b64d}.world-card[data-w="15"]:hover{border-color:#f472b6;box-shadow:0 0 20px #f472b633}.world-card[data-w="16"]{border-color:#ec48994d}.world-card[data-w="16"]:hover{border-color:#ec4899;box-shadow:0 0 20px #ec489933}.world-card[data-w="17"]{border-color:#50d8b54d}.world-card[data-w="17"]:hover{border-color:#50d8b5;box-shadow:0 0 20px #50d8b533}.world-card[data-w="18"]{border-color:#60a5fa4d}.world-card[data-w="18"]:hover{border-color:#60a5fa;box-shadow:0 0 20px #60a5fa33}.world-card[data-w="19"]{border-color:#facc154d}.world-card[data-w="19"]:hover{border-color:#facc15;box-shadow:0 0 20px #facc1533}.world-card[data-w="20"]{border-color:#a78bfa4d}.world-card[data-w="20"]:hover{border-color:#a78bfa;box-shadow:0 0 20px #a78bfa33}.world-card[data-w="21"]{border-color:#f871714d}.world-card[data-w="21"]:hover{border-color:#f87171;box-shadow:0 0 20px #f8717133}.world-card[data-w="22"]{border-color:#38bdf84d}.world-card[data-w="22"]:hover{border-color:#38bdf8;box-shadow:0 0 20px #38bdf833}.world-card[data-w="23"]{border-color:#c084fc4d}.world-card[data-w="23"]:hover{border-color:#c084fc;box-shadow:0 0 20px #c084fc33}.world-card[data-w="24"]{border-color:#22c55e4d}.world-card[data-w="24"]:hover{border-color:#22c55e;box-shadow:0 0 20px #22c55e33}.world-card[data-w="25"]{border-color:#ffffff24}.world-card[data-w="25"]:hover{border-color:#ffffff47;box-shadow:0 0 20px #ffffff1f}.galaxy-counter{margin-bottom:1.2rem;text-align:center;opacity:0;animation:fadeUp .6s ease .2s forwards}.galaxy-counter canvas{display:inline-block;border-radius:50%}.galaxy-total{font-size:clamp(.65rem,2vw,.8rem);color:#fff6;font-weight:600;margin-top:.3rem;letter-spacing:.05em}.world-card.locked{opacity:.35;pointer-events:none}.world-card .lock-icon{font-size:.7rem;color:#ffffff4d}.world-card .check{position:absolute;top:4px;right:6px;font-size:.7rem}.world-progress{position:absolute;left:50%;bottom:.5rem;transform:translate(-50%);min-width:2.6rem;padding:.16rem .42rem;border-radius:999px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);font-size:.56rem;font-weight:700;letter-spacing:.05em;text-align:center;color:#ffffff6b}.world-card.locked .world-progress{color:#ffffff47}.world-card{position:relative}.celebration{position:fixed;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;z-index:90;pointer-events:none}.celebration.active{display:flex}.celebration .big-icon{font-size:clamp(3.5rem,14vw,7rem);color:#fff;animation:celebSpin .8s ease-out}.celebration .score-text{font-size:clamp(1.2rem,3.5vw,1.8rem);font-weight:600;color:#fff;margin-top:.6rem;animation:fadeUp .5s ease .3s both}.celebration .celeb-detail{max-width:min(88vw,560px);margin-top:.55rem;padding:0 1rem;font-size:clamp(.78rem,2.2vw,.95rem);line-height:1.5;text-align:center;color:#ffffff9e;animation:fadeUp .5s ease .45s both}.celebration .next-btn{font-size:clamp(.9rem,3vw,1.1rem);color:#fff;font-weight:600;margin-top:1.2rem;pointer-events:auto;cursor:pointer;padding:.8rem 2.2rem;border:2px solid rgba(255,255,255,.35);border-radius:2rem;transition:all .3s;background:#ffffff14;font-family:inherit;animation:fadeUp .5s ease .6s both,nextPulse 2s ease-in-out 1.5s infinite}.celebration .next-btn:hover,.celebration .next-btn:active{border-color:#fff9;background:#ffffff26;transform:scale(1.08)}@keyframes nextPulse{0%,to{box-shadow:0 0 #6c9bff4d}50%{box-shadow:0 0 0 10px #6c9bff00}}@keyframes celebSpin{0%{transform:scale(0) rotate(-180deg);opacity:0}60%{transform:scale(1.2) rotate(10deg);opacity:1}to{transform:scale(1) rotate(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.lang-bar{display:flex;gap:.5rem;justify-content:center;margin-bottom:1rem;animation:fadeUp .4s ease .1s both}.lang-btn{font-size:clamp(1.1rem,3.5vw,1.5rem);cursor:pointer;background:#ffffff0a;border:2px solid rgba(255,255,255,.08);border-radius:.7rem;padding:.3rem .6rem;transition:all .25s;line-height:1}.lang-btn:hover,.lang-btn:active{border-color:#ffffff40;background:#ffffff14;transform:scale(1.1)}.lang-btn.lang-active{border-color:#6c9bff80;background:#6c9bff1f;box-shadow:0 0 10px #6c9bff26}.sandbox-hint{position:fixed;bottom:13.8rem;left:50%;transform:translate(-50%);font-size:clamp(.7rem,2vw,.85rem);color:#ffffff40;z-index:14;pointer-events:none;text-align:center;animation:fadeUp 1s ease 1s both}.sandbox-tools{position:fixed;left:50%;bottom:1.05rem;transform:translate(-50%);width:min(94vw,760px);display:flex;flex-direction:column;gap:.5rem;z-index:12;pointer-events:auto}.sandbox-tool-block{width:100%;padding:.64rem .55rem .66rem;border-radius:1.2rem;background:#0a101ac7;border:1px solid rgba(255,255,255,.12);box-shadow:0 16px 34px #0000003d}.sandbox-tool-block:first-child{padding-top:.96rem;padding-bottom:.92rem}.sandbox-tool-label{padding:0 .15rem .78rem;color:#ffffff61;font-size:clamp(.56rem,1.7vw,.68rem);font-weight:800;letter-spacing:.08em;text-transform:uppercase}.sandbox-tool-row{display:flex;justify-content:center;gap:.55rem;flex-wrap:wrap}.sandbox-tool-row.compact{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;position:relative;z-index:1;padding-top:.18rem;padding-bottom:.08rem}.sandbox-tool-row.compact::-webkit-scrollbar{display:none}.sandbox-tool-row.compact .sandbox-tool{flex:0 0 auto;padding:.52rem .72rem;font-size:clamp(.68rem,1.8vw,.78rem)}.sandbox-tool-row.compact .sandbox-tool:hover,.sandbox-tool-row.compact .sandbox-tool:active{transform:none}.sandbox-tool{border:1px solid rgba(255,255,255,.12);border-radius:999px;cursor:pointer;font-family:inherit;padding:.62rem .92rem;background:#0c121cd1;color:#ffffffc7;font-size:clamp(.74rem,2vw,.84rem);font-weight:800;letter-spacing:.01em;transition:all .25s ease;box-shadow:0 12px 26px #00000038}.sandbox-tool:hover,.sandbox-tool:active{transform:translateY(-1px);background:#121a26eb;border-color:#ffffff38}.sandbox-tool.active{background:#50d8b526;border-color:#50d8b561;color:#fff;box-shadow:0 14px 30px #50d8b529}.sandbox-tool.erase-active{background:#f0a05024;border-color:#f0a0505c;box-shadow:0 14px 30px #f0a05024}.sandbox-tool.clear{background:#ffffff14;border-color:#ffffff24}.sandbox-tool.clear:hover,.sandbox-tool.clear:active{background:#ffffff21}.stamp-picker{position:fixed;left:50%;bottom:8.9rem;transform:translate(-50%);width:min(94vw,820px);display:flex;gap:.5rem;overflow-x:auto;padding:.55rem;border-radius:1.2rem;background:#0a101ac7;border:1px solid rgba(255,255,255,.12);box-shadow:0 16px 34px #0000003d;z-index:13;pointer-events:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.stamp-picker::-webkit-scrollbar{display:none}.stamp-chip{min-width:4.1rem;padding:.5rem .45rem .42rem;border:1px solid rgba(255,255,255,.1);border-radius:1rem;cursor:pointer;font-family:inherit;background:#ffffff0a;color:#ffffffc7;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.18rem;transition:all .22s ease}.stamp-chip:hover,.stamp-chip:active{transform:translateY(-1px);background:#ffffff14;border-color:#fff3}.stamp-chip.active{background:#50d8b529;border-color:#50d8b56b;color:#fff;box-shadow:0 12px 28px #50d8b52e}.stamp-chip-icon{font-size:1.45rem;line-height:1}.stamp-chip-label{font-size:.56rem;font-weight:800;letter-spacing:.02em;max-width:3.2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.coach-hint{position:fixed;bottom:1.2rem;left:50%;transform:translate(-50%);max-width:min(88vw,520px);padding:.55rem .9rem;border-radius:999px;border:1px solid rgba(108,155,255,.2);background:#0c121ccc;color:#ffffffb8;font-size:clamp(.72rem,2vw,.88rem);font-weight:600;letter-spacing:.01em;text-align:center;z-index:11;pointer-events:none;box-shadow:0 10px 30px #00000040;animation:fadeUp .35s ease both}.quiz-replay-btn{position:fixed;top:4.8rem;left:50%;transform:translate(-50%);z-index:12;border:1px solid rgba(108,155,255,.26);border-radius:999px;background:#0c121cd1;color:#ffffffd6;font-family:inherit;font-size:clamp(.72rem,2vw,.86rem);font-weight:800;letter-spacing:.01em;padding:.56rem .92rem;cursor:pointer;box-shadow:0 12px 26px #00000038;transition:all .22s ease}.quiz-replay-btn:hover,.quiz-replay-btn:active{transform:translate(-50%) translateY(-1px);background:#121a26eb;border-color:#6c9bff6b}