*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}:root{--void: #222c33;--volcano: #f33c2c;--vitellary: #f0a030;--verdigris: #3cc058;--victoria: #3852e0;--violet: #9966ff;--vanilla: #fefdfa;--n1: #29333e;--n2: #313f4c;--n3: #6a8090;--n4: #ccd6e0;--n5: #edf1f5}html,body{height:100%;background:var(--void);color:var(--vanilla);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overscroll-behavior:none}#root{min-height:100dvh;display:flex;flex-direction:column}.app{flex:1;display:flex;flex-direction:column;max-width:520px;width:100%;margin:0 auto;padding:16px 16px 24px;gap:16px}.app-header{display:flex;align-items:baseline;gap:10px}.app-title{font-size:1.6rem;font-weight:800;letter-spacing:-.03em;color:var(--vanilla)}.puzzle-meta{font-size:.8rem;color:var(--n3);font-variant-numeric:tabular-nums}.selector{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tabs{display:flex;gap:4px;background:var(--n1);border-radius:8px;padding:3px}.tab{padding:5px 12px;background:transparent;border:none;color:var(--n3);border-radius:6px;cursor:pointer;font-size:.82rem;font-weight:500;transition:background .15s,color .15s;-webkit-user-select:none;user-select:none}.tab.active{background:var(--n2);color:var(--vanilla)}.selector-input{padding:6px 10px;background:var(--n1);border:1px solid var(--n2);color:var(--vanilla);border-radius:8px;font-size:.82rem;outline:none;width:130px;color-scheme:dark}.selector-input:focus{border-color:var(--n3)}.load-btn{padding:6px 16px;background:var(--volcano);color:var(--vanilla);border:none;border-radius:8px;cursor:pointer;font-size:.82rem;font-weight:700;transition:opacity .15s;-webkit-user-select:none;user-select:none}.load-btn:hover{opacity:.85}.load-btn:active{opacity:.7}.load-btn:disabled{opacity:.4;cursor:default}.status{text-align:center;padding:48px 16px;color:var(--n3);font-size:.9rem}.status.error{color:var(--volcano)}.board{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.tile{aspect-ratio:1;min-height:68px;display:flex;align-items:center;justify-content:center;text-align:center;padding:6px 4px;border-radius:10px;font-size:clamp(.52rem,2.1vw,.78rem);font-weight:800;letter-spacing:.04em;text-transform:uppercase;line-height:1.25;word-break:break-word;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .1s ease,opacity .1s ease;touch-action:none}.tile--will-clear{opacity:.65;outline:2px dashed rgba(255,255,255,.5);outline-offset:-3px}.tile:active{transform:scale(.93)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#222c33d1;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:flex-end;justify-content:center;z-index:200}@media (min-height: 600px) and (min-width: 480px){.modal-overlay{align-items:center}.modal{border-radius:16px!important;max-height:72vh!important}}.modal{background:var(--n1);border-radius:20px 20px 0 0;width:100%;max-width:520px;max-height:82dvh;overflow-y:auto;padding:20px 20px 32px;overscroll-behavior:contain}.modal:before{content:"";display:block;width:40px;height:4px;background:var(--n3);border-radius:2px;margin:0 auto 18px;opacity:.5}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px}.modal-title-group{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.modal-word{font-size:1.35rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--vanilla)}.phonetic{font-size:.82rem;color:var(--n3)}.close-btn{background:var(--n2);border:none;color:var(--n4);width:30px;height:30px;border-radius:50%;cursor:pointer;font-size:.7rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s}.close-btn:hover{background:var(--n3)}.modal-loading{text-align:center;padding:32px;color:var(--n3);font-size:.9rem}.modal-body{display:flex;flex-direction:column;gap:18px}.photo-wrap{position:relative;border-radius:12px;overflow:hidden;background:var(--n2)}.word-photo{width:100%;max-height:220px;object-fit:cover;display:block}.photo-caption{display:block;padding:6px 10px;font-size:.72rem;color:var(--n3)}.section-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--n3);margin-bottom:8px}.google-images-link{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--n2);border-radius:10px;color:var(--vanilla);text-decoration:none;font-size:.9rem;font-weight:600;transition:background .15s}.google-images-link:hover{background:var(--n3)}.google-images-icon{font-size:1.1rem;flex-shrink:0}.tag-row{display:flex;flex-wrap:wrap;gap:6px}.tag{background:var(--n2);color:var(--vanilla);padding:5px 12px;border-radius:20px;font-size:.88rem;font-weight:500}.definitions{display:flex;flex-direction:column;gap:12px}.definition{padding:10px 12px;background:var(--n2);border-radius:10px}.pos{display:inline-block;font-size:.68rem;font-style:italic;color:var(--violet);font-weight:700;margin-bottom:4px;text-transform:capitalize}.def-text{font-size:.88rem;line-height:1.55;color:var(--vanilla)}.def-text-es{font-size:.83rem;color:var(--n4);margin-top:4px;line-height:1.45}.def-example{font-size:.8rem;color:var(--n3);font-style:italic;margin-top:4px}.no-data{text-align:center;color:var(--n3);font-size:.88rem;padding:24px 0}.palette{display:flex;justify-content:center;gap:10px;padding:4px 0}.palette-swatch{width:44px;height:44px;border-radius:50%;border:3px solid transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease;-webkit-user-select:none;user-select:none;flex-shrink:0}.palette-swatch:last-child{background:var(--n2);color:var(--n3)}.palette-swatch svg{width:18px;height:18px}.palette-swatch--active{border-color:var(--vanilla);transform:scale(1.18);box-shadow:0 0 0 2px var(--void),0 0 0 4px var(--vanilla)}.palette-swatch:active{transform:scale(.92)}.app-footer{margin-top:auto;text-align:center;font-size:.72rem;color:var(--n3);letter-spacing:.02em}.spade{font-size:1.15em;color:var(--volcano)}