@charset "utf-8";
:root{--ink:#17384b;--navy:#12344a;--teal:#168f8c;--mint:#bfe9d6;--sun:#ffd166;--coral:#f17756;--cream:#fbf6e9;--paper:#fffdf6;--line:#d9e1d5;--muted:#63808a;--shadow:0 16px 44px rgba(20,51,70,.11);font-family:Verdana,Arial,sans-serif;color:var(--ink);background:var(--cream);font-synthesis:none;text-rendering:optimizeLegibility}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(ellipse at 10% 0%,rgba(255,229,159,.27),transparent 35%),var(--cream);line-height:1.55}a{color:inherit}button{font:inherit}img{max-width:100%}.wrap{width:min(1160px,calc(100% - 40px));margin-inline:auto}
.site-header{height:78px;padding:0 max(20px,calc((100vw - 1200px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px;background:rgba(255,253,246,.93);border-bottom:1px solid #e8e4d8;position:relative;z-index:10}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--navy);line-height:1}.brand img{display:block;filter:drop-shadow(0 3px 0 rgba(23,56,75,.09))}.brand strong{display:block;font-size:13px;letter-spacing:.1em;font-weight:900}.brand small{display:block;margin-top:4px;font-size:9px;letter-spacing:.25em;color:var(--teal);font-weight:900}.nav{display:flex;align-items:center;gap:5px}.nav a{padding:10px 12px;border-radius:9px;color:#52717d;text-decoration:none;font-size:12px;font-weight:800;white-space:nowrap}.nav a:hover,.nav a.active{background:#e9f3eb;color:var(--navy)}.header-play{padding:11px 15px;color:#17384b;background:var(--sun);text-decoration:none;font-size:11px;font-weight:900;letter-spacing:.06em;border:1px solid #e6ab43;border-radius:8px;box-shadow:0 3px 0 #d39b3b;white-space:nowrap}.header-play span{margin-left:5px}
.hero{min-height:540px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:34px;padding-block:56px 48px}.hero-copy{padding:14px 0 18px}.eyebrow{display:flex;align-items:center;gap:8px;color:#5f8581;font-size:10px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.eyebrow-dot{width:8px;height:8px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 4px rgba(241,119,86,.15)}h1,h2,h3,p{margin-top:0}h1{font-family:Verdana,Arial,sans-serif;font-size:clamp(38px,5.5vw,68px);line-height:1.02;letter-spacing:-.065em;margin:18px 0;color:var(--navy)}h1 em{font-style:normal;color:#e57652}h2{font-size:clamp(25px,3.2vw,38px);line-height:1.12;letter-spacing:-.045em;color:var(--navy);margin-bottom:14px}h3{font-size:21px;letter-spacing:-.03em;color:var(--navy);margin-bottom:9px}.hero-lede,.page-lede{font-size:16px;line-height:1.75;color:#58717b;max-width:530px;margin-bottom:24px}.hero-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:0 18px;border-radius:9px;text-decoration:none;font-size:12px;font-weight:900;letter-spacing:.01em;border:2px solid transparent;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.button:hover{transform:translateY(-2px)}.button:focus-visible,.nav a:focus-visible,.header-play:focus-visible,.text-link:focus-visible,.touch-button:focus-visible{outline:3px solid #248e92;outline-offset:3px}.button-primary{background:var(--sun);color:#17384b;border-color:#e8ad4a;box-shadow:0 4px 0 #d2983c}.button-primary:hover{background:#ffda7d;box-shadow:0 6px 0 #d2983c}.button-quiet{color:#345565;background:#edf2e7;border-color:#d9e4d2}.button-outline{color:#dbe8df;background:transparent;border-color:#57778a;min-height:40px;padding-inline:13px}.button-outline:hover{background:#244a61}.button-light{background:#fff4c9;color:#203f4e;border-color:#f4d274;box-shadow:0 4px 0 #be9552}.hero-facts{display:flex;gap:20px;margin-top:28px;color:#6b848a;font-size:10px;font-weight:700}.hero-facts span{display:flex;align-items:center;gap:5px}.hero-facts b{color:#188f8c;font-size:12px}
.hero-art{height:410px;position:relative;overflow:hidden;border-radius:24px;background:linear-gradient(180deg,#a7e3df 0%,#d5f1db 65%,#e8da94 100%);box-shadow:var(--shadow);border:3px solid #fff;isolation:isolate}.hero-art:before{content:"";position:absolute;inset:10px;border:1px dashed rgba(23,56,75,.2);border-radius:18px;z-index:5;pointer-events:none}.art-sun{position:absolute;width:104px;height:104px;right:64px;top:45px;border-radius:50%;background:#ffe687;box-shadow:0 0 0 12px rgba(255,230,135,.26),0 0 60px rgba(255,241,179,.5)}.art-cloud{position:absolute;width:95px;height:26px;border-radius:50px;background:rgba(255,255,255,.67);filter:blur(.3px)}.art-cloud:before,.art-cloud:after{content:"";position:absolute;bottom:4px;background:inherit;border-radius:50%}.art-cloud:before{width:38px;height:38px;left:18px}.art-cloud:after{width:49px;height:48px;left:43px}.cloud-one{top:106px;left:38px;transform:scale(.8)}.cloud-two{top:164px;right:38px;transform:scale(.55)}.art-hill{position:absolute;bottom:65px;width:130%;height:210px;border-radius:50% 50% 0 0}.hill-back{background:#78c79a;left:-15%;bottom:90px;transform:rotate(-7deg)}.hill-front{background:#238978;left:-18%;bottom:31px;transform:rotate(7deg)}.art-ground{height:64px;position:absolute;z-index:2;bottom:0;left:0;right:0;background:repeating-linear-gradient(90deg,#e3b65d 0 26px,#e9c66e 26px 52px);border-top:9px solid #69af62}.art-ground:before{content:"";height:9px;position:absolute;left:0;right:0;top:-9px;background:repeating-linear-gradient(90deg,#79ce76 0 19px,#48ae69 19px 35px)}.tavi-art{position:absolute;z-index:4;height:300px;width:276px;object-fit:contain;bottom:24px;left:50%;transform:translateX(-44%);filter:drop-shadow(0 12px 0 rgba(14,61,60,.16));animation:tavi-float 3s ease-in-out infinite}.art-stamp{position:absolute;z-index:6;top:24px;left:22px;width:67px;height:67px;border-radius:50%;background:#f37855;color:white;display:grid;place-content:center;text-align:center;font-size:10px;line-height:1.2;font-weight:900;letter-spacing:.1em;transform:rotate(-12deg);border:3px solid #fff;box-shadow:0 4px 0 #cf644a}.art-caption{position:absolute;z-index:6;bottom:18px;left:20px;display:flex;flex-direction:column;gap:1px;padding:11px 13px;border-radius:10px;background:rgba(255,253,246,.94);box-shadow:0 4px 15px rgba(20,51,70,.12)}.art-caption strong{font-size:13px;color:var(--navy)}.art-caption small{font-size:10px;color:#66808a}.caption-chip{font-size:8px;font-weight:900;letter-spacing:.12em;color:#e57652}.art-seed{position:absolute;z-index:5;color:#fff2a0;font-size:26px;text-shadow:0 2px 0 #bf8a39;animation:seed-pulse 2s ease-in-out infinite}.seed-one{top:144px;left:31%;animation-delay:.4s}.seed-two{top:235px;right:19%;animation-delay:1s}.seed-three{top:79px;left:54%;animation-delay:.7s}@keyframes tavi-float{50%{transform:translateX(-44%) translateY(-8px)}}@keyframes seed-pulse{50%{transform:scale(1.2) rotate(16deg)}}
.ticker{overflow:hidden;border-top:1px solid #eadbb3;border-bottom:1px solid #eadbb3;background:#fff0c3;color:#806d47}.ticker-track{width:max-content;padding:12px 0;animation:ticker-move 34s linear infinite;font-size:10px;font-weight:900;letter-spacing:.14em}.ticker-track span{color:#e57652;padding:0 21px}@keyframes ticker-move{to{transform:translateX(-50%)}}
.section-block{padding-block:76px 70px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:27px}.section-heading h2{margin:8px 0 0}.text-link{display:inline-flex;align-items:center;gap:8px;color:#167f7c;font-size:12px;font-weight:900;text-decoration:none;white-space:nowrap}.text-link:hover{text-decoration:underline}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.feature-card{position:relative;min-height:245px;padding:23px 22px;border-radius:15px;border:1px solid rgba(23,56,75,.1);overflow:hidden}.feature-card p:not(.card-kicker){font-size:13px;color:#5b7278;line-height:1.7;max-width:290px}.feature-mint{background:#dff2df}.feature-peach{background:#fce3d0}.feature-lilac{background:#e8e4f5}.feature-icon{position:absolute;right:18px;top:17px;width:42px;height:42px;display:grid;place-content:center;border-radius:12px;background:rgba(255,255,255,.57);font-size:23px;color:#177b79}.card-kicker{font-size:9px;font-weight:900;letter-spacing:.16em;color:#65847e;text-transform:uppercase}.feature-card .card-kicker{margin:8px 0 18px}.card-index{position:absolute;left:22px;bottom:18px;color:#82978d;font-size:9px;font-weight:900;letter-spacing:.11em}
.split-panel{margin-bottom:76px;border-radius:19px;background:#173c50;color:#f8f3de;padding:32px;overflow:hidden;box-shadow:0 12px 30px rgba(24,57,74,.15)}.split-copy{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:0 24px}.split-copy .eyebrow{grid-column:1/-1;color:#9bd5bd}.split-copy h2{color:#fff1c6;margin:10px 0}.split-copy p{max-width:440px;color:#c6d8d1;font-size:13px;line-height:1.75;margin-bottom:5px}.split-copy .button{justify-self:end;grid-column:2;grid-row:2/4}.level-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:30px}.mini-level{position:relative;min-height:101px;border-radius:10px;padding:11px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;border:1px solid rgba(255,255,255,.27)}.mini-level:nth-child(1){background:linear-gradient(140deg,#96d2a8,#218876)}.mini-level:nth-child(2){background:linear-gradient(140deg,#a6e5e0,#308ba1)}.mini-level:nth-child(3){background:linear-gradient(140deg,#f7cf8a,#b06a48)}.mini-level:nth-child(4){background:linear-gradient(140deg,#d1c9f3,#7878af)}.mini-level:nth-child(5){background:linear-gradient(140deg,#82a4d0,#304f7d)}.mini-level span{position:relative;z-index:1;font-size:9px;font-weight:900;color:rgba(255,255,255,.85)}.mini-level strong{position:relative;z-index:1;font-size:12px;line-height:1.15;color:#fff}.mini-level i{position:absolute;right:8px;top:10px;font-style:normal;font-size:43px;color:rgba(255,255,255,.29)}.bottom-note{display:flex;align-items:center;gap:15px;padding:0 0 62px}.bottom-note p{flex:1;margin:0;color:#637a7e;font-size:12px}.bottom-note p strong{color:var(--navy)}.note-star{width:40px;height:40px;border-radius:50%;display:grid;place-content:center;background:#ffe8a7;color:#d47b50;font-size:23px}.site-footer{min-height:75px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px max(20px,calc((100vw - 1160px)/2));border-top:1px solid #e7e1d1;background:#f6f0df;color:#748788;font-size:10px}.site-footer div{display:flex;gap:18px}.site-footer a{color:#53716f;text-decoration:none}.site-footer a:hover{text-decoration:underline}.footer-brand{font-weight:900;letter-spacing:.1em;font-size:9px;color:#3f655e!important}
.content-page{padding-block:60px 84px;max-width:980px}.content-page h1{margin-bottom:15px}.content-page>.eyebrow{margin-bottom:18px}.page-lede{max-width:700px;margin-bottom:36px}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:36px 0}.guide-card{position:relative;min-height:265px;padding:22px;border:1px solid #d8e0d5;border-radius:14px;background:#fffdf6}.guide-number{position:absolute;right:17px;top:13px;font-size:10px;color:#a8b5a8;font-weight:900;letter-spacing:.1em}.guide-icon{width:54px;height:54px;display:grid;place-content:center;border-radius:14px;background:#e4f1e4;color:#168c85;font-size:24px;font-weight:900;margin-bottom:22px}.guide-card:nth-child(2) .guide-icon{background:#fce8cf;color:#df8055}.guide-card:nth-child(3) .guide-icon{background:#e7e2f3;color:#7772ae}.guide-card h2{font-size:21px;margin-bottom:10px}.guide-card p,.content-panel p{font-size:13px;line-height:1.75;color:#62797b;margin:0}.content-panel{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:25px 28px;background:#e7f2e4;border:1px solid #d5e4d3;border-radius:15px;margin:16px 0}.content-panel>div:first-child{max-width:660px}.content-panel h2{font-size:23px;margin:8px 0 9px}.content-panel-warm{background:#fbe8d4;border-color:#f0d8bf}.rule-sticker{flex:0 0 112px;width:112px;height:112px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#ef7f59;color:#fff;font-size:35px;font-weight:900;line-height:1}.rule-sticker span{font-size:8px;letter-spacing:.11em;text-align:center;line-height:1.3;margin-top:5px}.sticker-blue{background:#348f9a}.fine-print{margin-top:23px;color:#78908d;font-size:11px;line-height:1.7}.fine-print a{color:#14817f}.level-list{display:grid;gap:13px;margin-top:35px}.level-card{display:grid;grid-template-columns:220px 1fr;min-height:155px;background:#fffdf7;border:1px solid #e5e0d3;border-radius:14px;overflow:hidden;box-shadow:0 4px 16px rgba(25,52,63,.04)}.level-art{position:relative;display:flex;align-items:end;justify-content:center;overflow:hidden}.level-art>span{position:absolute;left:14px;top:11px;font-size:10px;font-weight:900;color:rgba(255,255,255,.86);z-index:2}.level-sun{position:absolute;right:20px;top:16px;font-size:38px;color:rgba(255,255,255,.74)}.level-silhouette{position:relative;bottom:-11px;font-size:110px;line-height:.9;color:rgba(19,67,65,.27);transform:scaleX(1.2)}.level-card-1 .level-art{background:linear-gradient(150deg,#a3dcac,#379b82)}.level-card-2 .level-art{background:linear-gradient(150deg,#9ae0da,#428fa9)}.level-card-3 .level-art{background:linear-gradient(150deg,#f5d399,#c07451)}.level-card-4 .level-art{background:linear-gradient(150deg,#d7cff2,#8382b5)}.level-card-5 .level-art{background:linear-gradient(150deg,#98b3de,#425f91)}.level-copy{padding:19px 23px}.level-copy .card-kicker{font-size:8px}.level-copy h2{font-size:21px;margin:7px 0}.level-copy p{font-size:12px;color:#637b7e;margin-bottom:11px}.level-tag{display:inline-block;padding:5px 8px;border-radius:5px;background:#edf1e7;color:#63817b;font-size:8px;font-weight:900;letter-spacing:.1em}.center-cta{text-align:center;margin-top:38px}.center-cta p{font-size:12px;color:#78908d;margin-bottom:13px}.about-hero{display:grid;grid-template-columns:1.4fr .6fr;align-items:center;min-height:350px;gap:30px}.about-hero img{width:270px;justify-self:center;filter:drop-shadow(0 12px 10px rgba(22,59,73,.15))}.about-hero h1{font-size:clamp(40px,6vw,62px)}.contact-card{display:flex;align-items:center;gap:22px;padding:28px;border:1px solid #d9e5d7;background:#e7f2e4;border-radius:15px}.contact-card h2{font-size:23px;margin:9px 0}.contact-card p{font-size:12px;color:#617a7b;line-height:1.7}.contact-mark{width:72px;height:72px;flex:0 0 72px;display:grid;place-content:center;border-radius:50%;background:#fff1c6;color:#d47b50;font-size:30px}.update-card{margin-top:36px;padding:28px;background:#fffdf7;border:1px solid #e2dfd3;border-radius:15px;box-shadow:var(--shadow)}.update-date{display:flex;align-items:center;gap:10px;color:#e07853;font-size:10px;font-weight:900;letter-spacing:.12em}.update-date span{padding:5px 8px;border-radius:4px;background:#fce8d1;color:#b87454;font-size:8px}.update-card h2{font-size:26px;margin:15px 0 10px}.update-card p,.update-card li{font-size:13px;color:#61787b;line-height:1.8}.update-card ul{padding-left:20px}.policy-page{max-width:820px}.policy-page section{padding:22px 0;border-bottom:1px solid #e4dfd2}.policy-page section h2{font-size:21px}.policy-page section p{font-size:13px;line-height:1.85;color:#61787b}.policy-page a{color:#14817f}.policy-notice{padding:15px 17px;border-radius:10px;background:#fff1c6;color:#6a654f;font-size:12px;line-height:1.7;margin:24px 0}.error-page{min-height:68vh;display:flex;flex-direction:column;justify-content:center}.error-code{font-size:10px;color:#e57652;font-weight:900;letter-spacing:.2em}.error-page h1{font-size:clamp(42px,7vw,70px)}
.game-page{max-width:1100px;padding-block:37px 70px}.game-intro{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:20px}.game-intro h1{font-size:clamp(34px,4.5vw,49px);margin:9px 0}.game-intro p{color:#647d80;font-size:13px;margin:0}.game-intro .text-link{margin-bottom:7px}.game-card{padding:16px;border-radius:15px;background:#17384d;box-shadow:0 18px 45px rgba(20,49,66,.22);border:1px solid #426276}.game-topline{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:3px 3px 14px}.game-brand{display:flex;align-items:center;gap:9px;color:#f9e6ad;font-size:10px;font-weight:900;letter-spacing:.1em}.game-brand-mark{width:30px;height:30px;display:grid;place-content:center;border-radius:9px;background:#ffe18b;color:#1b4052;font-size:17px}.game-brand small{display:block;margin-top:3px;color:#8fb2b4;font-size:8px;letter-spacing:.12em}.game-readouts{display:flex;gap:8px}.game-readouts>div{min-width:80px;padding:6px 9px;border:1px solid #426276;border-radius:7px;background:#1d465b}.game-readouts small{display:block;color:#94b2b4;font-size:7px;font-weight:900;letter-spacing:.14em}.game-readouts strong{display:block;color:#fff1c1;font-family:monospace;font-size:13px}.canvas-frame{position:relative;width:100%;overflow:hidden;border-radius:8px;border:3px solid #e2be63;background:#86ced0;line-height:0;box-shadow:inset 0 0 0 1px rgba(16,48,64,.2)}#game{display:block;width:100%;height:auto;aspect-ratio:16/9;touch-action:none;background:#9fdbd3}.canvas-scanlines{position:absolute;inset:0;pointer-events:none;opacity:.055;background:repeating-linear-gradient(0deg,transparent 0 3px,#16384b 4px 5px)}.game-controls-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 2px 4px}.game-actions{display:flex;gap:8px;align-items:center}.touch-controls{display:flex;gap:8px;touch-action:none}.touch-button{min-width:54px;min-height:46px;border:1px solid #6d9095;border-bottom-width:4px;border-radius:8px;background:#2e5d70;color:#fff3c7;font-size:17px;font-weight:900;touch-action:none;user-select:none;-webkit-user-select:none;cursor:pointer}.touch-button:active{transform:translateY(2px);border-bottom-width:2px;background:#387889}.touch-jump{min-width:89px;background:#d97455;border-color:#f19a71;color:#fff}.touch-jump span{margin-left:4px}.game-status{min-height:19px;margin:7px 2px;color:#d4e4d9;text-align:center;font-size:11px}.game-foot{display:flex;justify-content:space-between;gap:15px;padding:8px 2px 0;border-top:1px solid #3d5d6c;color:#91aaae;font-size:8px;letter-spacing:.03em}.game-foot b{color:#fff0c6;font-size:8px}.game-below-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}.info-card{padding:21px;border:1px solid #dce3d6;border-radius:12px;background:#fffdf6}.info-card h2{font-size:19px;margin:7px 0}.info-card p{margin:0;color:#637b7e;font-size:11px;line-height:1.8}.info-card-soft{background:#e7f2e4}.touch-controls[hidden]{display:none}
@media(max-width:900px){.site-header{height:auto;min-height:72px;flex-wrap:wrap;padding:12px 18px;gap:8px}.nav{order:3;width:100%;justify-content:center;overflow:auto}.nav a{padding:8px 10px}.hero{gap:20px;min-height:480px}.hero-art{height:360px}.tavi-art{height:270px}.game-readouts>div{min-width:67px}.game-readouts{gap:5px}}
@media(max-width:640px){.wrap{width:min(100% - 26px,1160px)}.site-header{padding:10px 13px}.brand img{width:36px;height:36px}.header-play{padding:9px 11px;font-size:9px}.nav{justify-content:flex-start;gap:1px;padding:2px 0 0}.nav a{font-size:10px;padding:7px 9px}.hero{display:flex;flex-direction:column;align-items:stretch;padding-block:36px 31px;gap:22px}.hero-copy{padding:0}.hero h1{font-size:46px}.hero-lede{font-size:14px}.hero-art{height:330px}.tavi-art{height:250px}.art-stamp{width:57px;height:57px;font-size:8px}.hero-facts{gap:12px;flex-wrap:wrap}.hero-facts span{font-size:9px}.ticker-track{font-size:9px}.section-block{padding-block:47px}.section-heading{align-items:start;flex-direction:column}.section-heading h2{font-size:29px}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:194px}.split-panel{padding:23px 18px;margin-bottom:48px}.split-copy{display:block}.split-copy h2{font-size:29px}.split-copy p{margin-bottom:17px}.level-strip{grid-template-columns:repeat(5,minmax(90px,1fr));overflow-x:auto;padding-bottom:4px}.mini-level{min-height:91px;padding:8px}.mini-level strong{font-size:10px}.bottom-note{align-items:flex-start;flex-wrap:wrap;padding-bottom:42px}.bottom-note p{flex-basis:calc(100% - 58px);line-height:1.7}.bottom-note .text-link{margin-left:55px}.site-footer{flex-direction:column;align-items:flex-start;gap:9px;padding:18px 15px}.site-footer div{gap:16px}.content-page{padding-block:40px 57px}.content-page h1{font-size:43px}.page-lede{font-size:14px;margin-bottom:28px}.guide-grid{grid-template-columns:1fr;margin:25px 0}.guide-card{min-height:0}.content-panel{align-items:flex-start;padding:19px;gap:14px}.content-panel h2{font-size:20px}.content-panel p{font-size:12px}.rule-sticker{width:76px;height:76px;flex-basis:76px;font-size:27px}.rule-sticker span{font-size:6px}.level-card{grid-template-columns:108px 1fr;min-height:145px}.level-copy{padding:15px 13px}.level-copy h2{font-size:18px}.level-copy p{font-size:10px}.level-silhouette{font-size:78px}.level-sun{font-size:27px;right:10px}.about-hero{grid-template-columns:1fr;gap:4px}.about-hero img{width:175px;grid-row:1;justify-self:end;max-height:200px}.about-hero>div{grid-row:2}.about-hero h1{font-size:43px}.contact-card{align-items:flex-start;padding:20px;gap:13px}.contact-mark{width:50px;height:50px;flex-basis:50px;font-size:21px}.contact-card h2{font-size:18px}.game-page{padding-top:27px}.game-intro{display:block}.game-intro h1{font-size:36px}.game-intro .text-link{margin-top:13px}.game-card{padding:8px;border-radius:11px}.game-topline{align-items:flex-start;flex-direction:column;padding:4px 2px 10px}.game-readouts{width:100%;display:grid;grid-template-columns:repeat(4,1fr)}.game-readouts>div{min-width:0;padding:5px 6px}.game-readouts strong{font-size:11px}.canvas-frame{border-width:2px}.game-controls-row{flex-direction:column;align-items:stretch}.touch-controls{justify-content:space-between}.touch-button{flex:1;min-height:54px}.touch-jump{flex:1.35}.game-actions{display:grid;grid-template-columns:1.25fr 1fr 1fr}.game-actions .button{font-size:9px;min-height:38px;padding:0 5px;gap:3px}.game-status{font-size:10px}.game-foot{flex-direction:column;gap:5px;font-size:8px}.game-below-grid{grid-template-columns:1fr}.game-below-grid .info-card{padding:16px}.game-below-grid h2{font-size:18px}}
@media(max-width:380px){.hero h1{font-size:40px}.nav a{font-size:9px;padding-inline:7px}.game-readouts small{font-size:6px}.game-actions{grid-template-columns:1fr 1fr}.game-actions #start-button{grid-column:1/-1}.game-actions .button{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}