:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;color:#24313f;background:#f8f6ef;font-synthesis:none;text-rendering:optimizeLegibility;--cream: #f8f6ef;--paper: #fffdf8;--ink: #24313f;--muted: #78838b;--line: #e4e5dc;--blue: #dcecf5;--blue-strong: #4d91ae;--mint: #dcefe2;--mint-strong: #52956f;--orange: #ef9b52;--orange-soft: #fff0dd;--coral: #f0d9d2;--shadow: 0 18px 42px rgba(55, 61, 61, .08);--shadow-soft: 0 8px 22px rgba(55, 61, 61, .07)}*{box-sizing:border-box}html{min-width:320px;background:var(--cream)}body{margin:0;min-width:320px;min-height:100vh;background:var(--cream)}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}.page-shell{width:min(1180px,calc(100% - 48px));margin:0 auto;padding-bottom:64px}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand-button,.back-button,.profile-button,.nav-button,.icon-button,.ghost-button,.text-button{border:0;background:transparent;color:inherit}.brand-button,.mini-brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink);font-weight:800;letter-spacing:.12em;font-size:12px}.brand-mark{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;color:#fffdf8;background:var(--ink);font-size:10px;letter-spacing:0;font-weight:900}.top-actions{display:flex;align-items:center;gap:8px}.nav-button,.profile-button{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 11px;border-radius:10px;color:#627079;font-size:13px;transition:background .16s ease,color .16s ease}.nav-button:hover,.profile-button:hover{color:var(--ink);background:#eeeee6}.nav-count{min-width:19px;height:19px;display:inline-grid;place-items:center;border-radius:50%;color:var(--mint-strong);background:var(--mint);font-size:11px}.avatar-dot{width:28px;height:28px;border-radius:50%;display:inline-grid;place-items:center;background:var(--orange-soft);color:#b56c2b;font-weight:800;font-size:12px}.profile-name{max-width:95px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.back-button{display:inline-flex;align-items:center;gap:8px;color:#66737a;font-size:13px;padding:8px 0}.back-button:hover{color:var(--ink)}.eyebrow{margin:0 0 13px;color:#879397;font-size:11px;font-weight:800;letter-spacing:.14em;display:flex;gap:7px;align-items:center}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--ink);letter-spacing:0}.hero-section{display:grid;grid-template-columns:1.06fr .94fr;min-height:398px;align-items:center;gap:44px;padding:54px 0 42px}.hero-copy h1{margin-bottom:12px;font-size:clamp(42px,5vw,68px);line-height:1.06;font-weight:850}.hero-subtitle{margin-bottom:18px;font-size:22px;color:#53616a;font-weight:600}.hero-description{max-width:420px;color:#899398;line-height:1.75;font-size:14px}.hero-stat-row{display:flex;gap:32px;margin-top:32px}.hero-stat-row div{display:flex;flex-direction:column;gap:3px}.hero-stat-row strong{font-size:25px;color:var(--ink)}.hero-stat-row span{color:#929b9c;font-size:12px}.hero-art{min-height:290px;position:relative;isolation:isolate}.hero-art:before{content:"";position:absolute;width:330px;height:250px;right:24px;top:22px;border:1px solid #e5e6dd;border-radius:34px;transform:rotate(-5deg);z-index:-1}.art-card{position:absolute;width:190px;height:128px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid rgba(52,73,79,.08);border-radius:18px;box-shadow:var(--shadow);font-weight:800;font-size:27px}.art-card-back{top:44px;right:32px;transform:rotate(9deg);background:var(--blue);color:#52839a}.art-card-mid{top:78px;right:126px;transform:rotate(-5deg);background:var(--mint);color:#44795b}.art-card-front{top:121px;right:82px;transform:rotate(3deg);background:#fffdfa;color:var(--ink)}.art-card-front small{margin-top:10px;color:var(--orange);font-size:9px;letter-spacing:.16em}.art-orbit{position:absolute;right:2px;top:77px;padding:8px 12px;border-radius:999px;background:var(--orange);color:#fff;font-weight:850;font-size:12px;transform:rotate(9deg);box-shadow:0 9px 18px #ef9b5238}.art-spark{position:absolute;color:var(--orange);font-size:26px}.spark-one{right:52px;top:14px}.spark-two{left:44px;bottom:33px;color:var(--blue-strong);font-size:34px}.track-section{padding:33px 0 54px;border-top:1px solid var(--line)}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:23px}.section-heading h2{margin:0;font-size:25px}.section-note{color:#929b9c;font-size:12px}.track-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.track-card{min-height:242px;padding:22px;display:flex;flex-direction:column;text-align:left;border:1px solid transparent;border-radius:16px;color:var(--ink);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.track-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#24313f14}.track-card-mint{background:var(--mint)}.track-card-sky{background:var(--blue)}.track-card-coral{background:var(--coral)}.track-card-top,.track-card-foot{display:flex;justify-content:space-between;align-items:center}.track-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:#ffffff91;font-size:22px}.track-index{color:#24313f59;font-weight:800;font-size:11px}.track-card-body{flex:1;padding-top:27px}.track-card-body h3{margin:0 0 5px;font-size:26px}.track-card-body p{margin:0 0 14px;color:#53616a;font-size:13px;font-weight:700}.track-card-body span{color:#718087;font-size:12px}.track-card-foot{padding-top:14px;border-top:1px solid rgba(36,49,63,.1);color:#68767b;font-size:11px}.home-footer-band{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:26px 28px;border-radius:16px;background:var(--ink);color:#fff}.home-footer-band h2{margin:0;color:#fff;font-size:22px}.home-footer-band .eyebrow{color:#8ca0a6;margin-bottom:8px}.primary-button,.secondary-button,.ghost-button,.hint-button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;border-radius:10px;border:1px solid transparent;font-size:13px;font-weight:750;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.primary-button{background:var(--ink);color:#fff}.primary-button:hover{box-shadow:0 8px 18px #24313f2e;transform:translateY(-1px)}.secondary-button{background:#fffdf8;color:var(--ink);border-color:#dadfd9}.secondary-button:hover{border-color:var(--ink);transform:translateY(-1px)}.ghost-button{color:#6f7c80;background:transparent}.ghost-button:hover{color:var(--ink);background:#eeeee6}.full-width{width:100%}.text-button{color:var(--blue-strong);font-size:12px;padding:10px 0}.levels-header{display:flex;align-items:center;gap:22px;padding:50px 0 34px}.route-badge{width:72px;height:72px;display:grid;place-items:center;border-radius:22px}.route-badge-mint{background:var(--mint)}.route-badge-sky{background:var(--blue)}.route-badge-coral{background:var(--coral)}.route-badge .track-icon{background:#fff9}.levels-header h1{margin:0 0 9px;font-size:34px}.levels-header p:not(.eyebrow){margin:0;color:#899397;font-size:14px}.level-list{border-top:1px solid var(--line)}.level-row{display:grid;grid-template-columns:60px 1fr 130px 112px;align-items:center;min-height:94px;gap:20px;border-bottom:1px solid var(--line)}.level-number{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#efeee8;color:#879196;font-size:12px;font-weight:850}.level-row-completed .level-number{color:var(--mint-strong);background:var(--mint);font-size:17px}.level-row-available .level-number{color:var(--blue-strong);background:var(--blue)}.level-title-row{display:flex;align-items:center;gap:11px}.level-title-row h2{margin:0;font-size:16px}.level-status{padding:4px 7px;border-radius:5px;background:#efeee8;color:#8a9598;font-size:10px}.level-row-available .level-status{color:var(--blue-strong);background:var(--blue)}.level-row-completed .level-status{color:var(--mint-strong);background:var(--mint)}.level-row-guest-limited .level-status{color:#b17435;background:var(--orange-soft)}.level-info p{margin:7px 0 0;color:#9aa3a5;font-size:12px}.level-best{display:flex;flex-direction:column;gap:4px;color:#9aa3a5;font-size:11px}.level-best strong{color:var(--ink);font-size:15px}.level-action{width:42px;height:42px;display:grid;place-items:center;justify-self:end;border:1px solid #e1e4dc;border-radius:11px;color:#a3abad;background:transparent}.level-action-play{color:var(--ink);background:#fffdf8;border-color:#cfd8d1}.level-action-play:hover{border-color:var(--ink)}.level-action-join{width:auto;padding:0 12px;display:inline-flex;gap:6px;color:#ae6c2b;background:var(--orange-soft);border-color:transparent;font-size:11px}.levels-tip{display:flex;align-items:center;gap:9px;margin-top:28px;color:#8c989a;font-size:12px}.levels-tip span{padding:4px 6px;border-radius:5px;color:#b4773f;background:var(--orange-soft);font-size:9px;font-weight:800;letter-spacing:.1em}.levels-tip svg{margin-left:auto;color:#b4bdbb}.game-page{width:min(1220px,calc(100% - 36px))}.game-topbar{height:70px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line)}.game-topbar .game-actions{justify-self:end}.game-stage-title{display:flex;align-items:center;gap:9px;font-weight:800;font-size:14px}.game-stage-title small{padding-left:8px;color:#9aa4a5;font-size:11px;font-weight:500;border-left:1px solid var(--line)}.stage-dot{width:9px;height:9px;border-radius:50%}.stage-dot-easy{background:var(--mint-strong)}.stage-dot-medium{background:var(--blue-strong)}.stage-dot-hard{background:#d17d55}.game-actions .icon-button{color:#8a9598}.icon-button{width:35px;height:35px;display:inline-grid;place-items:center;border-radius:9px}.icon-button:hover{background:#ecece5;color:var(--ink)}.icon-button.subtle{width:28px;height:28px;color:#91a1a4}.game-stats-row{display:flex;align-items:center;justify-content:space-between;padding:22px 0 0}.game-stat{display:flex;align-items:baseline;gap:5px;color:#758187;font-size:17px;font-weight:800}.game-stat svg{color:#8e9b9c}.game-stat small{color:#a2abad;font-size:10px;font-weight:500}.score-stat{color:var(--orange)}.score-stat svg{color:var(--orange)}.combo-stat{display:flex;align-items:center;gap:8px;color:#a0a8a8;font-size:10px;letter-spacing:.12em;font-weight:800}.combo-stat strong{padding:6px 10px;border-radius:7px;color:#899493;background:#eeeee7;font-size:15px;letter-spacing:0}.combo-stat.is-hot{color:#c87832}.combo-stat.is-hot strong{color:#b76827;background:var(--orange-soft)}.game-intro-row{display:flex;justify-content:space-between;align-items:end;padding:23px 0 15px}.game-intro-row h1{margin:0 0 8px;font-size:27px}.game-intro-row p:not(.eyebrow){margin:0;color:#899497;font-size:13px}.remaining-count{min-width:138px;text-align:right}.remaining-count strong{display:block;color:var(--ink);font-size:30px}.remaining-count span{color:#899497;font-size:11px}.mini-progress{width:138px;height:5px;margin-top:9px;margin-left:auto;overflow:hidden;border-radius:9px;background:#e9e9e1}.mini-progress i{display:block;height:100%;border-radius:inherit;background:var(--mint-strong);transition:width .25s ease}.board-wrap{position:relative;padding:15px 0 19px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.board-grid-hint{position:absolute;top:8px;left:3px;right:3px;display:flex;justify-content:space-between;color:#a0aaab;font-size:9px;letter-spacing:.13em;pointer-events:none}.board{position:relative;width:100%;min-height:520px;margin-top:9px;overflow:hidden;border-radius:18px;background:#f0f0e9;border:1px solid #e6e6dc}.board:before,.board:after{content:"";position:absolute;pointer-events:none;border:1px dashed #daddd4;border-radius:50%}.board:before{width:44%;height:48%;left:28%;top:24%}.board:after{width:27%;height:28%;left:36.5%;top:35%;border-style:solid;border-color:#e5e6dd}.board-card{position:absolute;width:20%;height:16%;padding:15px 12px 10px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:left;border:1px solid rgba(38,60,67,.1);border-radius:13px;box-shadow:4px 8px #37404314,0 8px 19px #323c3c14;transition:opacity .18s ease,filter .18s ease,transform .18s ease,box-shadow .18s ease;transform-origin:center}.board-card-word{background:#fffdf9;color:var(--ink)}.board-card-meaning{background:var(--blue);color:#426d7d}.board-card:hover:not(:disabled){box-shadow:5px 11px #3740431a,0 13px 24px #323c3c21;transform:translateY(-3px) rotate(0)!important}.board-card.is-blocked{filter:saturate(.6);opacity:.78}.board-card.is-selected{outline:3px solid var(--orange);outline-offset:2px}.board-card.is-hinted{outline:4px solid #f0a044;outline-offset:3px;background:#fff0d6!important;box-shadow:0 0 0 8px #f0a0443d,5px 11px #3740431a,0 13px 24px #323c3c29;filter:saturate(1.18) brightness(1.04);animation:pulse-hint .9s ease-in-out infinite alternate}.board-card.is-shaken{animation:card-shake .42s ease}.card-layer{position:absolute;top:8px;left:11px;color:#a4aeae;font-size:8px;letter-spacing:.12em}.board-card-meaning .card-layer{color:#79a1ad}.card-label{width:100%;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.28;font-size:clamp(11px,1.35vw,18px);font-weight:800;overflow-wrap:anywhere}.board-card-word .card-label{letter-spacing:.01em}.card-type{margin-top:8px;color:#a2aaab;font-size:8px;letter-spacing:.1em}.board-card-meaning .card-type{color:#76a1ac}.board-card:disabled{cursor:default}.board-card.is-blocked:not(.is-selected){pointer-events:none}.collection-panel{padding:15px 0 5px}.collection-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;color:#8e9a9b;font-size:9px;font-weight:800;letter-spacing:.12em}.collection-label small{color:#9ba5a5;font-size:10px;letter-spacing:0}.collection-tray{display:flex;gap:8px;min-height:54px}.tray-group{flex:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding-right:7px;border-right:1px solid #d9ded8}.tray-group:last-child{padding-right:0;border-right:0}.tray-slot{min-height:54px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;overflow:hidden;border:1px dashed #d4d9d3;border-radius:9px;color:#c1c8c5;background:#f4f3ed}.tray-slot-filled{border-style:solid;border-color:#d8e3de;color:var(--ink);background:#fffdf9;box-shadow:var(--shadow-soft)}.tray-slot span:first-child{max-width:95%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:750}.tray-slot small{color:#93a0a0;font-size:8px}.tray-plus{font-size:19px;font-weight:300}.tray-warning{margin:8px 0 0;color:#b16b2e;font-size:11px;line-height:1.4}.direct-hint{display:flex;align-items:center;justify-content:center;gap:7px;min-height:53px;color:#98a2a3;font-size:11px}.game-footer{display:flex;justify-content:space-between;align-items:center;padding-top:16px}.hint-button{min-height:35px;padding:0 11px;border-color:#e1e3da;color:#8e6c46;background:var(--orange-soft);font-size:11px}.hint-button span{min-width:17px;height:17px;display:grid;place-items:center;border-radius:50%;background:#fff8ed;color:#b07131}.hint-button:disabled{opacity:.5}.mistake-note{display:inline-flex;align-items:center;gap:5px;color:#9ca5a4;font-size:11px}.game-loading{min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#8d9999;gap:16px}.loading-orbit{width:62px;height:62px;display:grid;place-items:center;border:1px dashed #b8c8bd;border-radius:50%;color:var(--mint-strong);animation:spin 2s linear infinite}.result-hero{margin:54px auto 28px;max-width:600px;text-align:center}.result-hero-icon{width:64px;height:64px;display:grid;place-items:center;margin:0 auto 18px;border-radius:20px}.result-success .result-hero-icon{color:var(--mint-strong);background:var(--mint)}.result-failed .result-hero-icon{color:#bd7450;background:var(--coral)}.result-hero .eyebrow{justify-content:center}.result-hero h1{margin:0 0 10px;font-size:37px}.result-hero p:not(.eyebrow){margin:0;color:#8a9697;font-size:14px}.result-score-grid{display:grid;grid-template-columns:repeat(4,1fr);max-width:760px;margin:0 auto 22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.result-score-grid div{padding:20px 14px;text-align:center;border-right:1px solid var(--line)}.result-score-grid div:last-child{border-right:0}.result-score-grid span{display:block;margin-bottom:7px;color:#929d9e;font-size:11px}.result-score-grid strong{color:var(--ink);font-size:22px}.result-score-grid .combo-result{color:#bb7431}.result-insights{display:grid;grid-template-columns:repeat(3,1fr);max-width:760px;margin:0 auto 42px;gap:9px}.result-insights>div{min-height:88px;padding:15px;border:1px solid var(--line);border-radius:11px;background:#fffdf8}.result-insights span,.result-insights small{display:block;color:#929d9e;font-size:10px}.result-insights strong{display:block;margin:7px 0 4px;color:var(--ink);font-size:22px}.result-learning-section,.result-review-section{max-width:760px;margin:0 auto 31px}.result-section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:14px}.result-section-title h2{margin:0;font-size:19px}.result-section-title>span{color:#9ba5a5;font-size:11px}.review-word-chips{display:flex;flex-wrap:wrap;gap:9px}.review-word-chip{display:flex;flex-direction:column;gap:4px;min-width:145px;padding:13px 14px;border-radius:10px;background:#fffdf8;border:1px solid var(--line)}.review-word-chip strong{font-size:14px}.review-word-chip span{color:#8a9798;font-size:11px}.result-new-word{border-color:#cfe1d4;background:#f2f8f1}.clean-result{display:flex;align-items:center;gap:8px;padding:17px;color:var(--mint-strong);border-radius:10px;background:var(--mint);font-size:13px}.result-actions{display:flex;justify-content:center;gap:9px;flex-wrap:wrap}.review-header,.leaderboard-header{display:flex;justify-content:space-between;align-items:end;gap:25px;padding:54px 0 29px}.review-header h1,.leaderboard-header h1{margin:0 0 10px;font-size:36px}.review-header p:not(.eyebrow),.leaderboard-header p:not(.eyebrow){margin:0;color:#8a9798;font-size:14px}.review-summary{min-width:105px;text-align:right}.review-summary strong{display:block;font-size:40px}.review-summary span{color:#8d9999;font-size:11px}.review-list{border-top:1px solid var(--line)}.review-row{display:grid;grid-template-columns:1fr 1.5fr 170px;gap:24px;align-items:center;min-height:94px;border-bottom:1px solid var(--line)}.review-word{display:flex;flex-direction:column;gap:6px}.review-word strong{font-size:18px}.review-word span{color:#93a0a1;font-size:11px}.review-meaning{display:flex;flex-direction:column;gap:6px}.review-meaning strong{font-size:14px}.review-meaning span{color:#899697;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.review-meta{display:flex;flex-direction:column;gap:7px;color:#98a3a3;font-size:10px}.review-meta span{display:flex;align-items:center;gap:5px}.empty-state{min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--mint-strong)}.empty-state h2{margin:16px 0 8px;font-size:20px}.empty-state p{color:#8c9899;font-size:13px}.empty-state .secondary-button{margin-top:9px}.library-label{display:inline-flex;align-items:center;gap:7px;color:#7c898c;font-size:12px}.leaderboard-header{padding-bottom:27px}.leaderboard-trophy{width:70px;height:70px;display:grid;place-items:center;color:#bd7b39;background:var(--orange-soft);border-radius:22px}.leaderboard-tabs{display:flex;gap:7px;margin-bottom:13px}.leaderboard-tabs button{min-height:35px;padding:0 12px;border:1px solid transparent;border-radius:9px;color:#839092;background:transparent;font-size:12px}.leaderboard-tabs button.active{color:var(--ink);border-color:#dfe2d9;background:#fffdf8;font-weight:750}.leaderboard-table{border-top:1px solid var(--line)}.leaderboard-table-head,.leaderboard-row{display:grid;grid-template-columns:70px 1.5fr 1fr 120px;align-items:center;gap:14px;min-height:59px;border-bottom:1px solid var(--line)}.leaderboard-table-head{color:#9da6a6;font-size:10px;letter-spacing:.08em}.leaderboard-row{min-height:66px;color:#6f7c80;font-size:12px}.leaderboard-row strong{justify-self:end;color:var(--ink);font-size:16px}.rank-number{display:inline-flex;align-items:center;gap:5px;color:#99a4a4}.top-three .rank-number{color:#bd7b39}.leader-player{display:flex;align-items:center;gap:9px;color:var(--ink);font-weight:700}.leader-player .avatar-dot{width:26px;height:26px;font-size:11px}.leader-stage{color:#8e9a9b}.leaderboard-loading{min-height:180px;display:grid;place-items:center;color:#929e9e;font-size:13px}.modal-backdrop,.feedback-backdrop{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#212a2e59;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.auth-dialog{position:relative;width:min(100%,390px);padding:31px;border:1px solid rgba(255,255,255,.7);border-radius:18px;background:var(--paper);box-shadow:0 24px 70px #232d3033}.modal-close{position:absolute;top:14px;right:14px;color:#899597}.auth-mark{width:38px;height:38px;display:grid;place-items:center;margin-bottom:17px;border-radius:12px;color:var(--blue-strong);background:var(--blue)}.auth-dialog h2{margin:0 0 9px;font-size:24px}.dialog-copy{margin-bottom:20px;color:#8d9999;line-height:1.6;font-size:12px}.segmented-control{display:grid;grid-template-columns:1fr 1fr;padding:3px;margin-bottom:17px;border-radius:9px;background:#f0f0e9}.segmented-control button{min-height:31px;border:0;border-radius:7px;color:#899495;background:transparent;font-size:12px}.segmented-control button.active{color:var(--ink);background:#fffdf9;box-shadow:0 2px 6px #323c3c14}.auth-form{display:flex;flex-direction:column;gap:13px}.auth-form label{display:flex;flex-direction:column;gap:6px;color:#6c7b7f;font-size:11px}.auth-form input{height:42px;padding:0 12px;border:1px solid #dfe2d9;border-radius:9px;outline:0;color:var(--ink);background:#fffdf9;font-size:13px}.auth-form input:focus{border-color:var(--blue-strong);box-shadow:0 0 0 3px #4d91ae21}.form-error{margin:0;color:#b26042;font-size:11px;line-height:1.5}.feedback-card{width:min(100%,370px);padding:26px;border-radius:18px;background:var(--paper);box-shadow:0 25px 70px #232d3033;animation:feedback-in .24s ease-out}.feedback-kicker{margin-bottom:18px;color:var(--mint-strong);font-size:10px;font-weight:850;letter-spacing:.15em}.feedback-word-row{display:flex;align-items:center;gap:7px}.feedback-word-row strong{font-size:33px}.feedback-phonetic{margin-top:5px;color:#94a0a0;font-size:12px}.feedback-meaning{margin-top:22px;color:var(--ink);font-size:20px;font-weight:750}.feedback-example{margin-top:22px;color:#68777c;line-height:1.6;font-size:13px}.feedback-example-zh{display:flex;gap:5px;align-items:center;margin-top:7px;color:#9ba5a5;font-size:12px}.feedback-example-zh svg{color:var(--orange)}.failure-card{width:min(100%,360px);padding:31px;text-align:center;border-radius:18px;background:var(--paper);box-shadow:0 25px 70px #232d3033}.failure-icon{width:54px;height:54px;display:grid;place-items:center;margin:0 auto 18px;border-radius:17px;color:#b56e50;background:var(--coral)}.failure-card .eyebrow{justify-content:center}.failure-card h2{margin:0 0 9px;font-size:24px}.failure-card p:not(.eyebrow){margin-bottom:22px;color:#8d9999;font-size:13px;line-height:1.6}@keyframes card-shake{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-5px) rotate(-2deg)}75%{transform:translate(5px) rotate(2deg)}}@keyframes pulse-hint{0%{box-shadow:0 0 #ef9b521a,4px 8px #37404314}to{box-shadow:0 0 0 7px #ef9b5238,4px 8px #37404314}}@keyframes feedback-in{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:760px){.page-shell{width:min(100% - 28px,600px);padding-bottom:38px}.topbar{height:68px}.top-actions{gap:2px}.nav-button{width:34px;padding:0;justify-content:center}.nav-button svg{width:17px}.nav-button:not(:has(svg)){display:none}.nav-button{font-size:0}.nav-count,.profile-name{display:none}.profile-button{padding:0 4px}.hero-section{display:block;min-height:0;padding:38px 0 30px}.hero-copy h1{font-size:45px}.hero-subtitle{font-size:19px}.hero-art{min-height:240px;margin-top:24px;transform:scale(.86);transform-origin:left center}.hero-art:before{right:-10px}.track-grid{grid-template-columns:1fr;gap:10px}.track-card{min-height:182px;padding:18px}.track-card-body{padding-top:17px}.track-card-body h3{font-size:22px}.track-card-foot{padding-top:10px}.section-heading{display:block}.section-note{display:block;margin-top:8px}.home-footer-band{align-items:flex-start;flex-direction:column;padding:22px}.home-footer-band h2{font-size:19px}.levels-header{align-items:flex-start;padding:34px 0 26px;gap:14px}.route-badge{width:55px;height:55px;border-radius:17px;flex:0 0 auto}.levels-header h1{font-size:26px}.levels-header p:not(.eyebrow){font-size:12px;line-height:1.6}.level-row{grid-template-columns:40px 1fr 44px;gap:11px;min-height:91px}.level-number{width:34px;height:34px}.level-best{display:none}.level-action{width:38px;height:38px}.level-action-join{width:38px;overflow:hidden;padding:0;font-size:0}.level-title-row{gap:7px}.level-title-row h2{font-size:14px}.level-status{padding:3px 5px;font-size:9px}.level-info p{font-size:10px;white-space:nowrap}.game-page{width:calc(100% - 22px)}.game-topbar{height:63px}.game-topbar .back-button{font-size:0;gap:0}.game-stage-title{font-size:12px}.game-stage-title small{font-size:9px}.game-stats-row{padding-top:17px}.game-stat{font-size:15px}.game-intro-row{padding-top:19px}.game-intro-row h1{font-size:22px}.game-intro-row p:not(.eyebrow){max-width:210px;font-size:11px;line-height:1.5}.remaining-count{min-width:87px}.remaining-count strong{font-size:25px}.mini-progress{width:87px}.board{min-height:540px;border-radius:14px}.board-card{width:20%;height:16%;padding:11px 8px 8px;border-radius:10px;box-shadow:3px 6px #37404314,0 6px 14px #323c3c14}.card-label{font-size:11px}.card-type{margin-top:5px;font-size:7px}.card-layer{top:6px;left:8px;font-size:7px}.collection-tray{gap:5px}.tray-group{gap:3px;padding-right:4px}.tray-slot{min-height:47px;border-radius:8px}.tray-slot span:first-child{font-size:9px}.game-footer{align-items:flex-start;flex-direction:column;gap:10px}.mistake-note{font-size:10px}.feedback-card{padding:22px}.feedback-word-row strong{font-size:28px}.result-hero{margin-top:40px}.result-hero h1{font-size:29px}.result-score-grid{grid-template-columns:repeat(2,1fr)}.result-score-grid div:nth-child(2){border-right:0}.result-score-grid div:nth-child(-n+2){border-bottom:1px solid var(--line)}.result-insights{grid-template-columns:1fr;margin-bottom:29px}.result-insights>div{min-height:0}.result-learning-section,.result-review-section{margin-bottom:24px}.result-section-title{align-items:flex-start;flex-direction:column;gap:7px}.review-word-chip{min-width:calc(50% - 5px)}.result-actions{flex-direction:column}.result-actions button{width:100%}.review-header,.leaderboard-header{align-items:flex-start;padding-top:39px}.review-header h1,.leaderboard-header h1{font-size:29px}.review-header p:not(.eyebrow),.leaderboard-header p:not(.eyebrow){line-height:1.6;font-size:12px}.review-summary{min-width:60px}.review-summary strong{font-size:29px}.review-row{grid-template-columns:1fr 1fr;gap:12px;padding:17px 0}.review-meta{grid-column:1 / -1;flex-direction:row;gap:14px}.review-meaning span{font-size:10px}.leaderboard-trophy{width:55px;height:55px;border-radius:17px;flex:0 0 auto}.leaderboard-table-head,.leaderboard-row{grid-template-columns:42px 1fr 64px 68px;gap:8px}.leaderboard-table-head{font-size:9px}.leader-stage{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-row{font-size:11px}.leaderboard-row strong{font-size:14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.game-rule-banner{display:flex;align-items:center;gap:9px;min-height:42px;margin:1px 0 13px;padding:0 12px;border:1px solid #e2e6dc;border-radius:10px;color:#53666b;background:#f1f5ef;font-size:11px}.rule-pulse{display:inline-grid;place-items:center;width:26px;height:20px;border-radius:6px;color:#fff;background:var(--mint-strong);font-size:8px;font-weight:850;letter-spacing:.08em}.rule-detail{margin-left:auto;color:#94a09d;font-size:10px}.mechanic-guide{display:flex;align-items:center;gap:14px;margin:0 0 10px;color:#94a09d;font-size:10px}.mechanic-guide span{display:inline-flex;align-items:center;gap:5px}.mechanic-guide b{display:inline-grid;place-items:center;width:17px;height:17px;border-radius:50%;color:#5d786d;background:#dfede1;font-size:9px}.game-tools{display:flex;gap:8px}.undo-button{min-height:35px;padding:0 11px;display:inline-flex;align-items:center;gap:6px;border:1px solid #e1e3da;border-radius:8px;color:#5c7f83;background:var(--blue);font-size:11px}.undo-button span{min-width:17px;height:17px;display:grid;place-items:center;border-radius:50%;background:#ffffffa6;color:#6c7a71}.undo-button:disabled{opacity:.5}.stars-result{color:#b97932!important;letter-spacing:.04em}.stars-result small{color:#b4a28b;font-size:10px;letter-spacing:0}.unmatched-note{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:12px;padding:11px 13px;border:1px dashed #d8ded6;border-radius:9px;color:#758487;background:#f4f6f0;font-size:11px}.unmatched-note>span{color:#738e82;font-weight:800}.unmatched-note strong{color:#52676d}.unmatched-note small{color:#9aa5a3}@media(max-width:760px){.game-rule-banner{align-items:flex-start;flex-wrap:wrap;padding:9px 10px;line-height:1.45}.rule-detail{width:100%;margin-left:35px}.mechanic-guide{gap:8px;flex-wrap:wrap;line-height:1.4}.game-tools{width:100%}}.inline-feedback{display:flex;align-items:stretch;gap:12px;margin-top:18px;padding:14px;border:1px solid #dfe8df;border-radius:15px;background:#f2f7f1}.inline-feedback .feedback-card{flex:1;width:auto;padding:8px 13px;background:transparent;box-shadow:none;animation:none}.inline-feedback .feedback-kicker{margin-bottom:8px;font-size:9px}.inline-feedback .feedback-word-row strong{font-size:22px}.inline-feedback .feedback-meaning{margin-top:10px;font-size:16px}.inline-feedback .feedback-example{margin-top:9px;font-size:12px}.inline-feedback .feedback-example-zh{margin-top:3px}.inline-feedback .feedback-phonetic{font-size:10px}.inline-feedback>.primary-button{align-self:center;white-space:nowrap}.account-panel{display:flex;flex-direction:column;gap:16px}.admin-intro{padding:32px 0 22px}.admin-intro h1{margin:0 0 12px;font-size:30px}.admin-intro p:not(.eyebrow){color:#627079;line-height:1.6;font-size:14px}.admin-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:16px;margin:20px 0}.admin-user{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:22px}.admin-user-identity{display:flex;align-items:center;gap:10px}.admin-user-identity h2{margin:0;font-size:17px;overflow-wrap:anywhere}.admin-user-identity p{margin:4px 0 0;color:#627079;font-size:12px}.admin-badge{margin-left:auto;padding:5px 9px;border-radius:8px;background:var(--mint);font-size:11px;white-space:nowrap}.admin-disabled{background:var(--coral);color:#994a31}.admin-user-meta{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0;color:#627079;font-size:12px}.admin-user-actions{display:flex;gap:10px}.admin-danger-button{border:1px solid #d6a28d;background:#fff1e9;color:#994a31;border-radius:10px;padding:10px 15px}.admin-notice{color:#276552;background:var(--mint);padding:12px 16px;border-radius:10px;font-size:14px;line-height:1.5}.account-identity{display:flex;align-items:center;gap:10px;padding-bottom:14px;border-bottom:1px solid var(--line)}.account-identity>div{display:flex;flex-direction:column;gap:4px}.account-identity strong{font-size:15px}.account-identity span:not(.avatar-dot){color:#8e9a9a;font-size:11px}.invite-panel{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px;border-radius:11px;background:var(--orange-soft)}.invite-panel>div{display:flex;flex-direction:column;gap:6px}.invite-label{color:#a97748;font-size:10px}.invite-panel strong{color:#8c5928;font-size:17px;letter-spacing:.08em}@media(max-width:760px){.inline-feedback{flex-direction:column;gap:5px}.inline-feedback>.primary-button{width:100%}.inline-feedback .feedback-card{padding:4px 7px 8px}}.match-flash{position:absolute;z-index:80;left:50%;top:50%;display:flex;align-items:center;gap:7px;padding:10px 14px;border:2px solid #f0a044;border-radius:999px;color:#77491f;background:#fff4df;box-shadow:0 10px 25px #704b2333;transform:translate(-50%,-50%);pointer-events:none;animation:match-flash-in .26s ease-out}.match-flash-hot{border-color:#e28c38;background:#ffedc9;box-shadow:0 0 0 7px #f0a04424,0 10px 25px #704b2333}.match-flash strong{font-size:12px;letter-spacing:.04em}.match-flash span{color:#c77728;font-weight:850;font-size:12px}.match-flash em{padding-left:6px;color:#b86623;border-left:1px solid rgba(183,102,35,.25);font-size:10px;font-style:normal;font-weight:850;letter-spacing:.04em;animation:combo-pop .42s ease-out}.board-card.is-matching{z-index:90!important;outline:4px solid #f0a044;outline-offset:4px;background:#fff0d6!important;box-shadow:0 0 0 9px #f0a04442,5px 11px #3740431a,0 16px 26px #323c3c2e;animation:matching-card .7s ease-in-out infinite alternate}.inline-feedback .feedback-example,.inline-feedback .feedback-example-zh{display:block;overflow:visible;white-space:normal;overflow-wrap:anywhere}.inline-feedback .feedback-example{color:#52666d;font-weight:650}.inline-feedback .feedback-example-zh{color:#718589}.review-meta .review-due{color:#b76d2d;font-weight:750}@keyframes matching-card{0%{transform:translateY(0) rotate(0) scale(1)}to{transform:translateY(-4px) rotate(0) scale(1.035)}}@keyframes match-flash-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.84)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes combo-pop{0%{transform:scale(.7);opacity:.3}65%{transform:scale(1.12);opacity:1}to{transform:scale(1);opacity:1}}