@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/archivo-vietnamese-wght-normal-XAtsl5Q_.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/archivo-latin-ext-wght-normal-C4zznr8T.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/archivo-latin-wght-normal-E0tuGl4L.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:light;--ground: #f4f6f9;--surface: #ffffff;--ink: #0b1f3a;--ink-2: #44546a;--ink-3: #5b6b80;--rule: #d3d9e2;--track: #e2e7ee;--silver: #c9ced6;--der: #2f9be8;--die: #f26ca7;--phrase: #ff7f11;--error: #c62828;--das: #52b330;--der-ink: #0a5fa3;--die-ink: #ad1f63;--phrase-ink: #a84700;--das-ink: #2a6e10;--flood: var(--ink);--on-flood: #ffffff;--focus: #0b1f3a;--radius: 4px;--radius-lg: 6px;--tap: 48px;--font: "Archivo Variable", "Helvetica Neue", Arial, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-md: 1rem;--text-lg: 1.25rem;--text-xl: 1.75rem;--text-2xl: 2.5rem;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--ease: cubic-bezier(.22, 1, .36, 1);--nav-h: 64px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font);font-size:var(--text-md);line-height:1.5;background:var(--ground);color:var(--ink);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}#root{min-height:100dvh}h1,h2,h3{text-wrap:balance;line-height:1.1;letter-spacing:-.02em}h1{font-size:var(--text-xl);font-weight:900}h2{font-size:var(--text-lg);font-weight:800}h3{font-size:var(--text-md);font-weight:700}p{color:var(--ink-2);max-width:68ch}small{font-size:var(--text-sm);color:var(--ink-3)}code,pre{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.9em}code{background:var(--track);padding:.1em .35em;border-radius:3px}a{color:inherit;text-underline-offset:3px}::selection{background:var(--ink);color:#fff}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:var(--radius)}input,select,textarea{caret-color:var(--ink)}*{scrollbar-width:thin;scrollbar-color:var(--silver) transparent}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:not-allowed}.btn,.btn-primary,.btn-secondary,.btn-quiet,.btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--tap);padding:0 var(--space-5);border-radius:var(--radius);border:2px solid var(--ink);font-weight:800;font-size:var(--text-md);letter-spacing:-.01em;text-decoration:none;background:transparent;color:var(--ink);transition:background-color .18s var(--ease),color .18s var(--ease),transform .18s var(--ease)}.btn-primary,.btn{background:var(--ink);color:#fff}@media(hover:hover){.btn-primary:hover:not(:disabled),.btn:hover:not(:disabled){background:#16345f}}@media(hover:hover){.btn-secondary:hover:not(:disabled),.btn-quiet:hover:not(:disabled){background:var(--ink);color:#fff}}.btn-quiet{border-color:var(--rule);font-weight:700}.btn-danger{border-color:var(--rule);color:var(--error)}@media(hover:hover){.btn-danger:hover:not(:disabled){border-color:var(--error)}}.btn-primary:active:not(:disabled),.btn:active:not(:disabled){transform:translateY(1px)}.btn-primary:disabled,.btn:disabled,.btn-secondary:disabled{opacity:.45}.btn-small{min-height:36px;padding:0 var(--space-3);font-size:var(--text-sm)}.icon-btn{display:inline-grid;place-items:center;width:var(--tap);height:var(--tap);border:0;border-radius:var(--radius);background:transparent;color:inherit}@media(hover:hover){.icon-btn:hover{background:#0b1f3a14}}input,select,textarea{font:inherit;color:var(--ink);background:var(--surface);border:2px solid var(--rule);border-radius:var(--radius);min-height:var(--tap);padding:0 var(--space-3);width:100%;transition:border-color .15s var(--ease)}textarea{padding:var(--space-3);min-height:88px;resize:vertical}@media(hover:hover){input:hover,select:hover,textarea:hover{border-color:var(--ink-3)}}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 3px #0b1f3a26}input::placeholder,textarea::placeholder{color:var(--ink-3);opacity:.8}input[type=checkbox],input[type=radio]{width:22px;height:22px;min-height:0;accent-color:var(--ink)}input[type=file]{padding:var(--space-3)}.field-error,.error-message{color:var(--error);font-size:var(--text-sm);font-weight:700}.art,.art-der,.art-die,.art-das{font-weight:300}.art-der{color:var(--der-ink)}.art-die{color:var(--die-ink)}.art-das{color:var(--das-ink)}.gtag{display:inline-flex;align-items:center;justify-content:center;min-width:2.6em;padding:.1em .5em;border-radius:3px;font-size:var(--text-xs);font-weight:800;color:var(--ink)}.gtag.der{background:var(--der)}.gtag.die{background:var(--die)}.gtag.das{background:var(--das)}.gtag.phrase{background:var(--phrase)}.gtag.none{background:var(--track);color:var(--ink-2)}.chip{display:inline-flex;align-items:center;gap:var(--space-1);min-height:36px;padding:0 var(--space-3);border:2px solid var(--rule);border-radius:99px;background:var(--surface);font-size:var(--text-sm);font-weight:700;color:var(--ink)}.chip[aria-pressed=true],.chip.on{background:var(--ink);border-color:var(--ink);color:#fff}button.chip{cursor:pointer}.spectrum{display:flex;height:6px}.spectrum i{flex:1}.spectrum i:nth-child(1){background:var(--der)}.spectrum i:nth-child(2){background:var(--die)}.spectrum i:nth-child(3){background:var(--das)}.spectrum i:nth-child(4){background:var(--silver)}.page{padding:var(--space-5) var(--space-4) calc(var(--nav-h) + var(--space-6));max-width:1120px;margin:0 auto}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-5)}.page-head p{margin-top:var(--space-1)}.empty{padding:var(--space-6) var(--space-4);border:2px dashed var(--rule);border-radius:var(--radius-lg);display:grid;gap:var(--space-3);justify-items:start}.loading{padding:var(--space-6) 0;color:var(--ink-3);font-weight:700}.numeric{font-variant-numeric:tabular-nums}@media(min-width:760px){.page{padding:var(--space-6) var(--space-6) var(--space-7)}h1{font-size:var(--text-2xl)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.boot{min-height:100dvh;display:grid;place-items:center;color:var(--ink-3);font-weight:700}.shell{min-height:100dvh}.shell-main{min-width:0}.rail{position:fixed;inset:auto 0 0;z-index:20;display:flex;background:var(--surface);border-top:1px solid var(--ink);padding-bottom:env(safe-area-inset-bottom)}.wordmark{display:none}.phone-bar{background:var(--surface)}.phone-wordmark{display:flex;gap:4px;padding:var(--space-3) var(--space-4) var(--space-2);text-decoration:none;color:var(--ink);font-size:1.1rem;letter-spacing:-.03em;line-height:1}.phone-wordmark .wordmark-a{font-weight:900}.phone-wordmark .wordmark-b{font-weight:300}.phone-bar .spectrum{height:6px}.rail-links{display:flex;flex:1}.rail-link{flex:1;display:grid;justify-items:center;align-content:center;gap:2px;min-height:var(--nav-h);text-decoration:none;font-size:var(--text-xs);font-weight:700;color:var(--ink-3);box-shadow:inset 0 0 0 0 var(--ink);transition:box-shadow .2s var(--ease),color .2s var(--ease)}.rail-link.on{color:var(--ink);font-weight:900;box-shadow:inset 0 4px 0 0 var(--ink)}@media(min-width:760px){.phone-bar{display:none}.shell{display:grid;grid-template-columns:208px 1fr}.shell-immersive{display:block}.rail{position:sticky;inset:auto;height:100dvh;z-index:1;flex-direction:column;border-top:0;border-right:1px solid var(--ink);padding:var(--space-5) var(--space-3)}.wordmark{display:grid;gap:2px;text-decoration:none;margin-bottom:var(--space-6);font-size:1.35rem;line-height:1;letter-spacing:-.03em;color:var(--ink)}.wordmark-a{font-weight:900}.wordmark-b{font-weight:300}.wordmark .spectrum{margin-top:var(--space-2);width:72px}.rail-links{flex-direction:column;flex:0;gap:var(--space-1)}.rail-link{grid-auto-flow:column;justify-content:start;justify-items:start;align-content:center;gap:var(--space-3);min-height:var(--tap);padding:0 var(--space-3);font-size:var(--text-md);border-radius:var(--radius);box-shadow:none}.rail-link:hover{background:var(--track)}.rail-link.on{background:var(--ink);color:#fff;box-shadow:none}}.migration-overlay{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:var(--space-4);background:#0b1f3a8c}.migration-modal{width:100%;max-width:440px;display:grid;gap:var(--space-3);background:var(--surface);border:2px solid var(--ink);border-radius:var(--radius-lg);padding:var(--space-5)}.migration-actions{display:grid;gap:var(--space-2);margin-top:var(--space-2)}.migration-result{display:grid;gap:var(--space-2)}.migration-result.error p:first-child{color:var(--error);font-weight:800}.login-container{min-height:100dvh;display:grid;align-content:center;justify-content:center;grid-template-columns:minmax(0,440px);padding:var(--space-5) var(--space-4);background:var(--ground)}.login-card{width:100%;min-width:0;display:grid;gap:var(--space-5);overflow-wrap:anywhere}.login-card h1{font-size:clamp(1.9rem,9vw,2.6rem);overflow-wrap:normal;word-break:keep-all;font-weight:900;letter-spacing:-.04em;line-height:.95}.login-card h1:after{content:"";display:block;width:96px;height:8px;margin-top:var(--space-4);background:linear-gradient(90deg,var(--der) 0 25%,var(--die) 25% 50%,var(--das) 50% 75%,var(--silver) 75%)}.subtitle{margin-top:calc(var(--space-2) * -1);font-weight:300;font-size:var(--text-lg);color:var(--ink)}.login-form{display:grid;gap:var(--space-4)}.form-group{display:grid;gap:var(--space-1)}.login-form .btn-primary{width:100%;min-height:56px;font-size:var(--text-lg)}.message{padding:var(--space-3) var(--space-4);border:2px solid var(--ink);border-radius:var(--radius);font-weight:700}.message.error{border-color:var(--error);color:var(--error)}.login-info{display:grid;gap:var(--space-3);justify-items:start}.login-info p{font-size:var(--text-sm)}.offline-notice{display:grid;gap:var(--space-3);justify-items:start}.progress{max-width:1040px;margin-left:0}@media(min-width:1000px){.meters-pair{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}}.account{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.sync-line{font-weight:700;font-size:var(--text-sm)}.block{margin-top:var(--space-6)}.block>h2,.block-head h2{padding-bottom:var(--space-2);border-bottom:2px solid var(--ink)}.block-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;border-bottom:2px solid var(--ink);padding-bottom:var(--space-2)}.block-head h2{border:0;padding:0}.block>p{margin-top:var(--space-2)}.meter-list{list-style:none}.meter{display:grid;grid-template-columns:1fr auto;gap:var(--space-2) var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--rule);align-items:center}.meter-label{display:flex;align-items:baseline;gap:var(--space-3);flex-wrap:wrap;grid-column:1 / -1}.meter-label>span:last-child{color:var(--ink-3);font-size:var(--text-sm)}.meter-track{height:10px;background:var(--track);border-radius:2px;overflow:hidden}.meter-fill{height:100%;width:100%;border-radius:2px;transform-origin:left center;transition:transform .6s var(--ease)}.meter-fill.ink{background:var(--ink)}.meter-fill.der{background:var(--der)}.meter-fill.die{background:var(--die)}.meter-fill.das{background:var(--das)}.meter-value{font-weight:900;font-size:var(--text-lg);min-width:3.5ch;text-align:right}.weak-list{list-style:none}.weak-list li{display:grid;grid-template-columns:1fr auto;gap:0 var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--rule)}.weak-word{font-weight:800;font-size:var(--text-lg)}.weak-word .art{font-weight:300}.weak-def{grid-column:1;color:var(--ink-2)}.weak-score{grid-column:2;grid-row:1 / span 2;align-self:center;font-weight:900;font-size:var(--text-lg);color:var(--error)}@media(prefers-reduced-motion:reduce){.meter-fill{transition:none}}.actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.actions .btn-primary,.actions .btn-quiet{min-height:44px;padding:0 var(--space-4)}.card-filters{display:grid;gap:var(--space-2);margin-bottom:var(--space-4)}.filter-selects{display:none;gap:var(--space-2)}.filter-selects.open{display:grid}.filter-toggle{justify-self:start}.btn-label{display:none}.clip{display:block;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search{position:relative}.search svg{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:var(--ink-3);pointer-events:none}.search input{padding-left:44px}.table-wrap{border-top:2px solid var(--ink)}.cards-table{width:100%;border-collapse:collapse}.cards-table th{text-align:left;border-bottom:2px solid var(--ink);background:var(--ground);position:sticky;top:0;z-index:2}.cards-table th button{display:inline-flex;align-items:center;gap:4px;width:100%;min-height:44px;padding:0 var(--space-2);border:0;background:none;text-align:left;font-size:var(--text-xs);font-weight:900;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-2)}.cards-table th[aria-sort]:not([aria-sort=none]) button{color:var(--ink)}.cards-table td{padding:var(--space-3) var(--space-2);border-bottom:1px solid var(--rule);vertical-align:middle}@media(hover:hover){.cards-table tbody tr:hover{background:var(--surface)}}.word-cell{display:flex;align-items:center;gap:var(--space-2);font-weight:800}.word-cell .gtag{flex:0 0 auto}.definition-cell{color:var(--ink-2)}.num{text-align:right;font-weight:800}.actions-cell{width:56px;text-align:right}.col-type,.col-collection{display:none}@media(min-width:760px){.col-type,.col-collection{display:table-cell;color:var(--ink-3);font-size:var(--text-sm)}.card-filters{grid-template-columns:1fr auto;align-items:start}.filter-selects{display:grid;grid-template-columns:190px 150px 200px auto}.filter-toggle{display:none}.btn-label{display:inline}}@media(max-width:759px){.cards-table thead,.cards-table .col-type,.cards-table .col-collection{display:none}.cards-table,.cards-table tbody{display:block}.cards-table tr{display:grid;grid-template-columns:1fr auto auto;align-items:center;column-gap:var(--space-2);padding:var(--space-2) 0;border-bottom:1px solid var(--rule)}.cards-table td{display:block;border:0;padding:var(--space-1) 0}.cards-table td:first-child{grid-column:1}.cards-table .definition-cell{grid-column:1;grid-row:2;padding-top:0}.cards-table .num{grid-column:2;grid-row:1 / span 2}.cards-table .actions-cell{grid-column:3;grid-row:1 / span 2;width:auto}}@media(min-width:760px){.sort-select{display:none}}@media(min-width:760px){.cards-table td{padding:var(--space-2)}.cards-table .icon-btn{width:36px;height:36px}.actions-cell{width:48px}}.form-page{max-width:760px;margin-left:0}.card-form{display:grid;gap:var(--space-6)}.form-section{display:grid;gap:var(--space-4)}.form-section>h2{padding-bottom:var(--space-2);border-bottom:2px solid var(--ink)}.form-row{display:grid;gap:var(--space-4)}.form-group{display:grid;gap:var(--space-1);align-content:start}.form-group label{font-weight:800;font-size:var(--text-sm);color:var(--ink-2)}.form-help{color:var(--ink-3)}.form-input{width:100%}.form-input.error,input.error,select.error,textarea.error{border-color:var(--error)}.form-actions{position:sticky;bottom:calc(var(--nav-h) + env(safe-area-inset-bottom));display:flex;gap:var(--space-3);flex-wrap:wrap;align-items:center;padding:var(--space-3) 0;background:var(--ground);border-top:2px solid var(--ink)}.form-actions .btn-primary{flex:1}@media(min-width:760px){.form-row{grid-template-columns:1fr 1fr}.form-actions{bottom:0}.form-actions .btn-primary{flex:0 0 auto}}.import-container{max-width:760px;margin-left:0}.import-subtitle{margin-top:var(--space-1)}.import-card,.admin-notice{border:2px solid var(--ink);border-radius:var(--radius-lg);background:var(--surface);padding:var(--space-5);display:grid;gap:var(--space-5);margin-bottom:var(--space-5)}.admin-notice{gap:var(--space-3)}.admin-command,.format-example{background:var(--ink);color:#fff;padding:var(--space-3) var(--space-4);border-radius:var(--radius);overflow-x:auto}.admin-note{font-size:var(--text-sm)}.upload-area{display:grid;gap:var(--space-3);justify-items:start;padding:var(--space-5);border:2px dashed var(--ink-3);border-radius:var(--radius-lg)}.file-input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.file-input:focus-visible+.upload-btn{outline:3px solid var(--focus);outline-offset:2px}.upload-btn{cursor:pointer}.file-name{font-weight:700;color:var(--ink)}.format-info{display:grid;gap:var(--space-2)}.format-note{font-size:var(--text-sm)}.error-message{padding:var(--space-4);border:2px solid var(--error);border-radius:var(--radius);display:grid;gap:var(--space-3);justify-items:start;margin-bottom:var(--space-4)}.preview-section,.results-section{display:grid;gap:var(--space-4)}.stat-badge,.type-badge,.level-badge{display:inline-flex;padding:2px 10px;border-radius:99px;border:1.5px solid var(--ink);font-size:var(--text-sm);font-weight:800}.preview-cards{display:grid;gap:0;border-top:2px solid var(--ink)}.preview-card{padding:var(--space-3) 0;border-bottom:1px solid var(--rule);display:grid;gap:var(--space-1)}.preview-card-header{display:flex;gap:var(--space-2)}.preview-word{font-weight:800;font-size:var(--text-lg)}.preview-definition{color:var(--ink-2)}.preview-meta,.preview-more,.import-note{font-size:var(--text-sm);color:var(--ink-3)}.import-actions{display:flex;gap:var(--space-3);flex-wrap:wrap}.results-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:2px;border:2px solid var(--ink);border-radius:var(--radius);background:var(--ink);overflow:hidden}.result-stat{display:grid;gap:2px;padding:var(--space-4);background:var(--surface)}.result-number{font-size:var(--text-2xl);font-weight:900;letter-spacing:-.04em;line-height:1}.result-label{font-size:var(--text-sm);font-weight:700;color:var(--ink-2)}.duplicate-words{display:flex;flex-wrap:wrap;gap:var(--space-2)}.duplicate-word{padding:2px 10px;border:1.5px solid var(--rule);border-radius:99px;font-size:var(--text-sm)}.setup{max-width:760px;margin-left:0}.setup-grid{display:grid;gap:var(--space-5)}.seg-group{border:0;min-width:0}.seg-group legend,.filter-label,.filter-group>label{display:block;margin-bottom:var(--space-2);font-size:var(--text-sm);font-weight:800;color:var(--ink-2)}.seg{display:grid;grid-template-columns:1fr 1fr;border:2px solid var(--ink);border-radius:var(--radius);overflow:hidden;background:var(--surface)}.seg label{position:relative;display:grid;gap:2px;align-content:center;min-height:72px;padding:var(--space-3) var(--space-4);cursor:pointer;transition:background-color .18s var(--ease),color .18s var(--ease)}.seg label+label{border-left:2px solid var(--ink)}.seg input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}.seg label:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:-5px}.seg label.on{background:var(--ink);color:#fff}.seg-title{font-weight:900;font-size:var(--text-md);letter-spacing:-.01em}.seg-sub{font-size:var(--text-sm);font-weight:400;opacity:.85}.filters{border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface)}.filters summary{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:var(--tap);padding:0 var(--space-4);cursor:pointer;font-weight:800;list-style:none}.filters summary::-webkit-details-marker{display:none}.toggle-ico{margin-left:auto;display:inline-grid}.filters:not([open]) .toggle-ico svg:last-child{display:none}.filters[open] .toggle-ico svg:first-child{display:none}.filters-count{font-size:var(--text-sm);font-weight:700;color:var(--ink-3)}.filters-body{display:grid;gap:var(--space-4);padding:var(--space-2) var(--space-4) var(--space-4);border-top:2px solid var(--rule);padding-top:var(--space-4)}.chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.score-range{display:flex;align-items:center;gap:var(--space-3);max-width:320px}.score-range span{color:var(--ink-3)}.start-bar{position:fixed;left:0;right:0;bottom:calc(var(--nav-h) + env(safe-area-inset-bottom));padding:var(--space-3) var(--space-4);background:var(--ground);border-top:2px solid var(--ink);display:grid;gap:var(--space-2);z-index:10}.start-note{color:var(--error);font-weight:700;font-size:var(--text-sm)}.start-btn{width:100%;min-height:56px;font-size:var(--text-lg);justify-content:space-between}.start-count{font-weight:300;font-size:var(--text-lg)}@media(min-width:760px){.setup-grid{grid-template-columns:1fr 1fr;align-items:start}.filters{grid-column:1 / -1}.start-bar{position:static;grid-column:1 / -1;padding:0;border:0;background:none;max-width:420px}.start-bar .start-btn{justify-content:center;gap:var(--space-4)}}@media(max-width:759px){.setup{padding-bottom:calc(var(--nav-h) + 150px)}}.resume{display:flex;gap:var(--space-4);align-items:center;justify-content:space-between;flex-wrap:wrap;padding:var(--space-4);margin-bottom:var(--space-5);border:2px solid var(--ink);border-radius:var(--radius);background:var(--surface)}.resume h2{font-size:var(--text-md)}.resume-words{margin-top:var(--space-1);font-weight:700;color:var(--ink)}.resume .btn-secondary{min-height:44px}@media(min-width:1000px){.setup{max-width:1040px}.setup-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.setup-grid{grid-template-rows:auto auto auto 1fr;align-items:start}.filters{grid-column:2;grid-row:1 / span 4}.start-bar{grid-column:1}.filters-body{max-height:440px;overflow-y:auto}.filters summary{pointer-events:none}.filters .toggle-ico{display:none}}.game{--hue: var(--ink);--on-hue: #fff;min-height:100dvh;display:flex;flex-direction:column;background:var(--ground);color:var(--ink)}.game[data-flood=der]{--hue: var(--der);--on-hue: var(--ink)}.game[data-flood=die]{--hue: var(--die);--on-hue: var(--ink)}.game[data-flood=das]{--hue: var(--das);--on-hue: var(--ink)}.game[data-flood=phrase]{--hue: var(--phrase);--on-hue: var(--ink)}.game p,.game small{color:inherit}.game-head{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-2);padding-top:max(var(--space-2),env(safe-area-inset-top))}.game-progress{flex:1;display:flex;align-items:baseline;justify-content:center;gap:var(--space-4);font-size:var(--text-sm)}.game-progress strong{font-weight:900;font-size:var(--text-lg)}.game-tally{opacity:.8;font-weight:700}.flag.on svg{fill:currentColor}.game-bar{height:4px;background:var(--track)}.game-bar-fill{height:100%;background:var(--ink);transform-origin:left center;transition:transform .4s var(--ease);width:100%}.game-body{flex:1;width:100%;max-width:720px;margin:0 auto;padding:var(--space-5) var(--space-4) var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.question{flex:0 0 auto;min-height:112px;display:flex;flex-direction:column;justify-content:center}.question-text{font-size:clamp(2rem,9vw,3.25rem);font-weight:900;letter-spacing:-.035em;line-height:1.02;overflow-wrap:anywhere}.question-text{-webkit-hyphens:auto;hyphens:auto}.question-text.long{font-size:clamp(1.6rem,7.2vw,2.6rem)}.question-text .art-der,.entry-head .art-der{color:var(--der-ink)}.question-text .art-die,.entry-head .art-die{color:var(--die-ink)}.question-text .art-das,.entry-head .art-das{color:var(--das-ink)}.question-text .art,.entry-head .art,.answer-text .art{font-weight:300}.result{display:inline-flex;align-items:center;gap:var(--space-2);font-weight:900;font-size:var(--text-lg);letter-spacing:-.02em}.result .numeric{font-weight:300}.result.no{color:var(--error)}.chose{margin-top:calc(var(--space-2) * -1);font-size:var(--text-sm);color:var(--ink-2)}.chose strong{color:var(--ink);text-decoration:line-through;text-decoration-color:var(--error);text-decoration-thickness:2px;font-weight:700}.chose .art{font-weight:300}.answer{scroll-margin-bottom:96px}.result.ok{color:var(--ink)}.entry{border-top:4px solid var(--hue);border-bottom:1px solid var(--rule);padding:var(--space-3) 0 var(--space-4);display:grid;gap:var(--space-1);animation:entry-open .38s var(--ease)}.entry-head{font-size:var(--text-xl);font-weight:900}.entry-facts{font-size:var(--text-sm);font-weight:600;opacity:.85;font-variant-numeric:tabular-nums}.entry-def{font-size:var(--text-lg);font-weight:600;margin-top:var(--space-1)}.entry-example{display:grid;gap:2px;margin-top:var(--space-2);font-size:var(--text-md)}.entry-example-en{opacity:.8;font-size:var(--text-sm)}@keyframes entry-open{0%{opacity:0;transform:translateY(-6px);clip-path:inset(0 0 100% 0)}to{opacity:1;transform:none;clip-path:inset(0 0 -1px 0)}}.answers{list-style:none;display:grid;gap:var(--space-2);margin-top:auto}.answer{width:100%;min-height:56px;padding:var(--space-2) var(--space-4);display:flex;align-items:center;gap:var(--space-3);text-align:left;background:var(--surface);color:var(--ink);border:2px solid var(--ink);border-radius:var(--radius);font-size:var(--text-md);font-weight:600;transition:background-color .15s var(--ease),color .15s var(--ease),opacity .25s var(--ease),transform .15s var(--ease)}@media(hover:hover){.answer:hover:not(:disabled){background:var(--ink);color:#fff}}.answer:active:not(:disabled){transform:scale(.99)}.answer-key{flex:0 0 auto;font-size:var(--text-sm);font-weight:800;opacity:.55;width:1.2em}.answer-text{flex:1;overflow-wrap:anywhere}.answer-text .lemma{font-weight:800}.answer.correct{background:var(--hue);color:var(--on-hue);border-color:var(--ink);font-weight:800}.game[data-flood=verb] .answer.correct,.game[data-flood=noun] .answer.correct,.game[data-flood=none] .answer.correct{background:var(--ink);color:#fff}.answer.wrong{text-decoration:line-through;text-decoration-thickness:2px;background:var(--surface);color:var(--ink);border:3px dashed var(--error)}.answer.wrong svg{color:var(--error)}.answer.dim{opacity:.5}.answer:disabled{cursor:default}.game-foot{position:sticky;bottom:0;padding:var(--space-3) var(--space-4);padding-bottom:max(var(--space-3),env(safe-area-inset-bottom));background:var(--ground)}.next-btn{width:100%;max-width:720px;margin:0 auto;min-height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-5);border:2px solid var(--ink);border-radius:var(--radius);background:var(--ink);color:#fff;font-size:var(--text-lg);font-weight:900;letter-spacing:-.01em}@media(hover:hover){.next-btn:hover{filter:brightness(1.15)}}.game-summary{min-height:100dvh;background:var(--ground)}.summary-inner{max-width:640px;margin:0 auto;padding:var(--space-6) var(--space-4);display:grid;gap:var(--space-5)}.summary-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;border:2px solid var(--ink);border-radius:var(--radius);background:var(--ink);overflow:hidden}.summary-stats>div{padding:var(--space-4);display:grid;gap:var(--space-1);background:var(--surface)}.summary-stats dt{font-size:var(--text-sm);font-weight:700;color:var(--ink-2)}.summary-stats dd{font-size:var(--text-2xl);font-weight:900;letter-spacing:-.04em;line-height:1}.summary-stats dd span{font-weight:300;font-size:var(--text-lg)}.missed-list{list-style:none;border-top:2px solid var(--ink);margin-top:var(--space-3)}.missed-list li{display:grid;gap:2px;padding:var(--space-3) 0;border-bottom:1px solid var(--rule)}.missed-word{font-size:var(--text-lg);font-weight:800}.missed-word .art{font-weight:300}.missed-def{color:var(--ink-2)}.tag-form{display:grid;gap:var(--space-2);margin-top:var(--space-4)}.tag-form label{font-weight:800}.summary-clean{font-size:var(--text-lg);font-weight:700;color:var(--ink)}.summary-actions{display:grid;gap:var(--space-3)}@media(min-width:760px){.answers{margin-top:var(--space-3)}.answer{min-height:60px}.answer-key{opacity:.45}}@media(prefers-reduced-motion:reduce){.entry{animation:none}}
