@font-face{font-family:Nunito;src:url('/assets/fonts/nunito-400.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Nunito;src:url('/assets/fonts/nunito-600.ttf') format('truetype');font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Nunito;src:url('/assets/fonts/nunito-700.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Nunito;src:url('/assets/fonts/nunito-800.ttf') format('truetype');font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Nunito;src:url('/assets/fonts/nunito-900.ttf') format('truetype');font-weight:900;font-style:normal;font-display:swap}

:root{--cobalt:#254bff;--coral:#ff6855;--lemon:#edff66;--paper:#f7f8fc;--ink:#171d33;--grid:#cbd5ef;--muted:#515b76}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.4 Nunito,Arial,sans-serif}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:800;letter-spacing:-.04em;line-height:1.06;color:#060918}h2{font-size:32px}h3{font-size:22px;letter-spacing:-.025em}p{line-height:1.4}em{color:var(--cobalt);font-style:normal}a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit}button,a,select,input{touch-action:manipulation}button,select,summary{cursor:pointer}button{background:transparent}button:disabled{cursor:default;opacity:.5}a,button{transition:background-color .15s,box-shadow .15s}a:hover .icon:last-child{transform:translateX(2px)}a:hover,button:hover{filter:brightness(.97)}:focus-visible{outline:3px solid var(--ink);outline-offset:4px}.icon{width:24px;height:24px;flex-shrink:0;vertical-align:middle}.piece{object-fit:contain}.wrap{padding:28px 3.7%;max-width:1600px;margin:auto}.cobalt{background:var(--cobalt);color:white}.coral{background:var(--coral);color:var(--ink)}.lemon{background:var(--lemon);color:#0b0e18}.ink{background:var(--ink);color:white}.paper{background:var(--paper)}.cobalt h2,.cobalt h3{color:white}.button{min-height:44px;border:1px solid var(--grid);display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:10px 22px;font-weight:700;border-radius:2px;text-align:center}.button.lemon,.button.cobalt,.button.ink{border-color:transparent}.button:hover{box-shadow:0 3px 10px #171d3314}.micro,.eyebrow{font-size:11px;line-height:1.7;letter-spacing:.25em;font-weight:700}.eyebrow{margin-bottom:12px;letter-spacing:.32em}.lead{font-size:25px;line-height:1.25;letter-spacing:-.02em}.site-header{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 3.7%;gap:24px;position:relative;z-index:2}.logo{display:flex;align-items:center;gap:12px;white-space:nowrap;font-size:27px;letter-spacing:-1px;color:#060918}.logo span{display:flex;gap:0}.logo .piece{width:36px;height:36px}.site-header nav{display:flex;gap:32px;align-items:center}.site-header nav a{font-weight:700;font-size:14px;padding:24px 0;position:relative}.site-header a[aria-current]:after{content:'';position:absolute;bottom:15px;left:0;right:0;height:2px;background:var(--cobalt)}.header-actions{display:flex;gap:4px}.icon-button{border:0;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center}.skip{position:absolute;top:-100px;left:10px;z-index:100;background:var(--lemon);padding:16px}.skip:focus{top:10px}#mobile-menu{position:absolute;right:3.7%;top:68px;background:var(--paper);border:1px solid var(--grid);z-index:20;width:260px;box-shadow:0 10px 30px #171d3320;padding:16px}#mobile-menu a{display:block;padding:14px}.hero{min-height:270px;padding:10px 3.7% 26px;position:relative;overflow:hidden;max-width:1600px;margin:auto;display:flex;align-items:center}.hero-copy{position:relative;z-index:1;max-width:70%}.hero h1{font-size:clamp(56px,7vw,108px);line-height:.92;letter-spacing:-.055em;margin-bottom:12px}.hero .lead{max-width:700px}.hero-art{position:absolute;right:0;top:-70px;bottom:0;width:47%;pointer-events:none}.hero-art:before{content:'';position:absolute;background:var(--cobalt);width:150px;height:700px;transform:rotate(35deg);top:-250px;left:50%}.hero-art .piece{position:absolute;width:46%;height:auto}.hero-x{left:2%;top:28%;transform:rotate(-1deg)}.hero-o{left:44%;top:43%}.hero-art .micro{position:absolute;right:6%;top:43%;font-size:10px}.home-hero h1{font-size:clamp(58px,6.5vw,98px)}.home-hero{min-height:245px}.home-hero .hero-copy{max-width:75%}.hero .button{margin-top:18px}.strategy-hero{min-height:330px}.strategy-hero .hero-art{background:var(--coral);top:0}.strategy-hero .hero-x{top:5%;width:65%;left:-5%;transform:rotate(-12deg)}.strategy-hero .hero-o{top:25%;width:55%}.strategy-hero .hero-art .micro{color:white;top:8%}.guides-hero{min-height:320px}.guides-hero .lead{max-width:650px}.modes-hero{min-height:280px}.modes-hero .hero-art{background:linear-gradient(transparent 25%,var(--lemon) 25%)}.modes-hero h1{max-width:650px}
.game-shell{background:var(--cobalt);padding:24px 3.7%;display:grid;grid-template-columns:90px minmax(0,1fr) 70px;gap:22px;position:relative}.game-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);gap:24px;max-width:1180px;width:100%;margin:auto;align-items:start}.game-side,.game-end{color:white;font-size:11px;padding-top:18px}.game-side{display:flex;flex-direction:column;justify-content:space-between}.game-side span{display:block}.game-end{align-self:end}.board-area{min-width:0}.board-viewport{width:100%;overflow:auto;background:white}.board{display:grid;grid-template-columns:repeat(15,minmax(0,1fr));aspect-ratio:1;border-top:1px solid var(--grid);border-left:1px solid var(--grid);background:#fff;width:100%;isolation:isolate}.board-row{display:contents}.cell{min-width:0;min-height:0;border:0;border-right:1px solid var(--grid);border-bottom:1px solid var(--grid);padding:0;position:relative;border-radius:0}.cell[data-mark]:before{content:'';position:absolute;inset:1%;background:center/contain no-repeat;pointer-events:none}.cell[data-mark=X]:before{background-image:url('/assets/game/x-piece.svg')}.cell[data-mark=O]:before{background-image:url('/assets/game/o-piece.svg')}.cell[data-last=true]:after{content:'';position:absolute;inset:2px;border:1px dashed var(--ink)}.cell[data-win=true]{background:var(--lemon);box-shadow:inset 0 0 0 2px var(--ink)}.cell.selected{background:var(--lemon);box-shadow:inset 0 0 0 2px var(--ink)}.cell.hint:after{content:'?';position:absolute;inset:0;display:grid;place-items:center;font-weight:800;color:var(--ink);background:var(--lemon);font-size:24px}.cell:focus-visible{outline:3px solid var(--ink);outline-offset:-3px;z-index:2}.board.zoomed{width:max(100%,675px)}.control-panel{background:var(--paper);padding:24px;min-width:0}.turn{font-size:30px;display:flex;gap:10px;align-items:center;margin-bottom:16px}.turn:before{content:'';width:23px;height:23px;flex-shrink:0;border-radius:50%;background:radial-gradient(at 30% 25%,#69a7ff,var(--cobalt) 65%);box-shadow:0 3px 4px #10267840}.players{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px}.players>span{border:1px solid var(--grid);display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:58px;padding:8px 15px}.players b{font-size:16px;overflow-wrap:anywhere}.players .piece{width:36px;height:36px}label{display:block}select,input[type=search],input[type=text],input:not([type]){border:1px solid var(--grid);background:#fff;border-radius:2px;padding:8px 10px;min-height:44px;width:100%}select{margin-top:5px}.game-selects{display:grid;gap:12px}.game-selects label{font-size:14px}.rule-tag{background:#e9edf6;border-radius:3px;padding:12px 10px;text-align:center;font-size:13px;margin:16px 0}.game-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.game-actions .button{font-size:13px;padding:8px;gap:8px}.game-actions .icon{width:19px;height:19px}.new-game{grid-column:1/-1;font-size:20px!important}.new-game .icon{display:none}.sound-control{display:flex;align-items:center;justify-content:space-between;font-size:13px;gap:4px}.sound-control .icon{width:20px}.game-notice{grid-column:1/-1;font-size:13px;line-height:1.3}.game-notice:empty{display:none}input[role=switch]{appearance:none;width:38px;height:23px;min-width:38px;background:#a6afc3;border-radius:20px;position:relative;cursor:pointer;border:0;vertical-align:middle}input[role=switch]:after{content:'';position:absolute;top:3px;left:3px;width:17px;height:17px;border-radius:50%;background:white}input[role=switch]:checked{background:var(--cobalt)}input[role=switch]:checked:after{left:18px}.move-preview{display:flex;gap:8px;flex-wrap:wrap;padding:10px;background:white;border:2px solid var(--ink)}.move-preview span{flex-basis:100%;font-weight:700}.move-preview .button{flex:1;padding:6px}.standalone{min-height:calc(100svh - 74px);align-items:center;grid-template-columns:100px minmax(0,1fr)}.standalone .game-end{display:none}.standalone .game-layout{max-width:1400px;grid-template-columns:minmax(0,1.5fr) minmax(350px,1fr);align-items:start}.standalone .control-panel{padding:30px}.standalone .turn{font-size:42px}.standalone .players{margin:24px 0}.standalone .players>span{min-height:80px}.standalone .players .piece{width:52px;height:52px}.standalone .game-actions .button{min-height:55px;font-size:16px}.standalone .rule-tag{padding:18px}.game-shell:fullscreen{overflow:auto;align-items:start;padding-top:30px}.game-shell:fullscreen .game-layout{max-width:1250px}
.benefits{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--grid);padding-top:18px;padding-bottom:18px}.benefits>div{display:flex;justify-content:center;align-items:center;gap:20px;border-right:1px solid var(--muted)}.benefits>div:last-child{border:0}.benefits .icon{width:45px;height:45px;color:var(--cobalt)}.benefits p span,.benefits p b{display:block}.benefits p b{font-size:20px;font-weight:800}.benefits p span{font-size:14px}.section-title{display:flex;align-items:center;gap:22px;margin:6px 0 22px}.section-title>span:not(:empty){font-size:23px;letter-spacing:.16em;border-right:1px solid var(--muted);padding-right:20px}.section-title>span:empty{display:none}.section-title h2{font-size:34px}.section-title .micro{margin-left:auto;text-align:right;font-size:9px;max-width:370px}.cards-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.cards-two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.step{border:1px solid var(--grid);padding:22px;display:flex;gap:24px;background:#fff8}.number{font-size:76px;font-weight:800;letter-spacing:-.04em;line-height:1;color:#c6cedc}.step h3{margin:4px 0 10px}.step p{font-size:15px}.small-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.small-title .micro{font-size:9px}.mode-heading{margin-top:22px}.mode-heading h2{font-size:44px}.mode-links{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.mode-link{display:flex;align-items:center;gap:22px;padding:24px;position:relative}.mode-link>.icon:first-child{width:52px;height:52px}.mode-link>.icon:last-child{align-self:end;width:22px;position:absolute;right:16px;bottom:16px}.mode-link h3{font-size:22px;margin-bottom:8px}.mode-link p{font-size:15px;padding-right:12px}.strategy-banner{display:grid;grid-template-columns:1fr 1fr;border-block:1px solid var(--grid);min-height:265px}.strategy-banner>div:last-child{padding:20px 8% 20px 3%}.strategy-banner h2{font-size:60px;line-height:.95}.strategy-banner p{font-size:18px;max-width:450px;margin:12px 0}.banner-art{overflow:hidden;background:var(--lemon);position:relative}.banner-art img{width:100%;height:100%;position:absolute;object-fit:cover}.editorial{display:grid;grid-template-columns:2fr 1fr;gap:44px;padding-top:26px;padding-bottom:26px}.editorial h2{font-size:30px}.editorial>div:last-child{position:relative}.editorial>div:last-child:before{content:'';position:absolute;left:-22px;top:-26px;bottom:-26px;border-left:1px solid var(--grid)}.editorial .faq{margin-top:14px}.guide-card{display:block;border:1px solid var(--grid);background:#fff5;position:relative}.card-art{height:170px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}.card-art .piece{width:170px;height:170px;transform:rotate(-10deg)}.card-art .piece+img{transform:translate(25px,45px) scale(1.4)}.card-copy{padding:24px 24px 38px}.card-copy h3{margin-bottom:12px}.card-copy>.icon{position:absolute;right:20px;bottom:18px}.compact .card-art{height:80px;background:transparent;justify-content:start;padding:10px 15px}.compact .card-art .piece{width:60px;height:60px}.compact .card-copy{padding:0 18px 35px}.compact .eyebrow{display:none}.compact h3{font-size:20px}.compact p{font-size:14px}.faq details{border:1px solid var(--grid);background:#fff6;margin:6px 0}.faq summary{list-style:none;font-weight:700;display:flex;justify-content:space-between;gap:14px;align-items:center;padding:10px 12px;min-height:44px;font-size:14px}.faq summary::-webkit-details-marker{display:none}.faq summary span{font-size:23px;font-weight:400}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{padding:0 14px 14px;font-size:15px}.site-footer{padding:35px 3.7% 42px;background:var(--cobalt);color:white;display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:150px}.site-footer .logo{color:white}.site-footer .micro{font-size:10px;margin-top:10px}.site-footer nav{display:flex;gap:35px;margin-left:auto}.site-footer>p{border-left:1px solid currentColor;padding-left:45px;margin-left:20px}.site-footer.light{background:var(--paper);color:var(--ink)}.site-footer.light .logo{color:var(--ink)}
.rules-benefits{display:grid;grid-template-columns:repeat(3,1fr);padding:28px 4%}.rules-benefits>div{display:flex;align-items:center;justify-content:center;gap:30px;border-right:1px solid white}.rules-benefits>div:last-child{border:0}.rules-benefits .icon{width:64px;height:64px}.rules-benefits b{font-size:28px;display:block}.rules-benefits p>span{display:block;font-size:20px}.rules-body>.eyebrow{margin:5px 0 10px}.rule-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.rule-step{border:1px solid var(--grid);background:#fff8;padding:20px;display:grid;grid-template-columns:55px 1fr;gap:12px}.rule-step .number{font-size:70px}.rule-step h3{font-size:22px;margin-bottom:12px}.rule-step p{font-size:15px}.mini-grid{display:grid;grid-template-columns:repeat(5,1fr);aspect-ratio:1;background:repeating-linear-gradient(0deg,transparent,transparent);border-top:1px solid var(--grid);border-left:1px solid var(--grid);width:100%;max-width:190px}.mini-grid span{border-right:1px solid var(--grid);border-bottom:1px solid var(--grid);position:relative}.mini-grid .piece{width:100%;height:100%;position:absolute}.rule-step .mini-grid{grid-column:1/-1;margin:0 auto}.free-rule{padding:24px 30px;margin:15px 0 35px}.free-rule h2{font-size:44px;margin-bottom:8px}.free-rule p{font-size:19px}.example{padding:25px;border:1px solid var(--grid);display:flex;gap:26px;align-items:center;background:#fff5}.example h3{margin-bottom:12px}.example .mini-grid{width:145px;flex-shrink:0}.example b{color:var(--cobalt);display:block;margin-top:14px}.examples{margin-bottom:35px}.faq-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.faq-cards summary{font-size:18px;padding:22px}.faq-cards details p{padding:0 22px 22px}.cta{background:var(--cobalt);color:white;padding:32px 4%;display:flex;align-items:center;justify-content:space-between;gap:40px;position:relative;overflow:hidden}.cta h2{font-size:50px;color:white}.cta .button{min-width:250px;font-size:24px}.cta>.micro{background:var(--coral);padding:20px}.tips-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.tip{border:1px solid var(--grid);padding:20px;display:grid;grid-template-columns:50px 1fr 105px;gap:14px}.tip .number{font-size:70px;color:var(--coral)}.tip:nth-child(even) .number{color:var(--cobalt)}.tip h3{grid-column:2/-1;align-self:center;font-size:22px;max-width:190px}.tip p{grid-column:1/3;font-size:16px}.tip .mini-grid{grid-column:3;align-self:end}.strategy-extras{margin-top:18px;grid-template-columns:.95fr 1.05fr}.checklist{padding:25px}.checklist h2{font-size:32px}.checklist ol{list-style:none;padding:0;counter-reset:steps;margin-bottom:0}.checklist li{counter-increment:steps;display:flex;align-items:center;gap:15px;font-size:19px;margin:12px 0}.checklist li:before{content:counter(steps);width:44px;height:44px;border-radius:50%;background:var(--ink);color:white;display:grid;place-items:center;flex-shrink:0}.open-four{border:1px solid var(--grid);padding:25px;position:relative}.open-four h2{font-size:31px;margin-bottom:20px}.open-four p:not(.eyebrow){max-width:58%}.open-four img{position:absolute;width:38%;height:auto;right:12px;top:100px}.open-four .button{margin-top:24px}.strategy-note{display:grid;grid-template-columns:1.5fr 1fr;gap:20px;margin:16px 0 34px}.strategy-note>p{display:flex;align-items:center;gap:22px;border:1px solid var(--grid);padding:24px;font-size:15px}.strategy-note .icon{width:65px;height:65px;color:var(--cobalt)}.strategy-note>a{padding:24px}.strategy-note h2{margin:12px 0}.explore .icon:first-child{color:var(--cobalt);width:46px;height:46px}.explore .example{align-items:start;position:relative;min-height:170px}.explore .icon:last-child{position:absolute;right:18px;bottom:18px}.strategy-body{padding-bottom:55px}.filters{display:flex;max-width:680px;margin:0 0 18px}.filters button{flex:1;border:1px solid var(--grid);padding:14px 20px;background:white;min-height:48px}.filters button[aria-pressed=true]{background:var(--cobalt);color:white;border-color:var(--cobalt)}.featured-guide{display:grid;grid-template-columns:40% 60%;border:1px solid var(--grid);margin-bottom:20px;min-height:300px}.featured-guide>div{padding:28px}.featured-guide h2{font-size:50px;margin-bottom:14px}.featured-guide p:not(.eyebrow){font-size:21px;margin-bottom:20px}.featured-guide img{width:100%;height:100%;object-fit:cover;min-width:0}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.guide-grid h3{font-size:24px}.guide-grid p:not(.eyebrow){font-size:18px}.idea-cta{display:flex;align-items:center;justify-content:space-between;padding:35px 4%;gap:40px}.idea-cta h2{font-size:52px}.idea-cta .button{font-size:21px}.empty-filter{padding:35px;background:white;border:1px solid var(--grid)}.mode-preview{display:grid;grid-template-columns:100px minmax(0,1.6fr) minmax(280px,1fr) 80px;gap:28px;padding:24px 3.7%}.mode-preview>img{width:100%;height:auto;max-height:560px;object-fit:contain}.preferences{padding:26px;background:var(--paper);color:var(--ink)}.preferences h2{font-size:29px;margin-bottom:25px}.preferences fieldset{border:0;padding:0;margin:0 0 20px;display:flex;gap:20px}.preferences legend{margin-bottom:10px}.preferences fieldset label{display:flex;align-items:center;justify-content:center;border:1px solid var(--grid);flex:1;padding:4px;gap:8px}.preferences .piece{width:42px;height:42px}.setting-toggle{display:flex;justify-content:space-between;align-items:center;margin:12px 0}.preferences>p:last-child{font-size:14px}.mode-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.mode-card{border:1px solid var(--grid);display:flex;flex-direction:column}.mode-card-head{display:flex;align-items:center;gap:22px;padding:24px;min-height:130px}.mode-card-head h2{font-size:25px;margin-bottom:8px}.mode-card-head .icon{width:50px;height:50px}.mode-card-body{padding:20px;display:flex;flex-direction:column;gap:14px;flex:1}.mode-card-body>.button{margin-top:auto}.mode-card-body>label{display:flex;align-items:center;gap:12px;font-size:14px;white-space:nowrap}.mode-card-body input{min-width:0}.levels{border:0;padding:0;display:flex;gap:10px}.levels label{border:1px solid var(--grid);padding:10px 8px;display:flex;gap:6px;align-items:center;flex:1}.levels label:has(:checked){background:#dce3ff}.article{max-width:930px;min-height:65vh;padding-top:55px;padding-bottom:70px}.article h1{font-size:62px;margin:24px 0}.article h2{font-size:32px;margin:32px 0 12px}.article>p{font-size:19px;line-height:1.65;margin:16px 0}.article .lead{font-size:26px}.article figure{margin:28px 0}.article figure img{width:100%;height:auto;max-height:600px}.article figcaption{font-size:14px;color:var(--muted)}.article .button{margin-top:25px}.text-link{color:var(--cobalt);font-weight:700}dialog{border:1px solid var(--grid);background:var(--paper);color:var(--ink);padding:28px;width:min(560px,90vw);max-height:85vh}dialog::backdrop{background:#080c30aa}dialog h2{margin-bottom:20px}.close-dialog{position:absolute;right:8px;top:8px;font-size:30px}#search-results{margin-top:14px}#search-results a{display:block;padding:14px;border-bottom:1px solid var(--grid)}.mobile-only{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}
@media(min-width:1600px){.game-layout{max-width:1200px}.game-shell{grid-template-columns:1fr 1200px 1fr}.game-side{align-items:end;padding-right:25px}.hero{min-height:340px}}
@media(max-width:1100px) and (min-width:701px){.site-header nav{gap:22px}.logo{font-size:24px}.game-shell{grid-template-columns:65px minmax(0,1fr) 50px;gap:16px;padding:20px 3.7%}.game-layout{gap:18px;grid-template-columns:minmax(0,1.5fr) minmax(265px,1fr)}.control-panel{padding:18px}.turn{font-size:26px}.game-actions{gap:7px}.game-actions .button{font-size:11px;gap:5px}.game-selects{gap:8px}.rule-tag{margin:12px 0}.players{margin-bottom:12px}.players>span{padding:6px 10px}.hero h1{font-size:8.4vw}.home-hero h1{font-size:7.8vw}.hero .lead{font-size:23px}.hero-art{width:46%}.hero-x{top:35%}.hero-o{top:49%}.hero-art .micro{font-size:8px;right:6%}.hero-copy{max-width:75%}.home-hero{min-height:215px}.step{padding:18px;gap:18px}.number{font-size:66px}.section-title h2{font-size:31px}.mode-link{padding:20px;gap:20px}.mode-link h3{font-size:21px}.mode-link>.icon:first-child{width:42px;height:42px}.strategy-banner h2{font-size:56px}.editorial{gap:35px}.editorial h2{font-size:26px}.editorial .small-title .micro{font-size:7px}.compact .card-copy{padding:0 14px 35px}.compact h3{font-size:18px}.compact p{font-size:13px}.faq summary{padding:6px 10px;font-size:12px;min-height:38px}.site-footer{min-height:140px}.rule-step{padding:16px;grid-template-columns:45px 1fr;gap:10px}.rule-step h3{font-size:19px}.rule-step .number{font-size:62px}.rule-step p{font-size:14px}.free-rule h2{font-size:40px}.tip{grid-template-columns:40px 1fr 90px;padding:16px;gap:12px}.tip h3{font-size:19px}.tip p{font-size:14px}.tip .number{font-size:62px}.mode-preview{grid-template-columns:80px minmax(0,1.6fr) minmax(260px,1fr) 60px;gap:20px}.mode-card-head{padding:20px;gap:18px}.mode-card-head h2{font-size:23px}.mode-card-body{padding:16px}.levels{gap:6px}.levels label{font-size:13px;padding:10px 4px}.featured-guide h2{font-size:44px}.standalone{grid-template-columns:60px minmax(0,1fr)}.standalone .game-layout{grid-template-columns:minmax(0,1.4fr) minmax(290px,1fr)}.standalone .control-panel{padding:20px}}
@media(max-width:700px){body{font-size:15px;background:var(--paper)}h2{font-size:25px}h3{font-size:18px}.wrap{padding:16px 20px}.mobile-only{display:block}.desktop-only{display:none!important}.site-header{height:64px;padding:0 20px;gap:8px}.logo{font-size:22px;gap:5px;letter-spacing:-1px}.logo .piece{width:26px;height:26px}.site-header nav,.search-toggle{display:none}.header-actions .icon{width:28px;height:28px}.hero{padding:12px 20px 14px;min-height:0;overflow:hidden;display:block}.hero-copy,.home-hero .hero-copy{max-width:100%}.hero .eyebrow{display:none}.hero h1{font-size:clamp(45px,10.7vw,72px);line-height:.98;letter-spacing:-.05em;margin:5px 0 10px}.hero .lead{font-size:18px;line-height:1.3}.hero-art{top:0;right:14px;bottom:auto;width:38%;height:145px}.hero-art:before,.hero-art .micro{display:none}.hero-art .piece{width:65%;height:auto}.hero-x{top:20px;left:0}.hero-o{top:62px;left:40%}.home-hero h1{font-size:clamp(38px,9.9vw,66px);max-width:65%;line-height:1}.home-hero h1 em{display:inline-block}.home-hero .hero-art{top:10px}.home-hero .lead{font-size:16px;letter-spacing:-.02em}.game-shell{margin:0 20px;border-radius:6px;padding:12px;display:block}.game-side,.game-end{display:none}.game-layout{display:flex;flex-direction:column;gap:0}.control-panel{display:contents}.game-top{order:-1;color:white;width:100%;display:grid;grid-template-columns:1fr 1.6fr;gap:8px;align-items:center}.turn{font-size:19px;color:white;margin:0;line-height:1.2;gap:0}.turn:before{display:none}.players{margin:0;gap:8px}.players>span{border:0;border-radius:30px;background:white;min-height:30px;padding:3px 7px;color:var(--ink);flex-direction:row-reverse;justify-content:center;gap:3px}.players b{font-size:13px}.players .piece{width:24px;height:24px}.game-selects{grid-column:1/-1;display:flex;gap:10px;align-items:center;margin-bottom:8px}.game-selects label{font-size:0;min-width:0}.game-selects label:first-child{flex:1}.game-selects select{font-size:14px;min-height:38px;padding:7px;background:#fff;color:var(--ink);margin:0}.game-selects #difficulty-label{width:38%}.game-top .rule-tag{display:none}.board-area{width:100%}.board-viewport{border-radius:3px}.cell.hint:after{font-size:14px}.game-actions{margin-top:10px;width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.game-actions .button{background:#f7f8fc;color:var(--ink);font-size:12px;min-height:44px;padding:6px 4px;gap:4px;border-radius:4px}.game-actions .new-game{grid-column:auto;font-size:12px!important}.new-game .icon{display:block}.game-actions .icon{width:18px;height:18px}.game-actions [data-action=tab]{grid-column:1/-1;background:transparent;color:white}.game-actions [data-action=fullscreen]{grid-column:1}.game-actions .zoom-control{grid-column:2}.sound-control{grid-column:3;font-size:0;justify-content:center;gap:7px}.sound-control .icon{color:white}.sound-control input{margin:0}.game-notice{color:white;font-size:13px}.move-preview{font-size:14px}.move-preview .button{font-size:13px}.benefits{margin:6px 20px 0;padding:7px 10px;border:0;background:var(--lemon);border-radius:5px;display:block;text-align:center}.benefits>div{display:none}.benefits>div:first-child{display:flex;border:0;gap:6px}.benefits>div:first-child p b{font-size:0}.benefits>div:first-child p b:after{content:'Enkelt att lära sig. Oändligt med möjligheter.';font-size:13px}.benefits p span{display:none}.benefits .icon{width:22px;height:22px;color:var(--ink)}.home-steps{padding-top:4px;padding-bottom:8px}.home-steps>.section-title{display:none}.cards-three,.cards-two{grid-template-columns:1fr;gap:8px}.steps{gap:4px}.step{padding:8px 10px;gap:14px;border:0;border-radius:6px;background:#edf0f7;align-items:center}.step .number{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;font-size:23px;color:white;background:var(--cobalt);flex-shrink:0}.step:nth-child(2) .number{background:var(--coral);color:var(--ink)}.step:nth-child(3) .number{background:var(--lemon);color:var(--ink)}.step h3{font-size:16px;margin:0}.step p{font-size:13px;color:var(--muted);line-height:1.25}.mode-heading{display:none}.mode-links{grid-template-columns:1fr;gap:5px;margin-top:7px}.mode-link{padding:10px 14px;gap:15px;border-radius:5px}.mode-link h3{font-size:16px;margin:0 0 2px}.mode-link p{font-size:13px}.mode-link>.icon:first-child{width:30px;height:30px}.mode-link>.icon:last-child{bottom:auto;top:18px;width:18px}.mode-link.coral{background:transparent;border:1px solid var(--grid);color:var(--ink)}.mode-link.lemon{background:transparent;color:var(--cobalt);padding:3px 0}.mode-link.lemon p,.mode-link.lemon>.icon{display:none}.mode-link.lemon h3{font-size:15px}.strategy-banner{display:block;min-height:0;border:0;border-radius:6px;background:var(--coral);margin:0 20px;position:relative;overflow:hidden}.strategy-banner>div:last-child{padding:12px;position:relative;min-height:132px}.strategy-banner h2{font-size:30px;max-width:75%;line-height:.95}.strategy-banner em{color:white}.strategy-banner p{font-size:13px;max-width:55%;margin:6px 0 0}.strategy-banner .button{position:absolute;right:8px;bottom:9px;background:var(--ink);color:white;min-height:34px;font-size:12px;padding:7px 9px;gap:5px}.strategy-banner .button .icon{width:16px;height:16px}.banner-art{position:absolute;right:-5%;top:0;width:52%;height:100%;opacity:.9;background:transparent}.banner-art img{object-fit:cover;mix-blend-mode:multiply}.editorial{display:block;padding-top:8px;padding-bottom:10px}.editorial .small-title,.editorial>div:last-child h2{display:none}.editorial .cards-three{display:flex;flex-direction:column;gap:5px}.editorial .compact{display:flex;align-items:center;min-height:44px;border-radius:5px}.editorial .compact .card-art{width:35px;height:35px;padding:5px;margin:0 7px}.editorial .compact .piece{width:28px;height:28px}.editorial .compact .card-copy{padding:8px 26px 8px 0}.editorial .compact .card-copy h3{font-size:15px;margin:0}.editorial .compact .card-copy p{display:none}.editorial .compact .icon{bottom:12px;width:18px;height:18px}.editorial .compact:first-child{display:none}.editorial>div:last-child:before{display:none}.editorial .text-link{font-size:14px;margin:4px 0 10px}.editorial .faq details:nth-child(n+3){display:none}.faq summary{font-size:14px;min-height:44px}.site-footer{padding:15px 20px;min-height:70px;gap:10px;flex-wrap:wrap}.site-footer .logo{font-size:16px}.site-footer .logo .piece{width:22px;height:22px}.site-footer nav{gap:14px;font-size:11px;margin-left:0}.site-footer .micro{display:none}.section-title{margin:15px 0;gap:12px}.section-title h2{font-size:27px}.section-title .micro{display:none}.section-title>span:not(:empty){display:none}.rules-hero{margin:0 20px;padding:14px;background:var(--cobalt);color:white}.rules-hero h1,.rules-hero em{color:white;font-size:44px}.rules-hero .lead{font-size:18px}.rules-hero .hero-art{position:relative;right:auto;height:140px;margin:6px auto 0;width:80%;top:auto}.rules-hero .hero-x{top:0;left:0;width:50%}.rules-hero .hero-o{top:0;left:50%;width:50%;filter:grayscale(1) brightness(0) invert(1)}.rules-benefits{margin:0 20px;padding:4px 12px 12px;gap:8px}.rules-benefits>div{background:white;color:var(--ink);border:0;border-radius:5px;text-align:center;padding:10px 4px}.rules-benefits .icon,.rules-benefits p>span{display:none}.rules-benefits b{font-size:17px;line-height:1.1}.rules-body>.section-title:first-of-type{display:none}.rule-steps{grid-template-columns:1fr;gap:13px}.rule-step{padding:0;border:0;background:transparent;grid-template-columns:50px 1fr;gap:15px}.rule-step .number{font-size:34px;border-radius:6px;background:var(--coral);color:var(--ink);display:grid;place-items:center;width:50px;height:50px}.rule-step:nth-child(2) .number{background:var(--cobalt);color:white}.rule-step:nth-child(3) .number{background:var(--lemon)}.rule-step h3{font-size:23px;margin:0 0 4px}.rule-step p{font-size:16px}.rule-step .mini-grid{display:none}.free-rule{padding:16px;margin:22px 0 12px;border-radius:5px}.free-rule h2{font-size:29px}.free-rule p{font-size:16px}.rules-body .examples+.section-title h2{font-size:27px}.rules-body .examples:before{display:none}.rules-body .examples{margin-bottom:16px;gap:8px}.rules-body .examples .mini-grid{display:none}.rules-body .examples .example{padding:12px;border:1px solid #9aa3bc;border-radius:4px}.example h3{font-size:19px;margin-bottom:5px}.example p{font-size:15px}.example b{margin-top:6px}.rules-body>.section-title:nth-of-type(3){display:none}.faq-cards{grid-template-columns:1fr;gap:0}.faq-cards summary{font-size:14px;padding:10px}.faq-cards details p{padding:0 12px 12px}.cta{margin:0 20px;padding:14px;border-radius:5px;display:block;text-align:center}.cta>div,.cta>.micro{display:none}.cta .button{font-size:19px;min-height:44px;min-width:0;background:transparent;color:white;padding:0;border:0}.rules-body{padding-bottom:14px}.page-regler .site-footer{background:var(--paper);color:var(--ink)}.strategy-hero h1{font-size:46px}.strategy-hero em{color:#060918}.strategy-hero .lead{max-width:300px;font-size:18px}.strategy-hero .button{display:none}.strategy-hero .hero-art{position:relative;top:auto;right:auto;height:125px;width:75%;margin:12px auto 0;background:transparent}.strategy-hero .hero-x{width:47%;left:0;top:0;transform:rotate(-5deg)}.strategy-hero .hero-o{width:47%;left:53%;top:0}.strategy-benefits{display:none}.strategy-body{padding-top:0}.strategy-body>.section-title:first-child h2{font-size:26px;text-transform:none}.tips-grid{grid-template-columns:1fr;gap:8px}.tip{display:grid;grid-template-columns:46px 1fr;gap:3px 13px;padding:9px;border:0;border-radius:5px;background:#ffeceb}.tip:nth-child(3n+2){background:#e5ebff}.tip:nth-child(3n){background:#f3fbd3}.tip .number{grid-row:1/3;font-size:26px;width:46px;min-height:46px;border-radius:4px;background:var(--coral);color:var(--ink);display:grid;place-items:center}.tip:nth-child(3n+2) .number{background:var(--cobalt);color:white}.tip:nth-child(3n) .number{background:var(--lemon);color:var(--ink)}.tip h3{grid-column:2;max-width:none;font-size:18px}.tip p{grid-column:2;font-size:14px}.tip .mini-grid{display:none}.strategy-extras{display:flex;flex-direction:column;gap:10px;margin-top:12px}.checklist{padding:16px;border-radius:5px}.checklist .eyebrow{display:none}.checklist h2{font-size:17px;letter-spacing:.12em;text-transform:uppercase}.checklist li{font-size:16px;margin:9px 0;gap:12px}.checklist li:before{width:25px;height:25px;font-size:15px}.open-four{padding:14px;border-radius:5px}.open-four .eyebrow,.open-four img{display:none}.open-four h2{font-size:22px;margin-bottom:7px}.open-four p:not(.eyebrow){max-width:100%;font-size:16px}.open-four .button{margin-top:12px;width:100%;background:var(--coral);color:var(--ink)}.strategy-note{display:block;margin:12px 0}.strategy-note>p{display:none}.strategy-note>a{display:block;border-radius:5px;padding:16px}.strategy-note h2{font-size:25px;margin:5px 0}.strategy-note .eyebrow{font-size:9px}.explore .example{min-height:80px;padding:14px;gap:15px}.explore .example:nth-child(2){display:none}.explore .icon:first-child{width:32px;height:32px}.explore h3{font-size:20px}.explore p{font-size:15px;padding-right:15px}.strategy-body{padding-bottom:20px}.guides-hero h1{font-size:43px;max-width:68%}.guides-hero em{color:#060918}.guides-hero .lead{font-size:18px;margin-top:18px;max-width:90%}.guides-hero .hero-art{height:170px;width:36%;top:10px;right:20px}.guides-hero .hero-x{width:90%;left:0;top:0}.guides-hero .hero-o{width:90%;left:12%;top:83px}.guide-hub{padding-top:8px}.filters{display:grid;grid-template-columns:1fr 1fr;gap:7px}.filters button{border:1px solid #9aa3bc;border-radius:4px;padding:7px;font-weight:700;min-height:44px}.featured-guide{display:flex;flex-direction:column-reverse;min-height:0;border-radius:5px;overflow:hidden;border-color:#9aa3bc;margin-bottom:10px}.featured-guide img{height:190px;object-fit:cover}.featured-guide>div{padding:14px}.featured-guide h2{font-size:32px}.featured-guide p:not(.eyebrow){font-size:17px;margin-bottom:13px}.featured-guide .eyebrow{font-size:12px;letter-spacing:0;color:var(--cobalt);margin-bottom:8px}.featured-guide .button{width:100%}.guide-grid{grid-template-columns:1fr;gap:10px}.guide-grid .guide-card{display:grid;grid-template-columns:1fr 90px;border-radius:4px;overflow:hidden;border-color:#9aa3bc}.guide-grid .card-art{grid-column:2;grid-row:1;height:100%;min-height:105px}.guide-grid .card-art .piece{width:80px;height:80px;position:absolute}.guide-grid .card-art .piece+img{display:none}.guide-grid .card-copy{grid-column:1;grid-row:1;padding:10px 12px}.guide-grid .eyebrow{font-size:11px;color:var(--cobalt);letter-spacing:0;margin-bottom:5px}.guide-grid h3{font-size:20px;margin-bottom:5px}.guide-grid p:not(.eyebrow){font-size:14px;line-height:1.25}.guide-grid .icon{display:none}.guide-grid .guide-card:nth-child(n+5){display:none}.guide-grid.expanded .guide-card:nth-child(n+5){display:grid}.more-guides{width:100%;margin-top:10px}.idea-cta{padding:20px;margin:0 20px 12px;display:block;border-radius:5px}.idea-cta>.micro{display:none}.idea-cta h2{font-size:31px}.idea-cta .button{background:var(--cobalt);font-size:16px;margin-top:15px;min-height:44px}.modes-hero h1{font-size:51px}.modes-hero .lead{font-size:19px}.modes-hero .hero-art{position:relative;right:auto;top:auto;width:65%;height:135px;margin:10px auto 0;background:transparent}.modes-hero .hero-x{width:47%;top:0;left:0}.modes-hero .hero-o{width:47%;top:0;left:53%}.modes-content{display:flex;flex-direction:column}.mode-preview{order:2;display:block;background:transparent;padding:0 20px 14px}.mode-preview>img,.mode-preview>.micro{display:none}.preferences{border:1px solid #9aa3bc;border-radius:5px;padding:15px}.preferences h2{font-size:24px;margin-bottom:12px}.preferences fieldset{float:left;width:48%;margin:0 14px 10px 0;gap:8px}.preferences .piece{width:30px;height:30px}.preferences fieldset label{padding:7px 2px;gap:2px}.preferences legend{font-size:14px}.preferences fieldset input{width:12px;margin:0}.preferences .setting-toggle{font-size:12px;gap:5px;min-height:38px;margin:3px 0}.preferences .rule-tag{clear:both;margin-top:18px;background:var(--lemon)}.preferences>p:last-child{font-size:13px}.mode-cards-section{padding-top:0}.mode-cards-section .section-title{display:none}.mode-cards{grid-template-columns:1fr;gap:10px}.mode-card{border-radius:5px;border-color:#9aa3bc;overflow:hidden}.mode-card-head{padding:16px;min-height:0;gap:16px;background:transparent;color:var(--ink)}.mode-card-head h2{font-size:25px}.mode-card-head .icon{width:40px;height:40px}.mode-card-head p{font-size:16px}.mode-card:first-child{background:var(--cobalt);color:white;border:0}.mode-card:first-child h2,.mode-card:first-child .mode-card-head{color:white}.mode-card:last-child{background:var(--lemon);border:0}.mode-card-body{padding:0 14px 14px;gap:9px}.mode-card-body>.button{background:var(--coral);color:var(--ink);font-size:18px}.mode-card-body>p{display:none}.levels label{background:white;color:var(--ink);font-size:16px;justify-content:center;border:0;border-radius:4px;min-height:44px}.levels input{position:absolute;opacity:0}.levels label:has(:checked){background:var(--lemon)}.levels label:has(:focus-visible){outline:3px solid var(--ink);outline-offset:2px}.mode-card-body>label{font-size:0}.mode-card-body>label input{font-size:15px}.page-spelsatt .strategy-banner{margin-top:0}.page-spelsatt .editorial{padding-top:8px}.page-spelsatt .editorial .faq{display:none}.standalone{margin:0;border-radius:0 0 10px 10px;padding:20px;min-height:calc(100svh - 64px)}.standalone-title{color:white;margin:0 0 16px}.standalone-title>a{font-size:16px}.standalone-title h1{font-size:39px;color:white;margin:12px 0 6px}.standalone-title p{font-size:17px}.standalone .game-top{grid-template-columns:1fr 1fr 1fr;gap:8px}.standalone .turn{grid-column:3;grid-row:1;font-size:15px;justify-content:center;background:var(--lemon);color:var(--ink);height:45px;border-radius:5px;padding:3px}.standalone .players{grid-column:1/3;margin:0;gap:8px}.standalone .players>span{min-height:45px;border-radius:5px;padding:5px;gap:4px}.standalone .players b{font-size:14px}.standalone .players .piece{width:32px;height:32px}.standalone .game-selects{margin:4px 0 10px}.standalone .game-selects select{min-height:44px;font-size:15px}.standalone .game-selects label:first-child{flex:2}.standalone .game-actions{padding:10px;background:var(--paper);border-radius:5px;margin-top:12px}.standalone .game-actions .button{min-height:48px;font-size:13px}.standalone .game-actions .new-game{background:var(--cobalt);color:white;font-size:14px!important}.standalone [data-action=hint]{background:var(--lemon)}.standalone [data-action=tab]{color:var(--ink);background:white;grid-column:1/3;grid-row:3}.standalone [data-action=fullscreen]{grid-column:3;grid-row:3}.standalone .zoom-control{grid-column:2/4;grid-row:2}.standalone .sound-control{grid-column:1;grid-row:2}.standalone .sound-control .icon{color:var(--ink)}.standalone .game-notice{color:var(--ink)}.standalone .game-actions .icon{width:19px;height:19px}.standalone .control-panel{display:contents}.article{padding:25px 20px 40px}.article h1{font-size:39px}.article .lead{font-size:22px}.article h2{font-size:26px}.article>p{font-size:17px}.article figure{margin:22px -8px}.game-shell:fullscreen{margin:0;padding:15px;display:block;overflow:auto}.game-shell:fullscreen .board-area{max-width:650px;align-self:center}.game-shell:fullscreen .game-layout{max-width:650px}dialog{padding:25px 18px}dialog h2{font-size:25px;padding-right:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Reference alignment refinements. */
.preferences h2{color:var(--ink)}
.game-shell:not(.standalone) .standalone-title{display:none}
.mode-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.mode-card,.mode-card-body{min-width:0}
.open-four-crop{position:absolute;width:38%;height:140px;right:12px;top:110px}
.hero-art .hero-o{mix-blend-mode:multiply}
.logo .piece{width:32px;height:32px}.site-footer:not(.light) .logo .piece:nth-child(2){filter:brightness(0) invert(1)}
.rule-step .mini-grid{align-self:end}.faq-cards details{min-height:120px}
@media(min-width:701px){
.hero-art{overflow:visible}.hero-x{top:26%;width:48%!important}.hero-o{top:41%;width:43%!important}.home-hero .hero-copy{max-width:77%}.home-hero .hero-art{width:45%}.hero-art .micro{right:5%}
.game-shell:not(.standalone) .game-layout{align-items:stretch}.game-shell:not(.standalone) .control-panel{display:flex;flex-direction:column;justify-content:space-between;padding:18px}.game-shell:not(.standalone) .turn{margin-bottom:10px}.game-shell:not(.standalone) .players{margin-bottom:10px}.game-shell:not(.standalone) .players>span{min-height:47px}.game-shell:not(.standalone) .game-selects{gap:8px}.game-shell:not(.standalone) select{min-height:34px;padding:5px 8px}.game-shell:not(.standalone) .rule-tag{margin:10px 0;padding:9px 6px}.game-shell:not(.standalone) .game-actions{gap:8px}.game-shell:not(.standalone) .game-actions .button{min-height:36px}.game-shell:not(.standalone) .zoom-control,.game-shell:not(.standalone) .sound-control{display:none}
.home-hero{padding-bottom:20px}.home-hero .hero-art{top:-90px}.hero-art .hero-o{top:45%}.banner-art img{object-fit:cover;transform:scale(1.35);object-position:center}.rule-step .mini-grid{max-width:150px}.rules-body>.section-title h2{font-size:42px}.faq-cards details p{display:block}.faq-cards details:not([open]) p{display:block;content-visibility:visible}.page-regler .free-rule{margin-bottom:30px}.strategy-body>.section-title h2{font-size:34px}
}
@media(max-width:700px){.logo .piece{width:24px;height:24px}.mode-cards{grid-template-columns:1fr}.open-four-crop{display:none}.faq-cards details{min-height:0}.home-hero h1{max-width:70%;font-size:40px}.home-hero .hero-art{width:34%;right:20px;top:12px}.home-hero .hero-x{left:0;width:78%;top:28px}.home-hero .hero-o{left:40%;width:78%;top:77px}.home-hero .lead{font-size:16px}.strategy-banner .banner-art{display:none}.strategy-banner:before,.strategy-banner:after{content:'';position:absolute;width:90px;height:90px;background:center/contain no-repeat;right:0;top:5px;transform:rotate(10deg)}.strategy-banner:before{background-image:url('/assets/marketing-o.svg');right:78px}.strategy-banner:after{background-image:url('/assets/marketing-x.svg');opacity:.5}.strategy-banner>div:last-child{z-index:1}.mode-link.lemon h3{color:var(--cobalt)}.game-actions .zoom-control{font-size:10px}.site-footer .logo .piece{width:20px;height:20px}.preferences h2{color:var(--ink)}.modes-hero .hero-art .hero-o{mix-blend-mode:normal}.rules-hero .hero-art .hero-o{mix-blend-mode:normal}.hero-art .hero-o{mix-blend-mode:normal}}
.hero-art .hero-o{mix-blend-mode:normal}.mode-preview>.micro{font-size:9px;letter-spacing:.12em;overflow-wrap:anywhere}
@media(min-width:701px) and (max-width:900px){.site-header{gap:12px}.site-header nav{gap:14px}.site-header .logo{font-size:20px}.site-header .logo .piece{width:24px;height:24px}.site-header .search-toggle{display:none}.game-shell{grid-template-columns:1fr}.game-side,.game-end{display:none}.game-layout{grid-template-columns:minmax(0,1.4fr) minmax(265px,1fr)}.mode-preview{grid-template-columns:minmax(0,1.4fr) minmax(260px,1fr)}.mode-preview>.micro{display:none}.tip{grid-template-columns:35px 1fr;padding:14px}.tip h3{grid-column:2}.tip p{grid-column:1/-1}.tip .mini-grid{display:none}.mode-card-head{gap:10px;padding:15px}.mode-card-head .icon{width:30px}.mode-card-head h2{font-size:20px}.mode-card-body>.button{padding:8px;font-size:14px}.levels{flex-wrap:wrap}.levels label{min-width:55px}.example{padding:15px;gap:12px}.example .mini-grid{width:95px}.logo{font-size:22px}.site-footer nav{gap:20px}.site-footer>p{display:none}.hero-art .micro{display:none}}
@media(max-width:700px){.home-hero .hero-art{width:31%;right:35px}.home-hero .hero-x{top:26px}.home-hero .hero-o{top:80px}.home-hero h1{max-width:68%}.home-hero .hero-copy{z-index:1}.mode-preview>.micro{display:none}}
.cta>.micro{color:var(--ink)}
@media(min-width:701px){.featured-guide{height:clamp(285px,28vw,400px);min-height:0}.featured-guide>div{align-self:center}.featured-guide img{min-height:0;height:100%;max-height:400px}.hero-art:before{left:38%}}
@media(max-width:700px){.guides-hero .hero-art{width:28%;top:10px;right:20px}.guides-hero .hero-x{width:95%;top:0}.guides-hero .hero-o{width:95%;top:50px}}
/* Keep the contact footer at the viewport bottom when content is short. */
.page-kontakt{min-height:100vh;min-height:100svh;display:flex;flex-direction:column}
.page-kontakt main{flex:1}
.page-kontakt .article{min-height:0}
.page-kontakt .site-header,.page-kontakt .site-footer{flex-shrink:0}
.contribution-page{max-width:1060px}.contribution-page>section{margin-top:32px}.contribution-page section>p{font-size:18px;line-height:1.65;margin:12px 0}.contribution-topics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px}.contribution-topics>div{padding:22px;border:1px solid var(--grid)}.topic-number{color:var(--cobalt);font-weight:800;font-size:28px}.contribution-topics h3{margin:12px 0}.contribution-topics p{font-size:16px;line-height:1.5}.contribution-checklist{background:var(--lemon);padding:26px}.contribution-checklist h2{margin-top:0}.contribution-checklist ul{padding-left:22px;margin-bottom:0}.contribution-checklist li{padding:6px 0;font-size:18px}.contribution-links{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:30px}.contribution-links .button{margin-top:0}.site-footer nav{flex-wrap:wrap;row-gap:12px}
@media(max-width:700px){.contribution-topics{grid-template-columns:1fr;gap:10px}.contribution-topics>div{padding:16px}.contribution-page section>p{font-size:16px}.contribution-checklist{padding:18px}.contribution-checklist li{font-size:16px}.contribution-links{gap:18px}.contribution-checklist h2{font-size:25px}}