@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--primary:#059669;--primary-strong:#047857;--primary-soft:#d1fae5;--primary-tint:#ecfdf5;--primary-rgb:5 150 105;--progress-fill:#22b183;--badge-bg:#e8efeb;--surface:#fff;--bg:#fafbfc;--tile:#f4f5f7;--track:#e5e9f2;--text:#141414;--text-soft:#3a3a42;--muted:#a4acb4;--muted-strong:#6e7580;--grid:#e4e7e9;--grid-strong:#919499;--danger:#ef4444;--danger-soft:#fee2e2;--amber:#d98a55;--amber-soft:#fdedd7;--shadow-sm:0 1px 2px #11182708, 0 4px 12px #1118270a;--shadow-md:0 2px 4px #1118270d, 0 8px 24px #11182714;--shadow-lg:0 8px 16px #11182714, 0 24px 48px #1118271f;--shadow-primary:0 6px 16px rgb(var(--primary-rgb) / .3);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);-webkit-font-smoothing:antialiased;font-family:Inter Variable,Apple SD Gothic Neo,Noto Sans KR,system-ui,-apple-system,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body,#root{height:100%}body{overscroll-behavior:none;touch-action:manipulation;background:#e4efe9}button,input{font:inherit;color:inherit;background:0 0;border:none}button{cursor:pointer;-webkit-user-select:none;user-select:none}:focus{outline:none}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.app{background:var(--bg);flex-direction:column;width:100%;max-width:420px;min-height:100dvh;margin:0 auto;display:flex;position:relative;overflow:hidden}.screen{padding:calc(env(safe-area-inset-top) + 20px) 20px calc(env(safe-area-inset-bottom) + 16px);flex-direction:column;flex:1;gap:16px;display:flex;overflow-y:auto}.row{justify-content:space-between;align-items:center;gap:8px;display:flex}.muted{color:var(--muted)}.small{font-size:12px}.center{text-align:center}.accent{color:var(--primary)}.danger{color:var(--danger)}.card{text-align:left;background:var(--surface);box-shadow:var(--shadow-sm);border-radius:16px;flex-direction:column;gap:12px;padding:16px;display:flex}.section-title{font-size:14px;font-weight:600}.icon-button{width:44px;height:44px;color:var(--text-soft);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:14px;justify-content:center;align-items:center;display:flex}.icon-button.ghost{box-shadow:none;background:0 0;border:none}.button{border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:52px;padding:12px 18px;font-size:16px;font-weight:600;display:flex}.button.block{width:100%}.button.row-button{flex-direction:row;gap:8px}.button.primary{color:#fff;background:var(--primary);box-shadow:var(--shadow-primary)}.button.primary:active{background:var(--primary-strong)}.button.outline{background:var(--surface);box-shadow:var(--shadow-sm)}.button.text{min-height:46px;color:var(--muted-strong);font-weight:500}.button-sub{opacity:.9;font-size:12px;font-weight:400}.button-row{gap:10px;display:flex}.progress{background:var(--track);border-radius:999px;width:100%;height:8px;overflow:hidden}.progress>span{background:var(--progress-fill);border-radius:999px;height:100%;transition:width .3s;display:block}.badge{letter-spacing:.06em;color:var(--primary);background:var(--badge-bg);border-radius:999px;padding:6px 11px;font-size:10px;font-weight:700}.badge.done{color:var(--muted-strong);background:var(--tile)}.stat-row{gap:10px;display:flex}.stat-tile{background:var(--surface);box-shadow:var(--shadow-sm);border-radius:14px;flex-direction:column;flex:1;align-items:center;gap:8px;padding:16px 8px;display:flex}.stat-label{letter-spacing:.1em;color:var(--muted);font-size:10px;font-weight:600}.stat-value{font-variant-numeric:tabular-nums;font-size:22px;font-weight:700}.home{gap:14px}.home-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.greeting{color:var(--muted-strong);margin-bottom:4px;font-size:13px}.headline{letter-spacing:-.01em;font-size:22px;font-weight:700;line-height:1.3}.player-card{gap:14px;padding:18px}.player-card .player-id{letter-spacing:.05em;color:var(--muted-strong);font-size:13px;font-weight:500}.player-level{font-size:19px;font-weight:700}.brand{flex-direction:column;align-items:center;gap:6px;margin-top:auto;padding:12px 0;display:flex}.logo{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:20px;display:grid}.logo-cell{background:var(--surface);border:1px solid #e8e8ef;border-radius:10px;width:32px;height:32px;position:relative}.logo-cell.filled{background:var(--primary);border-color:var(--primary)}.logo-cell.dot:after{content:"";background:var(--primary);border-radius:50%;width:8px;height:8px;position:absolute;top:-3px;right:-3px}.brand h2{letter-spacing:-.02em;font-size:30px;font-weight:700}.brand p{color:var(--muted-strong);font-size:15px}.shortcut-row{gap:19px;margin-top:auto;display:flex}.home .button.primary{min-height:62px;font-size:17px;font-weight:600}.shortcut{flex:1;gap:7px;padding:14px}.shortcut strong{font-size:17px;font-weight:700}.shortcut .small{color:var(--muted)}.shortcut:disabled{opacity:.55;box-shadow:none}.shortcut-icon{width:30px;height:30px;color:var(--muted-strong);background:var(--tile);border-radius:10px;justify-content:center;align-items:center;display:flex}.shortcut-icon.daily{color:var(--amber);background:var(--amber-soft)}.sub-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.sub-header h1{text-align:center;flex:1;font-size:18px;font-weight:700}.sub-header h1:only-child{text-align:left}.difficulty-list,.record-list{flex-direction:column;gap:12px;display:flex}.difficulty-card{gap:8px;padding:18px}.difficulty-label{font-size:18px;font-weight:700}.difficulty-stats{color:var(--muted-strong);justify-content:flex-start;gap:14px}.size-tabs{background:var(--tile);border-radius:16px;grid-template-columns:repeat(3,1fr);gap:8px;padding:5px;display:grid}.size-tab{color:var(--muted-strong);border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:10px 4px;display:flex}.size-tab strong{font-size:15px;font-weight:700}.size-tab span{letter-spacing:.04em;color:var(--muted);font-size:10px}.size-tab.active{color:var(--primary);background:var(--surface);box-shadow:var(--shadow-sm)}.size-tab.active span{color:var(--primary);opacity:.75}.game{gap:12px;padding-left:16px;padding-right:16px}.game-header{justify-content:space-between;align-items:center;display:flex}.game-title{flex-direction:column;align-items:center;gap:4px;display:flex}.mode-label{letter-spacing:.14em;color:var(--muted);font-size:11px;font-weight:600}.timer{font-variant-numeric:tabular-nums;font-size:26px;font-weight:700}.board{grid-template-columns:repeat(var(--box-cols,3), minmax(0, 1fr));grid-template-rows:repeat(var(--box-rows,3), minmax(0, 1fr));width:100%;max-width:min(100%, calc(100dvh - var(--board-reserve,320px)));aspect-ratio:1;background:var(--grid-strong);border:1px solid var(--grid-strong);border-radius:10px;gap:1px;margin-inline:auto;transition:filter .2s;display:grid;position:relative;overflow:hidden;container-type:inline-size}.box{grid-template-columns:repeat(var(--box-w,3), minmax(0, 1fr));grid-template-rows:repeat(var(--box-h,3), minmax(0, 1fr));background:var(--grid);gap:1px;display:grid}.board.blurred{filter:blur(6px)}.cell{min-width:0;font-size:calc(47cqw / var(--cells,9));color:var(--primary);background:var(--surface);justify-content:center;align-items:center;font-weight:500;display:flex;position:relative}.cell.given{color:var(--text);font-weight:700}.cell.hinted{color:#a78bfa}.cell.peer{background:var(--primary-tint)}.cell.same-value{background:var(--primary-soft)}.cell.wrong{color:var(--danger);background:var(--danger-soft)}.cell.selected{z-index:1;background:var(--primary-soft);box-shadow:inset 0 0 0 2px var(--primary)}.cell.selected.wrong{color:var(--danger);background:var(--danger-soft);box-shadow:inset 0 0 0 2px var(--danger)}.cell.selected.wrong .notes{color:var(--danger)}.digit{z-index:1;display:inline-block;position:relative}@keyframes cell-pop{0%{transform:scale(1)}40%{transform:scale(1.38)}70%{transform:scale(.96)}to{transform:scale(1)}}@keyframes cell-pop-color{0%,to{color:inherit}40%,70%{color:var(--primary)}}@keyframes cell-flash{0%,to{opacity:0}40%,70%{opacity:.9}}.cell.pop:before{content:"";background:var(--primary-soft);animation:cell-flash .5s ease-out var(--pop-delay,0s) both;position:absolute;inset:0}.cell.pop .digit{animation:cell-pop .5s ease-out var(--pop-delay,0s) both, cell-pop-color .5s ease-out var(--pop-delay,0s) both}@keyframes cell-celebrate{0%{transform:scale(1)}30%{transform:scale(1.5)}55%{transform:scale(.92)}75%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes board-celebrate{0%{box-shadow:0 0 0 0 rgb(var(--primary-rgb) / .35)}70%{box-shadow:0 0 0 18px rgb(var(--primary-rgb) / 0)}to{box-shadow:0 0 0 0 rgb(var(--primary-rgb) / 0)}}.board.celebrating{animation:1.1s ease-out both board-celebrate}@keyframes cell-celebrate-style{0%{color:inherit;font-weight:inherit}35%,to{color:var(--primary);font-weight:700}}@keyframes cell-celebrate-flash{0%{opacity:0}35%{opacity:.95}to{opacity:.55}}.board.celebrating .cell.pop .digit{animation:cell-celebrate .7s ease-out var(--pop-delay,0s) both, cell-celebrate-style .7s ease-out var(--pop-delay,0s) both}.board.celebrating .cell.pop:before{background:var(--primary-soft);animation:cell-celebrate-flash .7s ease-out var(--pop-delay,0s) both}@media (prefers-reduced-motion:reduce){.board.celebrating,.board.celebrating .cell.pop .digit,.cell.pop:before,.cell.pop .digit{animation:none}.cell.pop:before{content:none}}.notes{grid-template-columns:repeat(var(--note-cols,3), 1fr);width:100%;height:100%;font-size:calc(26cqw / var(--cells,9));color:var(--muted);font-weight:600;line-height:1;display:grid}.notes>span{justify-content:center;align-items:center;display:flex}.cell.wrong .notes{color:var(--danger)}.spacer.top{flex:1;min-height:8px}.spacer.bottom{flex:2;min-height:12px}.controls{gap:6px;display:flex}.control{flex-direction:column;flex:1;align-items:center;gap:8px;display:flex}.control-tile{width:50px;height:50px;color:var(--text-soft);background:var(--tile);border-radius:16px;justify-content:center;align-items:center;display:flex;position:relative}.control-label{letter-spacing:.1em;color:var(--muted);font-size:11px;font-weight:500}.control-badge{letter-spacing:.1em;color:var(--muted);font-size:10px;font-weight:600;position:absolute;top:-12px;right:-4px}.control.active .control-tile{color:#fff;background:var(--primary)}.control.active .control-label,.control.active .control-badge{color:var(--primary)}.control:disabled{opacity:.4}.keypad{grid-template-columns:repeat(var(--keys,9), 1fr);gap:6px;display:grid}.key{height:52px;font-size:clamp(20px, calc(160px / var(--keys,9)), 26px);color:var(--text);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:12px;justify-content:center;align-items:center;font-weight:600;display:flex}.key.active{color:var(--primary);border:2px solid var(--primary);box-shadow:none}.key:disabled{color:var(--muted);opacity:.4;box-shadow:none}.key:active{background:var(--primary-tint)}.status-bar{letter-spacing:.08em;color:var(--muted);background:var(--tile);border-radius:14px;justify-content:center;gap:32px;padding:14px 16px;font-size:11px;font-weight:500;display:flex}.overlay{background:#11182740;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.modal{text-align:center;background:var(--surface);width:100%;max-width:320px;box-shadow:var(--shadow-lg);border-radius:24px;flex-direction:column;gap:10px;padding:26px 22px 18px;display:flex}.modal h2{margin-bottom:10px;font-size:22px;font-weight:700}.modal .button{border-radius:12px;min-height:50px}.modal-stats{border-top:1px solid var(--track);gap:10px;margin-top:6px;padding:18px 0 4px;display:flex}.modal-stats>div{flex-direction:column;flex:1;gap:8px;display:flex}.modal-stats strong{font-variant-numeric:tabular-nums;font-size:16px;font-weight:700}.sound-toggle{letter-spacing:.1em;color:var(--muted);flex-direction:row;gap:8px;font-size:12px;font-weight:500}.result{text-align:center;justify-content:center;align-items:center;gap:16px}.result-icon{width:76px;height:76px;color:var(--primary);background:var(--primary-soft);border-radius:50%;justify-content:center;align-items:center;display:flex}.result-icon.danger{color:var(--danger);background:var(--danger-soft)}.result-title{letter-spacing:-.02em;margin-top:4px;font-size:30px;font-weight:700}.result>p{color:var(--muted-strong);margin-top:-12px;font-size:15px}.result .stat-row,.result .card,.result .button,.result .button-row,.result .level-block{width:100%}.compare{text-align:center;gap:6px;padding:18px 16px}.compare p{font-size:15px}.compare .small{letter-spacing:.08em;color:var(--muted)}.level-block{flex-direction:column;gap:10px;padding:2px;display:flex}.level-block .row{letter-spacing:.06em;font-size:12px}.record-row{gap:8px}.record-row .row{justify-content:flex-start;gap:14px}.name-input{border-bottom:1px dashed var(--track);width:62%;padding:4px 0;font-size:16px;font-weight:700}.setting-row{flex-direction:row;justify-content:space-between;align-items:center;font-weight:600}.switch{background:var(--track);border-radius:999px;align-items:center;width:46px;height:28px;padding:3px;transition:background .2s;display:flex}.switch>span{width:22px;height:22px;box-shadow:var(--shadow);background:#fff;border-radius:50%;transition:transform .2s}.switch.on{background:var(--primary)}.switch.on>span{transform:translate(18px)}.theme-grid{grid-template-columns:repeat(6,1fr);gap:10px;display:grid}.swatch{aspect-ratio:1;color:#fff;box-shadow:var(--shadow-sm);border-radius:50%;justify-content:center;align-items:center;transition:transform .15s;display:flex}.swatch.selected{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--primary);transform:scale(1.06)}.tabbar{padding:10px 28px calc(env(safe-area-inset-bottom) + 12px);background:var(--surface);justify-content:space-around;display:flex}.tab{width:52px;height:40px;color:var(--muted);border-radius:14px;justify-content:center;align-items:center;display:flex;position:relative}.tab.active{color:var(--primary);background:var(--primary-tint)}.tab-dot{background:var(--danger);border-radius:50%;width:6px;height:6px;position:absolute;top:6px;right:12px}.rotate-notice{display:none}@media (orientation:landscape) and (height<=520px){.app{display:none}.rotate-notice{text-align:center;background:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;display:flex;position:fixed;inset:0}.rotate-notice .rotate-icon{width:64px;height:64px;color:var(--primary);background:var(--primary-soft);border-radius:50%;justify-content:center;align-items:center;display:flex}.rotate-notice h2{font-size:19px;font-weight:700}.rotate-notice p{color:var(--muted-strong);font-size:14px}}@media (height<=680px){.screen{padding-top:calc(env(safe-area-inset-top) + 12px);padding-bottom:calc(env(safe-area-inset-bottom) + 10px);gap:10px}.game{gap:8px}.icon-button{width:40px;height:40px}.timer{font-size:22px}.control-tile{border-radius:13px;width:44px;height:44px}.control{gap:5px}.key{height:44px}.status-bar{padding:10px 12px}.spacer.top,.spacer.bottom{min-height:0}.board{--board-reserve:275px}.card{padding:14px}.brand{gap:2px;padding:4px 0}.logo{gap:5px;margin-bottom:10px}.logo-cell{border-radius:9px;width:28px;height:28px}.brand h2{font-size:25px}.brand p{font-size:13px}.home .button.primary{min-height:54px}.headline{font-size:20px}.player-card{gap:10px;padding:14px}.shortcut{padding:13px}.tabbar{padding:6px 24px calc(env(safe-area-inset-bottom) + 8px)}}@media (width>=700px){.app{max-width:560px}.screen{padding:calc(env(safe-area-inset-top) + 28px) 28px calc(env(safe-area-inset-bottom) + 24px);gap:20px}.game{padding-left:24px;padding-right:24px}.card{border-radius:20px;padding:20px}.icon-button{border-radius:16px;width:52px;height:52px}.button{border-radius:16px;min-height:60px;font-size:18px}.headline{font-size:26px}.greeting{font-size:15px}.player-level{font-size:22px}.player-card .player-id{font-size:15px}.logo{gap:10px}.logo-cell{border-radius:13px;width:42px;height:42px}.brand h2{font-size:38px}.brand p{font-size:17px}.shortcut strong{font-size:19px}.shortcut-icon{border-radius:13px;width:40px;height:40px}.home .button.primary{min-height:74px;font-size:20px}.sub-header h1,.difficulty-label{font-size:21px}.timer{font-size:32px}.mode-label{font-size:12px}.board{--board-reserve:440px;border-radius:12px}.control-tile{border-radius:18px;width:58px;height:58px}.control-label{font-size:12px}.key{border-radius:14px;height:62px;font-size:24px}.status-bar{padding:16px;font-size:12px}.stat-value{font-size:26px}.result-icon{width:92px;height:92px}.result-title{font-size:36px}.modal{max-width:380px}.tab{width:64px;height:46px}}@media (width>=820px) and (orientation:portrait){.app{max-width:620px}}@media (width>=900px) and (height>=600px) and (orientation:landscape){.app{max-width:1120px}.screen:not(.game),.tabbar{width:100%;max-width:560px;margin:0 auto}.game{grid-template:"board header""board controls""board keypad""board status"/minmax(0,1fr) clamp(280px,34%,400px);align-content:center;gap:18px 36px;padding:32px;display:grid}.game .spacer{display:none}.game-header{grid-area:header;align-self:start}.board{grid-area:board;place-self:center;width:min(100%,78vh,660px);max-width:none;height:auto}.controls{grid-area:controls;align-self:end;margin-top:0}.keypad{grid-area:keypad;grid-template-columns:repeat(var(--keys-half,5), 1fr);align-self:start}.status-bar{grid-area:status;align-self:end}}