.learn{background:radial-gradient(ellipse at 90% 0,#183b4c55,transparent 40%),var(--bg);overflow:clip}.learn [hidden]{display:none!important}.learn-hook{isolation:isolate;min-height:calc(100svh - 76px);padding-block:var(--s12) var(--s16);align-items:flex-end;display:flex;position:relative;overflow:hidden}.learn-hook__map{z-index:-2;background:#2a2420;position:absolute;inset:0}.learn-hook__map img{aspect-ratio:1;filter:saturate(1.1)brightness();width:max(120vw,1280px);max-width:none;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(1.05)}.learn-hook:after{z-index:-1;content:"";background:linear-gradient(0deg,var(--bg) 2%,#07111fe0 30%,#07111f40 62%,#07111f66),linear-gradient(90deg,#07111fb3,transparent 65%);position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){.learn-hook__map img{animation:48s ease-in-out infinite alternate learn-pan}@keyframes learn-pan{0%{transform:translate(-56%,-54%)scale(1.12)}to{transform:translate(-44%,-47%)scale(1.12)}}}.learn-hook__body{gap:var(--s4);justify-items:start;display:grid}.learn-hook h1{text-shadow:0 6px 40px #000;max-width:12ch;margin:0}.learn-hook .lede{max-width:36ch;color:var(--ivory);text-shadow:0 2px 18px #000;margin:0}.learn-welcome{border:1px solid var(--gold);color:var(--gold-bright);background:#07111fcc;border-radius:999px;margin:0;padding:.25rem .8rem;font-weight:700}.learn-devices{margin-top:var(--s2);flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.learn-devices__label{width:100%;color:var(--muted);font-size:var(--text-sm);letter-spacing:.1em;text-transform:uppercase}.learn-device{min-width:5.2rem;min-height:44px;color:var(--ivory);cursor:pointer;transition:background var(--motion-fast),color var(--motion-fast),transform var(--motion-fast);background:#07111fd0;border:1px solid #d3ae6988;border-radius:999px;padding:.4rem 1rem;font-weight:600}.learn-device:hover{border-color:var(--gold);transform:translateY(-1px)}.learn-device[aria-pressed=true]{border-color:var(--gold-bright);background:var(--gold);color:var(--navy-950)}.learn-devices--small{margin-block:var(--s4)}@media (width<=26rem){.learn-device{min-width:0;padding-inline:.85rem}.learn-devices{gap:.4rem}}.learn-devices--small .learn-device{min-width:4.2rem;padding-inline:.8rem}.learn-hook__actions{align-items:center;gap:var(--s6);margin-top:var(--s4);flex-wrap:wrap;display:flex}.learn-begin{animation:2.4s ease-in-out infinite learn-pulse}@keyframes learn-pulse{50%{box-shadow:0 0 0 10px #d3ae6922,0 0 40px #d3ae6955}}.learn-progress{color:var(--muted);font-size:var(--text-sm);align-items:center;gap:.6rem;margin:0;display:flex}.learn-pips{gap:6px;display:flex}.learn-pips i{border:1px solid var(--gold);width:12px;height:12px;transition:background var(--motion-image);border-radius:50%}.learn-pips i.is-on{background:var(--gold);box-shadow:0 0 12px #d3ae69aa}.learn-chambers{margin:0;padding:0;list-style:none}.chamber{min-height:calc(100svh - 76px);padding-block:var(--s12);border-top:1px solid #d3ae6926;align-items:center;scroll-margin-top:76px;display:flex;position:relative}.chamber:before{z-index:0;content:attr(data-chamber);font:700 clamp(12rem,32vw,30rem)/1 var(--font-display);color:#d3ae690d;pointer-events:none;position:absolute;top:50%;right:2%;transform:translateY(-50%)}.chamber__grid{z-index:1;gap:var(--s8);grid-template-columns:minmax(0,1fr);align-items:center;transition:opacity .5s,filter .5s;display:grid;position:relative}@media (width>=56rem){.chamber__grid{gap:var(--s16);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.chamber__grid--wide{gap:var(--s8);grid-template-columns:minmax(0,1fr)}.chamber__grid--wide .chamber__text{column-gap:var(--s12);grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);grid-auto-flow:dense;align-items:end;display:grid}.chamber__grid--wide .chamber__text>*{grid-column:1}.chamber__grid--wide .chamber__text>:is(.learn-devices,[data-goal],[data-win]){grid-column:2}.chamber__grid--wide .chamber__text h2{max-width:none}}.chamber__text h2{max-width:14ch;font-size:clamp(2rem,4.6vw,3.6rem)}.chamber__text p{max-width:42ch;color:var(--muted)}.chamber__kicker{margin-bottom:var(--s2);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:.7rem;font-size:.8rem;font-weight:700;display:flex;color:var(--gold)!important}.chamber__goal{padding-left:var(--s4);border-left:3px solid var(--gold);font-size:1.15rem;font-weight:600;color:var(--gold-bright)!important}.chamber__win{font-weight:700;color:var(--cyan)!important}.chamber[data-state=locked] .chamber__grid{opacity:.22;filter:grayscale(.7);pointer-events:none;user-select:none}.chamber__lock{z-index:2;left:50%;bottom:var(--s8);width:max-content;max-width:90%;color:var(--muted);font-size:var(--text-sm);text-align:center;background:#07111fe6;border:1px dashed #d3ae6988;border-radius:999px;margin:0;padding:.5rem 1rem;display:none;position:absolute;transform:translate(-50%)}.chamber[data-state=locked] .chamber__lock{display:block}.chamber[data-state=demo] .lw__status{color:var(--cyan)}.chamber[data-state=demo] .board,.chamber[data-state=demo] .mm{pointer-events:none}.tick{width:1.7rem;height:1.7rem;transition:background var(--motion-image),border-color var(--motion-image),box-shadow var(--motion-image);border:2px solid #d3ae6966;border-radius:50%;display:inline-block;position:relative}.tick:after{border:solid var(--navy-950);content:"";opacity:0;width:28%;height:52%;transition:opacity var(--motion-image),transform var(--motion-image);border-width:0 3px 3px 0;position:absolute;top:14%;left:34%;transform:rotate(45deg)scale(.4)}[data-done=true] .tick{background:var(--gold);border-color:var(--gold-bright);box-shadow:0 0 22px #d3ae69aa}[data-done=true] .tick:after{opacity:1;transform:rotate(45deg)scale(1)}.lw{gap:var(--s3);min-width:0;padding:var(--s4);border-radius:var(--radius-media);background:linear-gradient(160deg,#101e31dd,#07111fe6);border:1px solid #d3ae6944;grid-template-columns:minmax(0,1fr);justify-items:center;display:grid;position:relative;box-shadow:0 24px 72px #0006}.lw__status{min-height:1.7em;color:var(--gold-bright);text-align:center;margin:0;font-weight:600}.lw__note{color:var(--cyan);font-size:var(--text-sm);text-align:center;margin:0}.lw__garrison{color:var(--muted);font-size:var(--text-sm);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:.5rem;margin:0;display:flex}.lw__garrison img{width:40px;height:40px}.lw__bar{gap:var(--s3);flex-wrap:wrap;justify-content:center;display:flex}.lw__again{min-height:40px;padding:.3rem .9rem;font-size:.9rem}.board{aspect-ratio:1;background:linear-gradient(145deg,#f6e2ae,#9b7634 30%,#e2bf78 52%,#7a5a26 78%,#d9b46d);border-radius:10px;grid-template-rows:repeat(8,minmax(0,1fr));grid-template-columns:repeat(8,minmax(0,1fr));width:100%;max-width:460px;padding:7px;transition:box-shadow .6s;display:grid;position:relative;box-shadow:0 0 0 1px #000c,inset 0 0 0 1px #fff6,0 22px 60px #000b}.chamber[data-state=turn] .board{box-shadow:0 0 0 1px #000c,inset 0 0 0 1px #fff6,0 22px 60px #000b,0 0 70px #d3ae6955}.sq{cursor:pointer;background:linear-gradient(135deg,#d9c8a4,#bba57c);border:0;border-radius:0;place-items:center;min-width:0;min-height:0;padding:0;display:grid;position:relative;overflow:hidden}.sq.d{background:linear-gradient(135deg,#4b3a5e,#32273f)}.sq img{object-fit:contain;pointer-events:none;filter:drop-shadow(0 3px 2px #000a);width:92%;height:92%}.sq.is-last:before{content:"";background:#8bdce84d;position:absolute;inset:0;box-shadow:inset 0 0 0 2px #8bdce899}.sq.is-sel{outline:3px solid var(--gold-bright);outline-offset:-3px;z-index:2}.sq.is-dot:after{background:var(--gold-bright);content:"";opacity:.9;border-radius:50%;width:30%;height:30%;position:absolute;box-shadow:0 0 10px #f0d6a1aa}.sq.is-cap:after{border:4px solid var(--danger);content:"";border-radius:50%;position:absolute;inset:6%}.sq.is-wrap{box-shadow:inset 0 0 0 3px var(--cyan),inset 0 0 18px var(--cyan)}.sq.is-hint{z-index:3;outline:3px solid var(--gold-bright);outline-offset:-3px;box-shadow:inset 0 0 0 6px #07111f99,inset 0 0 26px #f0d6a1}@media (prefers-reduced-motion:no-preference){.sq.is-hint{animation:1.1s ease-in-out infinite learn-hint}@keyframes learn-hint{50%{box-shadow:inset 0 0 0 3px #07111f66,inset 0 0 8px #f0d6a166}}}.sq:focus-visible{outline:var(--focus-ring);outline-offset:-3px;z-index:4}.board--fold:before,.board--fold:after{z-index:5;content:"";pointer-events:none;width:9%;height:calc(25% - 3.5px);position:absolute;top:calc(37.5% + 1.75px)}.board--fold:before{border-left:3px solid var(--cyan);background:linear-gradient(90deg,#8bdce8cc,#0000);left:0}.board--fold:after{border-right:3px solid var(--cyan);background:linear-gradient(-90deg,#8bdce8cc,#0000);right:0}.mm{aspect-ratio:1;border:3px solid var(--gold);cursor:pointer;touch-action:manipulation;background:#2a2420;border-radius:6px;width:100%;max-width:520px;position:relative;overflow:hidden;box-shadow:0 12px 40px #0008}.mm:focus-visible{outline:var(--focus-ring);outline-offset:3px}.mm__img{aspect-ratio:1;pointer-events:none;width:200%;max-width:none;height:auto;position:absolute;top:-60%;left:-45%}.mm__svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.mm__route{stroke:var(--gold-bright);stroke-width:.3px;stroke-dasharray:.55 .45;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 .15px #000)}.mm__end{fill:var(--gold-bright);stroke:var(--navy-950);stroke-width:.1px}.mm__hero{fill:var(--navy-900);stroke:var(--gold-bright);stroke-width:.16px}.mm__plate{z-index:3;border:2px solid var(--gold);background:var(--navy-950);color:var(--gold-bright);border-radius:6px;position:absolute}.mm__days{font:700 1rem/1.3 var(--font-display);letter-spacing:.05em;white-space:nowrap;background:var(--gold);color:var(--navy-950);border-color:var(--gold-bright);padding:.2rem .7rem;transform:translate(-50%,-165%);box-shadow:0 4px 18px #000a}.mm__hs{cursor:default;gap:.25rem;padding:.7rem .9rem;display:grid;inset:auto .6rem .6rem}.mm__hs strong{font:700 .95rem/1.2 var(--font-display);letter-spacing:.1em}.mm__hs span{color:var(--ivory);font-size:.9rem}.mm__hs small{color:var(--muted);font-size:.75rem;line-height:1.35}.mm__hs .btn{min-height:44px;margin-top:.3rem}.ceremony{z-index:6;left:var(--s4);right:var(--s4);align-items:center;gap:var(--s4);padding:var(--s4);border:2px solid var(--gold-bright);border-radius:var(--radius-media);background:#07111ff2;display:flex;position:absolute;top:50%;transform:translateY(-35%);box-shadow:0 0 60px #d3ae6966}.ceremony strong{font:700 1.2rem/1.2 var(--font-display);color:var(--gold-bright);letter-spacing:.06em;display:block}.ceremony p{color:var(--ivory);margin:.3rem 0 0;font-size:.95rem}.ceremony__banners{flex:none;width:84px;height:84px;position:relative}.ceremony__banners img{width:100%;height:100%;position:absolute;inset:0}.ceremony__banners .is-new{opacity:0}@media (prefers-reduced-motion:no-preference){.ceremony.is-in{animation:learn-stamp .5s var(--ease)}.ceremony.is-in .is-old{animation:.6s .7s forwards learn-out}.ceremony.is-in .is-new{animation:.6s .9s forwards learn-in}@keyframes learn-stamp{0%{opacity:0;transform:translateY(-35%)scale(1.35)rotate(-2deg)}}@keyframes learn-out{to{opacity:0;transform:translateY(-14px)}}@keyframes learn-in{0%{transform:translateY(14px)scale(.8)}to{opacity:1}}}@media (prefers-reduced-motion:reduce){.ceremony__banners .is-old{opacity:0}.ceremony__banners .is-new{opacity:1}}.ledger{justify-items:stretch;width:100%}.ledger__levels{gap:var(--s3);grid-template-columns:repeat(3,1fr);margin:0;padding:0;list-style:none;display:grid}.ledger__lvl{border-radius:var(--radius-media);width:100%;height:100%;color:var(--ivory);cursor:pointer;transition:border-color var(--motion-fast),background var(--motion-fast);background:#0b1626;border:1px solid #d3ae6955;justify-items:center;gap:.3rem;padding:.7rem .4rem;display:grid}.ledger__lvl[aria-pressed=true]{border-color:var(--gold-bright);background:#1a2c44;box-shadow:0 0 24px #d3ae6944}.ledger__sprite img{width:64px;height:64px}.ledger__name{color:var(--muted);font-size:.8rem}.ledger__coins{flex-wrap:wrap;place-content:center;gap:2px;max-width:96px;min-height:40px;margin-bottom:.2rem;display:flex}.ledger__coins i{background:radial-gradient(circle at 35% 30%,#fff2c4,var(--gold) 55%,#7a5a1f);border-radius:50%;width:9px;height:9px;box-shadow:0 1px #0008}.ledger__lvl strong{font:700 1.5rem/1 var(--font-display);color:var(--gold-bright)}.ledger__lvl small{font:500 .7rem var(--font-body);color:var(--muted)}.ledger__rows{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.ledger__rows li{border-left:3px solid var(--gold);background:#0b1626;grid-template-columns:8.5rem 1fr;align-items:baseline;gap:.8rem;padding:.5rem .8rem;display:grid}.ledger__rows b{color:var(--gold-bright);letter-spacing:.08em;text-transform:uppercase;font-size:.8rem}@media (width<=39.99rem){.ledger__rows li{grid-template-columns:1fr;gap:.15rem}}.ledger__rows span{color:var(--ivory);font-size:.92rem}.ledger__slider{color:var(--ivory);font-weight:600}.ledger__slider output{color:var(--gold-bright);font-size:1.4rem;font-weight:700}.ledger input[type=range]{width:100%;height:44px;accent-color:var(--gold)}.ledger__result{text-align:center;font:700 clamp(2.4rem,7vw,3.8rem)/1 var(--font-display);color:var(--gold-bright);text-shadow:0 0 30px #d3ae6966;margin:0}.friend{justify-items:stretch;width:100%}.frames{gap:var(--s6);grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;width:100%;max-width:56rem;margin-inline:auto;display:grid}:is([data-device=mac],[data-device=web]) .live{overflow:hidden}:is([data-device=mac],[data-device=web]) .live__board{width:min(46%,130px);margin:0;position:absolute;top:45%;left:50%;translate:-50% -50%}:is([data-device=mac],[data-device=web]) .live__on{position:absolute;bottom:7%;left:0;right:0}:is([data-device=mac],[data-device=web]) .live:is([data-step="4"],[data-step="5"]) :is(.live__bubble,.live__open,.live__bar){opacity:0}@media (width<=47.99rem){:is([data-device=mac],[data-device=web]) .live{gap:.35rem;padding-block:.6rem;font-size:.74rem}.frames{scroll-snap-type:x mandatory;padding-bottom:var(--s3);display:flex;overflow-x:auto}.frames>.dev{scroll-snap-align:center;flex:0 0 74%}[data-device=iphone] .frames>.dev,[data-device=android] .frames>.dev{flex-basis:52%}}.dev{justify-items:center;gap:.6rem;margin:0;display:grid}.dev figcaption{max-width:26ch;color:var(--muted);text-align:center;font-size:.9rem}.dev figcaption b{background:var(--gold);width:1.5rem;height:1.5rem;color:var(--navy-950);border-radius:50%;place-items:center;margin-right:.3rem;font-size:.8rem;display:inline-grid}.dev__chrome{background:#0b1220;border:1px solid #d3ae6966;width:100%;position:relative;overflow:hidden;box-shadow:0 16px 48px #000a}.dev__chrome>img{width:100%;height:auto;display:none}.dev:after{content:none!important}[data-device=iphone] .dev__chrome>img[data-kind=phone],[data-device=android] .dev__chrome>img[data-kind=phone],[data-device=mac] .dev__chrome>img[data-kind=mac],[data-device=web] .dev__chrome>img[data-kind=web]{display:block}[data-device=iphone] .dev,[data-device=android] .dev{max-width:230px;margin-inline:auto}[data-device=iphone] .dev__chrome,[data-device=android] .dev__chrome{border:7px solid #0b1220;border-radius:30px;outline:1px solid #d3ae6988}[data-device=iphone] .dev__chrome:before{z-index:3;content:"";background:#0b1220;border-radius:10px;width:30%;height:14px;position:absolute;top:6px;left:50%;transform:translate(-50%)}[data-device=android] .dev__chrome:before{z-index:3;content:"";background:#0b1220;border-radius:50%;width:11px;height:11px;position:absolute;top:8px;left:50%;transform:translate(-50%)}[data-device=mac] .dev__chrome,[data-device=web] .dev__chrome{border-radius:10px;padding-top:24px}[data-device=mac] .dev__chrome:before,[data-device=web] .dev__chrome:before{z-index:3;content:"";background:radial-gradient(circle at 4px 4.5px,#ff6058 4px,#0000 4.5px),radial-gradient(circle at 22px 4.5px,#ffbd2e 4px,#0000 4.5px),radial-gradient(circle at 40px 4.5px,#28c93f 4px,#0000 4.5px);width:46px;height:9px;position:absolute;top:7px;left:10px}[data-device=web] .dev__chrome:after{z-index:3;content:"play.knightsofmobius.ro";height:14px;color:var(--muted);background:#1c3047;border-radius:7px;padding-left:8px;font-size:9px;line-height:14px;position:absolute;top:5px;left:70px;right:12px}.live{color:var(--ivory);background:linear-gradient(170deg,#1c3047,#07111f);align-content:start;gap:.5rem;padding:1rem .8rem;font-size:.8rem;display:grid;position:relative}[data-device=iphone] .live,[data-device=android] .live{min-height:467.486px;padding-top:2rem}[data-device=mac] .live,[data-device=web] .live{aspect-ratio:4/3}.live>*{transition:opacity .4s,transform .4s}.live__bar{align-items:center;gap:.4rem;margin:0;font-weight:700;display:flex}.live__bubble{opacity:0;overflow-wrap:anywhere;background:#26405d;border-radius:12px 12px 12px 3px;max-width:90%;margin:0;padding:.5rem .7rem;transform:translateY(8px)}.live__bubble u{color:var(--cyan)}.live__tap{border:3px solid var(--gold-bright);opacity:0;border-radius:50%;width:30px;height:30px;position:absolute;top:44%;left:46%;transform:scale(1.6)}.live__open{color:var(--gold-bright);opacity:0;margin:0;font-weight:700}.live__board{aspect-ratio:1;opacity:0;border:3px solid #c9a35c;border-radius:3px;grid-template-columns:repeat(4,1fr);width:min(60%,130px);margin-inline:auto;display:grid;position:relative;transform:scale(.85)}.live__board i{background:#d9c8a4}.live__board i.d{background:#3e304f}.live__board img{width:25%;height:25%;position:absolute}.live__board img:first-of-type{top:50%;left:25%}.live__board img:last-of-type{top:25%;left:50%}.live__on{text-align:center;font:700 1rem var(--font-display);color:var(--gold-bright);opacity:0;margin:0}.live[data-step="1"] .live__bubble,.live[data-step="2"] .live__bubble,.live[data-step="3"] .live__bubble,.live[data-step="4"] .live__bubble,.live[data-step="5"] .live__bubble,.live[data-step="2"] .live__tap{opacity:1;transform:none}.live[data-step="3"] .live__open{opacity:1}.live[data-step="4"] .live__board,.live[data-step="5"] .live__board{opacity:1;transform:none}.live[data-step="5"] .live__on{opacity:1}.friend__note{min-height:3em;color:var(--muted);margin:0;font-size:.95rem}.friend__note span{display:none}[data-device=mac] [data-note=mac],[data-device=iphone] [data-note=iphone],[data-device=android] [data-note=android],[data-device=web] [data-note=web]{display:inline}.friend__copy{gap:var(--s3);grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;display:grid}.friend__copy label{color:var(--muted);font-size:var(--text-sm);letter-spacing:.08em;text-transform:uppercase}.friend__copy input{border-radius:var(--radius-control);min-width:0;min-height:48px;color:var(--ivory);font:inherit;background:#07111f;border:1px solid #d3ae6988;padding:0 .8rem;font-size:.95rem}@media (width<=39.99rem){.friend__copy{grid-template-columns:1fr 1fr}.friend__copy label,.friend__copy input{grid-column:1/-1}}.reward{padding-block:var(--section-space);background:linear-gradient(125deg,#2a1738,var(--surface) 55%,#11323c);border-top:1px solid #d3ae6926}.reward__grid{gap:var(--s12);align-items:center;display:grid}@media (width>=56rem){.reward__grid{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr)}}.reward h2{max-width:16ch}.reward__actions{gap:var(--s4);margin-top:var(--s6);flex-wrap:wrap;display:flex}.reward__account{margin-top:var(--s4)}.reward__account a{min-height:44px;color:var(--cyan);align-items:center;display:inline-flex}.friend__note--reward{margin-top:var(--s6)}.seal{text-align:center;justify-items:center;gap:.5rem;display:grid}.seal strong{font:700 1.6rem/1 var(--font-display);color:var(--gold-bright);letter-spacing:.1em;text-transform:uppercase}.seal p{max-width:24ch;color:var(--muted);margin:0}.seal__disc{border:4px double var(--gold);filter:grayscale();opacity:.45;background:radial-gradient(circle,#1c3047,#07111f);border-radius:50%;place-items:center;width:160px;height:160px;transition:filter .8s,opacity .8s,box-shadow .8s;display:grid}.seal__disc img{width:96px;height:96px}.seal[data-earned=true] .seal__disc{filter:none;opacity:1;box-shadow:0 0 60px #d3ae6999,inset 0 0 30px #d3ae6944}@media (prefers-reduced-motion:no-preference){.seal[data-earned=true] .seal__disc{animation:learn-stamp .7s var(--ease)}}.learn-footer{gap:var(--s6);padding-block:var(--s8);color:var(--muted);flex-wrap:wrap;display:flex}.learn-footer a{align-items:center;min-height:44px;display:inline-flex}