:root{font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#ebe9e5;background:#0d1323;font-synthesis:none;font-weight:400;--gold: #e9ca86;--muted: #929bad;--line: #ffffff15;--serif: "Kaiti SC", "STKaiti", "Songti SC", "Noto Serif SC", serif}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer;color:inherit;border:0}button:disabled{cursor:default;opacity:.45}button:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid #f2d8a0;outline-offset:5px}h1,h2,h3,p{margin:0}svg{flex-shrink:0;pointer-events:none}::selection{background:#ac864c66}.app{position:relative;isolation:isolate;min-height:100vh;overflow:clip}.ambient{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 24%,#293f5644,transparent 60%),linear-gradient(#111a2b,#0c1423 68%,#101c27)}.ambient:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.3;background-image:radial-gradient(#c2b98e 1px,transparent 1px),radial-gradient(#9cadcb 1px,transparent 1px);background-size:173px 139px,257px 191px;background-position:23px 47px,81px 90px}.ambient-orb{position:absolute;width:490px;height:490px;border-radius:50%;left:calc(50% - 245px);top:12%;border:1px solid #c6b78a08;box-shadow:0 0 150px #76a8c20b}.ambient-mountains{position:absolute;bottom:7%;height:30%;width:100%;background:#06101b55;clip-path:polygon(0 65%,8% 38%,15% 61%,23% 9%,38% 70%,46% 47%,55% 64%,69% 20%,79% 69%,90% 31%,100% 56%,100% 100%,0 100%)}.ambient-water{position:absolute;bottom:0;height:20%;width:100%;opacity:.12;background:repeating-linear-gradient(0deg,transparent,transparent 16px,#93adb7 17px,transparent 18px);transform:perspective(500px) rotateX(35deg)}.site-header{position:relative;z-index:50;max-width:1320px;margin:auto;padding:27px 44px;display:flex;align-items:center;gap:48px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;padding:0;background:none;text-align:left;font-family:var(--serif);font-size:27px;letter-spacing:3px}.brand-seal{display:grid;place-items:center;width:45px;height:50px;border:1px solid #c6ac7655;border-radius:7px;color:var(--gold);font-size:30px;box-shadow:inset 0 0 16px #ba956b11}.brand small{display:block;font-family:system-ui;font-size:10px;letter-spacing:1px;color:var(--muted);margin-top:4px}.header-progress{width:200px;margin-left:auto;font-size:12px;color:var(--muted)}.header-progress>div:first-child{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:9px}.header-progress b{font-size:21px;color:var(--gold);font-weight:500}.header-progress small{font-size:12px;color:var(--muted)}.progress-track{height:4px;border-radius:3px;background:#ffffff10;overflow:hidden}.progress-track i{display:block;height:100%;background:var(--gold);transition:width .4s}.header-nav{display:flex;gap:25px}.header-nav button{background:none;display:flex;align-items:center;gap:7px;font-size:13px;min-height:44px;color:var(--muted)}.header-nav .active{color:var(--gold)}.header-settings{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex-shrink:0;min-width:44px;min-height:44px;background:none;color:var(--muted);font-size:13px}.header-settings.active,.header-settings:hover{color:var(--gold)}.page-content{position:relative}.screen{max-width:1160px;margin:0 auto;padding:44px 40px 60px}.eyebrow{display:block;color:var(--gold);font-size:11px;letter-spacing:3px;margin-bottom:13px}.home-heading{text-align:center}.home-heading h1{font-family:var(--serif);font-size:42px;letter-spacing:3px;font-weight:500;color:#f4ead6}.home-heading p,.page-heading p,.reveal-heading p{font-size:13px;line-height:1.9;color:var(--muted);margin-top:14px}.title-star{font-size:22px;color:var(--gold);margin-left:16px;vertical-align:middle}.mobile-break{display:none}.showcase{max-width:970px;margin:38px auto 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:21px}.showcase-item{min-width:0;text-align:center}.tier-label{display:flex;align-items:center;justify-content:center;gap:10px;font-size:13px;letter-spacing:4px;margin-bottom:16px}.tier-line{height:1px;width:22px;background:currentColor;opacity:.4}.card-display{width:100%;aspect-ratio:4/5;position:relative;perspective:900px}.card-halo{position:absolute;top:20%;right:8%;bottom:-4%;left:8%;background:var(--card-color);filter:blur(42px);opacity:.1;pointer-events:none}.card-handle{position:relative;width:100%;height:100%;border-radius:14px;touch-action:none;-webkit-user-select:none;user-select:none;transition:transform .18s ease;will-change:transform}.card-handle[data-gesture=drag],.card-handle[data-gesture=returning]{transition:none}.card-handle.is-interactive{cursor:grab}.card-handle[data-gesture=drag]{cursor:grabbing}.card-view,.card-static{position:absolute;top:0;right:0;bottom:0;left:0}.card-static img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 15px #0007)}.shared-canvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;pointer-events:none}.shared-canvas canvas{pointer-events:none!important}.card-pedestal{position:relative;width:92%;height:10px;margin:6px auto 0;border-radius:50%;background:linear-gradient(90deg,transparent,#84939244,transparent);box-shadow:0 8px 12px #0008}.showcase-caption{margin-top:16px;color:#a9b2c1;font-size:11px;letter-spacing:1px}.showcase-caption small{display:block;font-size:10px;color:#68788b;margin-top:5px}.play-hint{display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;letter-spacing:1px;color:#8293a6;margin:22px 0}.home-actions{display:flex;justify-content:center;gap:16px}.settings-screen{max-width:1000px}.game-settings-panel{margin-bottom:24px}.game-setting-toggle{position:relative;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:24px;margin:24px 0 12px;cursor:pointer}.game-setting-toggle strong{display:block;font-size:14px;color:#e1dccf;margin-bottom:8px}.game-setting-toggle .setting-help{display:block}.game-setting-toggle input{flex-shrink:0;width:24px;height:24px;margin:10px;accent-color:var(--gold);cursor:pointer}.voice-settings-panel{border:1px solid var(--line);border-radius:18px;padding:28px;background:#152337dd}.settings-section-heading{display:flex;align-items:center;gap:14px;color:var(--gold)}.settings-section-heading h2{font-size:20px;font-weight:500;color:#eadfc9}.settings-section-heading p,.voice-preview p,.setting-help{color:var(--muted);font-size:12px;line-height:1.8}.settings-section-heading p{margin-top:6px}.voice-settings-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:32px;margin-top:32px}.voice-settings-fields{display:grid;gap:28px}.setting-label-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.setting-label-row label{font-size:14px;color:#e1dccf}.setting-label-row output{color:var(--gold);font-size:16px;font-variant-numeric:tabular-nums}.setting-label-row .text-button{min-height:30px;padding:4px}.voice-setting-field input,.voice-setting-field select{position:relative;z-index:50;width:100%}.voice-setting-field input[type=range]{height:32px;accent-color:#d7b377;cursor:pointer}.range-labels{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-bottom:10px}.voice-setting-field select{padding:12px;min-height:46px;border:1px solid #829ab344;border-radius:8px;background:#101d2f;color:#e1dccf;font-size:13px;margin-bottom:10px}.voice-preview{align-self:start;text-align:center;border:1px solid #c9b28033;border-radius:12px;padding:26px 16px 16px;background:radial-gradient(circle at top,#d4b87612,#122035)}.preview-characters{font-family:var(--serif);font-size:34px;color:#f9ecd3;margin-bottom:14px}.voice-preview .btn{padding:12px 14px}.settings-save-row{border-top:1px solid var(--line);padding-top:22px;margin-top:30px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.settings-save-row .button-row{margin-top:0}.settings-save-status{min-height:24px;margin-top:12px;color:var(--gold);font-size:12px;line-height:1.8}.settings-save-status.error{color:#e1ac99}@media (max-width: 700px){.voice-settings-panel{padding:22px 18px}.voice-settings-grid{grid-template-columns:minmax(0,1fr);gap:24px}.settings-save-row{align-items:stretch}.settings-save-row .button-row{width:100%}}.btn{position:relative;z-index:50;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:13px 24px;border-radius:8px;font-size:13px;letter-spacing:.5px;transition:background .18s,box-shadow .18s}.btn-primary{color:#2b2318;background:linear-gradient(135deg,#f2dbaa,#d7b377);border:1px solid #ffdf9a;box-shadow:0 4px 22px #dbb37515}.btn-primary:hover{box-shadow:0 4px 26px #dbb37535}.btn-ghost{border:1px solid #829ab33a;background:#172337aa;color:#c4d1df}.btn-ghost:hover{background:#273749}.text-button{position:relative;z-index:50;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;background:none;color:#b9c7d7;padding:8px 4px;font-size:12px}.button-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:20px}.recent-section{margin-top:54px;padding-top:30px;border-top:1px solid var(--line)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.section-heading h2{font-family:var(--serif);font-size:25px;font-weight:400;letter-spacing:2px}.section-heading .eyebrow{font-size:9px;color:#8193a8;letter-spacing:2px;margin-bottom:9px}.recent-empty{border:1px solid #c9b68118;border-radius:10px;background:#19273844;display:flex;align-items:center;justify-content:center;gap:24px;padding:25px;margin-top:24px}.empty-seal{font-family:var(--serif);font-size:40px;color:#c1aa6c66;border:1px solid #c1aa6c33;padding:9px 14px;border-radius:6px}.recent-empty h3{font-family:var(--serif);font-size:20px;color:#d5c8af;font-weight:400}.recent-empty p{font-size:12px;color:var(--muted);margin-top:9px}.recent-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;margin-top:24px}.site-footer{max-width:1240px;margin:auto;border-top:1px solid var(--line);padding:22px 40px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;color:#69798c}.sandbox-strip,.storage-status{position:relative;z-index:50;display:flex;justify-content:center;align-items:center;gap:20px;padding:10px;background:#34404e77;color:#d9c9a6;font-size:12px}.sandbox-strip button,.storage-status button{background:none;color:var(--gold);text-decoration:underline;min-height:28px}.storage-status{background:#642f2477}.loading-state{padding:100px;text-align:center;color:var(--muted)}.page-heading{margin-bottom:30px}.page-heading>.text-button{display:flex;width:fit-content;margin-bottom:24px}.page-heading h1,.reveal-heading h1{font-family:var(--serif);font-size:35px;letter-spacing:2px;font-weight:500;color:#eadfc9}.filter-bar{position:relative;z-index:50;display:flex;gap:12px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:20px}.filter-bar button{min-height:44px;border:1px solid #ffffff15;background:#17233488;border-radius:8px;padding:10px 17px;font-size:12px;color:#a7b5c5}.filter-bar button.active{border-color:var(--tier, var(--gold));color:var(--tier, var(--gold));background:#c4a26d0f}.filter-bar span{margin-left:8px;opacity:.65}.wall-meta{display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted);margin:21px 0}.card-wall{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:22px 16px}.wall-card{background:none;padding:0;min-width:0;border-radius:10px;touch-action:pan-y;text-align:left}.wall-card img{width:100%;aspect-ratio:4/5;display:block;border-radius:9px;transition:transform .18s}.wall-card.owned:hover img{transform:translateY(-4px)}.wall-caption{display:flex;justify-content:space-between;align-items:center;padding:9px 5px 0;font-size:10px;color:var(--muted)}.wall-caption b{font-family:var(--serif);font-size:16px;color:#cad1d9;font-weight:400}.card-silhouette{aspect-ratio:4/5;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #8a9daf21;border-radius:9px;background:linear-gradient(145deg,#17233566,#0e182799);box-shadow:inset 0 0 30px #03070c35}.card-silhouette>span{font-family:var(--serif);font-size:64px;color:transparent;-webkit-text-stroke:1px #6072857a}.card-silhouette small{font-size:9px;letter-spacing:2px;color:#687789;margin-top:18px}.unowned:hover .card-silhouette{border-color:#c6b58666}.pager{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:35px;font-size:12px;color:var(--muted)}.reset-link{display:block;background:none;color:#697889;font-size:10px;margin:40px auto 0;padding:12px}.empty-filter{min-height:280px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;color:var(--muted)}.empty-filter h2{font-family:var(--serif);font-size:23px;font-weight:400}.empty-filter p{font-size:12px}.detail-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:35;display:flex;align-items:center;justify-content:center;background:#070d1bec;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:24px;overflow:auto}.detail-dialog{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:42px;width:850px;max-width:100%;padding:48px;border:1px solid #cdb78633;border-radius:18px;background:radial-gradient(ellipse at 20% 40%,#293650,#141d2e 70%);outline:none;box-shadow:0 30px 100px #0007}.detail-card-area{width:100%;max-width:310px}.interaction-hint{font-size:11px;color:#93a4b9;text-align:center;margin-top:18px}.detail-copy{position:relative;z-index:50;min-width:0}.detail-copy .eyebrow{font-size:10px;letter-spacing:2px}.detail-character{font-family:var(--serif);font-size:55px;color:#f3e7d0;display:flex;align-items:center;gap:22px}.detail-character span{font-family:system-ui;font-size:22px;font-weight:300;color:#c4cbd6}.detail-intro{font-family:var(--serif);font-size:15px;color:#aeb3c0;margin-top:13px}.detail-copy dl{margin:26px 0;font-size:12px;line-height:1.8}.detail-copy dl>div{display:grid;grid-template-columns:72px 1fr;padding:9px 0;border-bottom:1px solid var(--line)}.detail-copy dt{color:#8f9cb0}.detail-copy dd{margin:0;color:#c8d1df}.detail-copy dd span{display:block}.detail-copy .button-row{justify-content:flex-start}.detail-copy .btn{padding:12px 16px}.icon-button{position:relative;z-index:50;display:grid;place-items:center;border:1px solid #ffffff18;background:#1c2a3c;color:#bbc7d8;border-radius:50%;width:44px;height:44px}.close-detail{position:absolute;top:16px;right:16px}.reveal{max-width:800px;text-align:center}.reveal-heading{margin-bottom:25px}.reveal-card-area{width:290px;min-height:362px;margin:auto}.reveal-card-area.collected{display:grid;place-items:center}.collected-seal{display:flex;flex-direction:column;align-items:center;gap:20px;color:var(--gold);font-family:var(--serif);font-size:24px}.collected-seal svg{border:1px solid #cdb67d66;border-radius:50%;padding:20px;width:90px;height:90px}.reveal-result{height:50px;display:flex;justify-content:center;align-items:center;gap:14px;font-size:12px;color:#adbacb}.rarity-pill{padding:7px 12px;background:#ffffff07;border:1px solid #ffffff15;border-radius:30px;font-size:11px}.collection-slot{position:relative;z-index:50;min-height:53px;display:flex;align-items:center;justify-content:center;gap:10px;border:1px dashed #cbb78266;border-radius:10px;background:#e4bc6d0b;color:#d4bd8e;font-size:12px;padding:12px 28px;margin:10px auto 0}.collection-slot.snapped{border-style:solid}.quiz{max-width:920px}.quiz>.text-button{margin-bottom:20px}.quiz .page-heading,.quiz-body{text-align:center}.quiz-skip{margin-top:24px}.quiz-skip p{color:var(--muted);font-size:12px;margin-top:10px}.big-char{font-family:var(--serif);font-size:130px;color:#f9ecd3;line-height:1.7;text-shadow:0 0 50px #e3bf7a22}.sound-orb{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:17px;width:170px;height:170px;border-radius:50%;border:1px solid #c9b28055;background:radial-gradient(circle,#d4b87615,#122035);color:var(--gold);margin:25px auto 20px;box-shadow:0 0 60px #d4b8760b}.sound-orb span{font-size:11px;color:#aab6c7}.sound-orb.speaking{box-shadow:0 0 50px #c1a96e33}.pronunciation-controls .button-row{flex-wrap:wrap}.pronunciation-status{min-height:28px;margin-top:8px;color:#aab6c7;font-size:12px;line-height:1.8}.pronunciation-status.error{color:#e1ac99}.pronunciation-status .text-button{display:inline;padding:6px 4px;color:var(--gold)}.quiz-audio-actions{margin-bottom:24px}.quiz-audio-actions .button-row{margin-top:0;flex-wrap:nowrap}.feedback .pronunciation-controls .btn{margin-top:0}.options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.opt{position:relative;z-index:50;min-height:120px;display:grid;place-items:center;border:1px solid #7890a933;border-radius:12px;background:#17263bbb;font-family:var(--serif);font-size:57px;color:#e3e0d7;transition:background .2s,border-color .2s}.options-read .opt{font-family:system-ui;font-size:29px}.opt:hover:enabled{background:#293a4e;border-color:#bfa575}.opt.correct{background:#234b3c;border-color:#7cae8b;opacity:1}.opt.wrong{background:#5f3537;border-color:#b97474;opacity:1}.opt.dim{opacity:.25}.feedback{padding:25px 12px;color:#c7b9a9;font-size:13px;line-height:1.8}.feedback .btn{margin-top:20px}.card-lab .page-heading h1{font-size:30px}.lab-controls{position:relative;z-index:50;display:flex;align-items:center;flex-wrap:wrap;gap:20px;padding:18px;border:1px solid var(--line);border-radius:10px;margin-bottom:20px;font-size:12px}.lab-controls label{display:flex;align-items:center;gap:10px}.lab-controls input,.lab-controls select{border:1px solid #74869d44;border-radius:6px;background:#18263b;color:#d3d7e0;padding:10px}.lab-controls input{width:55px}.lab-layers{position:relative;z-index:50;display:flex;gap:22px;flex-wrap:wrap;margin:25px 0;font-size:12px}.lab-layers label{display:flex;align-items:center;gap:8px;min-height:30px}.lab-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.lab-cards article>span{display:block;text-align:center;margin-bottom:13px;font-size:13px}.lab-cards .text-button{display:flex;width:100%;font-size:10px}.lab-reveal{padding:30px 0;border-top:1px solid var(--line);margin-top:25px;text-align:center}.lab-reveal>.card-display{width:280px;margin:0 auto 20px}.lab-reveal output{font-size:12px;color:#b6c4d5}.lab-audit{display:flex;flex-wrap:wrap;gap:15px;padding:25px 0;font-size:11px;color:#9baabd}.lab-audit output{width:100%;overflow-wrap:anywhere}.screen{position:relative;z-index:1}.app:has(.detail-dialog) .site-header,.app:has(.detail-dialog) .sandbox-strip{z-index:1;pointer-events:none}@media (min-width: 1100px){.home{padding-top:46px}.showcase-0,.showcase-3{padding-top:12px}}@media (max-width: 1099px){.site-header{gap:24px;padding:22px 30px}.header-nav{gap:16px}.screen{padding:35px 30px 50px}.home-heading h1{font-size:36px}.showcase{gap:15px}.showcase-caption{font-size:10px;letter-spacing:0}.card-wall{grid-template-columns:repeat(5,minmax(0,1fr))}.detail-dialog{gap:28px;padding:44px 35px}.home-actions .btn{min-width:200px}}@media (max-width: 767px){.site-header{padding:18px 24px;gap:20px}.brand{font-size:24px}.brand small{font-size:9px;letter-spacing:0}.header-nav,.header-settings span{display:none}.header-progress{width:165px}.screen{padding:32px 24px 44px}.home-heading h1{font-size:31px;letter-spacing:1px}.home-heading p{font-size:11px}.showcase{gap:12px}.showcase-caption span{font-size:9px}.tier-label{font-size:11px;letter-spacing:2px}.tier-line{width:12px}.btn{padding:12px 18px}.card-wall{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 12px}.card-silhouette>span{font-size:50px}.recent-grid{gap:10px}.site-footer{padding:20px 24px;font-size:9px}.detail-dialog{grid-template-columns:1fr;width:470px;gap:24px;padding:44px 30px 30px}.detail-card-area{width:230px;margin:auto}.detail-copy .button-row{justify-content:center}.detail-dialog .interaction-hint{margin-top:8px}.detail-copy .detail-character{font-size:39px}.detail-copy dl{margin:15px 0}.detail-backdrop{align-items:flex-start;padding:20px}.options{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.opt{min-height:105px}.lab-cards{gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.page-heading h1,.reveal-heading h1{font-size:30px}}@media (max-width: 599px){.site-header{padding:17px 18px;gap:12px}.brand{font-size:23px;gap:9px}.brand-seal{width:34px;height:42px;font-size:25px}.brand small{font-size:8px}.header-progress{width:90px;min-width:0;font-size:9px}.header-progress>div:first-child{justify-content:flex-end}.header-progress>div:first-child>span{display:none}.header-progress b{font-size:18px;white-space:nowrap}.screen{padding:29px 18px 40px}.home-heading h1{font-size:33px;line-height:1.45;letter-spacing:2px}.mobile-break{display:block}.title-star{font-size:18px;margin-left:6px}.home-heading p{font-size:11px;line-height:1.8;margin-top:10px}.home-heading .eyebrow{font-size:10px;letter-spacing:2px}.showcase{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 18px;margin-top:29px;max-width:400px}.tier-label{font-size:12px;margin-bottom:10px}.showcase-caption{margin-top:10px}.showcase-caption span{font-size:10px}.showcase-caption small{font-size:9px}.play-hint{font-size:10px;letter-spacing:0;margin:21px 0}.home-actions{flex-direction:column;gap:12px}.home-actions .btn{min-height:49px}.recent-section{margin-top:35px;padding-top:23px}.section-heading{align-items:flex-start;gap:10px}.section-heading h2{font-size:22px;letter-spacing:1px}.section-heading .text-button{font-size:10px;max-width:135px;line-height:1.5}.recent-empty{padding:22px 15px;gap:14px}.empty-seal{font-size:29px;padding:7px 10px}.recent-empty h3{font-size:17px;line-height:1.5}.recent-empty p{font-size:10px;line-height:1.8}.recent-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.site-footer{display:block;text-align:center;line-height:2;padding:16px 18px}.site-footer span{display:block}.page-heading h1{font-size:30px}.page-heading p{font-size:12px}.filter-bar{gap:8px;padding-bottom:14px}.filter-bar button{padding:9px 12px;font-size:11px}.filter-bar span{margin-left:6px}.card-wall{grid-template-columns:repeat(3,minmax(0,1fr));gap:19px 11px}.card-silhouette>span{font-size:48px}.card-silhouette small{font-size:8px;letter-spacing:1px;margin-top:12px}.wall-meta{font-size:9px;gap:10px;line-height:1.8}.wall-caption{padding:7px 3px 0;font-size:9px}.wall-caption b{font-size:15px}.pager{gap:16px}.pager .btn{font-size:11px;padding:10px 14px}.detail-backdrop{padding:12px}.detail-dialog{padding:44px 22px 26px;border-radius:13px;gap:20px}.detail-card-area{width:210px}.detail-copy dl{font-size:11px}.detail-copy .eyebrow{margin-bottom:6px}.detail-copy .detail-intro{font-size:13px}.close-detail{width:38px;height:38px;top:10px;right:10px}.reveal-card-area{width:240px;min-height:300px}.reveal-heading h1{font-size:27px}.reveal-heading p{font-size:11px}.reveal-result{height:55px;font-size:10px;gap:8px}.rarity-pill{font-size:10px;padding:6px 9px}.collection-slot{font-size:11px;padding:12px 15px;width:100%}.quiz .page-heading h1{font-size:28px}.quiz .page-heading p{font-size:11px}.sound-orb{width:150px;height:150px;margin:20px auto}.quiz-audio-actions .button-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:8px}.quiz-audio-actions .btn{padding:12px 6px;gap:6px;font-size:11px;white-space:nowrap}.big-char{font-size:110px}.options{gap:12px}.opt{min-height:102px;font-size:52px}.options-read .opt{font-size:27px}.feedback{font-size:12px;padding:24px 0}.lab-controls{padding:14px;gap:12px}.lab-controls label{font-size:11px}.lab-layers{gap:12px;font-size:11px}.lab-reveal>.card-display{width:230px}.card-lab .page-heading p{font-size:11px}.sandbox-strip{font-size:10px;padding:8px;gap:15px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.reward-learning-hint,.reward-hint{text-align:center;color:var(--muted, #777568);font-size:14px;margin:12px 0;line-height:1.6}.reward-hint b{color:var(--gold);font-size:16px}.growth-progress{font-size:14px;line-height:1.6;color:var(--gold)}.growth-track{height:5px;background:#ffffff15;border-radius:4px;margin-top:7px;overflow:hidden}.growth-track i{display:block;height:100%;background:var(--gold);border-radius:inherit}.growth-progress.compact{padding:0 12px 12px;font-size:11px}.growth-progress.compact .growth-track{height:3px}.growth-count{font-size:13px;color:var(--muted);margin:10px 0 18px}.reveal-growth{width:min(100%,360px);margin:4px auto 18px;text-align:center}.reveal-growth strong{display:block;color:var(--gold);margin-bottom:5px}.reveal-growth p{font-size:13px;margin:8px 0}