html{background:#050706;min-width:320px;min-height:100%}a{color:inherit}:root{--bg:#070808;--panel:#ffffff0b;--panel-strong:#ffffff14;--edge:#ffffff1f;--edge-soft:#ffffff12;--text:#eef1ef;--muted:#9aa19d;--lime:#9ec96a;--cyan:#6aa8bf;--amber:#c9a24a;--violet:#a481ad;--danger:#d2745f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:radial-gradient(120% 80% at 50% -10%, #9ec96a17, transparent 60%), radial-gradient(90% 60% at 100% 100%, #6aa8bf12, transparent 60%), var(--bg);color:var(--text);word-break:keep-all;-webkit-font-smoothing:antialiased;background-attachment:fixed;min-height:100dvh;margin:0;font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,sans-serif}.shell{flex-direction:column;gap:14px;width:100%;max-width:520px;margin:0 auto;padding:20px 16px 40px;display:flex}.top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.brand h1{letter-spacing:-.01em;margin:0;font-size:20px;font-weight:700}.brand p{color:var(--muted);font-variant-numeric:tabular-nums;margin:4px 0 0;font-size:13px}.top-actions{align-items:center;gap:8px;display:flex}.streak{color:var(--lime);border:1px solid color-mix(in srgb, var(--lime) 35%, transparent);background:color-mix(in srgb, var(--lime) 10%, transparent);white-space:nowrap;border-radius:999px;padding:4px 9px;font-size:12px}.icon-button{border:1px solid var(--edge);background:var(--panel);width:36px;height:36px;color:var(--text);cursor:pointer;border-radius:8px;place-items:center;transition:transform .12s,border-color .12s;display:grid}.icon-button:hover{border-color:color-mix(in srgb, var(--lime) 45%, var(--edge))}.icon-button:active{transform:scale(.95)}.lede{color:var(--muted);margin:0;font-size:13px;line-height:1.6}.board{flex-direction:column;gap:8px;display:flex}.solved{border:1px solid var(--edge-soft);border-radius:10px;flex-direction:column;gap:4px;padding:12px 14px;animation:.26s rise;display:flex}.solved.level-1{background:color-mix(in srgb, var(--lime) 16%, transparent);border-color:color-mix(in srgb, var(--lime) 40%, transparent)}.solved.level-2{background:color-mix(in srgb, var(--cyan) 16%, transparent);border-color:color-mix(in srgb, var(--cyan) 40%, transparent)}.solved.level-3{background:color-mix(in srgb, var(--amber) 16%, transparent);border-color:color-mix(in srgb, var(--amber) 40%, transparent)}.solved.level-4{background:color-mix(in srgb, var(--violet) 16%, transparent);border-color:color-mix(in srgb, var(--violet) 40%, transparent)}.solved.missed{opacity:.62;border-style:dashed}.solved-label{letter-spacing:-.01em;font-size:13px;font-weight:700}.solved-words{color:#eef1efd1;font-size:13px;line-height:1.5}.grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.tile{border:1px solid var(--edge);background:linear-gradient(180deg, var(--panel-strong), var(--panel));min-height:66px;color:var(--text);letter-spacing:-.02em;cursor:pointer;border-radius:10px;padding:6px 4px;font-family:inherit;font-size:clamp(.62rem,2.9vw,.95rem);font-weight:600;line-height:1.25;transition:transform .11s,background .14s,border-color .14s}.tile:active{transform:scale(.95)}.tile.picked{border-color:color-mix(in srgb, var(--lime) 60%, transparent);background:linear-gradient(#9ec96a42,#9ec96a1f)}.shake{animation:.32s shake}.lives{color:var(--muted);justify-content:center;align-items:center;gap:10px;font-size:12px;display:flex}.dots{gap:6px;display:flex}.dots i{border-radius:999px;width:8px;height:8px;display:block}.dots .on{background:var(--lime)}.dots .off{background:#ffffff29}.controls{gap:8px;display:flex}button.ghost,button.primary{cursor:pointer;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;min-height:46px;font-family:inherit;font-size:14px;font-weight:700;transition:transform .11s,opacity .14s,border-color .14s;display:inline-flex}button.ghost{border:1px solid var(--edge);background:var(--panel);color:var(--text)}button.primary{border:1px solid color-mix(in srgb, var(--lime) 55%, transparent);color:#f2f7ea;background:linear-gradient(#9ec96a4d,#9ec96a24)}button.primary.wide{width:100%}button.ghost:active,button.primary:active{transform:scale(.97)}button:disabled{opacity:.35;cursor:not-allowed}.result{border:1px solid var(--edge);background:var(--panel);border-radius:12px;flex-direction:column;gap:12px;padding:18px 16px;animation:.3s rise;display:flex}.result h2{margin:0;font-size:18px}.result-line{color:var(--muted);font-variant-numeric:tabular-nums;margin:0;font-size:13px}.share-grid{letter-spacing:2px;flex-direction:column;gap:2px;font-size:15px;line-height:1.15;display:flex}.note{color:#eef1efc7;border-left:2px solid color-mix(in srgb, var(--lime) 50%, transparent);margin:0;padding-left:10px;font-size:13px;line-height:1.6}.stats{text-align:center;grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.stats div{background:#ffffff0a;border-radius:8px;flex-direction:column;gap:2px;padding:8px 2px;display:flex}.stats strong{font-variant-numeric:tabular-nums;font-size:16px}.stats span{color:var(--muted);font-size:11px}.tomorrow{color:var(--muted);text-align:center;margin:0;font-size:12px}.portal{gap:8px;margin-top:4px;display:flex}.portal a{text-align:center;border:1px solid var(--edge-soft);color:var(--muted);background:#ffffff08;border-radius:10px;flex:1;padding:11px 8px;font-size:13px;font-weight:600;text-decoration:none}.portal a:hover{color:var(--text);border-color:var(--edge)}.toast{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--edge);text-align:center;background:#0c0e0de6;border-radius:999px;max-width:calc(100vw - 32px);padding:10px 16px;font-size:13px;font-weight:600;animation:.2s rise-center;position:fixed;bottom:26px;left:50%;transform:translate(-50%)}.toast.success{border-color:color-mix(in srgb, var(--lime) 55%, transparent)}.toast.danger{border-color:color-mix(in srgb, var(--danger) 55%, transparent)}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:20;background:#040505b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--edge);background:#101312;border-radius:12px;width:100%;max-width:380px;max-height:80vh;padding:20px 18px;position:relative;overflow-y:auto}.modal h2{margin:0 0 12px;font-size:17px}.modal ul{color:#eef1efd9;flex-direction:column;gap:8px;margin:0;padding-left:18px;font-size:13px;line-height:1.6;display:flex}.modal .close{position:absolute;top:12px;right:12px}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes rise-center{0%{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (min-width:480px){.tile{min-height:74px;font-size:.95rem}}@media (min-width:768px){.shell{justify-content:center;min-height:100dvh;padding-top:32px;padding-bottom:32px}}