:root{color:#18202f;background:#f5f7fa;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}button{min-height:44px;border:0;border-radius:8px;padding:0 14px;background:#e6ebf2;color:#18202f;font:inherit;font-weight:700}button:disabled{opacity:.35}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;padding:env(safe-area-inset-top) 14px calc(78px + env(safe-area-inset-bottom))}.app-shell-game{padding-bottom:calc(16px + env(safe-area-inset-bottom))}.app-shell-game .topbar{display:none}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0 12px}.topbar h1,.section-head h2,.game-toolbar h2{margin:0;letter-spacing:0}.eyebrow{margin:0 0 2px;color:#667085;font-size:12px;font-weight:700;text-transform:uppercase}.user-pill{max-width:42%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid #d7dde8;border-radius:999px;padding:8px 10px;background:#fff;font-size:13px}.content{max-width:760px;margin:0 auto}.bottom-nav{position:fixed;right:0;bottom:0;left:0;display:grid;grid-auto-flow:column;justify-content:center;gap:8px;padding:8px 12px calc(8px + env(safe-area-inset-bottom));border-top:1px solid #d7dde8;background:#fffffff5}.bottom-nav a{display:grid;min-width:64px;min-height:52px;place-items:center;border-radius:8px;color:#667085;font-size:12px}.bottom-nav a.active{background:#e8f2ee;color:#087443}.bottom-nav svg,.icon-button svg{width:20px;height:20px}.section-head{display:grid;gap:8px;margin:10px 0 16px}.section-head p{margin:0;color:#667085}.game-list{display:grid;gap:12px}.game-card{display:grid;grid-template-columns:58px 1fr auto;gap:12px;align-items:center;border:1px solid #d7dde8;border-radius:8px;padding:14px;background:#fff}.game-preview{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;width:58px;aspect-ratio:1;border-radius:8px;padding:5px;background:#172033}.game-preview span{display:grid;place-items:center;border-radius:5px;background:#eaf1f8;color:#172033;font-size:13px;font-weight:950;line-height:1}.game-preview-2048 span:nth-child(1){background:#dce9ff}.game-preview-2048 span:nth-child(2),.game-preview-memory span:nth-child(1),.game-preview-memory span:nth-child(3){background:#9ee7d6}.game-preview-2048 span:nth-child(3),.game-preview-sudoku span:nth-child(4){background:#ffd166}.game-preview-pipes span{background:#1b3655;color:#7dd3fc;font-size:18px}.game-preview-color_flood span:nth-child(1){background:#00a7a5}.game-preview-color_flood span:nth-child(2){background:#f9736b}.game-preview-color_flood span:nth-child(3){background:#ffd166}.game-preview-color_flood span:nth-child(4){background:#7c3aed}.game-preview-memory span:nth-child(2),.game-preview-memory span:nth-child(4){background:#dce9ff}.game-preview-tower span{background:#14b8a6}.game-preview-tower span:nth-child(1),.game-preview-tower span:nth-child(4){transform:scaleX(.68)}.game-preview-rabbit-run span{background:#e7f5df;color:#2e7d55}.game-preview-starlight-breaker span{background:#101828;color:#67e8f9}.game-preview-match3 span:nth-child(-n+3){background:#f9736b;color:#fff}.game-preview-mahjong span{background:#fff7d6;color:#7a4b1e}.game-card h3,.game-card p{margin:0 0 6px}.game-card span{color:#667085;font-size:13px}.card-actions,.privacy-actions{display:flex;flex-wrap:wrap;gap:8px}.primary-button,.icon-button,.danger-button{display:inline-grid;min-height:44px;place-items:center;border-radius:8px;font-weight:800}.primary-button{background:#087443;color:#fff;padding:0 16px}.danger-button{background:#b42318;color:#fff}.icon-button{width:44px;background:#e6ebf2}.state-view{display:grid;min-height:220px;place-items:center;gap:10px;text-align:center}.loader{width:34px;height:34px;border:4px solid #d7dde8;border-top-color:#087443;border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.game-toolbar{display:grid;grid-template-columns:44px 1fr 44px 44px;gap:10px;align-items:center;margin-bottom:12px}.game-toolbar h2{text-align:center}.game-shell{position:relative}.game-container{min-height:420px}.game-session-strip{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;margin-bottom:10px;border:1px solid #d7dde8;border-radius:8px;padding:8px;background:#fff;color:#667085;font-size:13px;font-weight:700}.game-session-strip button{min-height:44px;padding:0 10px}.toast,.my-rank,.status-message{margin-top:12px;border-radius:8px;padding:12px;background:#e8f2ee;color:#087443;font-weight:700}.leaderboard-list{display:grid;gap:8px;padding:0;list-style:none}.leaderboard-list li{display:grid;grid-template-columns:56px 1fr auto;gap:10px;align-items:center;border:1px solid #d7dde8;border-radius:8px;padding:12px;background:#fff}.rank{color:#667085;font-weight:800}.segmented{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.segmented.two{grid-template-columns:repeat(2,minmax(0,1fr))}.segmented button.active{background:#087443;color:#fff}.game-select{min-height:44px;border:1px solid #d7dde8;border-radius:8px;padding:0 12px;background:#fff;color:#18202f;font:inherit;font-weight:700}.stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stats-grid div,.moderation-list article{display:grid;gap:4px;border:1px solid #d7dde8;border-radius:8px;padding:12px;background:#fff}.moderation-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.moderation-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.moderation-details{display:grid;gap:6px;margin:6px 0}.moderation-details div{display:grid;grid-template-columns:96px 1fr;gap:8px}.moderation-details dt,.moderation-details dd{margin:0}.moderation-details dt{color:#667085}.stats-grid strong{font-size:26px}.stats-grid span,.text-page p{color:#667085}.profile-links{display:grid;gap:8px;margin-top:14px}.profile-links a{border:1px solid #d7dde8;border-radius:8px;padding:14px;background:#fff;font-weight:800}.export-preview{max-height:260px;overflow:auto;border:1px solid #d7dde8;border-radius:8px;padding:12px;background:#fff;color:#18202f;font-size:12px;white-space:pre-wrap;word-break:break-word}@media(min-width:720px){.game-list{grid-template-columns:repeat(2,minmax(0,1fr))}.app-shell{padding-inline:24px}}@media(max-width:420px){.game-card{grid-template-columns:54px 1fr}.game-card .card-actions{grid-column:1 / -1}}.modern-game{display:grid;gap:14px;touch-action:manipulation}.game-hud{display:grid;grid-template-columns:1fr auto;gap:8px 12px;align-items:center;border:1px solid #d8dee8;border-radius:8px;padding:10px;background:#fff}.game-hud div{display:grid;gap:2px}.game-hud span,.game-hud p{margin:0;color:#667085;font-size:12px;font-weight:800}.game-hud strong{font-size:28px;line-height:1}.game-hud button{grid-row:span 2}.merge-board,.pipes-grid,.flood-board,.memory-grid,.modern-sudoku-grid,.tower-stage,.runner-canvas,.breaker-canvas,.match3-board,.mahjong-board{width:min(100%,430px);margin:0 auto}.merge-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;aspect-ratio:1;border:1px solid #cbd5e1;border-radius:8px;padding:8px;background:#223044;touch-action:none}.merge-tile{display:grid;place-items:center;border-radius:7px;background:#edf2f7;color:#1f2937;font-size:clamp(22px,8vw,38px);font-weight:950;box-shadow:inset 0 -4px #0f172a14}.merge-tile-2,.merge-tile-4{background:#dce9ff}.merge-tile-8,.merge-tile-16{background:#9ee7d6}.merge-tile-32,.merge-tile-64{background:#ffd166}.merge-tile-128,.merge-tile-256{background:#f9736b;color:#fff}.merge-tile-512,.merge-tile-1024,.merge-tile-2048{background:#7c3aed;color:#fff}.number-pad,.tool-row,.color-picker{display:grid;gap:8px}.pipes-grid{--grid-size: 5;display:grid;grid-template-columns:repeat(var(--grid-size),minmax(0,1fr));gap:6px;aspect-ratio:1;border-radius:8px;padding:8px;background:#102033}.pipe-cell{position:relative;min-height:0;min-width:0;aspect-ratio:1;padding:0;border-radius:7px;background:#1b3655}.pipe-shape,.pipe-core,.pipe-arm{position:absolute;display:block}.pipe-shape{top:0;right:0;bottom:0;left:0}.pipe-core{top:50%;left:50%;width:30%;aspect-ratio:1;border-radius:999px;background:#7dd3fc;box-shadow:0 0 16px #7dd3fcb3;transform:translate(-50%,-50%)}.pipe-arm{background:#7dd3fc;box-shadow:0 0 14px #7dd3fc8c}.pipe-arm.top,.pipe-arm.bottom{left:44%;width:12%;height:50%}.pipe-arm.left,.pipe-arm.right{top:44%;width:50%;height:12%}.pipe-arm.top{top:0}.pipe-arm.right{right:0}.pipe-arm.bottom{bottom:0}.pipe-arm.left{left:0}.flood-board{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;aspect-ratio:1;border-radius:8px;padding:6px;background:#fff;border:1px solid #d8dee8}.flood-cell{display:grid;place-items:center;border-radius:5px;color:#ffffffd6;font-size:12px;font-weight:900;line-height:1;transition:transform .14s ease}.color-picker{grid-template-columns:repeat(5,minmax(0,1fr))}.flood-swatch{border:3px solid rgba(255,255,255,.7);color:#fff;font-weight:900;box-shadow:0 6px 18px #0f172a1f}.flood-0{background:#00a7a5}.flood-1{background:#f9736b}.flood-2{background:#ffd166}.flood-3{background:#7c3aed}.flood-4{background:#2563eb}.memory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.memory-card{display:grid;min-height:0;min-width:0;aspect-ratio:1;place-items:center;padding:0;border:1px solid #cbd5e1;background:linear-gradient(145deg,#172033,#273a56);color:#fff;font-size:clamp(24px,9vw,42px);box-shadow:0 8px 24px #0f172a29}.memory-card.visible{background:#fff;color:#172033}.memory-card span{display:grid;width:72%;aspect-ratio:1;place-items:center;border-radius:999px;background:#eef6ff}.modern-sudoku-grid{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:2px;aspect-ratio:1;border:2px solid #172033;background:#172033}.modern-sudoku-grid>button{display:grid;min-height:0;min-width:0;aspect-ratio:1;place-items:center;padding:0;border-radius:0;background:#fff;color:#18202f;font-size:clamp(14px,5.2vw,24px);font-weight:800}.modern-sudoku-grid>button:nth-child(3n){border-right:2px solid #172033}.modern-sudoku-grid>button:nth-child(n+19):nth-child(-n+27),.modern-sudoku-grid>button:nth-child(n+46):nth-child(-n+54){border-bottom:2px solid #172033}.modern-sudoku-grid>button.given{background:#eaf1f8;font-weight:900}.modern-sudoku-grid>button.peer{background:#f1faf7}.modern-sudoku-grid>button.selected{background:#c7f0e6;box-shadow:inset 0 0 0 2px #087443}.modern-sudoku-grid>button.wrong{color:#b42318}.modern-sudoku-grid small{display:block;color:#667085;font-size:9px;line-height:1;word-break:break-all}.sudoku-dock{display:grid;gap:8px;position:sticky;bottom:calc(8px + env(safe-area-inset-bottom));z-index:2;width:min(100%,360px);margin:0 auto;border:1px solid #d8dee8;border-radius:8px;padding:8px;background:#fffffff5;box-shadow:0 -8px 24px #0f172a14}.sudoku-selected{color:#667085;font-size:12px;font-weight:800;text-align:center}.number-pad{grid-template-columns:repeat(3,minmax(44px,1fr));width:min(100%,220px);margin:0 auto}.sudoku-number-pad{width:100%}.number-pad button,.tool-row button{padding:0 6px}.tool-row{grid-template-columns:repeat(3,minmax(0,1fr))}.sudoku-tools{grid-template-columns:repeat(4,minmax(0,1fr))}.sudoku-tools button{font-size:13px}.tool-row button.active{background:#087443;color:#fff}.tower-stage{position:relative;display:block;height:340px;overflow:hidden;border:1px solid #cbd5e1;border-radius:8px;padding:0;background:linear-gradient(180deg,#ffffffd1,#fff0),linear-gradient(145deg,#dff7f1,#edf2ff 52%,#fff4d6);touch-action:manipulation}.tower-stage:active{transform:translateY(1px)}.tower-block,.tower-moving-block{position:absolute;height:20px;border-radius:6px;background:linear-gradient(90deg,#087443,#14b8a6);box-shadow:0 8px 18px #08744333;transform:translate(-50%)}.tower-moving-block{top:22px;background:linear-gradient(90deg,#f9736b,#ffd166)}.tower-result{position:absolute;right:16px;bottom:16px;left:16px;border-radius:8px;padding:10px;background:#ffffffe6}.runner-canvas,.breaker-canvas{display:block;max-width:100%;border:1px solid #cbd5e1;border-radius:8px;touch-action:none}.runner-canvas{height:300px}.breaker-canvas{width:min(100%,360px);height:auto;aspect-ratio:360 / 430;background:#101828}.match3-board{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;aspect-ratio:1;border:1px solid #d8dee8;border-radius:8px;padding:8px;background:#fff}.match3-cell{display:grid;min-width:0;min-height:0;aspect-ratio:1;place-items:center;padding:0;color:#fff;font-size:clamp(18px,7vw,34px);line-height:1;box-shadow:inset 0 -5px #0f172a1f}.match3-cell.selected,.mahjong-tile.selected{box-shadow:0 0 0 3px #172033,inset 0 -5px #0f172a1f}.gem-0{background:#f9736b}.gem-1{background:#14b8a6}.gem-2{background:#f59e0b}.gem-3{background:#7c3aed}.gem-4{background:#2563eb}.gem-5{background:#db2777}.mahjong-board{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;border-radius:8px;padding:10px;background:#244033}.mahjong-tile{display:grid;min-width:0;min-height:0;aspect-ratio:.76;place-items:center;border:1px solid rgba(122,75,30,.2);border-radius:7px;padding:0;background:linear-gradient(180deg,#fff8df,#f5dfaa);color:#25352b;font-size:clamp(18px,7vw,30px);box-shadow:inset 0 -6px #7a4b1e26,0 8px 18px #0f172a29}.mahjong-tile.removed{visibility:hidden}