@charset "UTF-8";
:root{--ink:#20362f;--muted:#67746e;--green:#08775e;--lime:#d7f68a;--orange:#fa854d;--line:#e3e8e3;--bg:#f6f8f4;--radius:24px;font-family:"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--bg);font-size:16px}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.6}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid #e46932;outline-offset:4px}h1,h2,h3,p{margin-top:0}p{line-height:1.7}button{border:0}button,.button{transition:transform .18s,background .18s}button:hover,.button:hover{transform:translateY(-2px)}.sidebar{position:fixed;inset:0 auto 0 0;width:246px;padding:35px 22px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column}.brand{display:flex;gap:10px;align-items:center;font-weight:800;font-size:21px;letter-spacing:-.7px;overflow-wrap:anywhere}.brand img{flex-shrink:0}.brand small{display:block;font-size:11px;font-weight:400;letter-spacing:0;margin-top:5px;color:var(--muted)}.nav-label{font-size:12px;letter-spacing:1.7px;color:var(--muted);margin:52px 12px 18px}.nav-item{display:flex;align-items:center;gap:14px;padding:15px 16px;margin-bottom:7px;border-radius:12px;font-size:15px;font-weight:600;transition:background .2s}.nav-item:hover{background:#f0f5ed}.nav-item.active{background:#e8f2e8;color:#08674e}.nav-item>span{font-size:23px;width:23px;text-align:center;line-height:1}.nav-item em{font-style:normal;font-size:12px;margin-left:auto;background:#d5e8d5;border-radius:6px;padding:3px 6px}.sidebar-bottom{margin-top:auto;padding:24px 12px 4px;font-size:13px;color:var(--muted)}.little-star{display:block;color:var(--green);font-size:44px;line-height:1;margin-bottom:15px}.sidebar-bottom strong{display:block;color:var(--ink);font-size:16px}.sidebar-bottom p{margin:10px 0 25px;font-size:14px}.offline-dot,.online-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#19966c;margin-right:7px}.page{margin-left:246px}.topbar{height:80px;border-bottom:1px solid var(--line);padding:0 46px;display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:1.5px}.topbar>div{letter-spacing:0;font-size:13px;color:var(--muted)}main{max-width:1440px;margin:auto;padding:42px 46px 20px}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.8px;margin-bottom:13px;color:var(--green)}h1{font-size:clamp(32px,3.5vw,52px);line-height:1.1;letter-spacing:-2px;margin-bottom:14px;overflow-wrap:anywhere}.orange-dot{color:var(--orange)}.page-heading p,.play-heading p{color:var(--muted);margin:0;font-size:16px}.heading-stamp{border:1px solid #b6c4b6;border-radius:50%;width:94px;height:94px;display:flex;flex-direction:column;justify-content:center;align-items:center;transform:rotate(12deg);font-size:12px;letter-spacing:2px}.heading-stamp b{font-size:16px;margin-top:5px}.featured{position:relative;display:flex;overflow:hidden;background:var(--green);border-radius:var(--radius);color:white;min-height:346px;padding:34px 38px;isolation:isolate}.featured-copy{z-index:2;width:53%}.pill{display:inline-block;font-size:10px;letter-spacing:1.6px;font-weight:700;border:1px solid #66a28d;border-radius:20px;padding:8px 12px}.featured h2{font-size:clamp(28px,3vw,44px);letter-spacing:-1.5px;line-height:1.12;margin:22px 0 14px}.featured h2 span{color:var(--lime)}.featured p{font-size:15px;color:#d4e9df;line-height:1.6;margin-bottom:22px}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:13px 21px;border-radius:12px;font-size:14px;font-weight:700;line-height:1.4}.button.light{background:var(--lime);color:#214032}.button.dark{background:var(--ink);color:white}.featured small{display:block;font-size:11px;color:#c4e2d6;margin-top:15px}.art{position:relative;overflow:hidden;min-height:178px}.featured>.art{position:absolute;width:50%;height:100%;right:0;top:0;min-height:340px}.art-2048{background:#eff1e5}.featured .art-2048{background:transparent;overflow:visible}.number-tile{display:flex;justify-content:center;align-items:center;position:absolute;width:76px;height:76px;border-radius:15px;font-size:29px;font-weight:800;letter-spacing:-1px;box-shadow:0 8px 0 #00000012;animation:bob 5s ease-in-out infinite}.n8{background:#fff7de;color:#91794c;left:18%;top:22%;transform:rotate(-12deg)}.n32{background:#e0ebbb;color:#526239;left:54%;top:10%;transform:rotate(12deg);animation-delay:-1s}.n2048{background:#f99a59;color:#402918;left:39%;top:45%;transform:rotate(-8deg);font-size:24px;animation-delay:-2s}.n128{background:#bfd777;color:#425529;left:72%;top:55%;transform:rotate(14deg);animation-delay:-3s}.game-card .n128{display:none}.featured .number-tile{width:116px;height:116px;font-size:43px;border-radius:22px;box-shadow:0 12px 0 #002e2829}.featured .n8{top:17%;left:4%}.featured .n32{left:45%;top:10%}.featured .n2048{width:154px;height:154px;font-size:48px;left:27%;top:47%;background:var(--lime);color:#234432}.featured .n128{left:75%;top:50%}.feature-spark{position:absolute;right:17px;top:20px;color:#8bbe88;font-size:54px;animation:turn 24s linear infinite}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:36px 0 18px;gap:10px}.section-heading h2{font-size:20px;letter-spacing:-.5px;margin:0}.section-heading>span{font-size:12px;color:var(--muted)}.game-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.game-card{background:white;border:1px solid var(--line);border-radius:19px;overflow:hidden;transition:transform .2s,box-shadow .2s}.game-card:hover{transform:translateY(-5px);box-shadow:0 12px 30px #1d392010}.card-copy{padding:18px 17px 20px}.category{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-bottom:10px}.category>span{color:#8b968d}.card-copy h3{font-size:21px;letter-spacing:-.6px;display:flex;justify-content:space-between;margin:0 0 7px}.card-copy h3>span{font-weight:400}.card-copy p{color:var(--muted);font-size:12px;margin:0;line-height:1.5}.art-snake{background:#e1eedc}.snake-illustration{position:absolute;left:24%;top:30%;width:120px;height:90px;transform:rotate(-10deg)}.snake-illustration i{background:#358f5b;position:absolute;width:34px;height:34px;border-radius:9px}.snake-illustration i:nth-child(1){left:0;top:0;background:#83b765}.snake-illustration i:nth-child(2){left:0;top:29px;background:#69aa5d}.snake-illustration i:nth-child(3){left:29px;top:29px;background:#56a35c}.snake-illustration i:nth-child(4){left:58px;top:29px}.snake-illustration i:nth-child(5){left:87px;top:29px}.eye:before,.eye:after{content:"";position:absolute;width:5px;height:5px;background:#fff;border-radius:50%;right:7px;top:7px}.eye:after{top:22px}.apple{position:absolute;color:#ed7e3e;font-size:46px;left:70%;top:8%;animation:bob 3s infinite}.dot{width:7px;height:7px;background:#b0caa2;border-radius:50%;position:absolute}.d1{top:22%;left:18%}.d2{top:80%;left:75%}.art-mines{background:#e4edf5}.mine-illustration{position:absolute;left:50%;top:50%;display:grid;grid-template-columns:repeat(3,37px);gap:5px;transform:translate(-50%,-50%) rotate(-9deg)}.mine-illustration b{height:37px;background:#fff;border-radius:6px;display:grid;place-items:center;color:#427ca5;font-size:21px;box-shadow:0 3px 0 #c6d6e1}.mine-illustration b:empty{background:#a9c1d6}.mine-illustration b:nth-child(5){background:#ffbe88;color:#97551d}.art-pairs{background:#f5e6df}.pair-illustration{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:150px;height:100px}.pair-illustration b{position:absolute;width:65px;height:88px;background:#fff9ed;border:3px solid white;box-shadow:0 5px 0 #0000000d;border-radius:10px;font-size:43px;display:grid;place-items:center;color:#e8895d;transform:rotate(-15deg);left:0}.pair-illustration b:nth-child(2){left:52px;top:9px;transform:rotate(7deg)}.pair-illustration b:nth-child(3){left:98px;top:24px;transform:rotate(21deg);background:#ba7970;color:#f7d9c7;font-size:34px}.about{display:flex;align-items:center;gap:25px;padding:28px 0 12px;margin-top:20px;border-top:1px solid var(--line)}.about .little-star{font-size:52px;margin:0}.about h2{font-size:17px;margin-bottom:7px}.about p{font-size:13px;color:var(--muted);max-width:900px;margin:0}footer{margin:25px 46px 0;padding:24px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:14px;font-size:12px;color:var(--muted)}footer>a:first-child{font-weight:700;color:var(--ink)}footer span{font-weight:400}.skip{position:fixed;left:10px;top:-100px;padding:12px;background:white;z-index:99}.skip:focus{top:10px}.back{display:inline-block;font-size:14px;margin-bottom:23px;color:var(--muted)}.play-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;gap:20px}.play-badge{font-size:11px;letter-spacing:1px;border:1px solid #c7d2c3;padding:12px;border-radius:30px}.play-layout{display:grid;grid-template-columns:minmax(0,620px) minmax(220px,1fr);gap:30px;align-items:start}.game-shell{padding:26px;background:#fff;border:1px solid var(--line);border-radius:24px}.scorebar{display:flex;align-items:center;gap:25px;margin-bottom:18px}.scorebar>div{min-width:52px}.scorebar small{display:block;font-size:10px;color:var(--muted);letter-spacing:1px;margin-bottom:5px}.scorebar strong{font-size:24px}.scorebar button{margin-left:auto}.board{width:100%;max-width:448px;margin:auto;aspect-ratio:1;touch-action:none;user-select:none;overflow:hidden}.board-2048{background:#dce5d5;border-radius:18px;padding:12px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.tile{border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:clamp(22px,3vw,42px);background:#cbd7c4;color:#294631}.tile[data-value="2"]{background:#f8faec}.tile[data-value="4"]{background:#e6efc9}.tile[data-value="8"]{background:#c8e885}.tile[data-value="16"]{background:#a7d56a}.tile[data-value="32"]{background:#75b76e}.tile[data-value="64"]{background:#268660;color:#fff}.tile[data-value="128"]{background:#fcc087;font-size:32px}.tile[data-value="256"]{background:#ff9d5e;font-size:32px}.tile[data-value="512"]{background:#e67f43;color:white;font-size:32px}.tile.high{background:#d7f68a;font-size:28px}.tile.pop{animation:pop .2s ease-out}.board-snake{display:grid;grid-template-columns:repeat(16,1fr);background:#edf3e5;padding:8px;border-radius:16px;gap:1px}.snake-cell{border-radius:4px}.snake-cell.body{background:#549e68}.snake-cell.head{background:#09694e;position:relative}.snake-cell.head:after{content:"••";color:white;font-size:11px;position:absolute;inset:0;text-align:center;line-height:1.1}.snake-cell.food{background:#f28a48;border-radius:50%;transform:scale(.7)}.board-mines{display:grid;grid-template-columns:repeat(9,1fr);gap:4px;background:#dce7ed;padding:9px;border-radius:14px}.mine-cell{padding:0;background:#acc6d8;border-radius:5px;font-weight:700;color:#154775;box-shadow:inset 0 -3px #88acbf;font-size:clamp(13px,2vw,22px)}.mine-cell.open{background:#f1f6f8;box-shadow:none}.mine-cell[data-count="2"]{color:#27704b}.mine-cell[data-count="3"]{color:#b44431}.mine-cell.bomb{background:#ffc699;color:#613c20}.mine-cell.flag{color:#7e381a;background:#ffd3ac}.board-pairs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;perspective:900px}.pair-cell{border-radius:14px;background:#efdcd4;color:#965e50;font-size:30px;font-weight:700;transition:transform .3s,background .3s}.pair-cell.revealed,.pair-cell.matched{background:#fff4df;color:#d16e38;transform:rotateY(180deg)}.pair-cell.matched{background:#e2f1d5;color:#27704b}.pair-cell>span{display:block}.pair-cell.revealed>span,.pair-cell.matched>span{transform:rotateY(180deg)}.game-status{min-height:28px;font-size:14px;text-align:center;margin:18px 0 8px;color:var(--green);font-weight:600}.game-tools{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}.game-tools:empty{display:none}.small-button{border:1px solid #c6d7c5;background:#eff5eb;color:#285239;padding:9px 14px;border-radius:10px;font-size:14px}.small-button[aria-pressed="true"]{background:var(--ink);color:#fff}.controls{display:flex;justify-content:center;gap:7px;flex-wrap:wrap}.controls button{width:46px;height:41px;background:#edf2e7;color:#244b35;border-radius:9px;font-size:24px}.game-guide{padding:20px 10px}.guide-icon{font-size:50px;color:var(--green)}.game-guide h2{font-size:24px;margin:15px 0}.game-guide p{color:var(--muted);font-size:15px}.guide-note{font-size:13px;background:#eaf0e3;padding:17px;border-radius:13px;line-height:1.6;margin:22px 0}.game-guide h3{font-size:15px;margin-top:32px}.other-game{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:14px 0;font-size:15px}.admin-wrap{max-width:900px;margin:40px auto;padding:0 20px}.admin-wrap .brand{margin-bottom:35px}.admin-card{padding:28px;background:white;border:1px solid var(--line);border-radius:20px;margin:20px 0}.admin-card h1{font-size:32px;letter-spacing:-1px}.admin-card h2{font-size:22px}.admin-card label{display:block;font-size:14px;font-weight:600;margin:20px 0 7px}.admin-card input:not([type=checkbox]),.admin-card textarea,.admin-card select{display:block;width:100%;padding:12px;border:1px solid #bdcabe;border-radius:9px;background:#fcfdf9;color:var(--ink)}.admin-card textarea{min-height:100px;resize:vertical}.admin-card input[type=checkbox]{width:18px;height:18px;vertical-align:middle;margin-right:8px}.admin-card .button{margin-top:22px}.notice{padding:15px 20px;border-radius:12px;background:#e3f1d8;line-height:1.6}.notice.error{background:#ffe4d8;color:#803a25}.hint{color:var(--muted);font-size:13px;line-height:1.6}.admin-nav{display:flex;align-items:center;justify-content:space-between;gap:15px}.admin-card summary{cursor:pointer;font-size:19px;font-weight:700;padding:10px 0}.admin-card details{border-bottom:1px solid var(--line);padding:12px 0}.admin-card details[open]{padding-bottom:25px}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@keyframes bob{50%{translate:0 -7px}}@keyframes turn{to{rotate:360deg}}@keyframes pop{from{scale:.75}to{scale:1}}@media(min-width:1600px){.art{min-height:205px}}@media(max-width:1200px){.sidebar{width:216px;padding:30px 15px}.brand{font-size:19px}.page{margin-left:216px}main{padding:32px 28px 15px}.topbar{padding:0 28px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-card .art{min-height:190px}.play-layout{grid-template-columns:minmax(0,1fr)}.game-guide{display:block;max-width:620px}.featured .number-tile{width:100px;height:100px}.featured .n2048{width:132px;height:132px;font-size:40px}.featured .n128{left:78%}.featured-copy{width:57%}}@media(max-width:760px){.sidebar{position:static;width:100%;padding:16px 18px 10px;border-right:0;border-bottom:1px solid var(--line)}.brand{font-size:20px}.brand small{font-size:11px}.sidebar .nav-label,.sidebar-bottom{display:none}.sidebar nav{display:flex;overflow:auto;gap:7px;margin-top:17px;padding:2px 0 5px}.nav-item{flex-shrink:0;padding:10px 12px;margin:0;font-size:13px;gap:7px}.nav-item>span{font-size:18px;width:auto}.nav-item em{display:none}.page{margin:0}.topbar{height:47px;padding:0 20px}.topbar>span{display:none}.topbar>div{font-size:12px}main{padding:27px 20px 10px}.eyebrow{font-size:10px;letter-spacing:1.2px}h1{font-size:36px;letter-spacing:-1.5px}.page-heading{margin-bottom:22px}.page-heading p{font-size:14px;max-width:260px}.heading-stamp{width:68px;height:68px;flex-shrink:0;font-size:10px}.heading-stamp b{font-size:11px}.featured{min-height:350px;padding:25px}.featured-copy{width:75%}.featured h2{font-size:35px}.featured p{font-size:14px}.featured>.art{width:48%;opacity:.85;right:-14%;top:50px}.featured .number-tile{width:67px;height:67px;font-size:27px}.featured .n8{left:6%;top:17%}.featured .n32{left:48%;top:8%}.featured .n2048{width:94px;height:94px;font-size:29px;left:21%;top:46%}.featured .n128{display:none}.feature-spark{font-size:33px}.section-heading{align-items:flex-start}.section-heading h2{font-size:19px}.section-heading>span{max-width:115px;font-size:11px;text-align:right;line-height:1.5}.game-grid{gap:12px}.game-card .art{min-height:145px}.card-copy{padding:14px 12px}.card-copy h3{font-size:19px}.card-copy p{font-size:12px;min-height:36px}.number-tile{width:61px;height:61px;font-size:25px}.n2048{font-size:20px}.snake-illustration{left:12%;transform:scale(.8) rotate(-10deg);transform-origin:left}.mine-illustration{grid-template-columns:repeat(3,31px)}.mine-illustration b{height:31px}.pair-illustration{scale:.83;transform-origin:left top}.about{align-items:flex-start;gap:15px}.about .little-star{font-size:36px}.about p{font-size:13px}footer{margin:20px;padding:20px 0;flex-wrap:wrap;font-size:11px}footer>span{display:none}.play-heading h1{font-size:38px}.play-badge{display:none}.game-shell{padding:16px;border-radius:18px}.scorebar{gap:17px}.scorebar .button{padding:11px 12px;font-size:12px}.scorebar strong{font-size:22px}.board-2048{padding:9px;gap:7px}.tile{font-size:30px}.tile.high{font-size:24px}.tile[data-value="128"],.tile[data-value="256"],.tile[data-value="512"]{font-size:26px}.pair-cell{font-size:27px}.board-pairs{gap:7px}.game-guide{padding:0 5px}.admin-grid{grid-template-columns:1fr}.admin-card{padding:20px}.admin-wrap{margin-top:25px}.admin-nav{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.brand small,.eyebrow,.pill,.featured small,.category,.card-copy p,.scorebar small,.play-badge{font-size:12px}.game-guide p{font-size:16px}@media(max-width:760px){.eyebrow,.brand small,.topbar>div,.section-heading>span,.card-copy p,footer{font-size:12px}.scorebar .button{font-size:13px}}@media(max-width:380px){.tile.high{font-size:18px}.heading-stamp{display:none}.scorebar{gap:10px}}