:root{--bg: #fbf5ec;--surface: #fffdfa;--surface-2: #f8f0e5;--ink: #2c2c2a;--ink-soft: #4a443e;--muted: #8e8378;--line: #eee2d3;--blue: #185fa5;--blue-dark: #12528f;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Arial,sans-serif;line-height:1.55;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{box-sizing:border-box}body{margin:0;min-height:100vh;background-color:var(--bg);background-image:radial-gradient(48rem 30rem at 6% -8%,rgba(252,226,195,.55),transparent 62%),radial-gradient(40rem 26rem at 98% 2%,rgba(250,215,205,.42),transparent 60%),radial-gradient(46rem 30rem at 60% 108%,rgba(226,234,214,.4),transparent 62%);background-attachment:fixed}button{font-family:inherit}.nav{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:12px;height:56px;padding:0 18px;background:#fffcf7e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:.5px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:8px;font-size:15.5px;font-weight:700;letter-spacing:.02em;white-space:nowrap}.brand:before{content:"";width:9px;height:9px;border-radius:3px;background:var(--amber, #c4773f)}.nav-right{display:flex;align-items:center;gap:2px}.nav-btn{padding:7px 9px;border:0;border-radius:9px;background:transparent;color:var(--ink-soft);font-size:12.5px;white-space:nowrap;cursor:pointer;transition:background .14s ease,color .14s ease}.nav-btn:hover{background:var(--surface-2);color:var(--ink)}.nav-btn:focus-visible{outline:2px solid var(--blue);outline-offset:1px}.search-row{display:flex;align-items:center;gap:8px;padding:12px 18px;border-bottom:.5px solid var(--line);background:#fffcf7e6}.search-input{flex:1;min-width:0;height:38px;padding:0 13px;border:.5px solid #e7dacb;border-radius:10px;background:var(--surface);color:var(--ink);font-family:inherit;font-size:13px}.search-input::placeholder{color:#b3a597}.search-input:focus{outline:2px solid rgba(24,95,165,.22);border-color:var(--blue)}.page{max-width:1040px;margin:0 auto;padding:20px 20px 52px}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin:2px 0 14px}.section-title{position:relative;margin:0;padding-left:11px;font-size:15.5px;font-weight:700}.section-title:before{content:"";position:absolute;left:0;top:50%;width:3px;height:15px;margin-top:-7.5px;border-radius:2px;background:#c4773f}.section-count{font-size:12px;color:var(--muted)}.game-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.game-card{display:grid;gap:2px;min-width:0;padding:10px;border:.5px solid var(--line);border-radius:16px;background:var(--surface);color:inherit;text-align:left;cursor:pointer;box-shadow:0 3px 10px #a0785512;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.game-card:hover{transform:translateY(-3px);border-color:#ddc9b4;box-shadow:0 14px 26px #a0785529}.game-card:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.game-name{margin-top:9px;font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-meta{font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empty{margin:16px 0 0;font-size:13px;color:var(--muted)}.thumb{position:relative;display:block;width:100%;aspect-ratio:16 / 10;border-radius:12px;overflow:hidden}.thumb>span{position:absolute;display:block}.thumb-img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}.tone-night{background:#0b0908;--c1: #ffe066;--c2: #2a241e;--c3: #ffe9a8}.tone-wood{background:#fdf1e4;--c1: #94512f;--c2: #d98a63;--c3: #e3d3bd}.tone-shop{background:#fdf3e2;--c1: #cf5f3f;--c2: #7e5433;--c3: #e6d0b2}.tone-sunny{background:#fdf0d9;--c1: #ff7a5c;--c2: #8b7bf7;--c3: #ffc94b}.tone-orchard{background:#f2ebdd;--c1: #c2673a;--c2: #7a6a54;--c3: #e8dfcd}.thumb[data-shape=runner] .s1{left:50%;top:0;width:58%;height:100%;transform:translate(-50%);background:var(--c2);clip-path:polygon(41% 0,59% 0,100% 100%,0 100%)}.thumb[data-shape=runner] .s1:after{content:"";position:absolute;left:50%;top:10%;width:6%;height:80%;transform:translate(-50%);background:repeating-linear-gradient(to bottom,rgba(255,233,168,.62) 0 7%,transparent 7% 17%)}.thumb[data-shape=runner] .s2{left:50%;top:7%;width:26%;height:8%;transform:translate(-50%);border-radius:999px;background:#ff6b5b8c;filter:blur(3px)}.thumb[data-shape=runner] .s3{left:50%;bottom:12%;width:15%;aspect-ratio:1;transform:translate(-50%);border-radius:4px;background:var(--c1)}.thumb[data-shape=runner] .s4{left:50%;top:34%;width:2px;height:26%;transform:translate(-50%);background:var(--c3);opacity:.9}.thumb[data-shape=runner] .s5{left:30%;top:40%;width:11%;aspect-ratio:1;border-radius:50%;background:#6ee07ad9}.thumb[data-shape=runner] .s6{left:61%;top:30%;width:9%;aspect-ratio:1;border-radius:50%;background:#6ee07a99}.thumb[data-shape=sudoku] .s1{--grid: rgba(148, 81, 47, .26);left:14%;top:14%;width:72%;height:72%;border-radius:8px;background-color:#fffdf8;background-image:linear-gradient(to right,transparent calc(33.33% - .5px),var(--grid) calc(33.33% - .5px),var(--grid) calc(33.33% + .5px),transparent calc(33.33% + .5px)),linear-gradient(to right,transparent calc(66.66% - .5px),var(--grid) calc(66.66% - .5px),var(--grid) calc(66.66% + .5px),transparent calc(66.66% + .5px)),linear-gradient(to bottom,transparent calc(33.33% - .5px),var(--grid) calc(33.33% - .5px),var(--grid) calc(33.33% + .5px),transparent calc(33.33% + .5px)),linear-gradient(to bottom,transparent calc(66.66% - .5px),var(--grid) calc(66.66% - .5px),var(--grid) calc(66.66% + .5px),transparent calc(66.66% + .5px))}.thumb[data-shape=sudoku] .s2,.thumb[data-shape=sudoku] .s3,.thumb[data-shape=sudoku] .s4{width:13%;aspect-ratio:1;border-radius:50%}.thumb[data-shape=sudoku] .s2{left:19.5%;top:19.5%;background:#d98a63}.thumb[data-shape=sudoku] .s3{left:67.5%;top:19.5%;background:#d98b8b}.thumb[data-shape=sudoku] .s4{left:19.5%;top:67.5%;background:#b98a5b}.thumb[data-shape=sudoku] .s5{left:43.5%;top:43.5%;width:22%;aspect-ratio:1;border-radius:5px;background:#94512f24}.thumb[data-shape=sudoku] .s6{display:none}.thumb[data-shape=match3] .s1{--grid: rgba(126, 84, 51, .2);left:12%;top:12%;width:76%;height:76%;border-radius:9px;background-color:#fffaf0;background-image:linear-gradient(to right,transparent calc(33.33% - .5px),var(--grid) calc(33.33% - .5px),var(--grid) calc(33.33% + .5px),transparent calc(33.33% + .5px)),linear-gradient(to right,transparent calc(66.66% - .5px),var(--grid) calc(66.66% - .5px),var(--grid) calc(66.66% + .5px),transparent calc(66.66% + .5px)),linear-gradient(to bottom,transparent calc(33.33% - .5px),var(--grid) calc(33.33% - .5px),var(--grid) calc(33.33% + .5px),transparent calc(33.33% + .5px)),linear-gradient(to bottom,transparent calc(66.66% - .5px),var(--grid) calc(66.66% - .5px),var(--grid) calc(66.66% + .5px),transparent calc(66.66% + .5px))}.thumb[data-shape=match3] .s2,.thumb[data-shape=match3] .s3,.thumb[data-shape=match3] .s4{top:41.5%;width:17%;aspect-ratio:1;border-radius:5px;box-shadow:inset 0 0 0 1px #7e543329}.thumb[data-shape=match3] .s2{left:17.5%;background:#cf5f3f}.thumb[data-shape=match3] .s3{left:41.5%;background:#c98f52}.thumb[data-shape=match3] .s4{left:65.5%;background:#fffaf0}.thumb[data-shape=match3] .s5{left:17.5%;top:64%;width:65%;height:4.5%;border-radius:999px;background:#cf5f3f52}.thumb[data-shape=match3] .s6{left:73%;top:15%;width:10%;aspect-ratio:1;border-radius:50%;background:var(--c1);box-shadow:inset 0 0 0 1.5px #fffaf099}.thumb[data-shape=quizcard] .s1{left:12%;top:12%;width:76%;height:76%;border-radius:9px;background:#fff;box-shadow:inset 0 0 0 1px #241e171f}.thumb[data-shape=quizcard] .s2{left:19%;top:21%;width:16%;aspect-ratio:1;border-radius:50%;background:var(--c2)}.thumb[data-shape=quizcard] .s3{left:39%;top:23%;width:39%;height:6%;border-radius:999px;background:#4a3f33bf}.thumb[data-shape=quizcard] .s4{left:39%;top:33%;width:26%;height:5%;border-radius:999px;background:#4a3f3347}.thumb[data-shape=quizcard] .s5{left:19%;top:50%;width:62%;height:12%;border-radius:6px;background:var(--c3)}.thumb[data-shape=quizcard] .s6{left:19%;top:68%;width:46%;height:12%;border-radius:6px;background:#241e171a}.thumb[data-shape=suika] .s1{left:17%;bottom:13%;width:66%;height:40%;border:2px solid var(--c2);border-top-width:2px;border-radius:6px 6px 10px 10px;background:#ffffff73}.thumb[data-shape=suika] .s2{left:50%;bottom:16%;width:26%;aspect-ratio:1;transform:translate(-50%);border-radius:50%;background:var(--c1)}.thumb[data-shape=suika] .s3{left:27%;bottom:32%;width:17%;aspect-ratio:1;border-radius:50%;background:#7f8f4f}.thumb[data-shape=suika] .s4{left:56%;bottom:35%;width:15%;aspect-ratio:1;border-radius:50%;background:#d99a4e}.thumb[data-shape=suika] .s5{left:42%;bottom:45%;width:12%;aspect-ratio:1;border-radius:50%;background:#b8543f}.thumb[data-shape=suika] .s6{left:18%;top:26%;width:64%;height:2px;background:repeating-linear-gradient(to right,rgba(194,103,58,.75) 0 6px,transparent 6px 12px)}@media(max-width:880px){.game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:680px){.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:400px){.nav{padding:0 12px;gap:6px}.brand{font-size:14px}.brand:before{width:8px;height:8px}.nav-btn{padding:6px;font-size:12px}.page{padding:14px 12px 44px}}@media(prefers-reduced-motion:reduce){.game-card,.nav-btn{transition:none}.game-card:hover{transform:none}}