:root{color-scheme:light;--bg: #ffe6d5;--bg-soft: #fff3e7;--ink: #3c2d2f;--pink: #f47aa1;--gold: #ffcb5c;--cream: #fff9f0;--shadow: 0 20px 40px rgba(137, 76, 39, .14)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;min-height:100%}body{font-family:Microsoft YaHei,PingFang SC,Trebuchet MS,sans-serif;background:radial-gradient(circle at 20% 10%,rgba(255,255,255,.8),transparent 26%),linear-gradient(180deg,#ffe2d6,#ffd3bd);color:var(--ink)}button,input{font:inherit}button{border:0;cursor:pointer}.app-shell{min-height:100vh;position:relative;overflow:hidden;padding:18px 10px 24px}.ambient{position:absolute;border-radius:999px;filter:blur(30px);opacity:.5}.ambient-left{width:180px;height:180px;left:-50px;top:140px;background:#ffdc9bcc}.ambient-right{width:220px;height:220px;right:-70px;top:360px;background:#ff99c573}.device-frame{position:relative;z-index:1;max-width:440px;margin:0 auto;min-height:calc(100vh - 42px);background:linear-gradient(180deg,#fff6ef,#ffe8db);border-radius:34px;border:4px solid rgba(255,255,255,.85);box-shadow:var(--shadow);overflow:hidden}.topbar{position:sticky;top:0;z-index:2;padding:18px 16px 12px;background:linear-gradient(180deg,#fff6eff5,#fff6efeb),#fff6eff5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid rgba(164,97,86,.08)}.icon-btn{width:40px;height:40px;border-radius:14px;background:transparent}.ghost-btn span{display:block;width:20px;height:4px;border-radius:999px;margin:3px auto;background:#d689a8}.topbar-actions{position:absolute;right:16px;top:18px;display:flex;gap:8px;align-items:center}.pill{display:inline-flex;align-items:center;gap:6px;padding:9px 12px;border-radius:14px;color:#fff;font-size:13px;font-weight:800;box-shadow:0 10px 20px #6a433024}.pill-energy{background:linear-gradient(180deg,#ffd58d,#ffc867);color:#5a3700}.pill-plus{width:38px;justify-content:center;background:linear-gradient(180deg,#89db77,#46c05c)}.pill-remove{background:linear-gradient(180deg,#9b6cc4,#8b57b2)}.screen-title{padding-top:10px}.screen-title p,.hero-kicker,.card-badge,.control-hint span,.game-stats span,.hero-copy{margin:0;letter-spacing:.04em;font-size:12px;text-transform:uppercase}.screen-title p{color:#b68278}.screen-title h1{margin:6px 0 0;font:800 28px/1 Arial Rounded MT Bold,Trebuchet MS,Microsoft YaHei,sans-serif;color:#4b3030}.home-screen,.game-screen{padding:12px 14px 22px}.hero-card,.game-card,.game-hero,.game-canvas-card,.game-footer-card,.plan-strip article{background:#ffffffe6;border:4px solid rgba(255,255,255,.92);border-radius:28px;box-shadow:var(--shadow)}.hero-card{padding:18px;display:grid;gap:12px;background:linear-gradient(180deg,#fff0e1f2,#fffffff5),#ffffffe6}.hero-card h2{margin:6px 0 0;font:800 25px/1.05 Arial Rounded MT Bold,Trebuchet MS,Microsoft YaHei,sans-serif;color:#513030}.hero-copy{color:#8e665d;text-transform:none;font-size:14px;line-height:1.55}.game-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:2px}.game-card{text-align:left;padding:0;overflow:hidden;background:#fff;aspect-ratio:.82}.card-art{position:relative;height:100%;background:var(--card-bg);overflow:hidden}.card-art img{display:block;width:100%;height:100%;object-fit:cover}.card-title-overlay{position:absolute;inset:auto 0 0;padding:16px 14px 14px;background:linear-gradient(180deg,#080a1400,#080a14c7)}.card-title-overlay span{display:inline-block;max-width:100%;font:800 24px/1 Arial Rounded MT Bold,Trebuchet MS,Microsoft YaHei,sans-serif;color:#fff9ef;text-shadow:0 3px 10px rgba(0,0,0,.45)}.card-badge{display:inline-flex;align-items:center;padding-bottom:4px;border-bottom:4px solid var(--card-accent, #ff87a2);color:var(--card-accent, #ff87a2);font-weight:900}.card-copy h3,.game-hero h2{margin:10px 0 6px;font:800 21px/1 Arial Rounded MT Bold,Trebuchet MS,Microsoft YaHei,sans-serif}.card-copy p,.game-hero p,.game-footer-card p,.plan-strip p{margin:0;color:#785c57;font-size:13px;line-height:1.5}.plan-strip{display:grid;gap:12px;padding:0 14px 20px}.plan-strip article{padding:16px}.plan-strip h3{margin:0 0 8px;font:800 18px/1 Arial Rounded MT Bold,Trebuchet MS,Microsoft YaHei,sans-serif}.back-link{display:inline-flex;align-items:center;padding:8px 14px;border-radius:999px;background:#fffc;color:#9c5f71;margin-bottom:12px}.game-screen{display:grid;gap:12px}.game-hero{padding:18px;display:grid;gap:16px;background:radial-gradient(circle at top right,rgba(255,255,255,.8),transparent 30%),linear-gradient(180deg,color-mix(in srgb,var(--hero-accent) 18%,white),#fffffff0)}.game-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.game-stats article{padding:12px;border-radius:18px;background:#ffffffad}.game-stats strong,.control-hint strong{display:block;margin-top:4px;font-size:18px;color:#493030}.game-canvas-card,.game-footer-card{padding:16px}.game-canvas-card{display:grid;gap:16px;place-items:center}.game-footer-card{display:grid;gap:14px}.game-actions{display:flex;flex-wrap:wrap;gap:10px}.action-btn{flex:1 1 0;min-width:90px;padding:13px 16px;border-radius:16px;font-weight:800;color:#fff;background:linear-gradient(180deg,#fb7ba5,#ef5f8f)}.action-btn.soft{background:linear-gradient(180deg,#ffc96e,#f4b841);color:#5f3d06}.control-hint{padding:14px 16px;border-radius:20px;background:#fff4e7eb}.game-canvas{width:min(100%,320px);border-radius:24px;border:4px solid #fff;box-shadow:0 16px 30px #452b1726;background:#0f1823}.dpad{display:grid;grid-template-columns:repeat(3,64px);gap:8px;justify-content:center}.dpad button{height:54px;border-radius:18px;background:linear-gradient(180deg,#fff6e0,#ffd691);color:#754800;font-weight:800;box-shadow:0 10px 20px #8e5c2029}.board-2048{width:min(100%,320px);display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:14px;background:#bb9c89;border-radius:24px;border:4px solid rgba(255,255,255,.9)}.tile-2048{aspect-ratio:1;border-radius:18px;position:relative;display:grid;place-items:center;font:800 28px/1 Arial Rounded MT Bold,Trebuchet MS,Microsoft YaHei,sans-serif;color:#5a4230;background:#fff7ee4d;overflow:hidden}.tile-2048 img{width:88%;height:88%;object-fit:contain;filter:drop-shadow(0 8px 10px rgba(52,34,22,.14))}.tile-2048-value{position:absolute;right:8px;bottom:8px;padding:4px 7px;border-radius:999px;background:#ffffffe6;font-size:12px;line-height:1;color:#5a4230;box-shadow:0 4px 10px #39261b1f}.value-0{background:#fff8ee40}.value-2{background:linear-gradient(180deg,#fff7e8,#ffefcf)}.value-4{background:linear-gradient(180deg,#fff1e7,#ffd8dd)}.value-8{background:linear-gradient(180deg,#f6ebff,#dccfff)}.value-16{background:linear-gradient(180deg,#fff3db,#ffd08d)}.value-32{background:linear-gradient(180deg,#ffe6e1,#ffb6ab)}.value-64{background:linear-gradient(180deg,#eef9df,#c9ecae)}.value-128{background:linear-gradient(180deg,#f1ffd7,#d5f28c)}.value-256{background:linear-gradient(180deg,#efffdc,#bce771)}.value-512{background:linear-gradient(180deg,#efffdc,#9be05d)}.value-1024{background:linear-gradient(180deg,#edffd9,#85d451)}.value-2048{background:linear-gradient(180deg,#e8ffd4,#67c445)}.minesweeper-grid{width:min(100%,340px);display:grid;grid-template-columns:repeat(10,1fr);gap:6px}.mine-cell{aspect-ratio:1;border-radius:12px;background:linear-gradient(180deg,#646d7c,#434957);color:#fff;font-weight:900}.mine-cell.revealed{background:linear-gradient(180deg,#fff4de,#ffe4ba);color:#53360c}.mine-cell.flagged{background:linear-gradient(180deg,#ff9a9a,#ff7474)}.sudoku-grid{width:min(100%,340px);display:grid;grid-template-columns:repeat(9,1fr);gap:4px;padding:8px;border-radius:24px;background:#c9b5a4}.sudoku-cell{aspect-ratio:1;border-radius:10px;background:#fff8ef;color:#5c453d;font-weight:900}.sudoku-cell.fixed{background:#ffe8a7}.sudoku-cell.selected{outline:3px solid #ff789a}.sudoku-keypad{width:min(100%,340px);display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.sudoku-keypad button{padding:12px 0;border-radius:14px;background:linear-gradient(180deg,#fff4de,#ffd592);color:#613f06;font-weight:900}.slide-puzzle-grid{width:min(100%,320px);display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:10px;border-radius:24px;background:#d8d4cf}.slide-tile{aspect-ratio:1;border-radius:18px;background:linear-gradient(180deg,#85abff,#567cf7);color:#fff;font:800 34px/1 Arial Rounded MT Bold,Trebuchet MS,Microsoft YaHei,sans-serif;box-shadow:inset 0 4px #ffffff2e}.slide-tile.empty{background:#ffffff59;box-shadow:none}.memory-grid{width:min(100%,320px);display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.memory-card{aspect-ratio:.8;border-radius:18px;background:linear-gradient(180deg,#ff9fc6,#f36ba9);color:#fff;display:grid;place-items:center;font-size:34px;font-weight:900;box-shadow:0 10px 20px #b1497226}.memory-card.open{background:linear-gradient(180deg,#fff7fb,#ffe2ef);color:#5b3452}.lights-grid{width:min(100%,320px);display:grid;grid-template-columns:repeat(5,1fr);gap:10px;padding:10px;border-radius:24px;background:#222838}.light-cell{aspect-ratio:1;border-radius:18px}.light-cell.on{background:radial-gradient(circle at 50% 40%,#fff7c4,#ffd75a 58%,#f3a91f);box-shadow:0 0 24px #ffd35366}.light-cell.off{background:linear-gradient(180deg,#4a5369,#2b3242)}.blockblast-board{width:min(100%,340px);display:grid;grid-template-columns:repeat(8,1fr);gap:6px;padding:10px;border-radius:26px;background:linear-gradient(180deg,#20365d,#10203f)}.block-cell{aspect-ratio:1;border-radius:12px;background:#ffffff14;box-shadow:inset 0 2px #ffffff14}.piece-rack{width:min(100%,340px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.piece-card{min-height:92px;padding:14px 8px;border-radius:20px;background:linear-gradient(180deg,#fff8f2,#ffe8d1);border:3px solid transparent}.piece-card.selected{border-color:#ff7ca3;box-shadow:0 12px 24px #f1679a2e}.piece-preview{display:grid;justify-content:center;align-content:center;gap:6px;min-height:64px}.piece-dot{width:16px;height:16px;border-radius:5px;background:#79504814}.piece-dot.filled{box-shadow:inset 0 2px #ffffff3d}.block-cell.tone-pink,.piece-preview.tone-pink .piece-dot.filled{background:linear-gradient(180deg,#ff97bd,#ff6797)}.block-cell.tone-gold,.piece-preview.tone-gold .piece-dot.filled{background:linear-gradient(180deg,#ffd98e,#ffbb3d)}.block-cell.tone-mint,.piece-preview.tone-mint .piece-dot.filled{background:linear-gradient(180deg,#9ef0c8,#4fd6a3)}.block-cell.tone-sky,.piece-preview.tone-sky .piece-dot.filled{background:linear-gradient(180deg,#86dcff,#40b6ff)}.block-cell.tone-peach,.piece-preview.tone-peach .piece-dot.filled{background:linear-gradient(180deg,#ffd3b8,#ff9f78)}.block-cell.tone-violet,.piece-preview.tone-violet .piece-dot.filled{background:linear-gradient(180deg,#cfb4ff,#9b75ff)}.block-cell.tone-berry,.piece-preview.tone-berry .piece-dot.filled{background:linear-gradient(180deg,#ffb0d2,#ff6ca7)}.block-cell.tone-citrus,.piece-preview.tone-citrus .piece-dot.filled{background:linear-gradient(180deg,#fff0a4,#ffcf55)}.block-cell.tone-rose,.piece-preview.tone-rose .piece-dot.filled{background:linear-gradient(180deg,#ffb1b7,#ff707d)}.jam-board-shell{position:relative;width:min(100%,336px);padding:20px}.jam-board{display:grid;gap:8px;padding:10px;border-radius:24px;background:linear-gradient(180deg,#25203c,#171126)}.jam-cell{aspect-ratio:1;border-radius:16px;background:#ffffff1a;color:#ffffffc7;font-weight:900}.jam-cell.wall{background:linear-gradient(180deg,#8577a6,#564a74)}.jam-cell.selected{outline:4px solid #fff3c3;box-shadow:0 0 0 4px #ffd3582e}.jam-exit{position:absolute;display:grid;place-items:center;width:28px;height:28px;border-radius:999px;font-size:12px;font-weight:900;color:#fff;box-shadow:0 8px 18px #2a183f38}.jam-exit.left{left:2px}.jam-exit.right{right:2px}.jam-exit.top{top:2px}.jam-exit.bottom{bottom:2px}.color-red{background:linear-gradient(180deg,#ff8d8d,#ff5a65)}.color-blue{background:linear-gradient(180deg,#77c6ff,#3a8dff)}.color-yellow{background:linear-gradient(180deg,#ffe98f,#ffc73a);color:#7a4f00}.color-green{background:linear-gradient(180deg,#8fe6ab,#43c676)}.color-purple{background:linear-gradient(180deg,#d3b1ff,#9f6dff)}.color-orange{background:linear-gradient(180deg,#ffc085,#ff8f3a)}.link-grid{width:min(100%,336px);display:grid;grid-template-columns:repeat(6,1fr);gap:8px;padding:10px;border-radius:24px;background:linear-gradient(180deg,#fff8f3,#ffe8d9)}.link-tile{aspect-ratio:1;border-radius:16px;background:#fffefb;border:3px solid rgba(255,255,255,.95);display:grid;place-items:center;box-shadow:0 10px 18px #66433017}.link-tile img{width:72%;height:72%;object-fit:contain}.link-tile.selected{transform:translateY(-2px);box-shadow:0 16px 24px #ff76a42e}.link-tile.empty{background:#ffffff61;border-style:dashed;box-shadow:none}.link-tile.frame-pink{background:linear-gradient(180deg,#fff5fa,#ffe3ef)}.link-tile.frame-gold{background:linear-gradient(180deg,#fff9eb,#ffe7b6)}.link-tile.frame-mint{background:linear-gradient(180deg,#f2fff8,#d9f7ea)}.link-tile.frame-sky{background:linear-gradient(180deg,#eff8ff,#d8ecff)}.link-tile.frame-violet{background:linear-gradient(180deg,#f7f1ff,#e5d6ff)}.link-tile.frame-rose{background:linear-gradient(180deg,#fff1f3,#ffdfe6)}.link-tile.frame-peach{background:linear-gradient(180deg,#fff5ef,#ffe0cf)}.link-tile.frame-berry{background:linear-gradient(180deg,#fff2fb,#efd8ff)}.link-tile.frame-citrus{background:linear-gradient(180deg,#fffbe7,#fff0bd)}.one-line-shell{position:relative;width:min(100%,320px);aspect-ratio:1;padding:12px;border-radius:28px;background:linear-gradient(180deg,#eef4ff,#d6e2ff)}.one-line-path{position:absolute;inset:12px;width:calc(100% - 24px);height:calc(100% - 24px);pointer-events:none}.one-line-path line{stroke:#3c6fff;stroke-width:6;stroke-linecap:round}.one-line-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(5,1fr);gap:10px;width:100%;height:100%}.line-cell{aspect-ratio:1;border-radius:20px;background:transparent;color:transparent;font-weight:900}.line-cell.active{background:#ffffff8c;color:#5874b0}.line-cell.visited{background:linear-gradient(180deg,#6d97ff,#416dff);color:#fff;box-shadow:0 10px 20px #4262bb2e}.line-cell.start{box-shadow:inset 0 0 0 4px #ffcf58c7}.pipe-grid{width:min(100%,340px);display:grid;gap:8px;padding:10px;border-radius:24px;background:linear-gradient(180deg,#dff6ff,#bfeafb)}.pipe-cell{position:relative;aspect-ratio:1;border-radius:18px;background:#fffc}.pipe-cell.empty{background:#ffffff47}.pipe-core,.pipe-arm{position:absolute;background:#7393a8;transition:background .16s ease,box-shadow .16s ease}.pipe-core{inset:32%;border-radius:10px}.pipe-arm{border-radius:999px}.pipe-arm.up,.pipe-arm.down{width:18%;left:41%}.pipe-arm.left,.pipe-arm.right{height:18%;top:41%}.pipe-arm.up{top:10%;height:28%}.pipe-arm.right{right:10%;width:28%}.pipe-arm.down{bottom:10%;height:28%}.pipe-arm.left{left:10%;width:28%}.pipe-cell.active .pipe-core,.pipe-cell.active .pipe-arm{background:#3bbff0;box-shadow:0 0 14px #40c4ff38}.pipe-cell.source{background:linear-gradient(180deg,#e9fff6,#d0f7e4)}.pipe-cell.goal{background:linear-gradient(180deg,#fffbe6,#fff0bd)}@media(max-width:420px){.game-grid{gap:12px}.card-copy h3,.game-hero h2{font-size:19px}.card-title-overlay span{font-size:21px}.game-canvas,.board-2048,.minesweeper-grid,.sudoku-grid,.sudoku-keypad,.blockblast-board,.piece-rack,.jam-board-shell,.link-grid,.one-line-shell,.pipe-grid{width:100%}}