/* Dermateks / Mola: original game illustrations, responsive play areas. */
:root{--play-orange:#bc6335;--play-lilac:#a694ba;--play-paper:#fffdf7}.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}.header-inner nav{gap:22px}.header-inner{gap:26px}.home-break{padding-block:75px;background:#e7ebdf}.home-break-inner{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.home-break h2{font-size:clamp(42px,4.6vw,66px)}.home-break p{font-size:14px}.home-break-art{position:relative;display:block}.home-break-art img{width:100%;border-radius:140px 0 0 0}.home-break-art>span{position:absolute;bottom:20px;right:22px;font-size:9px;letter-spacing:.14em}.break-pills{display:flex;gap:12px;font-size:9px;letter-spacing:.04em;margin-top:25px}.break-pills>span{padding:5px 12px;border:1px solid #b5c4b1;border-radius:20px}.break-hero{display:grid;grid-template-columns:1fr 1.05fr;gap:65px;padding-block:35px 65px;align-items:center}.break-hero .breadcrumb{margin-bottom:40px}.break-hero h1{font-size:clamp(58px,6.2vw,90px);margin-bottom:25px}.break-hero p{font-size:15px}.break-hero figure img{width:100%;border-radius:140px 0 0 0}.break-hero figcaption{font-family:var(--serif);font-size:16px;text-align:right;letter-spacing:-.02em;margin-top:16px}.break-hero-foot{display:flex;gap:25px;font-size:8px;letter-spacing:.12em;margin-top:35px}.game-collection{padding-block:50px 95px;border-top:1px solid var(--line)}.game-filters{display:flex;gap:10px;flex-wrap:wrap;margin:35px 0}.game-filters button{background:transparent;border:1px solid #c5d1c2;border-radius:25px;padding:10px 20px;color:var(--ink);font-size:12px;cursor:pointer}.game-filters button[aria-pressed=true]{background:var(--green);border-color:var(--green);color:#fff}.games-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 26px}.game-card{min-width:0;display:block;text-align:left;color:var(--ink);margin:0}.game-card:hover{color:var(--ink)}.game-card-art{position:relative;overflow:hidden;border-radius:8px}.game-card-art img{width:100%;height:auto;aspect-ratio:3/2;transition:transform .35s}.game-card:hover .game-card-art img{transform:scale(1.035)}.game-index{position:absolute;top:15px;left:17px;font-size:9px;color:var(--ink);letter-spacing:.12em}.game-card-play{position:absolute;bottom:16px;right:16px;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;background:var(--cream);font-size:19px}.game-card-meta{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.13em;margin:17px 0 8px;color:var(--muted)}.game-card h3,.game-card-title{display:block;font-size:25px;font-weight:400;margin:0 0 5px;letter-spacing:-.04em;line-height:1.25}.game-card p,.game-card-desc{display:block;font-size:12px;color:var(--muted);margin:0;line-height:1.6}.play-notes{padding-block:75px;background:#e8ece1}.play-notes>.wrap{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;align-items:start}.play-notes h2{font-size:53px}.play-notes-list article{display:grid;grid-template-columns:32px 1fr;border-top:1px solid #c4d0bf;padding:20px 0}.play-notes-list article>span{font:15px var(--serif)}.play-notes-list h3{font-size:20px;margin-bottom:8px}.play-notes-list p{grid-column:2;font-size:12px;margin:0}.return-to-textile{padding-block:80px;display:flex;justify-content:space-between;gap:40px;align-items:center}.return-to-textile h2{margin:0;font-size:45px}.game-intro{padding-top:30px;padding-bottom:30px}.game-intro .breadcrumb{margin-bottom:35px}.game-intro-heading{display:flex;justify-content:space-between;gap:30px;align-items:end}.game-intro-heading h1{font-size:clamp(40px,5vw,70px);margin-bottom:10px}.game-intro-heading p{font-size:15px;margin-bottom:0}.game-intro-heading>a{margin-bottom:10px}.game-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(250px,1fr);gap:50px;padding:20px 0 80px;align-items:start}.game-arena{min-width:0;background:#eeeee5;border:1px solid #d9dfd0;padding:30px;border-radius:12px}.game-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #d4ddcc;padding-bottom:20px}.game-score-label{display:block;font-size:8px;letter-spacing:.16em;color:var(--muted);margin-bottom:3px}.game-toolbar strong{font-size:15px;font-weight:500}.game-reset{border:0;background:transparent;font-size:11px;color:var(--green);padding:10px 0 10px 10px;cursor:pointer}.game-reset:hover{text-decoration:underline}.game-status{min-height:45px;font-size:12px;line-height:1.6;margin:18px 0 22px;color:var(--ink)}.game-board{width:min(100%,440px);margin-inline:auto;min-width:0;outline-offset:7px;touch-action:manipulation}.game-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:9px;margin-top:25px}.game-button{background:var(--green);color:#fff;border:1px solid var(--green);border-radius:5px;cursor:pointer;font-size:11px;padding:11px 15px;min-height:43px;touch-action:manipulation}.game-button[aria-pressed=true]{background:var(--play-orange);border-color:var(--play-orange)}.game-button:hover:not(:disabled){background:var(--ink)}button:disabled{cursor:default}.game-button:disabled{opacity:.42}.game-guide{padding-top:4px}.game-guide>img{width:100%;height:auto;aspect-ratio:3/2;border-radius:8px;margin-bottom:30px}.game-guide h2{font-size:34px;margin-bottom:16px}.game-guide>.eyebrow{margin-bottom:16px}.game-guide>p{font-size:13px;line-height:1.85}.control-tip{border-top:1px solid var(--line);padding-top:20px;margin-top:25px}.control-tip>span{font-size:9px;letter-spacing:.14em;font-weight:600}.control-tip p{font-size:12px;margin-top:8px}.game-guide .session-note{font-size:10px;margin-top:25px;border-left:2px solid #b6c9af;padding-left:14px}.more-games{padding-bottom:80px}.more-games h2{font-size:43px}.direction-pad{display:grid;grid-template-columns:repeat(3,46px);grid-template-rows:repeat(2,42px);gap:5px;flex-basis:100%;justify-content:center;margin-top:3px}.direction-button{background:var(--play-paper);border:1px solid #b9cbb5;border-radius:6px;color:var(--green);font-size:24px;cursor:pointer;touch-action:manipulation}.direction-button:first-child{grid-column:2}.direction-button:nth-child(2){grid-column:1;grid-row:2}.direction-button:nth-child(3){grid-column:2;grid-row:2}.direction-button:nth-child(4){grid-column:3;grid-row:2}.direction-button:active{background:#d7e3cc}.memory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.memory-card{aspect-ratio:1/1.05;border:0;border-radius:8px;background:var(--green);color:#bdcfb8;font-size:34px;cursor:pointer;box-shadow:0 3px 0 #103e38;touch-action:manipulation}.memory-card.revealed{background:var(--play-paper);color:var(--play-orange);box-shadow:0 3px 0 #d9d8c7}.memory-card.matched{background:#d9e5cf;color:var(--green);box-shadow:0 3px 0 #b9cdb0}.xox-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:360px}.xox-cell{aspect-ratio:1;border:0;background:var(--play-paper);border-radius:10px;font-size:64px;line-height:1;color:#b2c0ac;cursor:pointer}.xox-cell.human{color:var(--play-orange)}.xox-cell.computer{color:var(--green)}.xox-cell:empty{color:#a2b79b}.number-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;background:#c5d0bc;border:9px solid #c5d0bc;border-radius:10px;touch-action:none}.number-tile{aspect-ratio:1;display:grid;place-items:center;border-radius:5px;font-size:32px;font-weight:600;color:var(--ink);background:#eef0e5}.tile-0{background:#d7dfcf}.tile-4{background:#e6e6cc}.tile-8{background:#d4d8aa}.tile-16{background:#c5c990}.tile-32{background:#d6aa6c}.tile-64{background:#c97443;color:#fff}.tile-128{background:#a47859;color:#fff;font-size:27px}.tile-256{background:#6b8a67;color:#fff;font-size:27px}.tile-512{background:#467b66;color:#fff;font-size:27px}.tile-1024{background:#285e50;color:#fff;font-size:22px}.tile-2048{background:#174f46;color:#f4e6b9;font-size:22px}.snake-board canvas{width:100%;height:auto;border:7px solid #c4d2bc;border-radius:10px;display:block;aspect-ratio:1}.mine-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px}.mine-cell{width:100%;min-width:0;aspect-ratio:1;padding:0;background:#bfcfb6;border:1px solid #acbfa2;box-shadow:inset 0 2px 0 #dce6d6;border-radius:4px;font-weight:bold;font-size:21px;color:var(--ink);cursor:pointer}.mine-cell.open{background:var(--play-paper);box-shadow:none;border-color:#e0e3d7}.mine-cell.n1{color:#337666}.mine-cell.n2{color:#777f2f}.mine-cell.n3,.mine-cell.mine{color:#b25d35}.mine-cell.mine{background:#f2d9c5}.mine-cell.flagged{background:#e6d3b7;color:var(--play-orange)}.sudoku-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:var(--ink);border:2px solid var(--ink);max-width:360px}.sudoku-cell{aspect-ratio:1;background:var(--play-paper);border:1px solid #d6dfd0;padding:0;font-size:32px;color:var(--teal);cursor:pointer;border-radius:0}.sudoku-cell:nth-child(4n+2){border-right:2px solid var(--ink)}.sudoku-cell:nth-child(n+5):nth-child(-n+8){border-bottom:2px solid var(--ink)}.sudoku-cell.given{background:#dde6d5;color:var(--ink);font-weight:bold}.sudoku-cell.selected{background:#e2d7bc;box-shadow:inset 0 0 0 3px #a97743}.sudoku-cell.invalid{box-shadow:inset 0 0 0 3px var(--play-orange)}.sudoku-number{min-width:47px;min-height:47px;border:1px solid #b5c5ac;background:var(--play-paper);color:var(--ink);font-size:24px;border-radius:5px;cursor:pointer}.slide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:360px}.slide-cell{aspect-ratio:1;font-size:42px;color:var(--ink);background:var(--play-paper);border:0;border-radius:9px;box-shadow:0 3px 0 #c3cdb8;cursor:pointer}.slide-cell.blank{background:#d6dfcd;box-shadow:none}.four-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;background:var(--green);padding:14px;border-radius:12px}.four-slot{border-radius:50%;aspect-ratio:1;background:#e9ebdd;border:3px solid #11453f}.four-slot.human{background:#d3814f}.four-slot.computer{background:#86ab95}.column-picks{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));width:min(100%,440px);gap:8px;padding-inline:14px}.column-pick{border:1px solid #bccdb3;background:var(--play-paper);color:var(--green);border-radius:5px;font-size:22px;height:40px;padding:0;cursor:pointer}.column-pick:disabled{opacity:.3}.game-arena:has(.four-grid){display:flex;flex-direction:column}.game-arena:has(.four-grid) .game-toolbar{order:0}.game-arena:has(.four-grid) .game-status{order:1}.game-arena:has(.four-grid) .game-controls{order:2;margin-top:0;margin-bottom:9px}.game-arena:has(.four-grid) .game-board{order:3}.reaction-board{max-width:440px}.reaction-target{width:100%;min-height:340px;border:0;border-radius:12px;background:var(--green);color:var(--play-paper);font-size:25px;padding:30px;cursor:pointer;touch-action:manipulation}.reaction-target.waiting{background:#b36b45}.reaction-target.ready{background:#3f8752;font-size:34px}.reaction-target.early{background:#a25d50;font-size:23px}.reaction-target.result{background:var(--ink);font-size:29px}.simon-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;max-width:360px}.simon-pad{aspect-ratio:1;border:4px solid transparent;border-radius:30px;font-size:42px;color:#fffdf6;cursor:pointer;opacity:.77;transition:filter .12s,transform .12s}.simon-pad.pad-0{background:#2c6759;border-top-left-radius:65px}.simon-pad.pad-1{background:#c37b4e;border-top-right-radius:65px}.simon-pad.pad-2{background:#a18caf;border-bottom-left-radius:65px}.simon-pad.pad-3{background:#b49a50;border-bottom-right-radius:65px}.simon-pad.lit{filter:brightness(1.7);border-color:var(--play-paper);transform:scale(.95);opacity:1}.target-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;max-width:360px}.target-cell{aspect-ratio:1;border:0;border-radius:13px;background:var(--play-paper);font-size:30px;color:#c1cdb6;cursor:pointer;touch-action:manipulation}.target-cell.active{background:var(--play-orange);color:var(--play-paper);font-size:60px}.word-hint{background:#e0e7d8;border-radius:8px;padding:15px 18px;font-size:13px;text-align:center;margin-bottom:27px}.word-answer,.word-letters{display:flex;justify-content:center;flex-wrap:wrap;gap:7px}.word-answer{margin-bottom:30px}.letter-slot{width:36px;height:47px;display:grid;place-items:center;border-bottom:2px solid #a5b69b;background:#e5e9dc;font-size:23px;color:var(--green)}.letter-slot.correct{background:#cfdfc2}.letter-tile{width:47px;height:55px;border:1px solid #b1c4a8;border-bottom-width:4px;border-radius:7px;background:var(--play-paper);font-size:26px;color:var(--ink);cursor:pointer}.letter-tile:disabled{opacity:.25}.word-board{min-height:260px;padding-top:10px}.game-select{display:block;width:100%;border:0;background:transparent;color:inherit;text-align:left;padding:0;cursor:pointer;font:inherit}.game-select[aria-pressed=true] .game-card-art{outline:3px solid var(--green);outline-offset:4px}.home-games{padding-block:65px 85px}.home-games .game-layout{width:100%;padding-bottom:0;margin-top:65px;scroll-margin-top:125px}.home-play-heading{border-top:1px solid var(--line);padding-top:50px;margin-top:55px}.home-play-heading h2{margin-bottom:10px}.home-play-heading p{margin:0;font-size:14px}.home-games .game-card-title{font-size:23px}.game-select:hover .game-card-title{color:var(--teal)}.game-arena button:focus-visible{outline:3px solid #9c6535;outline-offset:4px}.game-site .header-inner nav>a[aria-current=page]{color:var(--green)}
@media(max-width:1100px){.header-inner nav{gap:15px}.header-inner{gap:20px}.header-call{padding:10px 13px}.header-call span{margin-left:12px}.break-hero{gap:40px}.game-layout{gap:30px;grid-template-columns:minmax(0,1.4fr) minmax(230px,1fr)}.game-arena{padding:23px}.game-guide h2{font-size:30px}.game-card h3{font-size:23px}.game-card p{font-size:11px}.home-break-inner{gap:40px}.home-games .game-layout{gap:30px}}
@media(max-width:900px){.break-hero{gap:30px}.break-hero h1{font-size:64px}.game-layout{grid-template-columns:minmax(0,1.6fr) minmax(210px,1fr);gap:25px}.game-arena{padding:18px}.game-status{font-size:11px}.game-toolbar{gap:10px}.game-toolbar strong{font-size:12px}.game-reset{font-size:10px}.game-guide>p{font-size:12px}.game-guide h2{font-size:27px}.play-notes>.wrap{gap:40px}.play-notes h2{font-size:45px}.games-grid{gap:25px 20px}.game-card-meta{font-size:7px}.game-card h3{font-size:21px}.memory-card{font-size:28px}.game-board{max-width:400px}.mine-cell{font-size:17px}.number-tile{font-size:26px}.number-tile.tile-1024,.number-tile.tile-2048{font-size:18px}.number-tile.tile-128,.number-tile.tile-256,.number-tile.tile-512{font-size:22px}.reaction-target{min-height:300px;font-size:22px}.home-games .game-layout{grid-template-columns:1.6fr 1fr;gap:25px}.home-games .game-card-title{font-size:20px}}
@media(max-width:700px){.games-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 18px}.break-hero{grid-template-columns:1fr;padding-bottom:40px}.break-hero h1{font-size:69px}.break-hero .breadcrumb{margin-bottom:32px}.break-hero figure img{max-height:360px;object-fit:cover;border-top-left-radius:100px}.break-hero figcaption{font-size:15px}.break-hero-foot{margin-top:25px}.game-collection{padding-block:40px 55px}.game-filters{gap:7px;margin-block:25px}.game-filters button{padding:9px 14px;font-size:10px}.game-card h3,.game-card-title{font-size:22px}.game-card p,.game-card-desc{font-size:11px}.game-card-meta{font-size:7px;letter-spacing:.08em}.play-notes{padding-block:50px}.play-notes>.wrap{grid-template-columns:1fr;gap:25px}.play-notes h2{font-size:44px;margin-bottom:0}.return-to-textile{display:block;padding-block:50px}.return-to-textile h2{font-size:40px;margin-bottom:25px}.game-intro{padding-top:22px}.game-intro .breadcrumb{font-size:8px;gap:10px;margin-bottom:30px}.game-intro-heading{display:block}.game-intro-heading h1{font-size:49px;overflow-wrap:anywhere}.game-intro-heading>a{margin-top:20px;margin-bottom:0}.game-intro-heading p{font-size:13px}.game-layout{grid-template-columns:1fr;gap:35px;padding-top:5px;padding-bottom:50px}.game-arena{padding:20px;border-radius:10px}.game-status{font-size:12px;margin-block:17px;min-height:42px}.game-toolbar strong{font-size:14px}.game-reset{font-size:10px}.game-guide{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.game-guide>img{grid-column:1;grid-row:1/5;margin-bottom:0;height:100%;min-height:210px;object-fit:cover}.game-guide>.eyebrow{font-size:8px;margin-bottom:12px;grid-column:2}.game-guide h2{font-size:28px;grid-column:2}.game-guide>p{grid-column:2;font-size:12px}.game-guide .control-tip,.game-guide .session-note{grid-column:1/-1}.game-guide .session-note{margin-top:18px;font-size:10px}.control-tip{margin-top:23px}.more-games{padding-bottom:50px}.more-games .games-grid>.game-card:last-child{display:none}.more-games h2{font-size:38px}.memory-card{font-size:35px}.xox-cell{font-size:65px}.number-tile{font-size:29px}.mine-cell{font-size:20px}.game-controls{gap:8px}.game-button{font-size:10px;padding:10px 13px}.reaction-target{min-height:320px}.home-break{padding-block:45px}.home-break-inner{grid-template-columns:1fr;gap:30px}.home-break h2{font-size:47px}.home-break p{font-size:12px}.home-break p br{display:none}.home-break-art img{max-height:300px;object-fit:cover}.home-games{padding-block:45px 60px}.home-games .game-layout{grid-template-columns:1fr;gap:35px;margin-top:25px}.home-games .game-card-title{font-size:22px}.home-play-heading{padding-top:35px;margin-top:40px}.home-play-heading h2{font-size:37px}.home-play-heading p{font-size:12px}}
@media(max-width:390px){.wrap{width:calc(100% - 32px)}.game-arena{padding:14px}.game-toolbar strong{font-size:12px}.game-reset{font-size:9px}.memory-grid{gap:7px}.memory-card{font-size:29px}.game-card h3,.game-card-title,.home-games .game-card-title{font-size:19px}.game-card p,.game-card-desc{font-size:10px}.game-card-art{border-radius:5px}.game-card-meta{font-size:6px}.game-card-play{width:28px;height:28px;right:10px;bottom:10px}.game-index{font-size:8px;left:12px;top:11px}.game-guide{gap:0 18px}.game-guide h2{font-size:25px}.mine-cell{font-size:15px}.mine-grid{gap:3px}.game-filters button{font-size:9px;padding:8px 12px}.sudoku-cell{font-size:29px}.simon-pad{border-radius:18px;font-size:34px}.four-grid{padding:9px;gap:5px}.column-picks{padding-inline:9px;gap:5px}.column-pick{height:36px}.letter-slot{width:29px;height:40px;font-size:21px}.letter-tile{width:40px;height:48px;font-size:23px}.letter-slot,.letter-tile{flex-shrink:0}.xox-cell{font-size:57px}.reaction-target{font-size:21px;min-height:280px}}
@media(prefers-reduced-motion:reduce){.simon-pad,.game-card-art img{transition:none}.game-select[aria-pressed=true] .game-card-art{outline-offset:2px}}

.game-card-art{display:block}.game-select .game-card-meta{display:flex}