.learning-page{max-width:1120px}.learning-filters{display:flex;flex-wrap:wrap;gap:0 .9rem}.learning-filters label{flex:1 1 175px;min-width:0}.learning-filters input{min-height:44px;width:100%;border:1px solid var(--line);border-radius:8px;background:#123758;color:inherit;font:inherit;padding:.5rem}.learning-metrics{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}.learning-chart{margin:.9rem 0;border:1px solid var(--line);border-radius:10px;padding:.6rem;background:#0a233c}.learning-scroll{overflow-x:auto}.learning-chart svg{display:block;max-width:none}.learning-chart svg line{stroke:#437493}.learning-chart svg text{fill:var(--muted);font-size:11px}.learning-chart svg polyline{stroke:var(--blue);stroke-width:2;fill:none}.learning-chart svg circle{fill:var(--yellow);cursor:pointer}.learning-chart svg .learning-hit-target{fill:transparent}.learning-chart .set-picker{margin:.4rem 0}.learning-point{color:var(--muted)}.learning-table{min-width:490px}.learning-table button{min-height:44px;text-align:left;color:#e6f7ff;background:transparent;border:0;font:inherit;cursor:pointer}.learning-table button:hover{color:var(--yellow)}.learning-mastery{display:inline-block;padding:.15rem .4rem;border:1px solid currentColor;border-radius:6px;color:var(--muted)}.learning-mastery.mastery-1{color:#ffad99}.learning-mastery.mastery-2{color:#fd7}.learning-mastery.mastery-3{color:#9be3ff}.learning-mastery.mastery-4{color:#8ce6c2}.learning-word-detail>td{background:#123758;padding:.8rem}.learning-direction-summary{display:grid;gap:.2rem;margin-top:.35rem;color:var(--muted)}:root{font-family:Trebuchet MS,system-ui,sans-serif;color:#f5f9ff;background:#071c33;color-scheme:dark;--ink: #071c33;--muted: #b4d4e9;--blue: #6fc9ef;--yellow: #ffce42;--line: #3886ae}*{box-sizing:border-box}body{margin:0;min-width:300px;min-height:100vh;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.83' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E"),radial-gradient(ellipse at 55% 8%,#23668e,#0c3658 47%,#071a30 95%)}a{color:inherit;text-decoration:none}a,select{-webkit-tap-highlight-color:transparent}a:focus-visible,select:focus-visible{outline:3px solid #fff19a;outline-offset:4px}main:focus{outline:none}img{display:block;max-width:100%}.shell{width:min(92%,1360px);margin-inline:auto}.topbar{border-bottom:1px solid #458eb5;background:linear-gradient(105deg,#091d35,#0e2c49 65%,#081d35);box-shadow:0 4px 22px #061d344d}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:86px}.brand{display:flex;align-items:center;gap:.65rem;min-height:44px;font-size:clamp(1.45rem,3.7vw,2.8rem);font-weight:900;letter-spacing:-.065em}.brand>svg{color:var(--blue);width:1em;height:1em}.brand>span>span,.tagline b{color:var(--yellow)}.tagline,.eyebrow,.section-heading>span,footer{font-size:.72rem;font-weight:800;letter-spacing:.17em;text-transform:uppercase;color:var(--muted)}.tagline{font-size:.83rem}.header-tools{display:flex;gap:.55rem;align-items:center}.icon-link,.coins{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border-radius:99px}.icon-link{min-width:clamp(46px,5vw,52px);min-height:clamp(46px,5vw,52px);color:var(--blue)}.icon-link svg{width:27px;height:27px}.icon-link.settings-link{color:var(--yellow);border:1px solid #ffce4280;background:#ffce421c}.icon-link.settings-link:hover{background:#ffce4233}.icon-link:hover{background:#244762}.coins{gap:.45rem;border:1px solid #eab94b;padding:.3rem .8rem;color:#ffe38c;font-weight:800;background:#101f31}.coins svg{width:19px}.hero{position:relative;display:grid;grid-template-columns:minmax(145px,23%) minmax(250px,1fr) auto;align-items:center;gap:clamp(.65rem,2vw,2rem);min-height:clamp(225px,22vw,300px);isolation:isolate}.hero:before{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;content:"";background:radial-gradient(ellipse at 17% 70%,#59b2e94d,transparent 45%)}.voco{width:100%;height:clamp(215px,22vw,295px);object-fit:contain;align-self:end;filter:drop-shadow(0 12px 14px #051a38aa)}.bubble{position:relative;padding:clamp(1rem,2vw,1.8rem);border-radius:23px;border:2px solid #8ecce8;background:linear-gradient(132deg,#102e4a,#0b233c);box-shadow:0 8px #071a2d50}.bubble:before{content:"";position:absolute;width:14px;height:14px;left:-9px;top:49%;transform:rotate(45deg);background:#102b45;border-left:2px solid #8ecce8;border-bottom:2px solid #8ecce8}.eyebrow span{display:inline-block;width:7px;height:7px;margin-right:.35rem;border-radius:50%;background:var(--yellow)}h1,h2,h3,p{margin:0}h1{font-size:clamp(2rem,4.1vw,4rem);line-height:1.05;letter-spacing:-.045em;margin:.4rem 0 .55rem}h1 em{color:var(--yellow)}.bubble p{font-size:clamp(.95rem,1.55vw,1.3rem);color:#e0effa}.start{display:inline-flex;justify-content:center;align-items:center;gap:.7rem;padding:.9rem clamp(.85rem,2vw,2rem);min-height:60px;color:var(--ink);background:repeating-linear-gradient(140deg,#ffffff16 0 2px,transparent 2px 7px),linear-gradient(170deg,#ffe474,#ffc126 75%);border:1px solid #ffeb93;border-radius:16px;font-size:clamp(1rem,1.85vw,1.65rem);font-weight:900;white-space:nowrap;box-shadow:0 5px #a96911,0 11px 25px #061b3190}.start:hover{filter:brightness(1.09)}.start svg{width:1em}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin:.45rem 0 .85rem}.section-heading h2{font-size:clamp(1.2rem,2vw,1.65rem)}.game-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.65rem,1.5vw,1.15rem)}.game-card{position:relative;min-width:0;overflow:hidden;display:flex;flex-direction:column;border:2px solid var(--line);border-radius:22px;background:linear-gradient(165deg,#143959,#0b2742);box-shadow:0 8px 16px #061b3366;transition:transform .18s ease,border-color .18s ease,background .18s ease}.game-card:after{position:absolute;content:"";right:0;bottom:0;width:70px;height:46px;pointer-events:none;background:repeating-linear-gradient(135deg,transparent 0 7px,#ffc83d 8px 13px,transparent 14px 20px);clip-path:polygon(100% 0,100% 100%,0 100%)}.game-ready:hover,.shortcuts a:hover{transform:translateY(-3px);border-color:#a1e4ff}.game-art{position:relative;aspect-ratio:1.65;background:radial-gradient(ellipse,#245d84,#0b2946)}.game-art img{width:100%;height:100%;object-fit:cover}.game-art:after{content:"";position:absolute;top:65%;right:0;bottom:0;left:0;background:linear-gradient(transparent,#143959)}.game-copy{position:relative;top:-1.65rem;flex:1;padding:.8rem .85rem 2.15rem}.game-copy h4{font-size:clamp(1rem,2vw,1.65rem);letter-spacing:-.035em;margin-bottom:.4rem}.game-copy p{font-size:clamp(.87rem,1.18vw,1rem);line-height:1.38;color:var(--muted)}.game-arrow{position:absolute;bottom:.35rem;left:.85rem;color:var(--blue)}.shortcuts{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(.65rem,1.5vw,1.15rem);margin:1.35rem 0}.shortcuts a{display:flex;align-items:center;gap:.75rem;min-height:78px;padding:.6rem .8rem;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#163e60,#0c2b47);transition:transform .18s ease,border-color .18s ease}.shortcut-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;flex:none;background:#1c5275;color:var(--yellow)}.shortcuts strong,.shortcuts small{display:block}.shortcuts strong{font-size:clamp(.94rem,1.55vw,1.25rem)}.shortcuts small{margin-top:.23rem;color:var(--muted);font-size:.8rem}.shortcut-arrow{flex:none;width:18px;margin-left:auto;color:var(--blue)}footer{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid #377292;padding:.8rem 0 1rem;font-size:.62rem}.interior{max-width:800px;min-height:69vh;margin:1.5rem auto}.back,.text-link{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;color:#bdeaff}.text-link{text-decoration:underline}.interior-panel{padding:clamp(1.1rem,4vw,2.4rem);border:1px solid var(--line);border-radius:22px;background:#0c2b47}.interior-panel p,.interior-panel h2{margin-top:.8rem}.set-picker{display:grid;gap:.5rem;margin:1rem 0}select,.game-options a{min-height:44px;padding:.6rem .8rem;font:inherit;color:inherit;background:#18476a;border:1px solid var(--line);border-radius:8px}.game-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.game-options a{display:flex;align-items:center;gap:.5rem}.game-options a:hover{background:#235b83}table{border-collapse:collapse;margin-top:.8rem;width:100%}td,th{padding:.65rem .4rem;text-align:left;border-bottom:1px solid #377292}th{color:var(--blue)}@media(max-width:880px){.tagline{display:none}.header-inner{min-height:68px}.hero{grid-template-columns:minmax(115px,26%) 1fr;gap:.6rem 1rem;padding:1rem 0}.voco{grid-row:span 2;align-self:center;height:auto;max-height:220px}.start{justify-self:start;min-height:48px}}@media(max-width:760px){.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shortcuts{grid-template-columns:1fr}.shortcuts a{min-height:62px}}@media(max-width:420px){.header-tools{gap:.1rem}.coins{padding-inline:.4rem;font-size:.78rem}.coins svg{width:14px}.hero{grid-template-columns:minmax(85px,28%) 1fr;gap:.65rem}.bubble{padding:.75rem}.bubble .eyebrow{display:none}.bubble h1{font-size:1.6rem}.game-copy{padding-inline:.6rem}.game-options{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important}}@media(max-width:360px){.header-inner{gap:.35rem}.brand{font-size:1.25rem;gap:.35rem}.icon-link svg{width:23px;height:23px}}.vocabulary-library{max-width:1100px}.set-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.4rem}.set-card{display:flex;flex-direction:column;aspect-ratio:1;min-width:0;padding:1rem;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#194666,#102e4a);overflow-wrap:anywhere}.set-card h2{font-size:1.25rem}.set-card p,.set-card ul{color:var(--muted)}.set-card ul{padding:0;list-style:none;font-size:.9rem}.set-card li{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.set-icon,.add-set{color:var(--yellow)}.add-set{align-items:center;justify-content:center;gap:.6rem;border-style:dashed;font-weight:800}.add-set:hover{background:#215779}.set-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.set-card .set-actions{margin-top:auto}.set-actions a,.set-actions button,.word-row button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-width:44px;min-height:44px;padding:.35rem .65rem;border:1px solid var(--line);border-radius:8px;color:inherit;background:#0c2b47;font:inherit;cursor:pointer}.set-actions a:hover,.set-actions button:hover,.word-row button:hover{border-color:var(--blue)}.set-actions .save-set{background:var(--yellow);color:var(--ink);font-weight:800}.set-form{display:grid;gap:1rem;margin-top:1.25rem}.set-form label{display:grid;gap:.35rem;min-width:0}.set-form input{width:100%;min-height:44px;padding:.55rem .75rem;border:1px solid var(--line);border-radius:8px;background:#081f36;color:inherit;font:inherit}.word-row{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:.5rem}.word-row button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible{outline:3px solid #fff19a;outline-offset:3px}@media(max-width:850px){.set-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:580px){.set-grid{grid-template-columns:1fr}.set-card{width:min(100%,340px)}}.shop-page{max-width:1100px}.shop-status{min-height:1.5em;color:var(--yellow)}.outfit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:1rem;margin-top:.65rem}.outfit-card{display:flex;flex-direction:column;padding:1rem;border:1px solid var(--line);border-radius:16px;background:radial-gradient(ellipse at 50% 25%,#225c80,#102d48 72%)}.outfit-card.is-equipped{border-color:var(--yellow)}.outfit-card img{width:100%;height:180px;object-fit:contain}.outfit-card h2{font-size:1.25rem}.outfit-card p{flex:1;color:var(--muted);margin:.35rem 0 1rem}.outfit-card small{color:var(--muted);margin-top:.45rem;text-align:center}.outfit-card button{display:flex;justify-content:center;align-items:center;gap:.45rem;min-height:44px;border:1px solid var(--yellow);border-radius:8px;color:var(--ink);background:var(--yellow);font:inherit;font-weight:800;cursor:pointer}.outfit-card button:disabled{color:var(--muted);border-color:var(--line);background:#0c2b47;cursor:default}.stats-games{margin-top:1rem}.stats-games a{justify-content:space-between}.run-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:.55rem}.run-metrics div{padding:.55rem;border:1px solid var(--line);border-radius:8px;background:#123758}.run-metrics dt{font-size:.82rem;color:var(--muted)}.run-metrics dd{margin:.15rem 0 0;font-size:1.24rem;font-weight:800}.run-details{margin-top:.6rem;padding:.3rem .65rem;border:1px solid var(--line);border-radius:8px}.run-details summary{min-height:44px;padding:.55rem 0;cursor:pointer}.run-encounters{padding-left:1.2rem}.run-encounters li{margin:.25rem 0}.run-details-more{margin-top:.75rem}.outfit-card.outfit-reward{border-color:#e4b857;background:radial-gradient(ellipse at 50% 25%,#3c547a,#102d48 72%)}.outfit-reward small{margin-bottom:.5rem;text-align:left}.trail-grid{margin-top:.75rem}.trail-grid svg{height:52px;width:100%}.trail-grid h3{margin-bottom:.75rem}.shop-category{border:1px solid var(--line);border-radius:12px;padding:.25rem .8rem .7rem;margin-bottom:.7rem}.shop-category summary{display:flex;justify-content:space-between;align-items:center;min-height:44px;color:#ffe393;font-size:1.2rem;font-weight:800;cursor:pointer;list-style:none}.shop-category summary::-webkit-details-marker{display:none}.shop-category[open]>summary svg{transform:rotate(180deg)}.shop-category>.outfit-grid{margin-top:.5rem}.trail-grid article small{margin:.3rem 0 .6rem}.trail-grid article button{margin-top:auto}.outfit-card .trail-preview{display:grid;gap:.15rem;margin:0 0 .65rem;padding:.25rem;border-color:var(--line);background:#071d34;color:var(--muted);font-size:.78rem;font-weight:700}.trail-preview canvas{display:block;width:100%;height:auto}.outfit-card .trail-preview:hover{border-color:var(--blue);color:#e7f7ff}.outfit-card.outfit-prestige{border-color:#ffe19d;box-shadow:inset 0 0 25px #b389d432;background:radial-gradient(ellipse at 50% 25%,#4a497b,#102d48 74%)}.outfit-prestige .eyebrow{color:#ffe19d;margin-top:.35rem}.targeted-tip{padding:.6rem .8rem;border:1px solid var(--yellow);border-radius:8px;background:#ffcf421a;color:#ffe5a0}@media(prefers-reduced-motion:no-preference){.targeted-tip{animation:targeted-tip-in .25s ease-out}@keyframes targeted-tip-in{0%{opacity:0}to{opacity:1}}}.help-qr img{height:auto;margin-top:1rem;border-radius:8px}.help-qr-preview{width:min(100%,420px);margin-inline:auto}.help-qr-preview img{margin-inline:auto}.help-qr-preview label{display:grid;justify-items:center;margin-top:.65rem;color:var(--muted)}.help-qr-preview input{width:min(100%,16rem);min-height:44px;accent-color:var(--yellow)}.help-site-address{text-align:center}.help-site-address a{color:var(--yellow);text-decoration:underline}.learn-catalogue{max-width:1360px}.game-category{margin:0 0 1.6rem}.game-category>header{margin:0 0 .7rem;padding-left:.7rem;border-left:3px solid var(--yellow)}.game-category>header h3{font-size:clamp(1.12rem,2.2vw,1.45rem)}.game-category>header p{margin:.2rem 0 0;color:var(--muted);font-size:.93rem}.game-status{display:inline-flex;align-items:center;gap:.35rem;margin:.35rem 0 .45rem;padding:.18rem .45rem;border-radius:6px;font-size:.72rem;font-weight:800;color:#a9f7cd;background:#195442}.game-coming-soon .game-status{background:#35465a;color:#e2e8ee}.game-coming-soon{border-color:#45617a;background:#153047}.game-coming-soon .game-art img{filter:saturate(.44) brightness(.82)}.game-coming-soon:after{display:none}.game-coming-soon .game-copy{padding-bottom:.8rem}.voco-tip{display:flex;align-items:center;gap:.65rem;margin:.85rem 0 1.15rem;padding:.35rem .65rem;border:1px solid #e9b85a64;border-radius:10px;background:linear-gradient(110deg,#203c54,#142e48)}.voco-tip-icon{flex:none;color:var(--yellow)}.voco-tip-copy{display:flex;align-items:center;flex-wrap:wrap;gap:.15rem .55rem;flex:1;min-width:0;font-size:.98rem}.voco-tip-copy strong{color:#ffe39a}.voco-tip-copy span{color:#e3eef7}.voco-tip button{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;flex:none;min-width:44px;min-height:44px;padding:.2rem .45rem;border:1px solid transparent;border-radius:7px;color:var(--muted);background:transparent;font:inherit;font-size:.88rem;cursor:pointer}.voco-tip button:hover{border-color:var(--line);background:#1b4766;color:#fff}@media(max-width:420px){.voco-tip{gap:.4rem}.voco-tip-copy{display:grid}.voco-tip button{max-width:76px;text-align:left}}.voco-tip-copy .voco-tip-language{display:inline-flex;width:fit-content;align-items:center;gap:.38rem;color:var(--yellow)}.voco-tip-language>svg:first-child{border-radius:4px}.voco-tip-language .voco-tip-gear{display:grid;place-items:center;width:31px;height:31px;border:1px solid #ffce4280;border-radius:50%;color:var(--yellow);background:#ffce421c}a.voco-tip-copy{min-height:44px;align-content:center;border-radius:5px}a.voco-tip-copy:hover>span:first-of-type{text-decoration:underline;text-underline-offset:.16em}.game-catalogue .section-heading h2{font-size:clamp(1.5rem,3vw,2.35rem);text-decoration:underline;text-decoration-color:var(--yellow);text-decoration-thickness:.12em;text-underline-offset:.18em}.arcade-difficulty{display:flex;flex-wrap:wrap;gap:.3rem 1rem;margin:.8rem 0;border:1px solid var(--line);border-radius:8px}.arcade-difficulty label{display:inline-flex;align-items:center;min-height:44px;gap:.35rem}.snake-game{max-width:960px;margin-inline:auto;padding:.5rem}.snake-hud{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,2fr) minmax(0,1fr) auto;align-items:center;gap:.55rem;padding:.45rem .6rem;border:1px solid var(--line);border-radius:12px;background:#123550}.snake-hud img{width:clamp(36px,8vw,62px);height:54px;object-fit:contain}.snake-hud strong,.snake-hud small{display:block;overflow-wrap:anywhere}.snake-prompt{grid-column:3;grid-row:1;text-align:center;min-width:0}.snake-hud .snake-prompt strong{font-size:clamp(1.35rem,4vw,2.35rem);line-height:1.08}.snake-hint{grid-column:2;grid-row:1;min-width:0;overflow-wrap:anywhere;color:#ffe181}.snake-hint span{font-size:clamp(1rem,2.6vw,1.55rem);font-weight:850}.snake-hud .snake-status{grid-column:4;grid-row:1;justify-self:end}.snake-hud .snake-pause{grid-column:5;grid-row:1}.snake-status{display:grid;font-size:.85rem}.snake-letters{color:#ffe181;font-weight:800;letter-spacing:.08em;overflow-wrap:anywhere}.snake-pause{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:44px;padding:.35rem .65rem;border:1px solid var(--line);border-radius:8px;background:#153c5b;color:inherit;font:inherit;cursor:pointer}.snake-pause:hover{border-color:var(--blue)}.snake-overlay button{min-height:44px}.snake-rules{padding-inline-start:1.25rem;line-height:1.55}.snake-field{position:relative;width:min(100%,max(260px,calc((100dvh - 150px)/.8)));margin:.5rem auto 0;aspect-ratio:20 / 16;border:2px solid #4b8ea8;border-radius:12px;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none}.snake-grid{display:grid;position:absolute;top:6.25%;right:5%;bottom:6.25%;left:5%;grid-template:repeat(14,minmax(0,1fr)) / repeat(18,minmax(0,1fr));container-type:inline-size;background-color:#204e36;background-image:linear-gradient(90deg,#102f244d 1px,transparent 1px),linear-gradient(#102f244d 1px,transparent 1px),radial-gradient(ellipse at 30% 25%,#77a44962 2%,transparent 46%),radial-gradient(ellipse at 80% 70%,#163523a8 4%,transparent 55%),repeating-linear-gradient(117deg,#a7c96419 0 1px,transparent 2px 8px);background-size:calc(100% / 18) calc(100% / 14),calc(100% / 18) calc(100% / 14),46% 60%,66% 70%,auto}.snake-border{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template:repeat(16,minmax(0,1fr)) / repeat(20,minmax(0,1fr));background:linear-gradient(90deg,#142e23 1px,transparent 1px),linear-gradient(#142e23 1px,transparent 1px),radial-gradient(ellipse,#3b5c3a,#233a2a);background-size:5% 6.25%,5% 6.25%,auto}.snake-grid span{display:grid;place-items:center;margin:6%;min-width:0;min-height:0;border-radius:22%}.snake-tile{color:#172839;background:#ffe480;box-shadow:inset 0 -2px #c69f49;font-size:3.5cqw;font-weight:850;line-height:1}.snake-grid .snake-terrain{margin:4%;box-shadow:0 2px 3px #12291d88}.snake-grid .snake-twig{margin:30% 9%;border-radius:40%;rotate:-22deg;background:repeating-linear-gradient(5deg,#543223 0,#543223 3px,#af7848 4px,#af7848 6px)}.snake-trunk{border:2px solid #3d2c20;background:repeating-linear-gradient(12deg,#654125 0,#654125 4px,#9a693d 5px,#9a693d 7px,#784a2b 8px,#784a2b 12px)}.snake-grid .snake-pond{border-radius:42% 35% 46% 37%;border:2px solid #96b680;background:repeating-radial-gradient(ellipse at 60% 40%,#56b3a8 0,#56b3a8 2px,#2c7779 4px,#2c7779 9px,#225d68 11px,#225d68 15px)}.snake-grid .snake-rock{border-radius:58% 42% 47% 53%/64% 53% 47% 36%;background:radial-gradient(ellipse at 33% 23%,#a1b65b 0 8%,#788e4d 23%,transparent 51%),radial-gradient(ellipse at 69% 52%,#738550 0 12%,transparent 35%),radial-gradient(ellipse at 40% 30%,#92917a 12%,#646d59 51%,#35493d 79%);box-shadow:inset 0 -3px #243b30,0 2px 3px #12291d88}.snake-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;--snake-outline: #113c32;--snake-scale: #54c17c;--snake-light: #a5df68;--snake-face: #72d793}.snake-art path{stroke-linecap:round;stroke-linejoin:round}.snake-art :is(.snake-outline,.snake-scales,.snake-stripe){stroke-linecap:butt}.snake-outline{stroke:var(--snake-outline);stroke-width:.77}.snake-scales{stroke:var(--snake-scale);stroke-width:.62}.snake-stripe{stroke:var(--snake-light);stroke-width:.12;stroke-dasharray:.16 .25}.snake-tip,.snake-face{fill:var(--snake-face);stroke:var(--snake-outline);stroke-width:.07}.snake-pupils{stroke:var(--snake-outline);stroke-width:.06}.snake-letter-bead{fill:#8ef6da;stroke:var(--snake-outline);stroke-width:.05;animation:snake-collect .25s ease-out;transform-box:fill-box;transform-origin:center}.snake-bead-text{fill:#132b35;font-size:.49px;font-weight:850}.snake-gate{margin:7%;border:3px double #f2cd79;border-radius:22%;background:repeating-linear-gradient(45deg,#513823 0,#513823 4px,#745133 5px,#745133 8px);box-shadow:inset 0 0 5px #181614;animation:snake-gate .6s ease-out}.snake-remover{color:#fff3cf;background:#79385b;border:1px solid #f5b5d4;box-shadow:inset 0 -2px #471c35;font:850 3.8cqw/1 system-ui,sans-serif}.snake-golden,.snake-gold-trail,.snake-gold-fade{position:absolute;translate:-50% -50%;pointer-events:none}.snake-golden{display:grid;place-items:center;width:4.3%;aspect-ratio:1;color:#56330e;background:#ffd85c;border:1px solid #fff1a0;border-radius:25%;box-shadow:0 0 9px #ffdb5d;font-weight:900;font-size:clamp(.7rem,2vw,1.5rem);transition-property:left,top;transition-timing-function:linear}.snake-gold-trail{width:2%;aspect-ratio:1;border-radius:50%;background:#ffe466;box-shadow:0 0 9px #ffd84a}.snake-gold-fade{color:#ffdf70;font-size:1.4rem;animation:snake-gold-fade .5s ease-out both}@keyframes snake-gold-fade{to{opacity:0;scale:2}}@media(prefers-reduced-motion:reduce){.snake-golden{transition:none}}.snake-grid .snake-roots{border-radius:25% 38% 25% 45%;background:repeating-radial-gradient(ellipse at 4% 100%,#84563a 0,#84563a 3px,#b0834e,#b0834e,#423324 6px,#423324 9px)}.snake-grid .snake-ruin{margin:0;clip-path:polygon(7% 26%,15% 10%,28% 6%,77% 6%,92% 10%,96% 26%,89% 41%,75% 46%,50% 46%,44% 60%,43% 79%,36% 91%,25% 96%,13% 91%,6% 76%);clip-path:shape(from 7% 26%,curve to 28% 6% with 8% 12% / 16% 7%,curve to 77% 6% with 44% 3% / 58% 9%,curve to 96% 26% with 91% 4% / 97% 15%,curve to 75% 46% with 96% 39% / 89% 46%,curve to 47% 48% with 65% 45% / 53% 43%,curve to 43% 79% with 42% 53% / 45% 68%,curve to 25% 96% with 40% 90% / 36% 96%,curve to 6% 76% with 13% 97% / 6% 89%,curve to 7% 26% with 4% 62% / 9% 45%,close);border-radius:24%;background:radial-gradient(ellipse at 27% 20%,#9da95e 0 6%,#74884c 18%,transparent 36%),radial-gradient(ellipse at 74% 24%,#a5a082 0 9%,#72765e 26%,transparent 47%),radial-gradient(ellipse at 22% 68%,#85876c 0 9%,#58634c 29%,transparent 43%),#394b39}.snake-grid .snake-thorns{border-radius:0;clip-path:polygon(50% 0,60% 24%,82% 7%,79% 33%,100% 33%,87% 54%,100% 79%,71% 77%,68% 100%,47% 87%,22% 100%,24% 76%,0 67%,20% 54%,0 24%,27% 32%,28% 6%,43% 26%);background:repeating-conic-gradient(from 13deg,#bda84c,#bda84c 16deg,#77532c 18deg,#77532c 31deg,#496432 35deg,#496432 52deg)}.snake-grid .snake-mushrooms{border-radius:45% 40% 28% 35%;background:radial-gradient(circle at 24% 33%,#ffe4a5 0 5%,transparent 6%),radial-gradient(circle at 63% 36%,#ffe4a5 0 6%,transparent 7%),radial-gradient(ellipse at 28% 46%,#d17c54 0 19%,transparent 20%),radial-gradient(ellipse at 67% 50%,#ae5243 0 27%,transparent 28%),linear-gradient(0deg,#a79064 0,#a79064 26%,#534833 27%,#534833 40%,#36482e 41%)}.snake-overlay{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;background:#0a2235e8;display:grid;place-content:center;justify-items:center;gap:.5rem;padding:.6rem;text-align:center;overflow-wrap:anywhere}.snake-result{--result-accent: #ffc28e;display:grid;justify-items:center;gap:.45rem;width:min(34rem,100%);padding:clamp(.5rem,2.4vw,1.5rem);color:#fff5d9;border:2px solid var(--result-accent);border-radius:1.1rem;background:radial-gradient(ellipse at top,#523947,#182a38 68%);box-shadow:0 12px 28px #051825aa}.snake-result-correct{--result-accent: #a8ee8d;background:radial-gradient(ellipse at top,#325d40,#132f38 68%)}.snake-result>strong{color:var(--result-accent);font-size:clamp(2.25rem,7vw,3rem);line-height:1}.snake-result-mark{display:grid;place-items:center;width:2.1rem;aspect-ratio:1;border-radius:50%;background:var(--result-accent);color:#172c2c}.snake-result-spelling{display:flex;justify-content:center;flex-wrap:wrap;gap:.2rem}.snake-result-spelling span{padding:.15rem .28rem;background:#ffe480;border-radius:.25rem;color:#172839;font-weight:850}.snake-result-score{color:var(--result-accent);font-size:1.2rem;font-weight:850}.snake-growth{padding:.22rem .65rem;border:1px solid #8ad8ae70;border-radius:999px;color:#c1f8ce;background:#143d39;font-weight:750}.snake-finale{background-image:radial-gradient(ellipse at top,#5e4543,#152a37 68%)}.snake-finale.snake-result-correct{background-image:radial-gradient(ellipse at top,#416445,#152f35 68%)}.snake-finale-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem .75rem}.snake-finale-stats span{display:grid;gap:.1rem;font-size:.8rem}.snake-finale-stats b{color:var(--result-accent);font-size:1.2rem}.snake-finale .set-actions{margin:.25rem 0 0}.snake-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.6rem}.snake-metrics div{background:#113451;border-radius:.5rem;padding:.55rem}.snake-metrics dd{margin:0;color:#ffe180;font-weight:800}@keyframes snake-gate{0%{background:#ffe180}}@keyframes snake-collect{0%{scale:.65}}@media(max-width:520px){.snake-hud{grid-template-columns:auto minmax(0,1fr) auto}.snake-hud .snake-prompt{grid-column:2}.snake-hud .snake-hint{grid-column:1 / 3;grid-row:2}.snake-hud .snake-status{grid-column:3;grid-row:2}.snake-hud .snake-pause{grid-column:3}}@media(max-height:540px)and (orientation:landscape){body:has(.snake-game) .topbar,body:has(.snake-game) footer{display:none}.snake-game{display:grid;grid-template-columns:minmax(148px,27%) 1fr;align-items:start;gap:.5rem}.snake-hud{grid-template-columns:auto minmax(0,1fr)}.snake-hud .snake-prompt{grid-column:2}.snake-hud :is(.snake-hint,.snake-status,.snake-pause){grid-column:1 / -1;grid-row:auto;justify-self:stretch}.snake-field{width:min(100%,calc((100dvh - 24px)/.8));margin-top:0}}@media(prefers-reduced-motion:reduce){.snake-gate,.snake-letter-bead{animation:none}}.snake-skin-preview{position:relative;aspect-ratio:2;width:100%;border:1px solid #75b08066;border-radius:.65rem;background:radial-gradient(ellipse at center,#346146,#173629)}.snake-paper-preview{border-color:#d5bd93;background:repeating-linear-gradient(0deg,#f1e2c2 0,#f1e2c2 15px,#d7bd9d,#f1e2c2 17px)}.snake-pupils{stroke:var(--snake-pupil, var(--snake-outline))}