.chain-app{min-height:100dvh;display:flex;flex-direction:column}.chain-main{flex:1;display:flex;flex-direction:column;align-items:center;padding:calc(var(--space-16) + var(--space-4)) var(--space-4) var(--space-8);gap:var(--space-6);max-width:640px;margin:0 auto;width:100%}.chain-idle{text-align:center;gap:var(--space-6)}.chain-idle h1{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:900;letter-spacing:-.03em}.chain-idle>p{color:var(--color-text-secondary);font-size:var(--text-base);max-width:32ch;margin:0 auto;line-height:1.6}.chain-idle>p+p{color:var(--color-text-tertiary);font-size:var(--text-sm)}.chain-loading{justify-content:center;align-items:center;min-height:60dvh}.chain-loading p{color:var(--color-text-secondary);font-size:var(--text-sm);margin-top:var(--space-4)}.word-stage{width:100%;background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-2xl);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}.word-stage__label{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-tertiary)}.word-stage__synonym{border-top:1px solid var(--color-border-subtle);padding-top:var(--space-4)}.word-stage__synonym .word-stage__label{margin-bottom:var(--space-3)}.current-word{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;cursor:pointer;transition:opacity var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out);display:inline-flex}.current-word:hover{opacity:.85;transform:translateY(-1px)}.current-word__text{font-family:var(--font-display);font-size:var(--text-xl);font-weight:800;letter-spacing:-.01em;color:var(--color-text-secondary);line-height:1.2;border-bottom:1px dashed var(--color-text-tertiary)}.current-word__score-delta{font-family:var(--font-display);font-size:var(--text-md);font-weight:800;color:var(--game-accent);opacity:0;animation:score-float 1.2s var(--ease-out) forwards}@keyframes score-float{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-24px)}}.current-word__definition{font-size:var(--text-sm);color:var(--color-text-tertiary);line-height:1.6;font-style:italic}.hint-word{display:flex;align-items:center;justify-content:center;gap:var(--space-2);flex-wrap:nowrap;white-space:nowrap}.hint-letter{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:900;line-height:1.2;text-align:center;min-width:36px;display:inline-block;-webkit-user-select:none;user-select:none;border-bottom:3px solid transparent;box-sizing:border-box}.hint-letter--consonant{color:var(--color-text-primary)}.hint-letter--vowel{color:var(--game-accent);border-bottom-color:var(--game-accent);box-shadow:inset 0 -4px 8px #00f0ff0d}.hint-letter--revealed{color:var(--game-accent);border-bottom-color:#00f0ff4d;animation:pop-vowel var(--duration-fast) var(--ease-spring)}@keyframes pop-vowel{0%{transform:scale(.8)}to{transform:scale(1)}}.chain-history{width:100%;display:flex;flex-direction:column;gap:var(--space-2);max-height:200px;overflow-y:auto}.chain-history__item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--color-surface-overlay);border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle);animation:item-slide-in var(--duration-normal) var(--ease-spring)}@keyframes item-slide-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.chain-history__item strong{font-family:var(--font-display);font-weight:700;font-size:var(--text-sm);color:var(--color-text-primary);flex:1}.chain-history__item p{font-size:var(--text-xs);color:var(--color-text-tertiary);flex:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chain-history__item span{font-family:var(--font-display);font-size:var(--text-xs);font-weight:700;color:var(--game-accent)}.vowel-keyboard{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap;width:100%}.vowel-key{width:56px;height:56px;border-radius:var(--radius-xl);background:var(--color-surface-raised);border:1.5px solid var(--color-border-default);font-family:var(--font-display);font-size:var(--text-2xl);font-weight:900;color:var(--color-text-primary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);display:flex;align-items:center;justify-content:center;text-transform:uppercase;position:relative;overflow:hidden}.vowel-key:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--game-accent);opacity:0;transition:opacity var(--duration-fast) ease;border-radius:inherit}.vowel-key:hover:not(:disabled){border-color:var(--game-accent);transform:translateY(-2px);box-shadow:0 4px 12px var(--game-accent-glow)}.vowel-key:hover:not(:disabled):before{opacity:.12}.vowel-key:active:not(:disabled){transform:translateY(0) scale(.95)}.vowel-key:disabled{opacity:.3;cursor:not-allowed}.vowel-key--guessed{border-color:var(--game-accent);color:var(--game-accent)}.keyboard-hint{font-size:var(--text-xs);color:var(--color-text-tertiary);text-align:center}.word-stage--error{border-color:var(--color-status-error);animation:shake .32s var(--ease-out)}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.streak-flash{position:fixed;top:80px;left:50%;transform:translate(-50%);z-index:var(--z-toast);background:var(--game-accent-subtle);border:1px solid var(--game-accent);border-radius:var(--radius-full);padding:var(--space-2) var(--space-5);font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;color:var(--game-accent);animation:toast-in var(--duration-slow) var(--ease-spring),toast-out var(--duration-normal) var(--ease-in) 2.5s forwards;white-space:nowrap}.vowel-timer-container{width:100%;max-width:400px;margin:var(--space-4) auto var(--space-2);display:flex;flex-direction:column;gap:var(--space-2)}.vowel-timer-header{display:flex;justify-content:space-between;align-items:center}.vowel-timer-label{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;color:var(--color-text-tertiary);letter-spacing:.05em}#vowel-timer-text{font-family:var(--font-display);font-size:var(--text-xl);font-weight:900;color:var(--game-accent)}.vowel-progress-bar-bg{width:100%;height:6px;background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-full);overflow:hidden;position:relative}#vowel-progress-bar{width:100%;height:100%;background:var(--game-accent);border-radius:var(--radius-full);transition:width 1s linear,background-color .3s ease}.def-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:def-fade-in .2s ease-out}.def-modal{position:relative;background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);padding:var(--space-6);max-width:420px;width:90%;box-shadow:var(--shadow-lg);animation:def-modal-pop .25s cubic-bezier(.175,.885,.32,1.275)}.def-modal-close:hover{color:var(--color-text-primary)!important;transform:scale(1.1)}.def-synonym:hover{border-color:var(--game-accent)!important;color:var(--game-accent)!important}.chain-history__item{cursor:pointer;transition:transform var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.chain-history__item:hover{border-color:var(--game-accent);transform:translateY(-2px);box-shadow:0 4px 12px #00f0ff14}.result-card__missed{cursor:pointer;transition:transform var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out);border:1px dashed transparent}.result-card__missed:hover{transform:translateY(-2px);border-color:var(--game-accent);box-shadow:0 4px 12px #00f0ff14}@keyframes def-fade-in{0%{opacity:0}to{opacity:1}}@keyframes def-modal-pop{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}dialog.def-modal{border:1px solid var(--color-border-subtle);background:var(--color-surface);color:var(--color-text-primary);border-radius:var(--radius-xl);padding:var(--space-6);max-width:420px;width:90%;box-shadow:var(--shadow-lg);animation:def-modal-pop .25s cubic-bezier(.175,.885,.32,1.275);position:fixed;top:0;right:0;bottom:0;left:0;margin:auto}dialog.def-modal::backdrop{background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hint-word--wave .hint-letter{display:inline-block;animation:hint-letter-wave .8s ease-in-out infinite}@keyframes hint-letter-wave{0%,to{transform:translateY(0);color:var(--color-status-success, #10b981);text-shadow:0 0 8px rgba(16,185,129,.2)}50%{transform:translateY(-8px);color:#34d399;text-shadow:0 0 20px rgba(52,211,153,.6)}}.flying-word-up{position:fixed;font-family:var(--font-display);font-weight:900;color:var(--color-status-success, #10b981);text-shadow:0 0 16px rgba(16,185,129,.3);z-index:9999;display:flex;align-items:center;justify-content:center;pointer-events:none;background:var(--game-accent-subtle);border:1px solid var(--color-status-success, #10b981);border-radius:var(--radius-xl);box-shadow:0 4px 20px #10b98140;box-sizing:border-box;opacity:1}.flying-word-down{position:fixed;font-family:var(--font-display);font-weight:800;color:var(--color-text-secondary);background:var(--color-surface-overlay);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-3);z-index:9999;pointer-events:none;display:flex;align-items:center;box-sizing:border-box;opacity:1}