*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--primary: #6366F1;--primary-dark: #4F46E5;--primary-light: #E0E7FF;--bg: #FAF9F6;--surface: #FFFFFF;--text: #1F2937;--text-muted: #9CA3AF;--success: #34D399;--success-light: #ECFDF5;--warn: #FBBF24;--warn-light: #FFFBEB;--fail: #F87171;--fail-light: #FEF2F2;--border: #E5E7EB;--border-light: #F3F4F6;--shadow-soft: 0 8px 24px rgba(0, 0, 0, .06);--shadow-pop: 0 4px 0 #4F46E5;--shadow-pop-sm: 0 2px 0 #E5E7EB;--radius-pill: 999px;--radius-card: 24px;--font-heading: "Quicksand", sans-serif;--font-body: "Varela Round", sans-serif}html,body,#root{height:100%;width:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,.font-heading{font-family:var(--font-heading);font-weight:700;letter-spacing:-.02em}.app-container{width:100%;max-width:430px;margin-left:auto;margin-right:auto;position:relative;min-height:100dvh}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.squishy-btn{transition:transform .2s cubic-bezier(.34,1.56,.64,1);cursor:pointer}.squishy-btn:active{transform:scale(.95)}.pop-btn{transition:transform .1s ease,box-shadow .1s ease;cursor:pointer}.pop-btn:active{transform:translateY(4px);box-shadow:none!important}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:1rem 2rem;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-pill);font-family:var(--font-heading);font-weight:700;font-size:1.125rem;letter-spacing:.04em;box-shadow:var(--shadow-pop);cursor:pointer;transition:background .15s,transform .1s ease,box-shadow .1s ease}.btn-primary:hover:not(:disabled){background:var(--primary-dark)}.btn-primary:active:not(:disabled){transform:translateY(4px);box-shadow:none}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-outlined{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:1rem 2rem;background:var(--surface);color:var(--text-muted);border:2px solid var(--border-light);border-radius:var(--radius-pill);font-family:var(--font-heading);font-weight:700;font-size:1.125rem;letter-spacing:.04em;box-shadow:var(--shadow-pop-sm);cursor:pointer;transition:color .15s,border-color .15s,transform .1s ease,box-shadow .1s ease}.btn-outlined:hover:not(:disabled){color:var(--text);border-color:var(--border)}.btn-outlined:active:not(:disabled){transform:translateY(2px);box-shadow:none}.btn-outlined:disabled{opacity:.4;cursor:not-allowed}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.875rem 2rem;background:var(--surface);color:var(--text-muted);border:2px solid var(--border);border-radius:var(--radius-pill);font-family:var(--font-heading);font-weight:700;font-size:1rem;letter-spacing:.04em;box-shadow:var(--shadow-pop-sm);cursor:pointer;transition:color .15s,border-color .15s,transform .1s ease,box-shadow .1s ease}.btn-secondary:hover:not(:disabled){color:var(--text);border-color:var(--border)}.btn-secondary:active:not(:disabled){transform:translateY(2px);box-shadow:none}.btn-secondary:disabled{opacity:.4;cursor:not-allowed}.material-symbols-outlined,.material-icons-round{font-size:inherit;line-height:1;vertical-align:middle;-webkit-user-select:none;user-select:none}.home-screen{display:flex;flex-direction:column;min-height:100dvh;background:var(--bg)}.home-header{display:flex;align-items:center;justify-content:space-between;padding:2rem 1.5rem 1rem;flex-shrink:0}.home-logo{display:flex;flex-direction:column}.home-title{font-size:1.875rem;color:var(--primary);line-height:1}.home-tagline{font-family:var(--font-body);font-size:.875rem;color:var(--text-muted);margin-top:.125rem}.home-main{flex:1;overflow-y:auto;padding:1rem 1.5rem calc(6rem + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:1.5rem}.daily-card{background:linear-gradient(135deg,var(--primary-light) 0%,#D0D7FE 100%);border-radius:2rem;padding:2rem;position:relative;overflow:hidden;box-shadow:var(--shadow-soft);transition:transform .2s ease}.daily-card:hover{transform:scale(1.01)}.daily-card-bg-circle{position:absolute;top:-2.5rem;right:-2.5rem;width:8rem;height:8rem;background:#ffffff4d;border-radius:50%;filter:blur(24px);pointer-events:none}.daily-card-inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center}.daily-label{font-family:var(--font-heading);font-size:.625rem;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:.15em;margin-bottom:1rem}.daily-start-label{font-size:.875rem;color:var(--text-muted);font-weight:500;margin-bottom:.25rem}.daily-word{font-size:3rem;color:var(--text);margin-bottom:1.5rem;line-height:1}.play-daily-btn{font-size:1.25rem;padding:1.25rem 2rem}.practice-btn{font-size:1.125rem}.how-to-section{display:flex;justify-content:center}.leaderboard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;padding:0 .25rem}.leaderboard-title{font-size:1.5rem;color:var(--text)}.leaderboard-card{background:var(--surface);border-radius:var(--radius-card);overflow:hidden;border:1px solid rgba(229,231,235,.5);box-shadow:0 2px 8px #0000000a}.lb-row{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:var(--surface)}.lb-row-podium{position:relative}.lb-row-podium-0{background:linear-gradient(90deg,rgba(255,215,0,.08) 0%,transparent 100%)}.lb-row-podium-1{background:linear-gradient(90deg,rgba(192,192,192,.08) 0%,transparent 100%)}.lb-row-podium-2{background:linear-gradient(90deg,rgba(205,127,50,.06) 0%,transparent 100%)}.lb-row-bordered{border-bottom:1px solid rgba(249,250,251,1)}.lb-left{display:flex;align-items:center;gap:1rem}.lb-rank-circle{width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-weight:700;font-size:.875rem;flex-shrink:0}.lb-rank-gold{background:linear-gradient(135deg,gold,orange);color:#fff;font-size:1.05rem;box-shadow:0 2px 8px #ffd70059}.lb-rank-silver{background:linear-gradient(135deg,silver,#a8a8a8);color:#fff;font-size:1.05rem;box-shadow:0 2px 6px #c0c0c04d}.lb-rank-bronze{background:linear-gradient(135deg,#cd7f32,#b8690e);color:#fff;font-size:1.05rem;box-shadow:0 2px 6px #cd7f324d}.lb-rank-default{background:var(--border-light);color:var(--text-muted)}.lb-name-block{display:flex;flex-direction:column}.lb-name{font-weight:700;font-size:.9375rem;line-height:1}.lb-subtitle{font-size:.75rem;color:var(--text-muted);margin-top:.125rem}.lb-score{font-family:var(--font-heading);font-size:1.25rem;font-weight:700}.lb-score-primary{color:var(--primary)}.lb-score-muted{color:var(--text-muted)}.leaderboard-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2.5rem 1.5rem;background:var(--surface);border-radius:var(--radius-card);border:1px dashed rgba(229,231,235,.7)}.lb-empty-icon{font-size:3rem;color:var(--warn);margin-bottom:.75rem;opacity:.7}.lb-empty-title{font-family:var(--font-heading);font-size:1.125rem;font-weight:700;color:var(--text);margin-bottom:.25rem}.lb-empty-subtitle{font-size:.875rem;color:var(--text-muted);margin-bottom:1.25rem}.lb-empty-play-btn{font-size:1rem;padding:.75rem 1.5rem;gap:.5rem}.htp-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--surface);display:flex;align-items:stretch;justify-content:center;z-index:200}.htp-modal{display:flex;flex-direction:column;height:100dvh;overflow:hidden;background:var(--surface)}.htp-header{display:flex;justify-content:space-between;align-items:center;padding:2rem 2rem 1rem;flex-shrink:0}.htp-heading{font-size:1.875rem;color:var(--primary)}.htp-close{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:none;border:none;color:var(--text-muted);font-size:1.875rem;cursor:pointer;transition:background .15s}.htp-close:hover{background:var(--border-light)}.htp-close .material-symbols-outlined{font-size:1.875rem!important}.htp-carousel{display:flex;flex:1;overflow-x:auto;scroll-snap-type:x mandatory}.htp-slide{scroll-snap-align:start;flex:0 0 100%;width:100%;padding:0 2rem;display:flex;flex-direction:column}.slide-top{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.slide-num{width:1.75rem;height:1.75rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-weight:700;font-size:.875rem;flex-shrink:0}.slide-num-success{background:#34d3991a;color:var(--success)}.slide-num-warn{background:#fbbf241a;color:var(--warn)}.slide-num-fail{background:#f871711a;color:var(--fail)}.slide-title{font-size:1.25rem;color:var(--text)}.slide-desc{font-family:var(--font-body);font-size:.875rem;color:var(--text-muted);line-height:1.4;margin-bottom:1.5rem}.slide-content{flex:1;display:flex;align-items:center;justify-content:center;padding-bottom:1rem}.slide-demo{display:flex;flex-direction:column;align-items:center;gap:0}.demo-word{position:relative;padding:.5rem 1.5rem;border-radius:var(--radius-pill);font-family:var(--font-heading);font-size:1rem;font-weight:700;background:var(--surface);border:3px solid var(--border);color:var(--text)}.demo-word-faded{color:#9ca3af80;border-color:var(--border-light)}.demo-word-success{border-color:var(--success);box-shadow:0 4px 12px #34d3991a}.demo-word-warn{border-color:var(--warn);box-shadow:0 4px 12px #fbbf241a}.demo-word-fail{border-color:var(--fail);color:var(--fail);text-decoration:line-through;text-decoration-thickness:2px;box-shadow:0 4px 12px #f871711a}.demo-check{position:absolute;top:-.5rem;right:-.5rem;width:1.5rem;height:1.5rem;background:var(--success);color:#fff;border-radius:50%;border:2px solid var(--surface);display:flex;align-items:center;justify-content:center}.demo-check .material-symbols-outlined{font-size:.625rem!important}.demo-badge-side{position:absolute;right:-4.5rem;top:50%;transform:translateY(-50%);border-radius:var(--radius-pill);padding:.2rem .5rem;font-size:.625rem;font-weight:700;white-space:nowrap}.demo-badge-warn{background:#fbbf241a;color:var(--warn)}.demo-connector{width:4px;height:2rem;border-radius:2px;position:relative;display:flex;align-items:center;justify-content:center}.demo-connector-thin{height:2rem}.demo-connector-warning,.demo-connector-x{height:2.5rem}.demo-connector-success{background:var(--success)}.demo-connector-warn{background:var(--warn)}.demo-connector-fail{background:var(--fail)}.demo-warn-icon{position:absolute;background:var(--warn);color:#fff;border-radius:50%;padding:.125rem;border:2px solid var(--surface);font-size:.75rem!important;display:flex;align-items:center;justify-content:center}.demo-warn-icon .material-symbols-outlined{font-size:.75rem!important}.demo-x-icon{position:absolute;background:var(--surface);color:var(--fail);border-radius:50%;padding:.125rem;border:2px solid rgba(248,113,113,.3);box-shadow:0 2px 6px #0000000f;display:flex;align-items:center;justify-content:center}.demo-x-icon .material-symbols-outlined{font-size:.75rem!important}.htp-footer{flex-shrink:0;padding:1rem 2rem 2.5rem;background:var(--surface)}.htp-dots{display:flex;justify-content:center;gap:.5rem;margin-bottom:1.5rem}.htp-dot{width:.625rem;height:.625rem;border-radius:50%;background:#6366f133;transition:background .2s}.htp-dot-active{background:var(--primary)}.htp-cta{font-size:1.125rem;padding:1rem 2rem}.difficulty-screen{display:flex;flex-direction:column;height:100dvh;background:var(--surface);overflow:hidden}.difficulty-top{position:sticky;top:0;z-index:20;background:var(--surface);flex-shrink:0}.difficulty-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem}.back-btn{width:3rem;height:3rem;border-radius:50%;background:var(--surface);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text);cursor:pointer;box-shadow:0 2px 8px #0000000f;transition:background .15s;font-size:1.5rem}.back-btn:hover{background:var(--border-light)}.back-btn .material-icons-round{font-size:1.5rem}.back-btn-spacer{width:3rem}.difficulty-title-block{display:flex;flex-direction:column;align-items:center;padding:0 1.5rem .5rem}.difficulty-heading{font-size:1.875rem;color:var(--text)}.difficulty-main{flex:1;overflow-y:auto;padding:.5rem 1.5rem calc(3rem + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:0}.difficulty-subtitle{font-family:var(--font-body);font-size:1.0625rem;color:var(--text-muted);line-height:1.6;text-align:center;padding:0 1.5rem 1.5rem}.difficulty-cards{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:2.5rem}.difficulty-card{display:flex;align-items:center;gap:1.25rem;width:100%;text-align:left;background:var(--surface);border-radius:1rem;padding:1.5rem;border:3px solid;cursor:pointer;transition:box-shadow .2s,transform .1s ease}.difficulty-card-success{border-color:var(--success);box-shadow:0 6px #059669}.difficulty-card-success:hover{box-shadow:0 10px 20px #34d39926}.difficulty-card-warn{border-color:var(--warn);box-shadow:0 6px #d97706}.difficulty-card-warn:hover{box-shadow:0 10px 20px #fbbf2426}.difficulty-card-fail{border-color:var(--fail);box-shadow:0 6px #dc2626}.difficulty-card-fail:hover{box-shadow:0 10px 20px #f8717126}.difficulty-icon-wrap{width:4rem;height:4rem;border-radius:1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.difficulty-icon-success{background:#34d3991a;color:var(--success)}.difficulty-icon-warn{background:#fbbf241a;color:var(--warn)}.difficulty-icon-fail{background:#f871711a;color:var(--fail)}.difficulty-icon{font-size:2.25rem}.difficulty-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.difficulty-top-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.125rem}.difficulty-label{font-family:var(--font-heading);font-size:1.25rem;font-weight:700;text-transform:uppercase;letter-spacing:-.01em}.difficulty-label-success,.difficulty-label-warn,.difficulty-label-fail{color:var(--text)}.difficulty-desc{font-family:var(--font-body);font-size:.875rem;color:var(--text-muted);margin-bottom:.5rem}.difficulty-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .75rem;border-radius:var(--radius-pill);font-family:var(--font-heading);font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.difficulty-badge-success{background:#34d3991a;color:var(--success)}.difficulty-badge-warn{background:#fbbf241a;color:var(--warn)}.difficulty-badge-fail{background:#f871711a;color:var(--fail)}.difficulty-info-box{display:flex;gap:1rem;padding:1.25rem;background:var(--border-light);border-radius:1rem;border:1px solid var(--border)}.difficulty-info-icon{color:var(--primary);flex-shrink:0;font-size:1.25rem;margin-top:.0625rem}.difficulty-info-text{font-family:var(--font-body);font-size:.875rem;color:var(--text-muted);line-height:1.4}.game-screen{position:relative;width:100%;height:var(--vh, 100dvh);background:var(--surface);overflow:hidden;display:flex;flex-direction:column}.game-bg-pattern{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#fff;background-image:radial-gradient(#6366f110 1.5px,transparent 1.5px);background-size:24px 24px;pointer-events:none;opacity:.5;z-index:0}.game-layout{position:relative;z-index:1;max-width:430px;width:100%;margin:0 auto;flex:1;display:flex;flex-direction:column;overflow:hidden}.game-header{position:sticky;top:0;z-index:30;background:#ffffffe6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem}.game-score-block{display:flex;flex-direction:column}.game-score-label{font-family:var(--font-heading);font-size:.625rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.15em}.game-score-num{font-family:var(--font-heading);font-size:1.875rem;font-weight:700;color:var(--primary);line-height:1.1}.game-close-btn{width:2.75rem;height:2.75rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--border-light);border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer;transition:background .15s,color .15s}.game-close-btn:hover{background:#fee2e2;color:#f87171}.game-close-btn .material-symbols-outlined{font-size:1.5rem!important}.game-chain-area{flex:1;overflow-y:auto;padding:1rem 1.5rem 2rem}.chain-words{display:flex;flex-direction:column;align-items:center}.chain-item{display:flex;flex-direction:column;align-items:center;animation:wordSlideIn .3s ease both}@keyframes wordSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.chain-word-pill{border-radius:var(--radius-pill);background:var(--surface);font-family:var(--font-heading);font-weight:700;border:2px solid var(--border);transition:all .2s ease}.word-old,.word-recent{padding:.375rem 1rem;font-size:.875rem;color:var(--text-muted);border-color:var(--border-light)}.word-active{padding:.875rem 2.25rem;font-size:1.5rem;color:var(--text);border:3px solid var(--primary);box-shadow:0 10px 25px -5px #6366f133}.chain-word-pulse{animation:wordSlideIn .3s ease both,softPulse 2s infinite .4s}.chain-word-skeleton{width:8rem;background:linear-gradient(90deg,var(--border-light) 25%,var(--border) 50%,var(--border-light) 75%);background-size:200% 100%;border-color:transparent;box-shadow:none;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes softPulse{0%{box-shadow:0 0 #6366f166,0 10px 25px -5px #6366f133}70%{box-shadow:0 0 0 12px #6366f100,0 10px 25px -5px #6366f133}to{box-shadow:0 0 #6366f100,0 10px 25px -5px #6366f133}}.chain-connector{width:6px;min-height:3rem;border-radius:3px;margin:.25rem 0;position:relative;display:flex;align-items:center;justify-content:center}.chain-connector-blank{background:var(--border-light);min-height:2rem}.sim-badge{position:absolute;left:.75rem;border-radius:var(--radius-pill);padding:.2rem .5rem;font-family:var(--font-heading);font-size:.625rem;font-weight:700;white-space:nowrap;color:#fff}.sim-badge-success{background:var(--success)}.sim-badge-warn{background:var(--warn)}.sim-badge-fail{background:var(--fail)}.chain-trailer{display:flex;flex-direction:column;align-items:center;margin-top:.5rem}.chain-trailer-line{width:4px;height:2rem;border-left:4px dashed var(--border);border-radius:2px}.game-footer{width:100%;z-index:40;background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:1rem 1.5rem calc(1.25rem + env(safe-area-inset-bottom,0px))}.game-error{font-family:var(--font-body);font-size:.8125rem;color:var(--fail);text-align:center;margin-bottom:.625rem;font-weight:600}.game-input-row{display:flex;align-items:center;gap:.75rem}.game-input{flex:1;min-width:0;height:3.25rem;padding:0 1.75rem;border-radius:var(--radius-pill);background:var(--border-light);border:2px solid transparent;font-family:var(--font-heading);font-size:1.125rem;font-weight:700;color:var(--text);outline:none;transition:border-color .15s,background .15s,box-shadow .15s;box-shadow:inset 0 2px 4px #0000000a}.game-input::placeholder{color:var(--text-muted);font-weight:500}.game-input::-webkit-search-cancel-button{display:none}.game-input:focus{border-color:var(--primary);background:var(--surface);box-shadow:0 0 0 4px #6366f11a,inset 0 2px 4px #0000000a}.game-input:disabled{opacity:.5;cursor:not-allowed}.game-submit-btn{width:3.25rem;height:3.25rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--primary);border:none;color:#fff;font-size:2rem;box-shadow:0 4px 0 var(--primary-dark);cursor:pointer;transition:background .15s}.game-submit-btn:hover:not(:disabled){background:var(--primary-dark)}.game-submit-btn:disabled{opacity:.4;cursor:not-allowed}.game-submit-btn .material-symbols-outlined{font-size:2rem!important}.game-hint{font-family:var(--font-heading);font-size:.6875rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;text-align:left;margin-bottom:.5rem;padding-left:1.75rem}.game-hint-word{color:var(--primary)}.result-screen{position:relative;width:100%;min-height:100dvh;background:var(--surface);overflow-x:hidden}.result-ghost-bg{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:8rem;opacity:.08;filter:blur(2px);pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0}.ghost-score{font-family:var(--font-heading);font-size:12rem;font-weight:700;color:var(--primary);line-height:1}.ghost-chain{display:flex;flex-direction:column;align-items:center;gap:.25rem}.ghost-word{font-family:var(--font-heading);font-size:.875rem;color:var(--text-muted)}.result-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;padding:2rem 1.5rem calc(2.5rem + env(safe-area-inset-bottom,0px));gap:1.5rem}.result-close-btn{position:absolute;top:1rem;right:1rem;width:2.75rem;height:2.75rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--border-light);border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer;transition:background .15s,color .15s;z-index:20}.result-close-btn:hover{background:#fee2e2;color:#f87171}.result-close-btn .material-symbols-outlined{font-size:1.5rem!important}.result-top{text-align:center;padding:0 2rem;width:100%}.result-heading{font-size:2.75rem;color:var(--fail);letter-spacing:-.02em;line-height:1.05}.result-subheading{font-family:var(--font-body);font-size:1.0625rem;color:var(--text-muted);font-weight:500;margin-top:.375rem}.breaking-pair{width:100%;display:flex;flex-direction:column;align-items:center;gap:0}.breaking-word{font-family:var(--font-heading);font-size:1.25rem;font-weight:700;padding:1rem 2rem;border-radius:var(--radius-pill);width:100%;text-align:center}.breaking-word-last{background:var(--surface);border:1px solid var(--border);color:var(--text);box-shadow:0 2px 6px #0000000a}.breaking-word-fail{background:var(--fail-light);border:2px solid var(--fail);color:var(--fail);box-shadow:0 2px 6px #f871711a}.breaking-connector{position:relative;height:3.5rem;display:flex;align-items:center;justify-content:center;width:100%}.breaking-line{position:absolute;left:50%;transform:translate(-50%);height:100%;width:3px;border-left:4px dashed rgba(248,113,113,.3)}.breaking-badge{position:relative;z-index:1;display:inline-flex;align-items:center;gap:.375rem;padding:.375rem 1rem;border-radius:var(--radius-pill);font-family:var(--font-heading);font-size:.75rem;font-weight:700;background:var(--surface);border:2px solid;box-shadow:0 2px 6px #0000000f}.breaking-badge .material-symbols-outlined{font-size:1.125rem!important}.breaking-badge-fail{border-color:#f8717166;color:var(--fail)}.breaking-badge-warn{border-color:#fbbf2466;color:var(--warn)}.breaking-badge-success{border-color:#34d39966;color:var(--success)}.result-score-block{display:flex;flex-direction:column;align-items:center;gap:.375rem}.result-score-label{font-family:var(--font-heading);font-size:.6875rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.2em}.result-score-num{font-family:var(--font-heading);font-size:7rem;font-weight:700;color:var(--primary);line-height:1;letter-spacing:-.04em}.result-best-badge{display:inline-flex;align-items:center;gap:.5rem;background:var(--success-light);color:var(--success);padding:.5rem 1.25rem;border-radius:var(--radius-pill);font-family:var(--font-heading);font-size:.875rem;font-weight:700;margin-top:.5rem}.view-history-btn{display:inline-flex;align-items:center;gap:.5rem;background:none;border:none;color:var(--text-muted);font-family:var(--font-heading);font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;padding:.5rem;transition:color .15s}.view-history-btn:hover{color:var(--primary)}.view-history-btn .material-symbols-outlined{font-size:1.25rem!important}.result-actions{display:flex;flex-direction:column;gap:.875rem;width:100%}.result-actions .btn-primary{font-size:1.25rem;padding:1rem 2rem}.result-actions .btn-outlined{font-size:1.125rem}.lb-form{display:flex;flex-direction:column;gap:.625rem;width:100%;padding-top:.5rem}.lb-form-label{font-family:var(--font-body);font-size:.8125rem;color:var(--text-muted);text-align:center}.lb-name-input{width:100%;padding:.875rem 1.25rem;background:var(--border-light);border:2px solid transparent;border-radius:var(--radius-pill);color:var(--text);font-family:var(--font-body);font-size:1rem;outline:none;transition:border-color .15s,background .15s}.lb-name-input:focus{border-color:var(--primary);background:var(--surface);box-shadow:0 0 0 4px #6366f11a}.lb-name-input::placeholder{color:var(--text-muted)}.lb-submit-btn{margin-top:.25rem}.lb-rank-display{font-family:var(--font-heading);font-size:1rem;color:var(--primary);text-align:center;font-weight:700}.lb-popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:50;display:flex;align-items:center;justify-content:center;padding:1.5rem}.lb-popup{background:var(--surface);border-radius:var(--radius-card);padding:2rem 1.75rem 1.75rem;width:100%;max-width:24rem;position:relative;display:flex;flex-direction:column;gap:1rem;box-shadow:0 24px 64px #00000040}.lb-popup-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem;line-height:1;transition:color .15s}.lb-popup-close:hover{color:var(--text)}.lb-popup-close .material-symbols-outlined{font-size:1.5rem!important}.lb-popup-title{font-size:1.5rem;color:var(--primary);text-align:center}.lb-popup-score{font-family:var(--font-body);font-size:.875rem;color:var(--text-muted);text-align:center;margin-top:-.5rem}.result-toast{position:fixed;bottom:2.5rem;left:50%;transform:translate(-50%) translateY(1.5rem);z-index:60;background:var(--text);color:#fff;padding:1rem 2rem;border-radius:var(--radius-pill);box-shadow:0 16px 40px #00000040;display:flex;align-items:center;gap:.75rem;font-family:var(--font-heading);font-weight:700;font-size:.9375rem;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s;white-space:nowrap}.result-toast-visible{opacity:1;transform:translate(-50%) translateY(0)}.result-toast-icon{color:var(--success);font-size:1.25rem!important}.chain-history-screen{position:relative;width:100%;height:100dvh;display:flex;flex-direction:column;background:var(--surface);overflow:hidden}.chain-history-layout{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;padding:0 1.5rem}.ch-header{position:sticky;top:0;z-index:20;background:var(--surface);padding:1.5rem 0;display:flex;align-items:center}.ch-back-btn{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:var(--text-muted);font-family:var(--font-heading);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;transition:color .15s;padding:0}.ch-back-btn:hover{color:var(--primary)}.ch-back-btn .material-symbols-outlined{font-size:1.5rem!important}.ch-back-label{font-size:.75rem}.ch-title-section{margin-bottom:2.5rem}.ch-heading{font-size:1.875rem;color:var(--text);margin-bottom:.25rem}.ch-subtitle{font-family:var(--font-body);color:var(--text-muted);font-size:1rem}.ch-chain-content{display:flex;flex-direction:column;align-items:center;width:100%;padding-bottom:0}.ch-word-block{display:flex;flex-direction:column;align-items:center;width:100%}.ch-word-pill{background:var(--border-light);border:2px solid var(--border);padding:.75rem 2rem;border-radius:var(--radius-pill);font-family:var(--font-body);font-size:1.0625rem;font-weight:500;color:var(--text)}.ch-word-fail{background:var(--fail-light);border-color:var(--fail);color:var(--fail);font-weight:700;box-shadow:0 2px 8px #f871711a}.ch-line{width:2px;height:3rem}.ch-line-success{background:var(--success)}.ch-line-warn{background:var(--warn)}.ch-line-fail{background:var(--fail)}.ch-badge{display:inline-flex;align-items:center;gap:.375rem;background:var(--surface);border:2px solid;padding:.25rem .75rem;border-radius:var(--radius-pill);font-family:var(--font-heading);font-size:.75rem;font-weight:700;box-shadow:0 2px 6px #0000000a}.ch-badge-success{border-color:#34d39933;color:var(--success)}.ch-badge-warn{border-color:#fbbf2433;color:var(--warn)}.ch-badge-fail{border-color:#f8717133;color:var(--fail)}.ch-badge-icon{font-size:.875rem!important}.ch-end-dots{display:flex;flex-direction:column;align-items:center;gap:.375rem;margin-top:.75rem;margin-bottom:.625rem}.ch-dot{width:.5rem;height:.5rem;border-radius:50%;background:var(--border)}.ch-end-text{font-family:var(--font-body);font-size:.875rem;color:var(--text-muted);font-style:italic;text-align:center;margin-bottom:.25rem}.ch-footer{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:430px;margin:0 auto;z-index:40;padding:1.5rem 1.5rem calc(1.5rem + env(safe-area-inset-bottom,0px));background:linear-gradient(to top,var(--surface) 60%,transparent 100%)}.ch-footer .btn-primary{font-size:1.25rem;padding:1rem 2rem}