:root{--color-bg: #fbfbfa;--color-accent: #f7da21;--color-accent-dark: #e3a008;--color-ink: #1a1a1b;--color-grey: #e6e6e6;--color-grey-mid: #c9c9c9;--color-grey-dark: #818384;--color-green: #2bab40;--color-blue: #4090fe;--color-red: #e84855;--radius: 12px;--max-width: 520px;--circle-size: 78px;--grid-size: 280px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--color-bg);color:var(--color-ink);font-family:Helvetica Neue,Arial,Segoe UI,sans-serif;-webkit-text-size-adjust:100%}#root{display:flex;justify-content:center}.app-shell{width:100%;max-width:var(--max-width);min-height:100vh;display:flex;flex-direction:column;padding:20px 18px 32px}.app-header{text-align:center;margin-bottom:6px}.app-title{display:flex;align-items:center;justify-content:center;gap:10px}.app-title h1{font-size:1.9rem;margin:0;letter-spacing:.03em;font-weight:800}.app-subtitle{font-size:.85rem;color:var(--color-grey-dark);margin:10px auto 4px;line-height:1.45;max-width:380px}.app-date{font-size:.75rem;text-transform:capitalize;color:var(--color-grey-dark);margin:0;font-weight:600}.progress-wrap{margin:28px 0 4px}.progress-bar{display:block;width:100%;background:none;border:none;padding:0;cursor:pointer;font:inherit;color:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.progress-track{position:relative;height:8px;background:var(--color-grey);border-radius:4px;margin:18px 0 10px}.progress-fill{position:absolute;top:0;left:0;height:100%;background:var(--color-accent-dark);border-radius:4px;transition:width .4s ease}.progress-tick{position:absolute;top:-3px;width:14px;height:14px;border-radius:50%;background:var(--color-grey-mid);border:2px solid var(--color-bg);transform:translate(-50%)}.progress-tick-filled{background:var(--color-accent-dark)}.progress-label{display:flex;justify-content:space-between;align-items:baseline;font-size:.85rem;font-weight:700}.progress-rank{text-transform:uppercase;letter-spacing:.06em;font-size:.8rem}.progress-score{color:var(--color-grey-dark);font-weight:600}.game-area{display:flex;flex-direction:column;align-items:center;gap:14px;flex:1;margin-top:4px}.guess-display{position:relative;min-height:2.4rem;display:flex;align-items:center;justify-content:center;gap:2px;font-size:1.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;width:100%}.guess-placeholder{font-size:.95rem;font-weight:400;color:var(--color-grey-dark);text-transform:none;letter-spacing:normal}.guess-letter{display:inline-block}.guess-center{color:var(--color-accent-dark)}.guess-display.shake{animation:shake .35s}.guess-display.bump{animation:bump .25s}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}@keyframes bump{0%{transform:scale(1)}50%{transform:scale(1.06)}to{transform:scale(1)}}.toast{position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%);padding:6px 18px;border-radius:20px;font-size:.85rem;font-weight:700;color:#fff;background:var(--color-grey-dark);white-space:nowrap;z-index:5;box-shadow:0 2px 8px #00000026;animation:toast-in .25s ease}.toast-success{background:var(--color-green)}.toast-pangram{background:var(--color-accent-dark);color:#fff}.toast-error{background:var(--color-red)}.toast-info{background:var(--color-grey-dark)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-6px)}to{opacity:1;transform:translate(-50%)}}.letter-grid{display:flex;justify-content:center;width:100%;padding:calc(var(--circle-size) / 2) 0}.letter-grid-inner{position:relative;width:var(--grid-size);height:var(--grid-size)}.letter-circle{position:absolute;width:var(--circle-size);height:var(--circle-size);border:none;background:var(--color-grey);display:flex;align-items:center;justify-content:center;font-size:calc(var(--circle-size) * .36);font-weight:800;color:var(--color-ink);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .08s ease,filter .08s ease,box-shadow .08s ease;min-width:48px;min-height:48px;line-height:1;user-select:none;-webkit-user-select:none;touch-action:manipulation;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:0 2px #0000000f;border-radius:50%}.letter-circle:hover{filter:brightness(.95)}.letter-circle:focus-visible,.ctrl-btn:focus-visible,.link-btn:focus-visible,.progress-bar:focus-visible{outline:3px solid var(--color-blue);outline-offset:3px}.circle-outer{z-index:1;transform:translate(-50%,-50%)}.circle-center{z-index:2;background:var(--color-accent);box-shadow:0 2px #0000001a;top:50%;left:50%;transform:translate(-50%,-50%)}.circle-outer:active,.circle-center:active{transform:translate(-50%,-50%) scale(.94)}.controls{display:flex;gap:12px;justify-content:center;align-items:center;width:100%}.ctrl-btn{flex:1;max-width:130px;min-height:44px;padding:12px 18px;border-radius:28px;border:1.5px solid var(--color-grey-mid);background:#fff;font-weight:700;font-size:.9rem;cursor:pointer;transition:background .1s ease,border-color .1s ease;color:var(--color-ink)}.ctrl-btn:hover{background:var(--color-grey)}.ctrl-shuffle{max-width:110px;flex:1}.ctrl-primary{background:var(--color-accent);border-color:var(--color-accent-dark)}.ctrl-primary:hover{background:var(--color-accent-dark);color:#fff}.stats-row{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;width:100%}.stat-pill{background:var(--color-grey);border-radius:18px;padding:6px 14px;font-size:.8rem;white-space:nowrap}.stat-pill strong{font-size:.95rem}.word-list{width:100%;border-top:1px solid var(--color-grey);padding-top:12px;margin-top:4px}.word-list-header{display:flex;justify-content:space-between;font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-grey-dark);margin-bottom:10px}.word-list-empty{font-size:.85rem;color:var(--color-grey-dark);text-align:center}.word-list-items{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px 16px;justify-content:center}.word-list-items li{font-size:.95rem;text-transform:lowercase;display:flex;align-items:center;gap:5px}.word-pangram{font-weight:700;color:var(--color-accent-dark)}.pangram-tag{font-size:.6rem;background:var(--color-accent);color:var(--color-ink);border-radius:6px;padding:2px 6px;font-weight:700;letter-spacing:.04em}.footer-actions{margin-top:4px;text-align:center}.link-btn{background:none;border:none;color:var(--color-blue);font-size:.85rem;cursor:pointer;text-decoration:underline;padding:6px}.app-footer{text-align:center;font-size:.75rem;color:var(--color-grey-dark);margin-top:28px}.app-footer a{color:var(--color-blue)}.app-footer a:hover,.app-footer a:focus-visible{text-decoration:underline}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:50;padding:16px}.modal{background:#fff;border-radius:var(--radius);width:100%;max-width:420px;max-height:80vh;overflow-y:auto;padding:18px 22px 22px}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.modal-header h2{font-size:1.15rem;margin:0}.modal-close{background:none;border:none;font-size:1.15rem;cursor:pointer;color:var(--color-grey-dark);padding:4px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}.rank-table{width:100%;border-collapse:collapse;font-size:.9rem}.rank-table th,.rank-table td{text-align:left;padding:7px 8px;border-bottom:1px solid var(--color-grey)}.rank-current{background:var(--color-accent);font-weight:700}.answer-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px;font-size:.9rem}.answer-list li{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid var(--color-grey)}.answer-found a{font-weight:700;color:var(--color-ink)}.answer-missing a{color:var(--color-grey-dark)}.answer-score{margin-left:auto;font-size:.75rem;color:var(--color-grey-dark)}.answer-list a{text-decoration:none}.answer-list a:hover{text-decoration:underline}.loading-box,.error-box{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;min-height:60vh;padding:0 16px}@media (min-width: 480px){:root{--circle-size: 84px;--grid-size: 300px}}@media (max-width: 400px){:root{--circle-size: 66px;--grid-size: 240px}.app-shell{padding:16px 12px 24px}.app-title h1{font-size:1.6rem}.guess-display{font-size:1.4rem}.ctrl-btn{font-size:.82rem;padding:10px 12px}}@media (max-width: 340px){:root{--circle-size: 62px;--grid-size: 220px}.letter-circle{font-size:calc(var(--circle-size) * .4)}}@media (max-height: 700px){.game-area{gap:12px}.app-subtitle{display:none}}:root{--max-width: 480px;--circle-size: 68px;--grid-size: 244px}html,body{width:100%;min-width:0;overflow-x:hidden}body{min-height:100svh}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}.app-shell{width:min(100%,var(--max-width));min-height:100svh;padding:12px max(12px,env(safe-area-inset-left)) max(16px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-right))}.app-header{margin-bottom:2px}.app-title h1{font-size:1.55rem;line-height:1.05}.app-subtitle{font-size:.78rem;line-height:1.32;margin:6px auto 2px;max-width:36ch}.app-date{font-size:.7rem}.progress-wrap{margin:14px 0 0}.progress-track{height:6px;margin:12px 0 7px}.progress-tick{top:-3px;width:12px;height:12px}.progress-label{font-size:.78rem}.progress-rank{font-size:.72rem}.game-area{gap:8px;margin-top:0}.guess-display{min-height:1.9rem;font-size:1.35rem}.guess-placeholder{font-size:.82rem}.toast{top:calc(100% + 2px);padding:5px 14px;font-size:.78rem}.letter-grid{overflow:visible;padding:calc(var(--circle-size) / 2) 0}.letter-circle{min-width:48px;min-height:48px;font-size:calc(var(--circle-size) * .35);box-shadow:0 1px #0000000f}.controls{gap:8px;padding-inline:2px}.ctrl-btn,.link-btn{touch-action:manipulation}.ctrl-btn{min-height:44px;max-width:none;padding:9px 12px;font-size:.84rem}.stats-row{gap:6px}.stat-pill{padding:5px 10px;font-size:.74rem}.stat-pill strong{font-size:.86rem}.word-list{padding-top:8px;margin-top:0;max-height:clamp(72px,18svh,138px);overflow-y:auto;-webkit-overflow-scrolling:touch}.word-list-header{font-size:.72rem;margin-bottom:6px}.word-list-empty{font-size:.78rem;margin:4px 0}.word-list-items{gap:6px 12px}.word-list-items li{font-size:.86rem}.pangram-tag{font-size:.55rem;padding:1px 5px}.footer-actions{width:100%;display:flex;justify-content:center;margin-top:2px}.link-btn{min-height:40px;padding:8px 10px;font-size:.8rem}.app-footer{margin-top:8px;font-size:.7rem}.app-footer p{margin:0}.app-footer a{display:inline-flex;align-items:center;min-height:36px;color:var(--color-blue)}.modal{max-width:400px;max-height:84svh;padding:16px 18px 18px}.modal-header{margin-bottom:8px}.modal-header h2{font-size:1rem}.modal-close{min-height:40px;padding:6px 8px;font-size:.95rem}.answer-list{font-size:.84rem}.answer-list li{padding:5px 0}@media (min-width: 480px){:root{--circle-size: 72px;--grid-size: 258px}.app-shell{padding-top:14px}}@media (max-width: 430px){:root{--circle-size: clamp(58px, 16vw, 66px);--grid-size: clamp(210px, 58vw, 238px)}.app-shell{padding-top:10px;padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}.app-title h1{font-size:clamp(1.32rem,6vw,1.5rem)}.app-subtitle{font-size:.74rem;max-width:34ch}.progress-wrap{margin-top:12px}.game-area{gap:7px}.guess-display{min-height:1.75rem;font-size:clamp(1.14rem,5.4vw,1.32rem)}.controls{gap:6px}.ctrl-btn{min-width:0;padding:8px;font-size:.78rem}.stat-pill{padding:4px 8px;font-size:.7rem}.word-list{max-height:clamp(60px,16svh,116px)}}@media (max-width: 360px){:root{--circle-size: 56px;--grid-size: 202px}.app-shell{padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right))}.ctrl-btn{font-size:.74rem;padding-inline:6px}}@media (max-height: 720px){.app-shell{padding-top:8px;padding-bottom:max(10px,env(safe-area-inset-bottom))}.app-subtitle{display:none}.progress-wrap,.progress-track{margin-top:9px}.game-area{gap:6px}.word-list{max-height:clamp(54px,14svh,92px)}.app-footer{margin-top:4px}}@media (max-height: 610px){:root{--circle-size: 54px;--grid-size: 196px}.app-date{display:none}.word-list-header,.word-list-empty,.word-list-items{font-size:.74rem}}