*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;background:#0D0F1A;color:#eef0ff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:16px;touch-action:manipulation}button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}.screen{max-width:480px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;padding:16px;padding-bottom:env(safe-area-inset-bottom,16px)}.title{text-align:center;font-size:28px;font-weight:800;letter-spacing:4px;color:#7c8fff;margin-top:32px}.tagline{text-align:center;color:#8b90b8;margin:8px 0 20px;font-size:14px;line-height:1.4}.how-to-play{display:flex;flex-direction:column;gap:10px;margin-bottom:24px;padding:16px;border-radius:12px;background:#161929;border:1px solid #2A2F4A}.how-step{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:#8b90b8;line-height:1.4}.how-num{flex-shrink:0;width:20px;height:20px;border-radius:50%;background:#2A2F4A;color:#7c8fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}.subtitle{text-align:center;color:#8b90b8;margin:4px 0 16px;font-size:12px;letter-spacing:1px;text-transform:uppercase}.puzzle-list{display:flex;flex-direction:column;gap:8px}.puzzle-item{display:flex;align-items:center;gap:12px;padding:16px;border-radius:12px;background:#161929;border:1px solid #2A2F4A;text-align:left}.puzzle-item:active{background:#1E2238}.puzzle-name{flex:1;font-weight:600;font-size:17px}.puzzle-stars{color:#f0a050;font-size:14px}.puzzle-hint{color:#505680;font-size:13px}.game-screen{padding-bottom:0;height:100dvh;overflow:hidden}.game-header{padding-bottom:12px;border-bottom:1px solid #2A2F4A}.header-top{display:flex;align-items:center;gap:12px;margin-bottom:6px}.back-btn{font-size:20px;padding:4px 8px;color:#8b90b8}.puzzle-title{flex:1;font-weight:700;font-size:17px}.move-count{color:#8b90b8;font-size:13px}.header-status{display:flex;justify-content:space-between;font-size:13px;color:#8b90b8}.direction{font-size:13px;font-weight:600;margin-top:4px}.word-area{flex:1;overflow-y:auto;padding:12px 0}.tier-group{margin-bottom:12px}.tier-label{display:block;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:6px}.tier-words{display:flex;flex-wrap:wrap;gap:6px}.word-pill{display:inline-flex;align-items:center;gap:4px;padding:8px 14px;border-radius:8px;font-size:15px;font-weight:600;min-height:40px;transition:transform .1s}.word-pill:active{transform:scale(.95)}.word-text{white-space:nowrap}.diamond{font-size:10px;margin-left:2px}.word-origin{font-size:10px;font-weight:400;margin-left:4px}.recent{margin-top:8px;padding-top:8px;border-top:1px solid #2A2F4A}.history-entry{font-size:13px;padding:3px 0}.combine-bar{flex-shrink:0;padding:12px 0;padding-bottom:max(12px,env(safe-area-inset-bottom,12px));border-top:1px solid #2A2F4A;background:#0D0F1A}.slots{display:flex;align-items:center;gap:8px;margin-bottom:10px}.slot{flex:1;padding:10px;border-radius:10px;text-align:center;font-size:14px;font-weight:600;color:#8b90b8;background:#161929;border:1.5px solid #2A2F4A;min-height:42px;display:flex;align-items:center;justify-content:center}.plus{color:#505680;font-size:18px;font-weight:300}.combine-btn{width:100%;padding:14px;border-radius:12px;background:#7C8FFF;color:#0d0f1a;font-weight:700;font-size:15px;letter-spacing:1px}.combine-btn:disabled{opacity:.3}.combine-btn:active:not(:disabled){background:#6B7EEE}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;padding:24px;z-index:100}.modal{width:100%;max-width:360px;background:#161929;border-radius:20px;border:1px solid #2A2F4A;padding:28px 24px;box-shadow:0 20px 60px #00000080}.modal-header{text-align:center;margin-bottom:20px}.modal-word{font-size:20px;font-weight:700}.modal-plus{color:#505680;margin:0 8px;font-size:20px}.modal-subtitle{text-align:center;font-size:11px;text-transform:uppercase;letter-spacing:2px;color:#8b90b8;margin-bottom:16px}.options-list{display:flex;flex-direction:column;gap:10px}.option-btn{display:flex;align-items:center;gap:8px;padding:14px 18px;border-radius:12px;border:1.5px solid;text-align:left}.option-btn:active{opacity:.8}.option-word{flex:1;font-size:16px;font-weight:600}.option-heat{font-size:12px;font-weight:700;letter-spacing:.5px}.option-diamond{font-size:12px}.option-note{font-size:11px}.modal-dismiss{display:block;width:100%;margin-top:16px;padding:12px;text-align:center;color:#8b90b8;font-size:14px;border-radius:10px}.modal-dismiss:active{background:rgba(255,255,255,.05)}.hint-text{text-align:center;font-size:16px;line-height:1.5;padding:20px 0}.no-result{text-align:center;font-size:15px;padding:20px 0}.solved-screen{padding-top:40px;overflow-y:auto}.solved-banner{text-align:center;margin-bottom:32px;position:relative}.solved-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(76,175,125,.15) 0%,transparent 70%);pointer-events:none;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}}.solved-banner h1{font-size:24px;color:#4caf7d;letter-spacing:3px;position:relative}.solved-word{font-size:32px;font-weight:800;margin:8px 0;position:relative}.solved-moves{color:#8b90b8;font-size:15px}.solved-section{margin-bottom:24px}.solved-section h3{font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#8b90b8;margin-bottom:8px}.path-entry{font-size:14px;padding:3px 0;display:flex;gap:8px}.path-num{color:#505680;min-width:24px}.stats-grid{display:grid;grid-template-columns:1fr auto;gap:4px 16px;font-size:14px;color:#8b90b8}.solved-actions{display:flex;gap:12px;margin-top:32px}.action-btn{flex:1;padding:14px;border-radius:12px;background:#7C8FFF;color:#0d0f1a;font-weight:700;font-size:15px}.action-btn.secondary{background:#1E2238;color:#8b90b8;border:1px solid #2A2F4A}.action-btn:active{opacity:.8}.rating-section{text-align:center}.rating-options{display:flex;gap:6px;justify-content:center;margin-top:8px}.rating-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 8px;border-radius:10px;background:#161929;border:1px solid #2A2F4A;min-width:56px}.rating-btn:active{background:#1E2238;border-color:#7c8fff}.rating-emoji{font-size:20px}.rating-label{font-size:10px;color:#8b90b8}.export-btn{display:block;width:100%;margin-top:16px;padding:12px;text-align:center;color:#505680;font-size:13px;border-radius:10px;border:1px solid #2A2F4A;background:transparent}.export-btn:active{background:rgba(255,255,255,.03)}