.arcade-home{padding-top:38px}.joy-hero{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;padding:40px 0 65px}.joy-pill{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--green);border:1px solid var(--line);border-radius:30px;padding:7px 12px;margin:5px 0 24px}.joy-pill i{width:6px;height:6px;border-radius:50%;background:var(--green)}.joy-hero h1{font:650 clamp(40px,4.7vw,68px)/1.27 Inter,"Microsoft YaHei",sans-serif;letter-spacing:-2px;margin-bottom:24px}.joy-hero h1>span{color:var(--green);display:inline-block;position:relative}.joy-hero h1>span:after{content:'';position:absolute;bottom:-4px;left:0;width:100%;height:7px;background:var(--warm);opacity:.28;border-radius:50%}.joy-hero p{font-size:14px;line-height:2;color:var(--muted);margin-bottom:25px}.joy-mini-stats{display:flex;gap:20px;flex-wrap:wrap;font-size:10px;color:var(--muted);margin-top:35px}.joy-mini-stats b{font:18px/1.5 Consolas,monospace;color:var(--ink);margin-right:4px}.hero-play-art{min-height:420px;position:relative;display:block;border-radius:30px;background:var(--soft);border:1px solid var(--line);overflow:hidden;transform:rotate(2deg);transition:transform .25s}.hero-play-art:hover{transform:rotate(0)}.hero-play-art:before{content:'';position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:40px 40px;opacity:.65}.hero-art-caption{position:absolute;top:28px;left:30px;font:9px/1.5 Consolas,monospace;letter-spacing:1.8px;color:var(--muted)}.hero-tile{position:absolute;display:grid;place-content:center;font-weight:700;font-family:Consolas,monospace;border-radius:22px;box-shadow:0 15px 25px #18312418}.tile-2{width:90px;height:90px;left:12%;top:22%;background:#f8e9dc;color:#705b50;font-size:44px;transform:rotate(-15deg)}.tile-8{width:104px;height:104px;right:13%;top:17%;background:#b7d8b3;color:#305d43;font-size:53px;transform:rotate(15deg)}.tile-128{width:118px;height:118px;left:15%;bottom:15%;background:#b5c6ed;color:#344f7b;font-size:44px;transform:rotate(9deg)}.tile-2048{width:175px;height:175px;right:10%;bottom:12%;background:#f2c35f;color:#50391e;font-size:49px;transform:rotate(-8deg);box-shadow:0 20px 40px #d3a03b40}.tile-2048 span{font:8px/1.5 Consolas,monospace;letter-spacing:1px;margin-top:8px}.hero-spark{position:absolute;font-size:46px;color:var(--green)}.spark-one{left:45%;top:12%;transform:rotate(12deg)}.spark-two{left:6%;bottom:43%;font-size:37px;color:var(--warm)}.hero-art-note{position:absolute;bottom:18px;right:24px;font-size:10px;color:var(--muted)}.arcade-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.arcade-card{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--paper);min-width:0;transition:transform .22s,box-shadow .22s}.arcade-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.game-art{height:180px;display:flex;align-items:center;justify-content:center;position:relative;color:var(--art-ink);background:var(--art-bg);overflow:hidden}.peach{--art-bg:#f2ded0;--art-ink:#81513c;--tile-bg:#e7c6b5}.mint{--art-bg:#d9e8d4;--art-ink:#3a674a;--tile-bg:#b6d3ab}.lilac{--art-bg:#e2def4;--art-ink:#696291;--tile-bg:#c5bce3}.pink{--art-bg:#f4dfdf;--art-ink:#965e6f;--tile-bg:#e2b5c3}.blue{--art-bg:#dce7f5;--art-ink:#4a6a93;--tile-bg:#b9cce8}.yellow{--art-bg:#efe7ce;--art-ink:#7e6d3d;--tile-bg:#ded09e}.game-symbol{font:700 56px/1.1 Consolas,monospace;z-index:1;letter-spacing:-3px;transition:transform .3s}.arcade-card:hover .game-symbol{transform:rotate(-7deg) scale(1.08)}.game-art:before{content:'';position:absolute;width:120px;height:120px;border-radius:24px;background:var(--tile-bg);transform:rotate(-12deg);box-shadow:60px -40px 0 -20px #ffffff40,-75px 45px 0 -30px #ffffff50}.mint .game-art:before{width:150px;height:32px;transform:rotate(-25deg);border-radius:8px;box-shadow:60px -30px 0 -1px var(--tile-bg),-40px 31px 0 -1px var(--tile-bg)}.lilac .game-art:before{width:85px;height:110px;box-shadow:33px 8px 0 -1px #ffffff88,-30px -6px 0 -1px #ffffff66}.pink .game-art:before{width:130px;height:55px;border-radius:50%;transform:rotate(0);top:100px}.blue .game-art:before{width:130px;height:130px;border-radius:0;background:repeating-linear-gradient(90deg,transparent 0 41px,var(--tile-bg) 42px 45px),repeating-linear-gradient(transparent 0 41px,var(--tile-bg) 42px 45px);transform:rotate(8deg);box-shadow:none}.yellow .game-art:before{background:repeating-linear-gradient(90deg,transparent 0 38px,#ffffff50 39px 41px),var(--tile-bg);transform:rotate(-9deg)}.game-art-label{position:absolute;left:20px;bottom:16px;font-size:10px;letter-spacing:1px}.game-art-arrow{position:absolute;right:17px;top:15px;width:30px;height:30px;display:grid;place-content:center;border:1px solid currentColor;border-radius:50%;opacity:.6}.arcade-card-copy{padding:23px}.arcade-card-copy h3{font-size:20px;font-weight:600;letter-spacing:-.5px}.arcade-card-copy p{font-size:12px;line-height:1.9;color:var(--muted);margin-bottom:20px;min-height:45px}.arcade-card-copy .meta{font-size:9px;letter-spacing:.3px}.joy-detours{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:40px 0 25px}.joy-detour{display:flex;align-items:center;gap:20px;background:var(--soft);padding:30px 25px;border:1px solid var(--line);border-radius:20px}.detour-icon{font:50px/1 Georgia,serif;color:var(--green)}.joy-detour .eyebrow{font-size:8px;margin-bottom:10px;letter-spacing:1px}.joy-detour h2{font:500 21px/1.5 sans-serif;margin-bottom:8px}.joy-detour p{color:var(--muted);font-size:11px;margin:0}.joy-detour>span:last-child{margin-left:auto}.joy-endnote{text-align:center;padding:40px 0 20px;font:italic 25px/1.5 Georgia,serif;color:var(--muted)}.joy-endnote span{display:block;font:35px/1.5 sans-serif;color:var(--warm);margin-top:12px}.arcade-page-hero{align-items:center}.arcade-summary{display:flex;gap:20px;align-items:center;flex-wrap:wrap;padding:16px 20px;margin:10px 0 25px;background:var(--soft);border:1px solid var(--line);border-radius:12px;font-size:11px;color:var(--muted)}.arcade-summary>a{margin-left:auto;color:var(--green)}.game-breadcrumb{display:flex;justify-content:space-between;padding-top:24px;font-size:11px;color:var(--muted)}.game-breadcrumb a{color:var(--green)}.game-heading{padding-top:25px}.game-heading h1{font-family:Inter,"Microsoft YaHei",sans-serif;font-weight:600}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:30px}.game-console{min-width:0;border:1px solid var(--line);border-radius:24px;background:var(--paper);padding:28px;box-shadow:var(--shadow)}.game-hud{display:flex;justify-content:center;gap:12px;margin-bottom:24px}.game-hud>div{flex:1;max-width:160px;background:var(--soft);border-radius:12px;padding:11px 15px;min-width:0}.game-hud span{font-size:10px;color:var(--muted);display:block;margin-bottom:5px}.game-hud strong{font:600 24px/1.3 Consolas,monospace;color:var(--green);white-space:nowrap}.game-stage{max-width:440px;margin:0 auto;touch-action:pan-x pan-y}.game-status{font-size:12px;color:var(--green);text-align:center;min-height:42px;line-height:1.8;margin:22px 0 12px}.game-controls{display:flex;justify-content:center;align-items:center;gap:24px;flex-wrap:wrap}.game-controls>.button-row{justify-content:center}.game-controls button:disabled{opacity:.4;cursor:default}.game-keyhint{text-align:center;font-size:10px;color:var(--muted);margin:17px 0 0}.game-select{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:7px}.game-select select{background:var(--soft);color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:10px 7px;max-width:180px;font-size:12px}.game-sidebar{display:grid;gap:18px;min-width:0}.game-sidebar .card{padding:23px}.game-sidebar .card h2{font:500 17px/1.5 sans-serif}.game-best{font:600 38px/1.5 Consolas,monospace;color:var(--green);display:block;margin-bottom:15px}.game-sidebar .card p{margin:15px 0 0;font-size:11px}.game-sidebar .text-link{font-size:11px}.record-row{display:flex;gap:18px;font-size:11px;color:var(--muted)}.record-row b{color:var(--ink);font-weight:500}.game-rules{padding-left:19px;margin:0;color:var(--muted);font-size:12px;line-height:1.9}.game-rules li{padding:5px 0 5px 4px}.game-music-link{padding:16px 20px;background:var(--soft);border-radius:12px;color:var(--green);font-size:11px}.board-2048{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:12px;border-radius:17px;background:var(--tile-bg);touch-action:none}.number-tile{aspect-ratio:1;display:grid;place-content:center;font:700 clamp(20px,3vw,36px)/1 Consolas,monospace;border-radius:9px;background:#ffffff40;color:#5e5648}.number-tile.value-2{background:#f4eee2}.number-tile.value-4{background:#eee1c9}.number-tile.value-8{background:#edb979;color:#664729}.number-tile.value-16{background:#eea16e;color:#5f341f}.number-tile.value-32{background:#e8876f;color:#fffaf3}.number-tile.value-64{background:#d46c59;color:white}.number-tile.value-128{background:#dbc16b;color:#554626}.number-tile.value-256{background:#d4b254;color:#493c20}.number-tile.value-512{background:#c4a24c;color:#fff}.number-tile.value-1024,.number-tile.value-2048{background:#42654f;color:#fff;font-size:clamp(18px,2.7vw,30px)}.game-dpad{display:grid;grid-template-columns:repeat(3,38px);grid-template-rows:repeat(2,35px);gap:5px}.game-dpad button{border:1px solid var(--line);background:var(--soft);color:var(--green);border-radius:9px;font-size:18px;touch-action:manipulation}.dpad-up{grid-column:2}.dpad-left{grid-column:1;grid-row:2}.dpad-down{grid-column:2;grid-row:2}.dpad-right{grid-column:3;grid-row:2}.snake-screen{position:relative;border-radius:16px;overflow:hidden;touch-action:none}.snake-screen canvas{display:block;width:100%;height:auto;background:#102c30}.snake-overlay{position:absolute;inset:0;display:grid;place-content:center;background:#0a2028a8;color:#ecffd9;font-size:17px;text-align:center;padding:25px;pointer-events:none;backdrop-filter:blur(2px)}.snake-overlay[hidden]{display:none}.memory-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.memory-board button{aspect-ratio:1;border:1px solid var(--line);border-radius:12px;background:var(--art-bg);color:var(--art-ink);font-size:35px;transition:background .15s,transform .15s;touch-action:manipulation}.memory-board button:hover:not(:disabled){transform:translateY(-2px)}.memory-board button.flipped{background:var(--soft);font-size:36px}.memory-board button.matched{border-color:var(--green);opacity:.65}.memory-board button:disabled{cursor:default}.mole-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;padding:15px 7px}.mole-board button{aspect-ratio:1.1;position:relative;border:0;border-bottom:7px solid var(--tile-bg);border-radius:50%;background:var(--soft);color:var(--art-ink);overflow:hidden;touch-action:manipulation}.mole-board button small{position:absolute;bottom:6px;left:50%;transform:translateX(-50%);font:10px/1 Consolas,monospace;color:var(--muted)}.mole-figure{position:absolute;left:10%;width:80%;bottom:-100%;background:var(--art-bg);border-radius:48% 48% 25% 25%;height:85%;display:grid;place-content:center;font:bold 26px/1 sans-serif;transition:bottom .12s;pointer-events:none}.mole-board .up .mole-figure{bottom:5%}.mole-board .gold .mole-figure{background:#f5d27c;color:#7b5922}.tic-board,.puzzle-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;max-width:390px;margin:auto}.tic-board button,.puzzle-board button,.puzzle-empty{aspect-ratio:1;display:grid;place-content:center;border:1px solid var(--line);border-radius:13px;background:var(--soft);color:var(--green);font:600 52px/1 Consolas,monospace;min-width:0;touch-action:manipulation}.tic-board .o-cell{color:var(--warm)}.tic-board button:not(:disabled):hover{background:var(--art-bg);color:var(--art-ink)}.puzzle-board{background:var(--art-bg);padding:12px;border-radius:20px}.puzzle-board button{font-size:42px;background:var(--paper);color:var(--ink);box-shadow:0 4px 0 var(--tile-bg)}.puzzle-board button.movable{border-color:var(--green);color:var(--green)}.puzzle-empty{background:var(--tile-bg);border-color:transparent}.puzzle-board button:active{transform:translateY(2px);box-shadow:0 2px 0 var(--tile-bg)}[data-page=game] .site-footer{margin-top:40px}html[data-theme=night] .game-art{filter:saturate(.7) brightness(.87)}html[data-motion=off] .hero-play-art,html[data-motion=off] .arcade-card,html[data-motion=off] .game-symbol{transition:none}.game-controls :is(button,select):focus-visible,.memory-board button:focus-visible,.tic-board button:focus-visible,.puzzle-board button:focus-visible{outline:3px solid var(--warm);outline-offset:3px}
@media(min-width:1500px){.joy-hero h1{font-size:68px}.hero-play-art{min-height:450px}}
@media(max-width:1000px){.joy-hero{gap:30px}.hero-play-art{min-height:380px}.tile-2048{width:145px;height:145px;font-size:44px}.tile-128{width:100px;height:100px;font-size:38px}.tile-8{width:85px;height:85px}.tile-2{width:75px;height:75px}.arcade-grid{gap:17px}.arcade-card-copy{padding:19px}.game-layout{grid-template-columns:minmax(0,1fr) 260px;gap:20px}.game-console{padding:20px}.joy-detour{padding:24px 20px;gap:14px}.joy-detour h2{font-size:17px}}
@media(max-width:800px){.arcade-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.joy-hero{padding-top:15px;padding-bottom:35px;gap:25px}.joy-hero h1{font-size:42px}.hero-play-art{min-height:340px}.hero-art-caption{font-size:7px;left:18px}.tile-2048{width:130px;height:130px;font-size:37px;right:8%}.tile-128{width:85px;height:85px;font-size:32px;left:10%}.tile-8{width:75px;height:75px;font-size:43px}.tile-2{width:65px;height:65px;font-size:35px}.hero-spark{font-size:30px}.joy-hero .eyebrow{font-size:8px;letter-spacing:1px}.joy-detours{grid-template-columns:1fr}.game-layout{grid-template-columns:1fr}.game-sidebar{grid-template-columns:1fr 1fr}.game-music-link{grid-column:1/-1}.game-console{padding:26px}.number-tile{font-size:35px}.number-tile.value-1024,.number-tile.value-2048{font-size:29px}.arcade-page-hero{align-items:flex-start;flex-direction:column;gap:22px}.game-hud>div{max-width:140px}.joy-mini-stats{gap:11px;font-size:9px}.joy-mini-stats b{font-size:16px}}
@media(max-width:560px){.arcade-home{padding-top:5px}.joy-hero{grid-template-columns:1fr;gap:30px;padding:28px 0 20px}.joy-hero h1{font-size:46px}.joy-hero p{font-size:13px}.hero-play-art{min-height:320px;max-width:450px;width:100%;margin:0 auto;transform:none}.hero-art-caption{font-size:8px;top:21px}.tile-2048{width:145px;height:145px;font-size:43px;bottom:13%}.tile-128{width:95px;height:95px;font-size:35px}.tile-8{width:88px;height:88px}.tile-2{width:78px;height:78px}.joy-mini-stats{gap:20px;margin-top:24px}.joy-hero .eyebrow{font-size:8px}.joy-pill{margin:0 0 20px}.arcade-home>.section{padding-top:32px}.arcade-home .section-top .eyebrow{font-size:7px;letter-spacing:1px;margin-bottom:12px}.arcade-home .section-top h2{font-size:23px}.arcade-grid{gap:12px}.game-art{height:138px}.game-symbol{font-size:43px}.game-art:before{width:90px;height:90px;border-radius:18px}.mint .game-art:before{height:25px;width:105px}.lilac .game-art:before{width:57px;height:79px}.pink .game-art:before{width:95px;height:40px;top:75px}.blue .game-art:before{width:100px;height:100px}.game-art-label{font-size:8px;left:12px;bottom:12px}.game-art-arrow{width:24px;height:24px;right:10px;top:10px;font-size:13px}.arcade-card{border-radius:14px}.arcade-card-copy{padding:15px 12px}.arcade-card-copy h3{font-size:16px;margin-bottom:9px}.arcade-card-copy .meta{font-size:8px;letter-spacing:0;flex-direction:column;align-items:flex-start;gap:2px;margin-bottom:9px}.arcade-card-copy p{font-size:10px;margin-bottom:14px;min-height:57px}.arcade-card .card-bottom{flex-wrap:wrap;gap:10px}.arcade-card .text-link{font-size:11px}.arcade-card .star{font-size:10px;padding:4px 9px;min-height:33px}.joy-detours{padding-top:25px}.joy-detour{gap:16px;padding:24px 20px}.detour-icon{font-size:38px}.joy-endnote{font-size:21px;padding-top:25px}.game-console{padding:18px 14px;border-radius:17px}.game-heading{gap:15px;align-items:center}.game-heading h1{font-size:29px}.game-heading .eyebrow{font-size:7px;letter-spacing:1px}.game-heading p{font-size:11px}.game-heading .star{flex:none;font-size:10px;min-height:35px}.game-hud{gap:8px;margin-bottom:18px}.game-hud>div{padding:10px 12px}.game-hud strong{font-size:21px}.game-hud span{font-size:9px}.game-sidebar{grid-template-columns:1fr}.game-music-link{grid-column:auto}.board-2048{gap:7px;padding:9px;border-radius:13px}.number-tile{font-size:30px;border-radius:7px}.number-tile.value-1024,.number-tile.value-2048{font-size:24px}.game-controls{gap:18px}.game-controls .button{font-size:11px;padding:10px 14px}.game-dpad{grid-template-columns:repeat(3,43px);grid-template-rows:repeat(2,40px)}.game-status{font-size:11px;min-height:40px;margin-top:18px}.memory-board{gap:8px}.memory-board button,.memory-board button.flipped{font-size:29px;border-radius:9px}.mole-board{gap:10px;padding:10px 0}.mole-figure{font-size:22px}.tic-board button{font-size:42px}.puzzle-board button{font-size:35px}.game-select select{font-size:13px}.arcade-summary{gap:10px;padding:14px;font-size:10px}.arcade-summary>a{margin-left:0;width:100%}.game-breadcrumb{font-size:10px}.game-keyhint{font-size:9px}}
@media(max-width:350px){.arcade-grid{grid-template-columns:1fr}.arcade-card-copy p{min-height:0;font-size:12px}.arcade-card-copy h3{font-size:20px}.arcade-card .card-bottom{flex-wrap:nowrap}.arcade-card-copy .meta{flex-direction:row}.game-art{height:160px}.joy-hero h1{font-size:40px}.hero-play-art{min-height:285px}.tile-2048{width:125px;height:125px;font-size:36px}.tile-128{width:80px;height:80px}.tile-8{width:70px;height:70px}.tile-2{width:60px;height:60px;font-size:28px}.joy-mini-stats{gap:10px}.game-hud strong{font-size:18px}.game-hud>div{padding:9px}.number-tile{font-size:26px}.number-tile.value-1024,.number-tile.value-2048{font-size:20px}.game-heading h1{font-size:25px}}