.mag-page{--mag-ink: #0b2c45;--mag-ink-soft: #334155;--mag-line: #d3e0ee;--mag-blue: #1d4ed8;--mag-blue-soft: #e5edfe;--mag-coral: #d0343d;--mag-coral-dark: #a8262f;--mag-green: #166534;--mag-green-soft: #dcfce7;--mag-red: #991b1b;--mag-red-soft: #fee2e2;--mag-amber: #92400e;--mag-amber-soft: #fef3c7;--mag-purple: #6b21a8;--mag-purple-soft: #f3e8ff;--mag-gold: #a16207;--mag-gold-soft: #fef9c3;--mag-shadow: 0 14px 34px -22px rgba(11, 44, 69, .55);color:var(--mag-ink)}.mag-page *,.mag-page *:before,.mag-page *:after{box-sizing:border-box}.mag-page svg{flex:none}.mag-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.mag-page a{color:var(--mag-blue)}.mag-page a:focus-visible,.mag-page button:focus-visible,.mag-page summary:focus-visible{outline:4px solid #f59e0b;outline-offset:3px}.mag-page .mag-sec-h{font-size:clamp(1.5rem,3vw,2rem);line-height:1.2;font-weight:800;color:var(--mag-ink);margin:0 0 .75rem}.mag-page .mag-sec-h--accent{color:var(--mag-coral)}.mag-sec-sub{margin:-.25rem 0 1rem;color:var(--mag-ink-soft);font-size:1.05rem}.mag-plus{margin-left:auto;width:30px;height:30px;flex:none;border-radius:50%;display:grid;place-items:center;color:var(--mag-coral);background:#fff1f1;transition:transform .2s ease}.mag-plus svg{width:16px;height:16px}details[open]>summary .mag-plus{transform:rotate(45deg)}.mag-page summary{list-style:none;cursor:pointer}.mag-page summary::-webkit-details-marker{display:none}.mag-page details[open]>summary~*{animation:mag-in .25s ease both}.mag-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:2rem;align-items:center;background:linear-gradient(180deg,#eef7ff,#fff);border:1px solid var(--mag-line);border-radius:26px;padding:2rem 2.25rem;margin:.5rem 0 1.5rem}.mag-hero h1{font-size:clamp(2rem,4.2vw,3rem);line-height:1.08;font-weight:800;color:var(--mag-ink);margin:0 0 .6rem}.mag-hero h1 span{display:block}.mag-hero .mag-hero__accent{color:var(--mag-coral)}.mag-hero__tag{font-size:1.2rem;font-weight:700;color:var(--mag-ink);margin:0 0 .75rem}.mag-hero .summary-block{background:none;border:0;padding:0;margin:0 0 .6rem;box-shadow:none}.mag-hero .summary-block p{margin:0;font-size:1.05rem;line-height:1.6;color:var(--mag-ink-soft)}.mag-hero .byline{margin:0 0 1rem;font-size:.92rem;color:#5b6b7d}.mag-callout{display:flex;gap:.8rem;align-items:flex-start;background:#fff;border:1px solid var(--mag-line);border-radius:16px;padding:.9rem 1.1rem;box-shadow:var(--mag-shadow)}.mag-callout__icon{flex:none;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--mag-blue-soft);color:var(--mag-blue)}.mag-callout__icon svg{width:24px;height:24px}.mag-callout p{margin:0;font-size:1rem;line-height:1.5;color:var(--mag-ink-soft)}.mag-callout strong{display:block;color:var(--mag-ink)}.mag-callout a{font-weight:800}.mag-hero__art{width:100%;height:auto;display:block;filter:drop-shadow(0 18px 30px rgba(11,44,69,.18))}.mag{font-size:1.15rem;line-height:1.55;color:var(--mag-ink);background:linear-gradient(180deg,#f2f8ff,#fff 320px);border:2px solid var(--mag-line);border-radius:26px;box-shadow:0 18px 50px -26px #0b2c4566;padding:1.25rem;margin:0 0 1.5rem}.mag svg{width:1em;height:1em}.mag h2,.mag h3{color:var(--mag-ink)}.mag-noscript{font-weight:700;padding:1rem}.mag-page .mag-tone-blue{--t: var(--mag-blue);--ts: var(--mag-blue-soft)}.mag-page .mag-tone-green{--t: var(--mag-green);--ts: var(--mag-green-soft)}.mag-page .mag-tone-amber{--t: var(--mag-amber);--ts: var(--mag-amber-soft)}.mag-page .mag-tone-purple{--t: var(--mag-purple);--ts: var(--mag-purple-soft)}.mag-page .mag-tone-gold{--t: var(--mag-gold);--ts: var(--mag-gold-soft)}.mag-hud{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;padding:.9rem 1.1rem;background:#fff;border:2px solid var(--mag-line);border-radius:18px;margin-bottom:1.25rem}.mag-hud-star{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#fde68a,#f59e0b 70%);color:#fff;box-shadow:inset 0 -3px #92400e59,0 6px 14px -8px #92400ecc}.mag-hud-star svg{width:30px;height:30px;filter:drop-shadow(0 1px 0 rgba(146,64,14,.5))}.mag-hud-label{display:block;font-size:.85rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--mag-ink-soft)}.mag-hud-num{display:block;font-size:2rem;font-weight:800;line-height:1.05;color:var(--mag-ink);font-variant-numeric:tabular-nums}.mag-hud-prog{flex:1 1 220px}.mag-bar{height:14px;background:var(--mag-blue-soft);border-radius:8px;overflow:hidden;margin-top:6px}.mag-bar-fill{height:100%;width:0;background:linear-gradient(90deg,#2563eb,#38bdf8);border-radius:8px;transition:width .5s ease}.mag-hud-badges{display:flex;gap:6px;list-style:none;margin:0;padding:0}.mag-hud-badge{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:1.3rem;background:#f1f5f9;color:#94a3b8;border:2px dashed #cbd5e1}.mag-hud-badge.is-got{background:var(--ts);color:var(--t);border:2px solid var(--t);animation:mag-pop .4s ease}.mag-view{animation:mag-in .35s ease both;position:relative}.mag .mag-title{font-size:1.75rem;line-height:1.25;margin:0 0 .5rem}.mag .mag-title:focus,.mag .mag-q:focus{outline:none}.mag .mag-title:focus-visible,.mag .mag-q:focus-visible{outline:3px dashed var(--mag-blue);outline-offset:4px}.mag-lead{font-size:1.15rem;color:var(--mag-ink-soft);margin:0 0 1rem}.mag-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.25rem}.mag-btn{font:inherit;font-weight:800;font-size:1.15rem;min-height:60px;padding:.75rem 1.5rem;border-radius:999px;cursor:pointer;border:2px solid transparent;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.mag-btn-primary{background:var(--mag-coral);color:#fff;box-shadow:0 5px 0 var(--mag-coral-dark)}.mag-btn-primary:hover{background:#bb2d36;transform:translateY(-1px)}.mag-btn-primary:active{transform:translateY(3px);box-shadow:0 2px 0 var(--mag-coral-dark)}.mag-btn-ghost{background:#fff;color:var(--mag-blue);border-color:var(--mag-line)}.mag-btn-ghost:hover{border-color:var(--mag-blue);background:var(--mag-blue-soft)}.mag-btn-ghost:active{transform:translateY(2px)}.mag-leave{margin-top:1.25rem;border-top:1px solid #e2e8f0;padding-top:.5rem}.mag-btn-link{min-height:48px;padding:.5rem 0;background:none;color:var(--mag-blue);text-decoration:underline;font-size:1.05rem;font-weight:700;border-radius:6px}.mag-view--map{border-radius:20px;padding:1.25rem 1rem 1.5rem;overflow:hidden;background:linear-gradient(180deg,#e3f2fe,#f1f9ff 140px,#e9f7e4 300px,#dcf1d2)}.mag .mag-scene{position:absolute;left:0;top:64px;width:100%;height:190px;pointer-events:none}.mag-map-head,.mag-trail,.mag-view--map .mag-actions{position:relative}.mag-map-head .mag-title{font-size:clamp(1.7rem,3.4vw,2.2rem)}.mag-trail{list-style:none;margin:1.5rem 0 0;padding:0;display:grid;gap:1.4rem}.mag-trail:before{content:"";position:absolute;left:52px;top:30px;bottom:30px;border-left:6px dashed #c8a56a}.mag-stop{position:relative}.mag-stop-btn{position:relative;width:100%;height:100%;display:grid;grid-template-columns:76px 1fr;column-gap:1rem;align-items:center;align-content:center;text-align:left;font:inherit;color:inherit;cursor:pointer;background:#fff;border:2px solid var(--mag-line);border-radius:20px;padding:1.2rem 1rem 1rem;box-shadow:var(--mag-shadow);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.mag-stop-art{grid-row:1 / span 6;position:relative;width:76px;height:76px}.mag-stop-art>svg{width:100%;height:100%}.mag-stop-num,.mag-stop-title,.mag-stop-preview,.mag-stop-status,.mag-stop-cta{grid-column:2}.mag-node{position:absolute;top:-16px;left:-10px;z-index:1;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:1.1rem;background:#fff;color:var(--mag-ink);border:3px solid var(--mag-line)}.mag-node svg{width:18px;height:18px}.mag-stop-num{font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:#5b6b7d}.mag-stop-title{font-size:1.25rem;font-weight:800;line-height:1.2;color:var(--mag-ink)}.mag-stop-preview{font-size:1rem;line-height:1.4;color:var(--mag-ink-soft);margin-top:.15rem}.mag-stop-status{font-size:.95rem;font-weight:700;color:var(--t);margin-top:.3rem}.mag-stop-cta{justify-self:start;display:inline-flex;align-items:center;gap:.35rem;margin-top:.6rem;padding:.5rem 1.1rem;border-radius:999px;font-size:1rem;font-weight:800;background:var(--mag-coral);color:#fff;box-shadow:0 3px 0 var(--mag-coral-dark)}.mag-stop-lock{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#475569;border:3px solid #94a3b8}.mag-stop-lock svg{width:18px;height:18px}.mag-stop:not(.is-locked) .mag-stop-btn:hover{transform:translateY(-4px);border-color:var(--t);box-shadow:0 22px 36px -22px #0b2c45a6}.mag-stop:not(.is-locked) .mag-stop-btn:active{transform:translateY(1px);box-shadow:0 8px 16px -14px #0b2c4599}.mag-stop.is-next .mag-stop-btn{border-color:var(--mag-blue);box-shadow:0 0 0 4px #2563eb29,0 22px 36px -22px #0b2c4599}.mag-stop.is-next .mag-node{background:var(--mag-blue);color:#fff;border-color:#fff;animation:mag-pulse 2.2s ease-in-out infinite}.mag-stop.is-done .mag-node{background:var(--mag-green);color:#fff;border-color:#fff}.mag-stop.is-done .mag-stop-cta{background:#fff;color:var(--mag-green);border:2px solid var(--mag-green);box-shadow:none}.mag-stop.is-progress .mag-stop-btn{border-color:#d97706}.mag-stop.is-progress .mag-node{background:#d97706;color:#fff;border-color:#fff}.mag-stop.is-progress .mag-stop-status{color:var(--mag-amber)}.mag-stop.is-progress .mag-stop-cta{background:#b45309;box-shadow:0 3px #7c2d12}.mag-stop.is-locked .mag-stop-btn{background:#f6f8fb;border-style:dashed;cursor:not-allowed;box-shadow:none}.mag-stop.is-locked .mag-stop-art>svg{filter:grayscale(1);opacity:.4}.mag-stop.is-locked .mag-stop-title,.mag-stop.is-locked .mag-stop-status{color:#475569}@media(min-width:980px){.mag-trail{grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;align-items:stretch;padding-top:.5rem}.mag-trail:before{inset:48% 3% auto;border-left:0;border-top:6px dashed #c8a56a}.mag-stop:nth-child(2n){margin-top:2.25rem}.mag-stop:nth-child(odd){margin-bottom:2.25rem}.mag-stop-btn{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;padding:1.7rem .75rem 1rem}.mag-stop-art{width:84px;height:84px;margin-bottom:.45rem}.mag-node{left:50%;top:-19px;margin-left:-19px}.mag-stop-title{font-size:1.15rem}.mag-stop-preview{font-size:.95rem}.mag-stop-status{font-size:.9rem}.mag-stop-cta{margin-top:auto;justify-self:auto;font-size:.98rem}.mag-stop-status{margin-bottom:.7rem}}.mag-banner{display:flex;align-items:center;gap:1rem;padding:1.1rem 1.25rem;border-radius:20px;background:var(--ts);border:2px solid var(--t);margin-bottom:1rem}.mag-banner-icon{flex:none;width:84px;height:84px;border-radius:22px;display:grid;place-items:center;background:#fff;box-shadow:0 8px 18px -12px #0b2c4599;transform:rotate(-4deg);padding:8px}.mag-banner-icon svg{width:100%;height:100%}.mag-banner .mag-title{margin:0}.mag-lesson{background:#fff;border:2px solid var(--mag-line);border-radius:18px;padding:1rem 1.25rem}.mag-lesson h3{margin:0 0 .35rem;font-size:1.15rem}.mag-lesson p{margin:0 0 .5rem}.mag-meta{font-size:1rem;font-weight:700;color:var(--mag-ink-soft)}.mag-resume-note{margin:1rem 0 0;padding:.75rem 1rem;border-radius:14px;background:var(--mag-amber-soft);color:var(--mag-amber);font-weight:700;font-size:1.05rem}.mag-qhead{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem}.mag-chip{display:inline-flex;align-items:center;gap:.45rem;font-size:1rem;font-weight:800;padding:.35rem .8rem;border-radius:999px;background:var(--ts);color:var(--t)}.mag-qcount{font-size:1rem;font-weight:700;color:var(--mag-ink-soft)}.mag-dots{display:flex;gap:8px;margin:.25rem 0 1rem}.mag-dots span{width:16px;height:16px;border-radius:50%;background:#e2e8f0;border:2px solid #cbd5e1}.mag-dots .is-now{background:#fff;border-color:var(--mag-blue);box-shadow:0 0 0 3px var(--mag-blue-soft)}.mag-dots .is-right{background:var(--mag-green);border-color:var(--mag-green)}.mag-dots .is-wrong{background:#fff;border-color:var(--mag-red)}.mag-prompt{margin:0 0 .25rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;font-size:.95rem;color:var(--mag-ink-soft)}.mag .mag-q{font-size:1.45rem;line-height:1.35;margin:0 0 1rem}.mag-opts{display:grid;gap:.75rem}.mag-opt{display:flex;align-items:center;gap:.9rem;width:100%;min-height:64px;text-align:left;font:inherit;font-size:1.15rem;font-weight:600;color:var(--mag-ink);background:#fff;border:2px solid var(--mag-line);border-radius:16px;padding:.8rem 1rem;cursor:pointer;transition:transform .12s ease,border-color .12s ease,background .12s ease}.mag-opt:not([disabled]):hover{border-color:var(--mag-blue);background:var(--mag-blue-soft);transform:translate(3px)}.mag-opt:not([disabled]):active{transform:translate(1px) scale(.995)}.mag-opt[disabled]{cursor:default}.mag-opt-key{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-weight:800;background:var(--mag-blue-soft);color:var(--mag-blue)}.mag-opt.is-right{border-color:var(--mag-green);background:var(--mag-green-soft);animation:mag-pop .35s ease}.mag-opt.is-right .mag-opt-key{background:var(--mag-green);color:#fff}.mag-opt.is-wrong{border-color:var(--mag-red);background:var(--mag-red-soft);animation:mag-shake .35s ease}.mag-opt.is-wrong .mag-opt-key{background:var(--mag-red);color:#fff}.mag-opt.is-dim{color:#475569}.mag-board{background:#fff;border:2px dashed var(--mag-line);border-radius:16px;padding:.75rem 1rem;margin-bottom:1rem}.mag-board-title{margin:0 0 .5rem;font-size:.9rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--mag-ink-soft)}.mag-board ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.5rem}.mag-board li{display:flex;flex-direction:column;padding:.5rem .75rem;border-radius:12px;background:#f1f5f9;font-size:1rem}.mag-board li span{color:#64748b}.mag-board li.is-matched{background:var(--mag-green-soft);animation:mag-pop .4s ease}.mag-board li.is-matched span{color:var(--mag-green);font-weight:700}.mag-fb{margin-top:1.1rem;border-radius:16px;padding:1rem 1.25rem;border:2px solid;animation:mag-in .3s ease both}.mag-fb.is-right{background:var(--mag-green-soft);border-color:var(--mag-green)}.mag-fb.is-wrong{background:#fff7ed;border-color:#c2410c}.mag-fb p{margin:0 0 .5rem}.mag-fb-title{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:800}.mag-fb.is-right .mag-fb-title{color:var(--mag-green)}.mag-fb.is-wrong .mag-fb-title{color:#9a3412}.mag-cal{margin:.75rem 0 0}.mag-cal-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.mag-cal-m{text-align:center;font-weight:700;font-size:1rem;padding:.45rem 0;border-radius:10px;background:#fff;color:#64748b;border:2px solid #e2e8f0}.mag-cal-m.is-on{background:var(--mag-amber-soft);color:var(--mag-amber);border-color:#d97706}.mag-cal-m.is-key{background:var(--mag-amber);color:#fff;border-color:var(--mag-amber)}.mag-cal figcaption{margin-top:.4rem;font-weight:700;font-size:1rem;color:var(--mag-ink-soft)}@media(min-width:640px){.mag-cal-grid{grid-template-columns:repeat(12,1fr)}}.mag-done,.mag-final{text-align:center;overflow:hidden;border-radius:20px;padding:.5rem .25rem}.mag-done .mag-actions,.mag-final .mag-actions{justify-content:center}.mag-medal{position:relative;width:128px;height:128px;margin:.75rem auto 1rem;border-radius:50%;display:grid;place-items:center;padding:18px;background:radial-gradient(circle at 35% 30%,#fff,var(--ts) 70%);border:5px solid var(--t);box-shadow:0 0 0 8px var(--ts),0 16px 30px -16px #0b2c45b3;animation:mag-medal .6s cubic-bezier(.2,1.4,.4,1) both}.mag-medal>svg{width:100%;height:100%}.mag-medal-star{position:absolute;top:-8px;right:-8px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:1.6rem;background:#facc15;color:#78350f;border:3px solid #fff;animation:mag-pop .5s .4s ease both}.mag-unlock{display:inline-flex;align-items:center;gap:.5rem;font-weight:700;color:var(--mag-green);background:var(--mag-green-soft);padding:.5rem 1rem;border-radius:999px}.mag-keep{text-align:left;background:#fff;border:2px solid var(--mag-line);border-radius:16px;padding:.9rem 1.25rem;margin-top:1rem}.mag-keep h3{margin:0 0 .35rem;font-size:1.1rem}.mag-keep ul{margin:0;padding-left:1.2rem}.mag a{color:var(--mag-blue);font-weight:700}.mag-confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden}.mag-confetti i{position:absolute;top:-16px;left:var(--x);width:10px;height:16px;border-radius:3px;background:var(--c);opacity:0;transform:rotate(var(--r));animation:mag-fall 2.2s ease-in var(--d) forwards}.mag-final .mag-medal{width:140px;height:140px}.mag-final-score{font-size:1.35rem;margin:0}.mag-final-score strong{font-size:3.2rem;color:var(--mag-ink);font-variant-numeric:tabular-nums}.mag-rank{font-size:1.2rem;margin:.25rem 0 .5rem}.mag-final h3{text-align:left;margin:1.5rem 0 .6rem;font-size:1.3rem}.mag-achieve{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;text-align:center}.mag-achieve li{position:relative;background:#fff;border:2px solid var(--t);border-radius:18px;padding:.9rem .6rem .8rem}.mag-achieve-art{display:block;width:64px;height:64px;margin:0 auto .35rem}.mag-achieve-art svg{width:100%;height:100%}.mag-achieve strong{display:block;font-size:1.05rem;color:var(--t)}.mag-achieve span.mag-achieve-score{display:block;font-size:.95rem;color:var(--mag-ink-soft)}.mag-achieve-star{position:absolute;top:8px;right:8px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:1.05rem;background:#facc15;color:#78350f}.mag-missed{text-align:left;list-style:none;margin:0;padding:0;display:grid;gap:.75rem}.mag-missed li{background:#fff7ed;border:2px solid #fdba74;border-radius:16px;padding:.9rem 1.1rem}.mag-missed p{margin:0 0 .35rem;font-size:1.05rem}.mag-missed .mag-chip{font-size:.9rem;margin-bottom:.4rem}.mag-missed-q{font-weight:700}.mag-perfect{text-align:left;font-weight:700;color:var(--mag-green);background:var(--mag-green-soft);border-radius:14px;padding:.8rem 1rem}.mag-review{text-align:left;background:#fff;border:2px solid var(--mag-line);border-left:8px solid var(--t);border-radius:14px;margin-bottom:.6rem}.mag-review summary{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem;padding:.9rem 1rem;min-height:56px;font-weight:800}.mag-review summary span:first-child{display:inline-flex;align-items:center;gap:.5rem;color:var(--t)}.mag-review ol{margin:0;padding:0 1rem .5rem 2.2rem}.mag-review li{padding:.6rem 0;border-top:1px solid #e2e8f0}.mag-review li p{margin:0 0 .3rem;font-size:1.05rem}.mag-review-q{display:flex;gap:.5rem;font-weight:700}.mag-review li.is-right .mag-review-q svg{color:var(--mag-green);margin-top:.3em}.mag-review li.is-wrong .mag-review-q svg{color:var(--mag-red);margin-top:.3em}.mag-review-you{color:var(--mag-ink-soft)}.mag-review-more{padding:0 1rem .9rem;margin:0;font-size:1rem}.mag-note{font-size:1rem;color:var(--mag-ink-soft);margin-top:1rem}.mag-trio{list-style:none;margin:0 0 2rem;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.mag-trio li{display:flex;gap:.9rem;align-items:flex-start;background:#fff;border:1px solid var(--mag-line);border-radius:18px;padding:1.1rem 1.2rem;box-shadow:var(--mag-shadow)}.mag-trio__icon{flex:none;width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:#f1f7ff}.mag-trio__icon svg{width:38px;height:38px}.mag-page .mag-trio h3{margin:0 0 .2rem;font-size:1.15rem;color:var(--mag-blue)}.mag-trio p{margin:0;color:var(--mag-ink-soft);font-size:1rem;line-height:1.5}.mag-howto{display:grid;grid-template-columns:1.4fr 1fr;gap:2rem;align-items:center;margin:0 0 2rem}.mag-steps{list-style:none;margin:0;padding:0;display:grid;gap:.75rem}.mag-steps li{display:flex;gap:.9rem;align-items:flex-start}.mag-steps__n{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:1.15rem;color:#fff;background:var(--mag-blue);box-shadow:0 0 0 4px var(--mag-blue-soft)}.mag-steps p{margin:.35rem 0 0;font-size:1.08rem;line-height:1.5;color:var(--mag-ink-soft)}.mag-steps strong{color:var(--mag-ink)}.mag-howto__art{width:100%;max-width:380px;height:auto;justify-self:center}.mag-learn{margin:0 0 2rem}.mag-learn__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.85rem;align-items:start}.mag-learn-card{background:#fff;border:1px solid var(--mag-line);border-radius:18px;box-shadow:var(--mag-shadow)}.mag-learn-card summary{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"n plus" "head head";row-gap:.6rem;align-items:center;padding:1rem;min-height:64px;border-radius:18px}.mag-learn-card__n{grid-area:n}.mag-learn-card .mag-plus{grid-area:plus;justify-self:end}.mag-learn-card__head{grid-area:head}.mag-learn-card summary:hover{background:#f6faff}.mag-learn-card__n{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:800;color:#fff;background:var(--mag-blue)}.mag-learn-card__head{display:flex;flex-direction:column;gap:.15rem}.mag-learn-card__head strong{color:var(--mag-blue);font-size:1.05rem;line-height:1.25}.mag-learn-card__head span{color:var(--mag-ink-soft);font-size:.95rem;line-height:1.4}.mag-learn-card .mag-plus{width:26px;height:26px}.mag-learn-card__body{padding:0 1rem 1rem;border-top:1px solid #eef2f7}.mag-learn-card__body p{margin:.75rem 0 0;font-size:1rem;line-height:1.5;color:var(--mag-ink-soft)}.mag-learn-card__more{font-weight:800;color:var(--mag-ink)!important}.mag-learn-card__body ul{margin:.3rem 0 0;padding-left:1.1rem}.mag-learn-card__body li{margin:.25rem 0;font-size:1rem}.mag-learn-card__body a{font-weight:700}.mag-two{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin:0 0 2rem;align-items:start}.mag-term,.mag-faq__item{background:#fff;border:1px solid var(--mag-line);border-radius:14px;margin-bottom:.6rem;box-shadow:0 6px 16px -14px #0b2c4599}.mag-term summary,.mag-faq__item summary{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;min-height:56px;font-weight:800;font-size:1.08rem;color:var(--mag-ink);border-radius:14px}.mag-term summary:hover,.mag-faq__item summary:hover{background:#f6faff}.mag-term dfn{font-style:normal}.mag-term__tick{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--mag-blue);color:#fff}.mag-term__tick svg{width:16px;height:16px}.mag-term>p,.mag-faq__a{margin:0;padding:0 1rem 1rem 3.4rem;color:var(--mag-ink-soft);font-size:1.05rem;line-height:1.55}.mag-faq__a{padding-left:1rem}.mag-faq__a p{margin:0}.mag-words__note{font-size:.98rem;color:var(--mag-ink-soft);margin:.75rem 0 0}.mag-page .sources{background:#fff;border:1px solid var(--mag-line);border-radius:18px;padding:1.1rem 1.35rem;margin:0;box-shadow:var(--mag-shadow)}.mag-page .sources h2{font-size:1.5rem;margin:0 0 .6rem;color:var(--mag-ink)}.mag-page .sources ul{margin:0;padding-left:1.2rem}.mag-page .sources li{margin:.3rem 0;font-size:1rem;color:var(--mag-ink-soft)}.mag-page .mag-tools{margin:0}.mag-page .mag-tools li{padding:0;border:0;background:none;box-shadow:none;border-radius:16px}.mag-page .mag-tools li:before{content:none}.mag-page .mag-tools li:hover{transform:none;box-shadow:none}.mag-page .mag-tools li a,.mag-page .mag-tools li:hover a{display:flex;color:var(--mag-ink)!important;font-weight:400}.mag-tools ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.mag-tools a{display:flex;align-items:center;gap:.8rem;height:100%;padding:1rem;background:#fff;border:1px solid var(--mag-line);border-radius:16px;text-decoration:none;box-shadow:var(--mag-shadow);transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.mag-tools a:hover{transform:translateY(-3px);border-color:var(--mag-blue);box-shadow:0 20px 34px -22px #0b2c4599}.mag-tools a:active{transform:translateY(0)}.mag-tools__icon{flex:none;width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:var(--mag-blue-soft);color:var(--mag-blue)}.mag-tools__icon svg{width:26px;height:26px}.mag-tools__text{display:flex;flex-direction:column;gap:.15rem}.mag-tools__text strong{color:var(--mag-ink);font-size:1.02rem;line-height:1.25}.mag-tools__text span{color:var(--mag-ink-soft);font-size:.93rem;line-height:1.4}.mag-tools__go{margin-left:auto;font-size:1.6rem;font-weight:800;color:var(--mag-coral)}.mag-cta{display:flex;align-items:center;gap:1.5rem;background:linear-gradient(135deg,#0b2c45,#12406a);color:#fff;border-radius:24px;padding:1.5rem 1.75rem;margin:0 0 1.5rem}.mag-cta__photo{flex:none;width:96px;height:96px;border-radius:50%;object-fit:cover;border:4px solid #fff;background:#fff}.mag-cta .page-cta{flex:1;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1.5rem;margin:0;padding:0;background:none;border:0}.mag-cta .page-cta h2{flex:1 1 100%;margin:0;color:#fff;font-size:1.6rem}.mag-cta .page-cta>p:not(.page-cta-actions){flex:1 1 280px;margin:0;color:#dbeafe;font-size:1.05rem}.mag-cta .page-cta-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin:0}.mag-cta .page-cta-actions .button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:.7rem 1.4rem;border-radius:12px;font-weight:800;font-size:1.05rem;text-decoration:none}.mag-cta .page-cta-actions .button:first-child{background:var(--mag-coral);color:#fff;border:2px solid var(--mag-coral)}.mag-cta .page-cta-actions .button:first-child:hover{background:#bb2d36}.mag-cta .page-cta-actions .button+.button{background:transparent;color:#fff;border:2px solid #fff}.mag-cta .page-cta-actions .button+.button:hover{background:#ffffff1f}@media(max-width:1080px){.mag-learn__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.mag-hero{grid-template-columns:1fr;padding:1.5rem}.mag-hero__art{max-width:520px;justify-self:center}.mag-trio,.mag-howto{grid-template-columns:1fr}.mag-howto__art{max-width:320px}.mag-two{grid-template-columns:1fr}.mag-cta{flex-direction:column;text-align:center}.mag-cta .page-cta,.mag-cta .page-cta-actions{justify-content:center}}@media(max-width:600px){.mag-learn__grid,.mag-tools ul{grid-template-columns:1fr}}@media(max-width:520px){.mag-hero{padding:1.15rem;border-radius:20px}.mag{padding:.85rem;border-radius:18px}.mag .mag-title{font-size:1.45rem}.mag .mag-q{font-size:1.25rem}.mag-btn{width:100%}.mag-banner-icon{width:64px;height:64px}.mag-hud-star{width:46px;height:46px}.mag-view--map{padding:1rem .6rem 1.25rem}.mag .mag-scene{display:none}.mag-stop-btn{grid-template-columns:64px 1fr;padding:1.2rem .85rem .9rem}.mag-stop-art{width:64px;height:64px}.mag-trail:before{left:44px}.mag-cta .page-cta-actions .button{width:100%}}@keyframes mag-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes mag-pop{0%{transform:scale(.96)}60%{transform:scale(1.03)}to{transform:scale(1)}}@keyframes mag-shake{0%,to{transform:translate(0)}30%{transform:translate(-5px)}60%{transform:translate(5px)}}@keyframes mag-pulse{0%,to{box-shadow:0 0 #2563eb73}50%{box-shadow:0 0 0 10px #2563eb00}}@keyframes mag-medal{0%{opacity:0;transform:scale(.4) rotate(-20deg)}to{opacity:1;transform:none}}@keyframes mag-fall{0%{opacity:1;transform:translateY(0) rotate(var(--r))}to{opacity:0;transform:translateY(420px) rotate(calc(var(--r) + 540deg))}}@media(prefers-reduced-motion:reduce){.mag-page *,.mag-page *:before,.mag-page *:after{animation:none!important;transition:none!important}.mag-confetti{display:none}}