:root{--color-easy:#f59f00;--color-easy-bg:#fff3bf;--color-easy-text:#7f4f00;--color-medium:#37b24d;--color-medium-bg:#d3f9d8;--color-medium-text:#2b8a3e;--color-hard:#1c7ed6;--color-hard-bg:#d0ebff;--color-hard-text:#1864ab;--color-tricky:#7048e8;--color-tricky-bg:#e5dbff;--color-tricky-text:#5f3dc4;--tile-bg:#fff;--tile-border:#e9ecef;--tile-selected-bg:#495057;--tile-selected-text:#fff}body{color:#212529;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background-color:#fff8ee;margin:0;padding:0;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,sans-serif}.connect-wrap{box-sizing:border-box;flex-direction:column;gap:12px;max-width:480px;margin:0 auto;padding:12px 14px 40px;display:flex}.friend-banner{color:#d6336c;text-align:center;background:#fff0f6;border:2px solid #ffdeeb;border-radius:14px;padding:10px 14px;font-size:13.5px;font-weight:600;animation:.3s slideDown;box-shadow:0 3px #fcc2d7}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.connect-info-bar{justify-content:space-between;align-items:center;padding:4px 2px;display:flex}.puzzle-meta{color:#495057;letter-spacing:-.3px;font-family:Jua,Fredoka,sans-serif;font-size:15px}.mistakes-meta{align-items:center;gap:8px;display:flex}.mistakes-label{color:#868e96;font-size:12.5px;font-weight:600}.mistakes-dots{align-items:center;gap:5px;display:flex}.mistakes-dots .dot{background:#dee2e6;border-radius:50%;width:10px;height:10px;transition:all .25s}.mistakes-dots .dot.active{background:#ff6b6b;transform:scale(1.05);box-shadow:0 1px 3px #ff6b6b66}.connect-guide{color:#868e96;text-align:center;margin-top:-4px;margin-bottom:2px;font-size:13.5px}.solved-container{flex-direction:column;gap:8px;display:flex}.solved-card{text-align:center;border-radius:14px;padding:12px 14px;animation:.35s cubic-bezier(.175,.885,.32,1.275) popIn;box-shadow:0 3px #00000014}@keyframes popIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.solved-card.group-0{background-color:var(--color-easy-bg);border:2px solid var(--color-easy);color:var(--color-easy-text)}.solved-card.group-1{background-color:var(--color-medium-bg);border:2px solid var(--color-medium);color:var(--color-medium-text)}.solved-card.group-2{background-color:var(--color-hard-bg);border:2px solid var(--color-hard);color:var(--color-hard-text)}.solved-card.group-3{background-color:var(--color-tricky-bg);border:2px solid var(--color-tricky);color:var(--color-tricky-text)}.solved-title{letter-spacing:-.2px;margin-bottom:3px;font-size:14px;font-weight:700}.solved-words{opacity:.9;font-size:13px;font-weight:500}.tile-grid{grid-template-columns:repeat(4,1fr);gap:7px;width:100%;display:grid}.word-tile{background:var(--tile-bg);border:2px solid var(--tile-border);text-align:center;word-break:keep-all;color:#343a40;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:12px;justify-content:center;align-items:center;height:64px;padding:4px 6px;font-size:clamp(12.5px,3.4vw,15px);font-weight:700;line-height:1.2;transition:transform .1s,background-color .15s,border-color .15s,box-shadow .1s;display:flex;box-shadow:0 3px #ced4da}.word-tile:hover{transform:translateY(-1px)}.word-tile:active{transform:translateY(2px);box-shadow:0 1px #ced4da}.word-tile.selected{color:#fff;background-color:#343a40;border-color:#212529;transform:translateY(-2px);box-shadow:0 3px #111417}.word-tile.selected:active{transform:translateY(1px);box-shadow:0 1px #111417}.shake{animation:.4s ease-in-out shakeAnim}@keyframes shakeAnim{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.controls-bar{gap:8px;margin-top:8px;display:flex}.controls-bar .btn{cursor:pointer;border:2px solid #0000;border-radius:13px;flex:1;justify-content:center;align-items:center;gap:4px;padding:12px 6px;font-size:14.5px;font-weight:700;transition:all .15s;display:flex}.btn-outline{color:#495057;background:#fff;border-color:#ced4da;box-shadow:0 3px #adb5bd}.btn-outline:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #adb5bd}.btn-primary{color:#fff;background:#339af0;border-color:#1c7ed6;box-shadow:0 3px #1864ab}.btn-primary:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #1864ab}.controls-bar .btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}@media (width<=360px){.connect-wrap{gap:10px;padding:8px 10px 30px}.tile-grid{gap:5px}.word-tile{height:56px;padding:2px 4px;font-size:12px}.controls-bar .btn{padding:10px 4px;font-size:13.5px}}