:root{font-family:Microsoft YaHei UI,Microsoft YaHei,PingFang SC,sans-serif;color:#173247;background:#f2faff;font-synthesis:none;--sky: #66ccff;--sky-deep: #209bd7;--ink: #173247;--muted: #668196;--line: #cceafa;--panel: rgba(255, 255, 255, .88);--exact: #a9e9c4;--exact-ink: #17683b;--near: #ffe69b;--near-ink: #7a5810;line-height:1.5;font-weight:400}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid rgba(32,155,215,.35);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{position:relative;min-height:100vh;overflow:hidden;padding:48px clamp(20px,5vw,76px) 32px;background:linear-gradient(rgba(255,255,255,.65) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.65) 1px,transparent 1px),linear-gradient(145deg,#e9f8ff,#f8fcff 46%,#eefaff);background-size:38px 38px,38px 38px,auto}.ambient{position:absolute;border-radius:50%;filter:blur(10px);pointer-events:none;opacity:.65}.ambient-one{width:320px;height:320px;right:-100px;top:25px;background:radial-gradient(circle,rgba(102,204,255,.62),transparent 68%)}.ambient-two{width:260px;height:260px;left:-90px;top:420px;background:radial-gradient(circle,rgba(139,235,218,.42),transparent 68%)}.hero,main,footer{position:relative;z-index:1;max-width:1320px;margin-inline:auto}.hero{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;margin-bottom:34px}.brand-mark{position:relative;width:86px;height:86px;overflow:hidden;border:1px solid rgba(32,155,215,.25);border-radius:28px 28px 28px 8px;background:linear-gradient(145deg,#86daff,#42b9f2);box-shadow:0 18px 45px #1f99d338}.brand-mark:before,.brand-mark:after{content:"";position:absolute;border:3px solid rgba(255,255,255,.78);border-radius:50%}.brand-mark:before{width:46px;height:46px;left:15px;top:14px}.brand-mark:after{width:18px;height:18px;right:12px;bottom:11px;background:#ffffff47}.eyebrow{margin:0 0 5px;color:var(--sky-deep);font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}h1{margin:0;font-size:clamp(42px,6vw,68px);line-height:.98;letter-spacing:-.06em;color:var(--ink)}.tagline{margin:10px 0 0;color:var(--muted);font-size:15px}.game-stats{display:flex;padding:10px;border:1px solid var(--line);border-radius:18px;background:#ffffff9e;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 10px 35px #3d8fb814}.game-stats span{display:flex;flex-direction:column;min-width:86px;padding:4px 13px;color:var(--muted);font-size:11px;text-align:center}.game-stats span+span{border-left:1px solid var(--line)}.game-stats strong{color:var(--ink);font-size:21px;line-height:1.2}.control-panel{position:relative;z-index:50;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:14px;overflow:visible;padding:20px;border:1px solid rgba(115,197,237,.42);border-radius:24px;background:var(--panel);box-shadow:0 18px 55px #398ab31f;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.guess-form,.search-shell{position:relative;min-width:0}.search-shell>label{display:block;margin:0 0 8px 2px;font-size:13px;font-weight:700}.search-row{display:grid;grid-template-columns:1fr auto;gap:10px}.search-row input{width:100%;height:50px;padding:0 16px;border:1px solid #b9ddf0;border-radius:14px;color:var(--ink);background:#fbfeff;transition:border-color .2s,box-shadow .2s}.search-row input::placeholder{color:#91a9b9}.search-row input:focus{border-color:var(--sky-deep);box-shadow:0 0 0 4px #66ccff29;outline:none}.primary-button,.hint-button,.ghost-button,.bilibili-link,.vcpedia-link,.surrender-button{min-height:48px;border-radius:13px;padding:0 20px;border:0;font-weight:700;cursor:pointer;text-decoration:none;transition:transform .18s,box-shadow .18s,opacity .18s}.primary-button{color:#073148;background:var(--sky);box-shadow:0 8px 20px #3ab4ef3d}.primary-button:hover:not(:disabled),.hint-button:hover:not(:disabled),.bilibili-link:hover,.vcpedia-link:hover{transform:translateY(-2px)}.primary-button:disabled,.hint-button:disabled{cursor:not-allowed;opacity:.48;box-shadow:none}.hint-button{height:50px;color:#16729e;background:#e6f7ff;border:1px solid #a9dcf5;white-space:nowrap}.hint-button span{margin-right:8px}.control-actions{display:flex;gap:9px}.surrender-button{color:#a4525a;background:#fff1f2;border:1px solid #f0c5ca}.surrender-button:hover:not(:disabled){transform:translateY(-2px);background:#ffe6e9}.surrender-button:disabled{cursor:not-allowed;opacity:.48}.ghost-button{color:#476375;background:#edf5f8}.bilibili-link{display:inline-flex;align-items:center;justify-content:center;color:#fff;background:#fb7299}.vcpedia-link{display:inline-flex;align-items:center;justify-content:center;color:#fff;background:#277da9}.notice{min-height:36px;padding:8px 4px 4px;color:var(--muted);font-size:13px;opacity:0;transition:opacity .2s}.notice.visible{opacity:1}.search-results{position:absolute;z-index:1000;top:calc(100% + 8px);left:0;right:0;max-height:340px;overflow-y:auto;margin:0;padding:7px;list-style:none;border:1px solid var(--line);border-radius:16px;background:#fffffffa;box-shadow:0 18px 48px #1b5b7c30}.search-results button{display:flex;justify-content:space-between;gap:16px;width:100%;padding:10px 12px;border:0;border-radius:10px;color:var(--ink);background:transparent;cursor:pointer;text-align:left}.search-results button:hover,.search-results button.active{background:#e8f8ff}.search-results small{align-self:center;color:#829bad;white-space:nowrap}.no-results{padding:14px 12px;color:var(--muted)}.lyrics-card{display:flex;align-items:center;gap:15px;margin:4px 0 18px;padding:18px 24px;border:1px solid #b6e6dc;border-radius:20px;background:#effffbeb;box-shadow:0 12px 35px #36998414;animation:rise .35s ease both}.lyrics-card p:last-child{margin:2px 0 0;font-size:18px;font-weight:600}.quote-mark{color:#55cdb5;font-family:Georgia,serif;font-size:54px;line-height:.7}.table-section{position:relative;z-index:1;overflow:hidden;border:1px solid rgba(115,197,237,.45);border-radius:24px;background:var(--panel);box-shadow:0 22px 65px #398ab31f;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.table-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;padding:21px 24px 17px;border-bottom:1px solid var(--line)}.table-heading h2{margin:0;font-size:22px}.legend{display:flex;gap:16px;color:var(--muted);font-size:14px}.legend span{display:inline-flex;align-items:center;gap:6px}.legend-dot{width:10px;height:10px;border-radius:50%}.legend-dot.exact{background:#62ce8f}.legend-dot.near{background:#f2c94c}.table-scroll{overflow-x:auto}.song-table{width:100%;min-width:1240px;border-collapse:separate;border-spacing:0;table-layout:fixed}.song-table th{padding:13px 14px;color:#6f8b9d;background:#f5fbfe;border-bottom:1px solid var(--line);font-size:11px;font-weight:800;letter-spacing:.08em;text-align:left}.song-table th:nth-child(1){width:14%}.song-table th:nth-child(2){width:25%}.song-table th:nth-child(3){width:12%}.song-table th:nth-child(4){width:13%}.song-table th:nth-child(5){width:14%}.song-table th:nth-child(6){width:11%}.song-table th:nth-child(7){width:11%}.song-table td{position:relative;padding:13px 14px;border-bottom:1px solid #e2f1f8;vertical-align:middle;font-size:13px}.song-row:last-child td{border-bottom:0}.answer-row td{height:66px;background:#e4f7ffa6}.answer-row td:first-child:before{content:"答案";position:absolute;left:8px;top:5px;color:var(--sky-deep);font-size:9px;font-weight:800;letter-spacing:.1em}.answer-value{display:inline-block;max-width:100%;font-weight:700}.answer-value.blurred{filter:blur(7px);-webkit-user-select:none;user-select:none;opacity:.63}.answer-value.revealed{animation:reveal .4s ease both}.feedback-value{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:40px;margin:-7px -8px;padding:7px 8px;border-radius:10px}.feedback-value.exact{color:var(--exact-ink);background:var(--exact);font-weight:700}.feedback-value.near{color:var(--near-ink);background:var(--near);font-weight:700}.feedback-marker{display:grid;flex:0 0 auto;place-items:center;width:21px;height:21px;border:1px solid currentColor;border-radius:50%;font-size:11px}.token-list,.staff-list{display:flex;flex-wrap:wrap;align-items:center;gap:5px}.staff-entry{display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px;padding:3px 5px;border:1px solid #d9edf7;border-radius:9px;background:#f8fcfe}.staff-role{color:#6b8596;font-size:10px;font-weight:700}.clue-token,.date-token{display:inline-flex;align-items:center;min-height:26px;padding:3px 7px;border-radius:8px;background:#edf5f8;overflow-wrap:anywhere}.clue-token.exact,.date-token.exact{color:var(--exact-ink);background:var(--exact);font-weight:700}.date-token.near{color:var(--near-ink);background:var(--near);font-weight:700}.release-feedback{display:inline-flex;align-items:center;gap:4px}.date-separator{color:#7990a0}.direction{margin-left:3px;font-weight:900}.title-value{overflow-wrap:anywhere}.guess-row{animation:rise .28s ease both}.empty-state{margin:0;padding:19px 24px 22px;color:var(--muted);font-size:13px;text-align:center}.after-win-actions{display:flex;justify-content:center;gap:10px;margin-top:18px}.dialog-backdrop{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:20px;background:#0c2c3e6b;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);animation:fade .2s ease both}.win-dialog{width:min(560px,100%);padding:38px;border:1px solid rgba(255,255,255,.75);border-radius:28px;background:#fbfeff;box-shadow:0 30px 90px #0d374e4d;text-align:center;animation:pop .32s cubic-bezier(.2,.9,.3,1.2) both}.celebration-mark{display:grid;place-items:center;width:62px;height:62px;margin:0 auto 18px;border-radius:20px 20px 20px 6px;color:#fff;background:var(--sky);font-size:30px;transform:rotate(-5deg)}.win-dialog h2{margin:0;font-size:31px}.answer-name{margin:13px 0 6px;color:var(--sky-deep);font-size:23px;font-weight:800}.win-summary{margin:0 0 22px;color:var(--muted)}.surrender-message{margin:16px auto 7px;max-width:480px;color:#4e6c7e;font-size:18px;font-weight:500;line-height:1.75;text-wrap:balance}.dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.dialog-actions .bilibili-link,.dialog-actions .vcpedia-link{grid-column:1 / -1;width:100%}footer{margin-top:26px;color:#88a0b0;font-size:11px;text-align:center}footer a{margin-inline:2px;color:#4b9fc9;font-weight:700;text-decoration:none}footer a:hover{color:var(--sky-deep);text-decoration:underline}.bgm-player{position:fixed;z-index:85;right:18px;bottom:18px;display:flex;align-items:center;gap:9px;padding:8px 12px 8px 8px;border:1px solid rgba(125,199,235,.62);border-radius:18px;background:#fbfefff0;box-shadow:0 12px 38px #1f658833;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.bgm-toggle{display:flex;align-items:center;gap:10px;padding:0;border:0;color:var(--ink);background:transparent;cursor:pointer;text-align:left}.bgm-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:13px 13px 13px 5px;color:#075078;background:var(--sky);font-size:18px;font-weight:800;box-shadow:0 7px 18px #2ea9e538}.bgm-player.playing .bgm-icon{animation:bgmPulse 1.8s ease-in-out infinite}.bgm-copy{display:flex;flex-direction:column;min-width:112px}.bgm-copy strong{font-size:12px}.bgm-copy small{color:var(--muted);font-size:9px}.bgm-next{display:grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid rgba(68,167,216,.38);border-radius:10px;color:#075078;background:#66ccff29;font-size:18px;font-weight:900;cursor:pointer}.bgm-next:hover{background:#66ccff4d;transform:translateY(-1px)}.volume-control{display:flex;align-items:center;gap:5px;color:#6d8a9b;font-size:12px}.volume-control input{width:72px;accent-color:var(--sky-deep);cursor:pointer}.back-button{padding:8px 0;border:0;color:#537487;background:transparent;font-size:13px;font-weight:700;cursor:pointer}.back-button:hover{color:var(--sky-deep)}.game-back{grid-column:1 / -1;justify-self:start;margin-bottom:-8px}.developer-tools{position:fixed;z-index:90;left:12px;top:10px}.developer-toggle{padding:7px 11px;border:1px solid #b9ddf0;border-radius:10px;color:#557486;background:#ffffffe6;font-size:11px;font-weight:700;cursor:pointer;box-shadow:0 5px 18px #2970931f}.developer-panel{position:absolute;left:0;top:calc(100% + 7px);display:grid;gap:9px;width:280px;padding:14px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:0 18px 50px #164b6738}.developer-panel label{color:var(--muted);font-size:11px;font-weight:700}.developer-panel select{width:100%;padding:9px;border:1px solid #b9ddf0;border-radius:9px;color:var(--ink);background:#fff}.developer-panel button{padding:9px;border:0;border-radius:9px;color:#073148;background:var(--sky);font-weight:700;cursor:pointer}.page-shell{min-height:100vh;padding:48px clamp(20px,6vw,90px) 30px;background:linear-gradient(145deg,#e9f8ff,#fbfdff 48%,#edfaff)}.landing-header,.landing-main,.inner-header,.mode-main,.page-shell footer{max-width:1180px;margin-inline:auto}.site-brand{display:flex;align-items:center;gap:22px}.site-brand.compact{gap:12px}.site-brand.compact .brand-mark{width:48px;height:48px;border-radius:16px 16px 16px 5px}.site-brand.compact h1{font-size:28px}.site-brand.compact .eyebrow{font-size:9px}.site-brand.compact .brand-mark:before{width:25px;height:25px;left:8px;top:7px;border-width:2px}.site-brand.compact .brand-mark:after{width:10px;height:10px;right:6px;bottom:6px;border-width:2px}.landing-header{display:flex;align-items:center;justify-content:space-between;gap:30px}.landing-header>p{max-width:390px;color:var(--muted);text-align:right}.landing-main{padding:clamp(70px,11vh,130px) 0 60px}.landing-main>h2,.mode-main>h2{margin:0 0 28px;font-size:clamp(34px,5vw,55px);line-height:1.1;letter-spacing:-.04em}.content-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:20px}.content-card{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;min-height:220px;padding:34px;overflow:hidden;border:1px solid var(--line);border-radius:28px;text-align:left}button.content-card{cursor:pointer}.content-card.available{color:#fff;background:linear-gradient(135deg,#4ebcf2,#6fd2ff);box-shadow:0 24px 60px #289fd840;transition:transform .22s,box-shadow .22s}.content-card.available:hover{transform:translateY(-5px);box-shadow:0 30px 70px #289fd852}.content-card.crossword-card{background:#e00;box-shadow:0 24px 60px #ee000038}.content-card.crossword-card:hover{box-shadow:0 30px 70px #ee000052}.content-card.database-card{grid-column:1 / -1;min-height:185px;background:linear-gradient(135deg,#667fdb,#8e9fec);box-shadow:0 24px 60px #475db138}.content-card.database-card:hover{box-shadow:0 30px 70px #475db14d}.content-card.coming-soon{color:#77909f;background:#ffffffa8}.card-index{position:absolute;right:25px;top:18px;opacity:.55;font-size:12px;font-weight:800;letter-spacing:.15em}.music-glyph{display:grid;place-items:center;width:72px;height:72px;margin-right:25px;border:1px solid rgba(255,255,255,.45);border-radius:22px 22px 22px 7px;background:#ffffff26;font-size:32px}.coming-soon .music-glyph{border-color:var(--line);background:#f2faff}.card-copy{display:flex;flex-direction:column;gap:9px}.card-copy strong{font-size:30px}.card-copy small{max-width:390px;opacity:.86;font-size:14px}.card-arrow{font-size:30px}.inner-header{display:flex;align-items:center;justify-content:space-between}.mode-main{max-width:1280px;padding:clamp(65px,10vh,120px) 0}.mode-intro{margin:-15px 0 34px;color:var(--muted)}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.mode-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-height:330px;padding:38px;overflow:hidden;border:1px solid var(--line);border-radius:30px;color:var(--ink);background:#ffffffd6;cursor:pointer;text-align:left;box-shadow:0 18px 55px #2a789e1a;transition:transform .22s,border-color .22s,box-shadow .22s}.mode-card:hover{transform:translateY(-6px);border-color:var(--sky);box-shadow:0 28px 65px #2a789e2e}.mode-card.easy:after,.mode-card.hard:after{content:"";position:absolute;width:220px;height:220px;right:-80px;bottom:-90px;border-radius:50%;background:#66ccff2e}.mode-card.hard:after{background:#3064841f}.mode-number{padding:6px 10px;border-radius:9px;color:var(--sky-deep);background:#e7f8ff;font-size:11px;font-weight:800}.mode-card strong{margin-top:42px;font-size:clamp(34px,5vw,55px);line-height:1;letter-spacing:-.04em}.mode-card p{max-width:100%;color:var(--muted);font-size:17px;font-weight:500;line-height:1.85;text-wrap:balance}.mode-action{margin-top:auto;color:var(--sky-deep);font-size:14px;font-weight:800}.library-main{max-width:1080px;margin-inline:auto;padding:clamp(54px,8vh,92px) 0}.library-main>h2{margin:0 0 28px;font-size:clamp(34px,5vw,54px);line-height:1.08;letter-spacing:-.04em}.preset-section,.filter-panel{padding:28px;border:1px solid var(--line);border-radius:28px;background:#ffffffd6;box-shadow:0 18px 55px #2a789e1a}.filter-panel{margin-top:22px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.section-heading h3{margin:0;font-size:22px}.section-heading>span{color:var(--sky-deep);font-size:13px;font-weight:800}.preset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.preset-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-height:150px;padding:20px;border:1px solid #bfe5f7;border-radius:19px;color:var(--ink);background:linear-gradient(145deg,#f9fdff,#eaf8ff);cursor:pointer;text-align:left;transition:transform .18s,border-color .18s,box-shadow .18s}.preset-card:hover{transform:translateY(-3px);border-color:var(--sky);box-shadow:0 14px 32px #2b91c226}.preset-card strong{font-size:20px}.preset-card span{margin-top:7px;color:var(--muted);font-size:13px}.preset-card small{margin-top:auto;color:var(--sky-deep);font-weight:800}.preset-card .preset-singer-badge{position:absolute;top:18px;right:18px;display:grid;place-items:center;width:48px;height:48px;margin:0;border-radius:16px 16px 16px 5px;color:#fff;background:var(--preset-badge-color);box-shadow:0 9px 22px color-mix(in srgb,var(--preset-badge-color) 30%,transparent);font-size:21px;font-weight:900}.preset-card:has(.preset-singer-badge) strong,.preset-card:has(.preset-singer-badge)>span:not(.preset-singer-badge){max-width:calc(100% - 58px)}.filter-group{margin:0;padding:18px 0;border:0;border-top:1px solid #e1f1f8}.filter-group legend{float:left;width:150px;padding:7px 18px 0 0;color:#496a7e;font-size:13px;font-weight:800}.filter-group:after{content:"";display:block;clear:both}.filter-options{display:flex;flex-wrap:wrap;gap:8px}.filter-chip{min-height:38px;padding:7px 13px;border:1px solid #c6e6f5;border-radius:11px;color:#527386;background:#f8fcfe;cursor:pointer}.filter-chip[aria-pressed=true]{color:#075078;border-color:#65c6f5;background:#dff5ff;box-shadow:inset 0 0 0 1px #66ccff40;font-weight:700}.year-range{display:flex;align-items:end;gap:13px}.year-range label{display:grid;gap:5px;color:var(--muted);font-size:11px;font-weight:700}.year-range select{min-width:120px;padding:9px 12px;border:1px solid #b9ddf0;border-radius:10px;color:var(--ink);background:#fff}.year-range>span{padding-bottom:9px;color:#7994a5}.concert-toggle{display:flex;align-items:center;gap:10px;margin:4px 0 22px;padding:16px;border:1px solid #c9e9f8;border-radius:15px;color:#43687d;background:#f5fbfe;cursor:pointer;font-weight:700}.concert-toggle input{width:19px;height:19px;accent-color:var(--sky-deep)}.start-library-button{width:100%;min-height:60px;border:0;border-radius:17px;color:#073148;background:var(--sky);box-shadow:0 12px 28px #3ab4ef40;cursor:pointer;font-size:18px;font-weight:800}.start-library-button:hover:not(:disabled){transform:translateY(-2px)}.start-library-button:disabled{cursor:not-allowed;opacity:.45;box-shadow:none}.filter-notice{min-height:22px;margin:9px 0 0;color:var(--muted);font-size:12px;text-align:center}.filter-notice.visible{color:#a4525a}.crossword-page{min-height:100vh}.crossword-header{gap:24px;max-width:1280px}.crossword-summary{display:flex;gap:9px;padding:8px;border:1px solid var(--line);border-radius:16px;background:#ffffffb8}.crossword-summary span{display:grid;min-width:84px;padding:3px 9px;color:var(--muted);font-size:10px;text-align:center}.crossword-summary span+span{border-left:1px solid var(--line)}.crossword-summary strong{color:var(--ink);font-size:17px}.crossword-main{max-width:1280px;padding:54px 0 80px}.crossword-title{display:flex;align-items:end;justify-content:space-between;gap:20px}.crossword-title-actions{display:flex;gap:9px}.crossword-title h2{margin:0;font-size:clamp(32px,4.5vw,52px);line-height:1.08;letter-spacing:-.04em}.crossword-instruction{margin:14px 0 25px;color:var(--muted)}.primary-action,.secondary-action{min-height:46px;padding:0 20px;border:0;border-radius:13px;cursor:pointer;font-weight:800}.primary-action{color:#073148;background:var(--sky);box-shadow:0 9px 22px #3ab4ef3b}.secondary-action{color:#476375;background:#eaf4f8}.compact-action{min-height:40px;padding-inline:16px;white-space:nowrap}.crossword-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);align-items:start;gap:22px}.crossword-board-panel,.crossword-clues{border:1px solid rgba(115,197,237,.45);border-radius:25px;background:#ffffffdb;box-shadow:0 20px 58px #2e7ca41a}.crossword-board-panel{min-width:0;padding:26px}.crossword-board-scroll{width:100%;overflow-x:auto;padding:10px;border-radius:18px;background:linear-gradient(145deg,#effaff,#f8fdff);scrollbar-color:#9edcf9 transparent}.crossword-board{--cell-size: clamp(38px, 4.2vw, 54px);display:grid;grid-template-columns:repeat(var(--board-columns),var(--cell-size));grid-template-rows:repeat(var(--board-rows),var(--cell-size));gap:4px;width:max-content;min-width:100%;justify-content:center;align-content:center;min-height:420px}.crossword-cell{position:relative;display:grid;place-items:center;width:var(--cell-size);height:var(--cell-size);padding:0;border:2px solid #bcdfee;border-radius:10px;color:var(--ink);background:#fff;font-size:clamp(18px,2.1vw,25px);font-weight:800;text-align:center;box-shadow:0 4px 12px #2e799e12;transition:border-color .15s,background .15s,transform .15s}input.crossword-cell{caret-color:var(--sky-deep)}.crossword-cell:hover,.crossword-cell:focus{z-index:2;border-color:#55bde9;outline:none}.crossword-cell.active{border-color:#209bd7;box-shadow:0 0 0 3px #6cf3}.crossword-cell.fixed{cursor:pointer;color:#075c69;border-color:#73d2c5;background:#dff9f4}.crossword-cell.incorrect{color:#a43c49;border-color:#ed8994;background:#fff0f2;box-shadow:0 0 0 3px #e154651f}.crossword-cell.solved{cursor:pointer;color:var(--exact-ink);border-color:#67ce91;background:var(--exact)}.cell-state{position:absolute;right:3px;bottom:1px;font-size:8px;line-height:1;opacity:.72}.crossword-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:17px;color:var(--muted);font-size:11px;font-weight:700}.crossword-clues{display:grid;gap:10px;padding:14px}.crossword-clue{overflow:hidden;border:1px solid #d4ebf5;border-radius:16px;background:#fbfeff;transition:border-color .15s,box-shadow .15s}.crossword-clue.selected{border-color:#69c9f6;box-shadow:0 0 0 3px #66ccff21}.crossword-clue.solved{border-color:#8bd8aa;background:#f4fff8}.clue-select{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;width:100%;padding:12px;border:0;color:var(--ink);background:transparent;cursor:pointer;text-align:left}.clue-number{display:grid;place-items:center;width:34px;height:34px;border-radius:11px 11px 11px 4px;color:#075078;background:#dff5ff;font-size:15px;font-weight:900}.crossword-clue.solved .clue-number{color:var(--exact-ink);background:var(--exact)}.clue-select>span:nth-child(2){display:grid}.clue-select strong{font-size:14px}.clue-select small{color:var(--muted);font-size:11px}.clue-status{color:var(--sky-deep);font-size:18px;font-weight:900}.crossword-lyrics{margin:0 12px 10px;padding:10px 12px;border-left:3px solid #73d2c5;border-radius:6px 10px 10px 6px;color:#466b78;background:#edfbf8;font-size:12px;line-height:1.7}.clue-actions{display:grid;grid-template-columns:1fr 1.25fr;gap:8px;padding:0 12px 12px}.clue-actions button{min-height:36px;border:0;border-radius:10px;cursor:pointer;font-size:12px;font-weight:800}.lyrics-toggle{color:#397a79;background:#e8f8f5}.submit-entry{color:#075078;background:#dff5ff}.submit-entry:disabled{color:#438162;background:#dff5e9;cursor:default}.crossword-notice{min-height:24px;margin:13px 0 0;color:#557688;font-size:13px;font-weight:700;text-align:center}.crossword-developer{margin:18px auto 0;max-width:900px;padding:11px 15px;border:1px dashed #a9d8eb;border-radius:13px;color:var(--muted);background:#ffffff8c;font-size:11px}.crossword-developer summary{cursor:pointer;font-weight:800}.crossword-developer span{display:inline-block;margin:8px 12px 0 0}.crossword-error{max-width:680px;margin:120px auto;padding:38px;border:1px solid var(--line);border-radius:26px;background:#fff;text-align:center;box-shadow:0 20px 60px #2a789e1f}.crossword-error h2{margin:0;font-size:34px}.crossword-error p:not(.eyebrow){color:var(--muted)}.modal-backdrop{position:fixed;z-index:110;inset:0;display:grid;place-items:center;padding:20px;background:#0c2c3e70;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);animation:fade .2s ease both}.result-dialog{width:min(520px,100%);padding:36px;border:1px solid rgba(255,255,255,.76);border-radius:28px;background:#fbfeff;box-shadow:0 30px 90px #0d374e4d;text-align:center;animation:pop .32s cubic-bezier(.2,.9,.3,1.2) both}.result-dialog h2{margin:0;font-size:31px}.result-icon{display:grid;place-items:center;width:62px;height:62px;margin:0 auto 18px;border-radius:20px 20px 20px 6px;color:#fff;background:linear-gradient(145deg,#48c5bd,#72d9ca);font-size:28px;font-weight:900;transform:rotate(-5deg)}.crossword-result-stats{display:grid;grid-template-columns:repeat(3,1fr);margin:24px 0;padding:13px;border:1px solid var(--line);border-radius:17px;background:#f2faff}.crossword-result-stats span{display:grid;gap:2px}.crossword-result-stats span+span{border-left:1px solid var(--line)}.crossword-result-stats strong{font-size:22px}.crossword-result-stats small{color:var(--muted);font-size:10px}.result-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.database-select-main,.database-main{max-width:1320px;margin-inline:auto;padding:clamp(54px,8vh,92px) 0 80px}.database-select-main>h2,.database-title h2{margin:0;font-size:clamp(34px,5vw,54px);line-height:1.08;letter-spacing:-.04em}.database-intro{margin:13px 0 30px;color:var(--muted)}.singer-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}.singer-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;min-height:180px;padding:28px;border:1px solid #bde4f6;border-radius:27px;color:var(--ink);background:#ffffffdb;box-shadow:0 18px 55px #2a789e1a;cursor:pointer;text-align:left;transition:transform .2s,border-color .2s,box-shadow .2s}.singer-card:hover{transform:translateY(-5px);border-color:var(--sky);box-shadow:0 27px 65px #2a789e2b}.singer-avatar{display:grid;place-items:center;width:76px;height:76px;margin-right:22px;border-radius:24px 24px 24px 8px;color:#fff;background:linear-gradient(145deg,color-mix(in srgb,var(--singer-color) 68%,white),var(--singer-color));font-size:30px;font-weight:900;box-shadow:0 12px 28px color-mix(in srgb,var(--singer-color) 24%,transparent)}.singer-card-copy{display:grid;gap:7px}.singer-card-copy strong{font-size:29px}.singer-card-copy small{color:var(--muted);font-size:13px}.database-header{max-width:1320px}.database-nav{display:flex;gap:18px}.database-title{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:25px}.database-title>strong{padding:9px 14px;border:1px solid #b9e3f6;border-radius:12px;color:var(--sky-deep);background:#edf9ff;font-size:14px;white-space:nowrap}.database-filter-panel{display:grid;grid-template-columns:minmax(260px,2fr) repeat(5,minmax(116px,1fr)) auto;align-items:end;gap:11px;margin-bottom:18px;padding:18px;border:1px solid var(--line);border-radius:21px;background:#ffffffd6;box-shadow:0 14px 42px #2a789e14}.database-filter-panel label{display:grid;gap:6px;min-width:0;color:var(--muted);font-size:10px;font-weight:800}.database-filter-panel input,.database-filter-panel select{width:100%;height:42px;min-width:0;padding:0 11px;border:1px solid #b9ddf0;border-radius:10px;color:var(--ink);background:#fff;font-size:12px}.database-filter-panel input:focus,.database-filter-panel select:focus{border-color:var(--sky-deep);box-shadow:0 0 0 3px #66ccff26;outline:none}.database-reset{height:42px;padding:0 15px;border:0;border-radius:10px;color:#476375;background:#eaf4f8;cursor:pointer;font-size:12px;font-weight:800;white-space:nowrap}.database-table-panel{overflow:hidden;border:1px solid rgba(115,197,237,.48);border-radius:22px;background:#ffffffe6;box-shadow:0 20px 60px #2a789e1c}.database-table-scroll{max-height:min(68vh,760px);overflow:auto}.database-table{width:100%;min-width:1080px;border-collapse:separate;border-spacing:0;table-layout:fixed}.database-table th{position:sticky;z-index:2;top:0;padding:0;border-bottom:1px solid #bfe3f3;background:#edf9ff;text-align:left}.database-table th:nth-child(1){width:70px}.database-table th:nth-child(2){width:23%}.database-table th:nth-child(3){width:115px}.database-table th:nth-child(4){width:19%}.database-table th:nth-child(5){width:16%}.database-table th:nth-child(6){width:150px}.database-table th:nth-child(7){width:145px}.database-sort{width:100%;min-height:46px;padding:0 13px;border:0;color:#547487;background:transparent;cursor:pointer;font-size:11px;font-weight:900;letter-spacing:.04em;text-align:left}.database-sort:hover{color:var(--sky-deep);background:#66ccff1c}.database-sort span{color:#8aa5b5}.database-table td{padding:12px 13px;border-bottom:1px solid #e2f1f8;color:#365366;font-size:12px;overflow-wrap:anywhere}.database-table tbody tr{cursor:pointer;transition:background .13s,box-shadow .13s}.database-table tbody tr:nth-child(2n){background:#f9fdff}.database-table tbody tr:hover,.database-table tbody tr:focus{position:relative;z-index:1;background:#e8f8ff;outline:2px solid rgba(102,204,255,.42);outline-offset:-2px}.database-table tbody tr:last-child td{border-bottom:0}.database-empty{display:grid;place-items:center;gap:7px;min-height:280px;padding:40px;text-align:center}.database-empty strong{font-size:20px}.database-empty span{color:var(--muted);font-size:13px}.database-drawer-backdrop{position:fixed;z-index:105;inset:0;display:flex;justify-content:flex-end;background:#0c2c3e57;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fade .18s ease both}.database-drawer{width:min(520px,92vw);height:100%;overflow-y:auto;padding:30px;border-left:1px solid rgba(255,255,255,.8);background:#fbfeff;box-shadow:-24px 0 70px #0d374e33;animation:drawerIn .25s ease both}.drawer-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:22px;border-bottom:1px solid var(--line)}.drawer-heading h2{margin:0;font-size:29px;line-height:1.2}.drawer-close{display:grid;flex:0 0 auto;place-items:center;width:40px;height:40px;border:0;border-radius:12px;color:#587383;background:#edf5f8;cursor:pointer;font-size:25px}.song-detail-list{display:grid;gap:0;margin:9px 0 24px}.song-detail-list>div{display:grid;grid-template-columns:135px 1fr;gap:15px;padding:14px 4px;border-bottom:1px solid #e3f1f7}.song-detail-list dt{color:#7891a1;font-size:11px;font-weight:900}.song-detail-list dd{margin:0;color:var(--ink);font-size:13px;line-height:1.75;overflow-wrap:anywhere}.song-detail-list .detail-lyrics{display:block}.detail-lyrics dt{margin-bottom:8px}.detail-lyrics dd{padding:13px 15px;border-left:3px solid #69d0bd;border-radius:6px 12px 12px 6px;background:#effbf8;font-size:15px}.database-links{display:grid;gap:10px}.database-links a{min-height:50px}@keyframes drawerIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes reveal{0%{opacity:.25;filter:blur(6px)}to{opacity:1;filter:blur(0)}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{opacity:0;transform:scale(.93) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes bgmPulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@media(max-width:900px){.hero{grid-template-columns:auto 1fr}.game-stats{grid-column:1 / -1;justify-self:stretch}.game-stats span{flex:1}.control-panel{grid-template-columns:1fr}.control-actions,.hint-button{width:100%}.hint-button{flex:1}.crossword-header{flex-wrap:wrap}.crossword-summary{order:3;width:100%}.crossword-summary span{flex:1}.crossword-layout{grid-template-columns:1fr}.crossword-board{min-height:360px}.database-filter-panel{grid-template-columns:repeat(3,1fr)}.database-search{grid-column:span 2}.database-reset{align-self:end}}@media(max-width:700px){.app-shell{padding:26px 14px 24px}.hero{gap:15px;margin-bottom:24px}.brand-mark{width:64px;height:64px;border-radius:21px 21px 21px 7px;font-size:11px}h1{font-size:42px}.tagline{font-size:13px}.game-stats span{min-width:0;padding-inline:7px}.control-panel{padding:15px;border-radius:20px}.search-row{grid-template-columns:1fr}.search-row .primary-button{width:100%}.table-heading{display:block;padding:18px}.legend{margin-top:12px}.table-scroll{overflow:visible}.song-table{display:block;min-width:0;padding:12px}.song-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.song-table tbody{display:grid;gap:12px}.song-table tr{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 8px 24px #3581a814}.song-table td{display:grid;gap:5px;min-width:0;min-height:74px;padding:11px;border:0;border-bottom:1px solid #e2f1f8;font-size:12px}.song-table td:nth-child(odd){border-right:1px solid #e2f1f8}.song-table td:last-child{grid-column:1 / -1;border-right:0}.song-table td:before{content:attr(data-label);color:#7690a1;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.answer-row td{height:auto;background:#e4f7ffa6}.answer-row td:first-child:before{position:static;content:"曲目 · 答案"}.feedback-value{min-height:34px;margin:-3px;padding:5px}.lyrics-card{align-items:flex-start;padding:17px}.lyrics-card p:last-child{font-size:16px}.page-shell{padding:28px 15px}.landing-header{display:block}.landing-header>p{margin-top:24px;text-align:left}.landing-main{padding-top:70px}.content-grid,.mode-grid,.preset-grid{grid-template-columns:1fr}.content-card.database-card{grid-column:auto}.content-card{min-height:190px;padding:25px}.music-glyph{width:58px;height:58px;margin-right:17px}.card-copy strong{font-size:25px}.mode-main{padding-top:65px}.mode-card{min-height:290px;padding:28px}.mode-card strong{margin-top:34px;font-size:38px}.mode-card p{font-size:16px}.library-main{padding-top:55px}.preset-section,.filter-panel{padding:19px;border-radius:22px}.filter-group legend{float:none;width:auto;padding:0 0 10px}.year-range{align-items:stretch}.year-range label{flex:1}.year-range select{width:100%;min-width:0}.section-heading{align-items:flex-start}.site-brand.compact .eyebrow{display:none}.developer-tools{top:6px;left:6px}.bgm-player{right:9px;bottom:9px;padding-right:9px}.bgm-copy{display:none}.volume-control input{width:58px}.crossword-main{padding-top:44px}.crossword-title{align-items:flex-start}.crossword-title-actions{flex-direction:column}.crossword-title h2{font-size:34px}.crossword-instruction{font-size:13px}.crossword-board-panel{padding:10px;border-radius:20px}.crossword-board-scroll{padding:8px}.crossword-board{--cell-size: 40px;justify-content:start;min-height:300px}.crossword-clues{padding:10px;border-radius:20px}.crossword-summary span{min-width:0;padding-inline:4px}.result-dialog{padding:28px 20px}.crossword-result-stats strong{font-size:18px}.result-actions{grid-template-columns:1fr}.database-select-main,.database-main{padding-top:48px}.singer-card{min-height:150px;padding:21px}.singer-avatar{width:62px;height:62px;margin-right:16px}.singer-card-copy strong{font-size:25px}.database-header{align-items:flex-start}.database-nav{flex-direction:column;align-items:flex-end;gap:1px}.database-title{flex-direction:column;align-items:flex-start;gap:13px}.database-title h2{font-size:32px;text-wrap:balance}.database-filter-panel{grid-template-columns:1fr 1fr;padding:14px}.database-search{grid-column:1 / -1}.database-reset{width:100%}.database-table-scroll{max-height:62vh}.database-table{min-width:970px}.database-drawer-backdrop{align-items:flex-end}.database-drawer{width:100%;max-height:88vh;height:auto;padding:23px 18px;border-top:1px solid rgba(255,255,255,.8);border-left:0;border-radius:25px 25px 0 0;animation-name:drawerUp}.drawer-heading h2{font-size:25px}.song-detail-list>div{grid-template-columns:110px 1fr}}@keyframes drawerUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}