:root{--bg:#f6f7fb;--surface:#fff;--text:#1f2330;--muted:#6b7180;--line:#d9dce5;--line-strong:#2b2f3a;--accent:#4f46e5;--accent-soft:#e6e5fc;--peer:#eef0f7;--same:#d4d2fa;--wrong:#e5484d;--wrong-soft:#fde8e8;--done:#b8bcc8;--radius:14px;--font:-apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#12141a;--surface:#1c1f27;--text:#e9ebf1;--muted:#9aa0ae;--line:#333845;--line-strong:#8a90a0;--accent:#8b85ff;--accent-soft:#2c2a55;--peer:#232733;--same:#3a3770;--wrong:#ff6b6f;--wrong-soft:#3d1f22;--done:#555b6a}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-tap-highlight-color:transparent;margin:0}body{min-height:100vh;padding:env(safe-area-inset-top) env(safe-area-inset-right) calc(env(safe-area-inset-bottom) + var(--ad-h,0px)) env(safe-area-inset-left);flex-direction:column;display:flex}a{color:var(--accent)}body:before,body:after{content:"";background:var(--bg);z-index:5;pointer-events:none;position:fixed;left:0;right:0}body:before{height:env(safe-area-inset-top);top:0}body:after{height:env(safe-area-inset-bottom);bottom:0}button,select{font:inherit;color:inherit}.container{flex:1;width:100%;max-width:520px;margin:0 auto;padding:0 16px 24px}.site-header{align-items:center;gap:8px;width:100%;max-width:520px;margin:0 auto;padding:14px 16px;display:flex}.logo{color:var(--text);letter-spacing:-.5px;font-size:20px;font-weight:800;text-decoration:none}.logo span{color:var(--accent)}.back{color:var(--text);padding:0 6px 4px 0;font-size:30px;line-height:1;text-decoration:none}.timer{font-variant-numeric:tabular-nums;color:var(--muted);margin-left:auto;font-weight:600}.site-footer{color:var(--muted);justify-content:center;gap:16px;padding:24px 16px 32px;font-size:13px;display:flex}.site-footer a{color:var(--muted)}.btn{border:1px solid var(--line);background:var(--surface);min-height:44px;color:var(--text);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;padding:0 18px;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}select{border:1px solid var(--line);background:var(--surface);border-radius:12px;min-height:44px;padding:0 10px}.hero{padding:12px 0 20px}.hero h1{letter-spacing:-1px;margin:4px 0;font-size:30px}.hero-date,.hero-sub{color:var(--muted);margin:0}.game-list{gap:12px;display:grid}.game-card{background:var(--surface);border-radius:var(--radius);color:var(--text);border:1px solid var(--line);align-items:center;gap:16px;padding:18px;text-decoration:none;transition:transform .1s;display:flex}.game-card:active{transform:scale(.98)}.game-card h2{margin:0 0 4px;font-size:19px}.game-card .daily-status{color:var(--accent);margin:0;font-size:14px;font-weight:600}.game-card.done .daily-status{color:var(--muted)}.game-meta{color:var(--muted);margin:4px 0 0;font-size:13px}.game-icon{background:var(--accent-soft);border-radius:12px;flex:none;grid-template-columns:repeat(3,1fr);gap:3px;width:64px;height:64px;padding:6px;display:grid}.game-icon span{color:var(--accent);background:var(--surface);border-radius:4px;place-items:center;font-size:12px;font-weight:700;display:grid}.nono-icon span.on{background:var(--accent)}.free-play h2{margin:28px 0 10px;font-size:16px}.free-links{grid-template-columns:1fr 1fr;gap:10px;display:grid}.content{margin-top:36px;font-size:15px;line-height:1.7}.content h2{font-size:19px}.content h3{margin-top:24px;font-size:16px}.content p,.content li{color:var(--text)}.legal h1{font-size:24px}.game-container{-webkit-user-select:none;user-select:none}.game-bar{justify-content:space-between;align-items:baseline;margin:0 0 10px;display:flex}.game-title{margin:0;font-size:20px}.game-title small{color:var(--muted);margin-left:6px;font-size:13px;font-weight:500}.mistakes{color:var(--muted);font-size:14px}.tools{grid-template-columns:repeat(4,1fr);gap:6px;margin:14px 0 10px;display:grid}.tool{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:8px 0;font-size:12px;display:flex}.tool-icon{color:var(--text);font-size:22px;line-height:1.2}.tool.active{background:var(--accent-soft);color:var(--accent)}.tool.active .tool-icon{color:var(--accent)}.new-game{grid-template-columns:auto 1fr auto;gap:8px;margin-top:18px;display:grid}.sudoku-board{aspect-ratio:1;border:2px solid var(--line-strong);background:var(--surface);touch-action:manipulation;border-radius:6px;grid-template-columns:repeat(9,1fr);display:grid;overflow:hidden}.cell{border-right:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--accent);cursor:pointer;place-items:center;font-size:clamp(18px,6vw,28px);display:grid;position:relative}.cell:nth-child(9n){border-right:none}.cell:nth-child(9n+3),.cell:nth-child(9n+6){border-right:2px solid var(--line-strong)}.cell:nth-child(n+19):nth-child(-n+27),.cell:nth-child(n+46):nth-child(-n+54){border-bottom:2px solid var(--line-strong)}.cell:nth-child(n+73){border-bottom:none}.cell.given{color:var(--text);font-weight:600}.cell.peer{background:var(--peer)}.cell.same{background:var(--same)}.cell.selected{background:var(--accent);color:#fff}.cell.wrong{color:var(--wrong);background:var(--wrong-soft)}.cell.selected.wrong{background:var(--wrong);color:#fff}.notes{grid-template-columns:repeat(3,1fr);width:100%;height:100%;padding:2px;display:grid}.notes span{color:var(--muted);place-items:center;font-size:clamp(8px,2.4vw,11px);line-height:1;display:grid}.cell.selected .notes span{color:#fff}.pad{grid-template-columns:repeat(9,1fr);gap:4px;display:grid}.pad-btn{background:var(--surface);cursor:pointer;border:none;border-radius:10px;flex-direction:column;align-items:center;padding:6px 0 4px;display:flex}.pad-btn:disabled{opacity:.25}.pad-num{color:var(--accent);font-size:clamp(22px,7vw,30px);line-height:1.1}.pad-left{color:var(--muted);min-height:12px;font-size:10px}.nono-wrap{justify-content:safe center;display:flex;overflow-x:auto}.nono-board{--cell:min(44px, calc((100vw - 110px) / var(--n)));grid-template-columns:auto repeat(var(--n), var(--cell));touch-action:none;font-size:calc(var(--cell) * .42);grid-auto-rows:auto;display:grid}.nono-board.size-5{--cell:min(52px, calc((100vw - 110px) / 5))}.corner{border-right:2px solid var(--line-strong);border-bottom:2px solid var(--line-strong)}.col-clue{border-bottom:2px solid var(--line-strong);flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:4px;font-weight:600;line-height:1.25;display:flex}.row-clue{justify-content:flex-end;align-items:center;gap:calc(var(--cell) * .22);border-right:2px solid var(--line-strong);height:var(--cell);padding-right:6px;font-weight:600;display:flex}.col-clue.done,.row-clue.done{color:var(--done)}.ncell{width:var(--cell);height:var(--cell);background:var(--surface);border-right:1px solid var(--line);border-bottom:1px solid var(--line);cursor:pointer;place-items:center;transition:background 80ms;display:grid}.ncell.sep-r,.col-clue.sep{border-right:2px solid var(--line-strong)}.ncell.sep-b,.row-clue.sep{border-bottom:2px solid var(--line-strong)}.ncell.edge-r{border-right:2px solid var(--line-strong)}.ncell.edge-b{border-bottom:2px solid var(--line-strong)}.ncell.filled{background:var(--text)}.ncell.crossed:after{content:"✕";color:var(--muted);font-size:calc(var(--cell) * .5)}.ncell.hinted{outline:3px solid var(--accent);outline-offset:-3px}.nono-board.finished .ncell{border-color:#0000}.nono-board.finished .ncell.filled{background:var(--pic,var(--accent))}.nono-board.finished .ncell{transition:background .25s}.ncell.reveal{animation:.45s ease-out both pop}@keyframes pop{0%{transform:scale(1)}45%{border-radius:30%;transform:scale(.6)}to{transform:scale(1)}}.cell.flash{animation:.6s ease-out both flash}@keyframes flash{0%{background:var(--accent);color:#fff}to{}}.motion-beat{animation:1.1s ease-in-out infinite beat}.motion-float{animation:2.4s ease-in-out infinite float}.motion-sway{transform-origin:50% 100%;animation:2.6s ease-in-out infinite sway}.motion-bounce{animation:1.2s cubic-bezier(.3,0,.3,1) infinite bounce}.motion-swim{animation:2.2s ease-in-out infinite swim}.motion-spin{animation:3s ease-in-out infinite spin}@keyframes beat{0%,40%,to{transform:scale(1)}20%{transform:scale(1.08)}30%{transform:scale(.98)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes sway{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes bounce{0%,to{transform:translateY(0)}40%{transform:translateY(-14px)}60%{transform:translateY(0)}70%{transform:translateY(-4px)}}@keyframes swim{0%,to{transform:translate(-10px)rotate(-2deg)}50%{transform:translate(10px)rotate(2deg)}}@keyframes spin{0%,60%{transform:rotateY(0)}to{transform:rotateY(360deg)}}@media (prefers-reduced-motion:reduce){[class*=motion-],.ncell.reveal,.cell.flash{animation:none!important}}.pic-view{display:inline-block}.pic-grid{grid-template-columns:repeat(var(--n), var(--px));grid-auto-rows:var(--px);gap:1px;display:grid}.pic-grid span{background:0 0;border-radius:2px}.pic-grid span.on{background:var(--pic)}.pic-grid.locked span.on{background:var(--line)}.modal .pic-view{margin:4px auto 14px}.modal-note{font-size:13px;font-weight:600;color:var(--accent)!important}.btn-wide{background:var(--accent-soft);width:100%;color:var(--accent);border-color:#0000;margin-top:16px}.confetti{pointer-events:none;z-index:30;width:100%;height:100%;position:fixed;inset:0}.modal-backdrop{z-index:10;background:#0a0c1473;place-items:center;padding:24px;animation:.2s fade;display:grid;position:fixed;inset:0}.modal{background:var(--surface);text-align:center;border-radius:20px;width:100%;max-width:340px;padding:24px}.modal h2{margin:0 0 12px}.modal p{color:var(--muted);margin:4px 0}.modal-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:20px;display:grid}.toast{left:50%;bottom:calc(32px + env(safe-area-inset-bottom));background:var(--text);color:var(--bg);z-index:20;border-radius:999px;padding:10px 18px;font-size:14px;animation:.2s fade;position:fixed;transform:translate(-50%)}@keyframes fade{0%{opacity:0}}.ad-slot{min-height:100px;margin:24px 0 0}.header-link{background:var(--accent-soft);border-radius:999px;margin-left:auto;padding:8px 12px;font-size:14px;font-weight:600;text-decoration:none}.banner{background:var(--surface);border:1px solid var(--accent);border-radius:var(--radius);margin-bottom:12px;padding:14px 16px}.banner p{margin:0 0 10px;font-size:15px;line-height:1.5}.banner-actions{justify-content:flex-end;gap:8px;display:flex}.banner-actions .btn{min-height:38px;font-size:14px}.page-title{margin:4px 0 16px;font-size:26px}.muted{color:var(--muted);margin:4px 0;font-size:14px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:14px;padding:16px}.panel h2{margin:0 0 10px;font-size:17px}.panel h2 small{color:var(--muted);font-size:14px;font-weight:500}.panel-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.panel-head h2{margin:0}.icon-btn{background:var(--accent-soft);color:var(--accent);cursor:pointer;border:none;border-radius:50%;width:36px;height:36px;font-size:20px}.streak-cards{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px;display:grid}.streak-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px}.streak-card p{margin:0}.streak-game{color:var(--muted);font-size:14px}.streak-now{font-size:24px;font-weight:800;margin:2px 0!important}.calendar{text-align:center;grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.calendar .wd{color:var(--muted);padding-bottom:4px;font-size:12px}.calendar .day{aspect-ratio:1;background:var(--bg);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;font-size:13px;display:flex}.calendar .day b{font-weight:500}.calendar .day.today{outline:2px solid var(--accent)}.calendar .day i{align-items:center;gap:2px;height:10px;font-style:normal;display:flex}.dot{border-radius:50%;width:7px;height:7px;display:inline-block}.dot.sudoku{background:var(--accent)}.dot.nonogram{background:#ffb020}.dot.binairo{background:#14b8a6}.dot.stars{background:#ec4899}.shield{font-size:9px}.legend{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;margin:10px 0 0;font-size:12px;display:flex}.legend .dot{margin-left:6px}.stats{gap:12px;display:grid}.stat-box h3{margin:0 0 6px;font-size:15px}.stat-box dl{grid-template-columns:1fr auto;gap:4px 12px;margin:0;font-size:14px;display:grid}.stat-box dt{color:var(--muted)}.stat-box dd{text-align:right;font-variant-numeric:tabular-nums;margin:0}.achievements{grid-template-columns:1fr 1fr;gap:8px;display:grid}.ach{background:var(--bg);opacity:.55;border-radius:12px;align-items:center;gap:8px;padding:10px;display:flex}.ach.got{opacity:1;background:var(--accent-soft)}.ach-icon{font-size:22px}.ach strong{font-size:14px;display:block}.ach small{color:var(--muted);font-size:12px}.collection{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;margin-top:10px;display:grid}.col-item{aspect-ratio:1;background:var(--bg);color:var(--muted);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:12px;text-decoration:none;display:flex}.col-item.got{color:var(--text);background:var(--accent-soft)}.col-q{color:var(--line);font-size:26px;font-weight:800}.setting{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding:10px 0;font-size:15px;display:flex}.setting:first-of-type{border-top:none}.setting input[type=checkbox]{width:22px;height:22px;accent-color:var(--accent)}[hidden]{display:none!important}.binairo-board{grid-template-columns:repeat(var(--n), 1fr);aspect-ratio:1;touch-action:manipulation;gap:4px;max-width:480px;margin:0 auto;display:grid}.bcell{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);cursor:pointer;border:none;border-radius:10px;place-items:center;padding:0;display:grid;position:relative}.bcell:after{content:"";border-radius:50%;width:68%;height:68%;transition:transform .12s;transform:scale(0)}.bcell.sun:after,.mini.sun{background:radial-gradient(circle at 35% 35%,#ffe08a,#ffb020)}.bcell.moon:after,.mini.moon{background:radial-gradient(circle at 35% 35%,#8b85ff,#3b2fc4)}.bcell.sun:after,.bcell.moon:after{transform:scale(1)}.bcell.given{background:var(--peer);cursor:default}.bcell.given:after{box-shadow:inset 0 0 0 3px #0000001f}.bcell.wrong{box-shadow:inset 0 0 0 3px var(--wrong)}.bcell.flash{animation:.45s ease-out both pop}.mini{vertical-align:-2px;border-radius:50%;width:14px;height:14px;display:inline-block}.tap-guide{text-align:center;color:var(--muted);margin:0;font-size:13px}.tools-2{grid-template-columns:repeat(2,1fr)}.stars-board{grid-template-columns:repeat(var(--n), 1fr);aspect-ratio:1;border:3px solid var(--line-strong);touch-action:manipulation;border-radius:6px;max-width:480px;margin:0 auto;display:grid;overflow:hidden}.scell{border:0 solid var(--line-strong);color:#2b2f3a;cursor:pointer;border-bottom:1px solid #00000014;border-right:1px solid #00000014;place-items:center;padding:0;font-size:clamp(22px,8vw,40px);line-height:1;display:grid}.scell.bt{border-top-width:2.5px}.scell.bb{border-bottom:2.5px solid var(--line-strong)}.scell.bl{border-left-width:2.5px}.scell.br{border-right:2.5px solid var(--line-strong)}.reg0{background:#ffe3e3}.reg1{background:#ffeccc}.reg2{background:#fff7c2}.reg3{background:#ddf6dd}.reg4{background:#d6f0fb}.reg5{background:#e2e3ff}.reg6{background:#f1e1fb}.reg7{background:#e7e2d8}@media (prefers-color-scheme:dark){.reg0{background:#6b3340}.reg1{background:#6e4d2a}.reg2{background:#655c22}.reg3{background:#2c5a3a}.reg4{background:#245468}.reg5{background:#3a3d80}.reg6{background:#57386d}.reg7{background:#55503f}.scell{color:#f2f3f7}}.scell.star{color:#f5a400;text-shadow:0 1px 2px #00000040}.scell.marked{color:var(--muted);font-size:clamp(14px,4vw,22px)}.scell.wrong{color:var(--wrong)}.scell.flash{animation:.45s ease-out both pop}.stars-board.finished .scell.star.twinkle{animation:1.6s ease-in-out infinite twinkle}@keyframes twinkle{0%,to{transform:scale(1)rotate(0)}30%{transform:scale(1.35)rotate(20deg)}60%{transform:scale(.95)rotate(-8deg)}}.binairo-icon span{border-radius:50%;margin:2px}.binairo-icon span.sun{background:#ffc94d}.binairo-icon span.moon{background:var(--accent)}.stars-icon span{color:#f5a400;font-size:11px;line-height:1;overflow:hidden}.new-tag{color:#fff;vertical-align:3px;background:#ec4899;border-radius:999px;padding:2px 6px;font-size:10px;font-weight:800;display:inline-block}.bcell.given{background:var(--line);box-shadow:none}.bcell:not(.given):after{width:56%;height:56%}.new-game .btn{white-space:nowrap;padding:0 14px}.site-footer{flex-direction:column;align-items:center;gap:10px}.footer-row{gap:16px;display:flex}.lang-links{flex-wrap:wrap;justify-content:center;gap:6px 12px;max-width:480px;display:flex}.lang-links a,.lang-links span{color:var(--muted);font-size:12px}.lang-links span[aria-current]{color:var(--text);font-weight:700}.setting select{max-width:60%;min-height:36px}