@font-face{font-family:Nunito;src:url('Nunito-wght.ttf') format('truetype');font-style:normal;font-weight:200 1000;font-display:swap}
    :root{font-family:Nunito,"Segoe UI",Arial,sans-serif;color:#211d19;background:#eee8df;font-synthesis:none}
    *{box-sizing:border-box}body{margin:0;min-width:680px}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #9a7657;outline-offset:2px}
    .app{min-height:100vh;display:grid;grid-template-columns:258px minmax(0,1fr);background:#f8f6f2}.sidebar{background:#f0ece6;border-right:1px solid #ded7cd;display:flex;flex-direction:column;min-height:100vh}.brand{height:76px;display:flex;align-items:center;gap:12px;padding:0 22px}.brandmark{width:32px;height:32px;flex:none}.brandname{font-size:17px;font-weight:650;letter-spacing:-.035em}.brand small{display:block;color:#8a8075;font-size:10px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;margin-top:2px}
    .workspace-switch{display:flex;gap:4px;background:#e7e1d9;border-radius:13px;padding:4px;margin:0 14px 27px}.workspace-switch button{border:0;background:none;border-radius:10px;flex:1;height:32px;color:#6e655d;font-size:12px;font-weight:600}.workspace-switch button.active{background:#fffdf9;color:#2e2924;box-shadow:0 1px 3px #4d3d2a19}
    .sidehead{display:flex;align-items:center;justify-content:space-between;padding:0 20px 10px 22px;color:#8c8175;text-transform:uppercase;letter-spacing:.13em;font-size:10px;font-weight:700}.round-icon{width:26px;height:26px;border:0;background:transparent;border-radius:9px;color:#6d5843;font-size:21px;line-height:1}.round-icon:hover,.tree-row:hover,.quiet-icon:hover{background:#e7ded2}.tree{padding:0 9px 24px;overflow:auto;flex:1}.tree-row{height:34px;width:100%;display:flex;align-items:center;border:1px solid transparent;border-radius:10px;background:transparent;color:#62584e;text-align:left;padding:0 9px 0 7px;gap:6px;font-size:13px;white-space:nowrap}.tree-row.selected{color:#2d251d;background:#e3d8ca;border-color:#d5c7b6;font-weight:650}.tree-row .twisty{display:inline-grid;place-items:center;width:16px;height:22px;flex:none;color:#9a8e81;font-size:13px;transition:transform .16s ease}.tree-row .twisty.open{transform:rotate(90deg)}.tree-row .pack-dot{width:4px;height:4px;border-radius:50%;background:#a69787;margin:0 6px;flex:none}.tree-row .node-name{overflow:hidden;text-overflow:ellipsis}.tree-row .micro{margin-left:auto;color:#aa9d90;font-size:11px;font-weight:500}.sidefoot{padding:14px 17px;border-top:1px solid #ded7cd;display:flex;align-items:center;justify-content:space-between;color:#8b8074;font-size:11px}.sidefoot button{border:0;background:none;color:#817466;font-size:11px}
    .main{min-width:0;display:flex;flex-direction:column}.topbar{height:65px;display:flex;align-items:center;justify-content:space-between;padding:0 39px;border-bottom:1px solid #e6e0d7;background:#faf8f4}.crumb{display:flex;align-items:center;gap:8px;color:#978b7e;font-size:12px;min-width:0}.crumb strong{color:#3d342c;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-actions{display:flex;align-items:center;gap:6px}.quiet-icon{height:34px;min-width:34px;display:grid;place-items:center;border:0;background:transparent;border-radius:10px;color:#6c6055;font-size:18px}.top-action{border:1px solid #d8cfc3;background:#fffdf9;border-radius:11px;height:34px;padding:0 13px;color:#544638;font-size:12px;font-weight:600}.top-action:hover,.outline:hover{background:#f4eee6}
    .view{width:min(100%,1110px);padding:37px 45px 90px;margin:0 auto}.eyebrow{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#9c8b79;font-weight:750}.hero{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin:11px 0 33px}.hero h1{font-size:clamp(29px,3vw,41px);letter-spacing:-.055em;line-height:1.1;margin:0;font-weight:650}.hero p{margin:11px 0 0;color:#8c8074;font-size:13px}.hero-tools{display:flex;gap:8px;flex:none}.primary{border:1px solid #67513c;background:#69533d;color:#fffdf9;border-radius:12px;padding:0 18px;height:39px;font-size:12px;font-weight:650;box-shadow:0 3px 8px #4d372215}.primary:hover{background:#59432f}.outline{border:1px solid #d8cdc0;background:#fffdf9;color:#574b40;border-radius:12px;padding:0 15px;height:39px;font-size:12px;font-weight:600}
    .metrics{display:grid;grid-template-columns:220px minmax(0,1fr);gap:12px;margin-bottom:34px}.metric-card{border:1px solid #e6ddd2;background:#fffefa;border-radius:19px;min-height:123px;padding:21px 22px;box-shadow:0 8px 28px #5b48330a}.metric-value{font-size:34px;letter-spacing:-.07em;font-weight:650;line-height:1}.metric-label{color:#96897c;font-size:11px;margin-top:10px}.phase-top{display:flex;justify-content:space-between;align-items:center;color:#817468;font-size:11px;margin:0 0 14px}.phase-top strong{color:#463a31;font-size:12px}.phase-bar{height:11px;border-radius:99px;overflow:hidden;display:flex;background:#f0e9e1}.segment{height:100%;min-width:0}.phase-legend{display:grid;grid-template-columns:repeat(6,1fr);gap:2px;margin-top:15px;color:#8b7d70;font-size:10px}.phase-legend b{font-size:12px;display:block;color:#4d4137;margin-top:3px;font-weight:650}
    .section-head{display:flex;justify-content:space-between;align-items:center;margin:0 1px 13px}.section-head h2{font-size:14px;letter-spacing:-.02em;margin:0;font-weight:650}.link-button{border:0;background:none;color:#79644e;font-size:12px;font-weight:600;padding:6px}.link-button:hover{text-decoration:underline}.tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.tile{border:1px solid #e5dcd1;background:#fffefa;border-radius:17px;min-height:110px;padding:17px 18px;text-align:left;display:flex;flex-direction:column;gap:8px;transition:transform .16s,border-color .16s,box-shadow .16s}.tile:hover{transform:translateY(-2px);border-color:#c9b8a4;box-shadow:0 7px 20px #54412d12}.tile .tile-icon{font-size:16px;color:#9c8164}.tile-name{font-size:14px;color:#352d26;font-weight:650}.tile-sub{font-size:11px;color:#9c8e81}.tile-line{height:4px;background:#eee7df;border-radius:20px;overflow:hidden;margin-top:auto}.tile-line>i{display:block;height:100%;background:#a48e75;border-radius:20px}
    .vocab-list{border:1px solid #e4dbd0;border-radius:17px;overflow:hidden;background:#fffefa}.vocab-header,.vocab-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 70px 36px;gap:14px;align-items:center;padding:0 18px}.vocab-header{height:38px;color:#a09386;font-size:10px;text-transform:uppercase;letter-spacing:.11em;background:#f9f5ee}.vocab-row{width:100%;height:51px;background:none;border:0;border-top:1px solid #f0eae3;text-align:left;color:#53483d;font-size:12px}.vocab-row:hover{background:#f8f3eb}.vocab-row span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vocab-row .phase-chip{width:39px;text-align:center;padding:5px 0;background:#f0ebe4;color:#746353;border-radius:7px;font-weight:650;font-size:11px}.vocab-row .edit-arrow{color:#aa9c8e;text-align:right;font-size:15px}
    .empty{border:1px dashed #d8cabe;border-radius:20px;background:#fcfaf5;min-height:260px;display:flex;align-items:center;justify-content:center;text-align:center;padding:35px}.empty .empty-symbol{width:59px;height:59px;margin:auto auto 17px;display:grid;place-items:center;border-radius:17px;background:#eee6da;color:#877057;font-size:29px}.empty h2{font-size:17px;margin:0 0 7px;font-weight:650}.empty p{font-size:12px;color:#9b8e80;margin:0 0 17px;line-height:1.5}.empty .outline{height:34px}
    .study-wrap{padding:27px 45px 70px;max-width:900px;width:100%;margin:0 auto;display:flex;flex-direction:column;min-height:calc(100vh - 65px)}.study-top{display:flex;align-items:center;justify-content:space-between;color:#958779;font-size:12px}.study-top strong{font-weight:650;color:#41372e}.study-meta{display:flex;align-items:center;gap:13px}.segmented{display:flex;gap:3px;border:1px solid #e2d8cc;background:#eee8e0;padding:3px;border-radius:11px}.segmented button{border:0;background:none;border-radius:8px;height:27px;padding:0 10px;color:#8b7d6e;font-size:11px}.segmented button.active{background:#fffefa;color:#47392c;box-shadow:0 1px 3px #48372617}.study-progress{display:flex;gap:4px;margin:24px 0 30px}.study-progress i{height:4px;flex:1;border-radius:10px;background:#e4dcd3}.study-progress i.now{background:#9b836a}
    .flashcard{background:#fffefa;border:1px solid #dfd4c8;border-radius:28px;min-height:410px;box-shadow:0 17px 45px #6a523715;display:flex;flex-direction:column;position:relative;padding:32px clamp(28px,6vw,70px) 38px}.flashcard-top{display:flex;justify-content:space-between;align-items:center;color:#a08e7d;font-size:11px}.phase-marker{border:1px solid #e4d8ca;background:#f6f0e8;border-radius:9px;padding:6px 9px;color:#75614d;font-weight:650}.flashcard-body{flex:1;display:flex;flex-direction:column;justify-content:center}.prompt-label{color:#a69380;text-transform:uppercase;font-size:10px;letter-spacing:.18em;font-weight:700;margin-bottom:14px}.prompt{font-size:clamp(30px,4vw,50px);line-height:1.12;letter-spacing:-.05em;font-weight:610;margin:0 0 34px;overflow-wrap:anywhere}.answer-input{border:0;border-bottom:1px solid #d9cbbc;background:none;color:#2e2924;border-radius:0;padding:10px 0 12px;width:100%;font-size:22px;outline:none}.answer-input::placeholder{color:#b6a99c}.answer-input:focus{border-color:#967858;outline:none}.answer-visible{font-size:25px;line-height:1.35;color:#5e4c3b;font-weight:600;overflow-wrap:anywhere}.answer-note{font-size:12px;color:#9c8c7b;margin-top:10px}.card-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:40px}.card-footer .left-actions,.card-footer .right-actions{display:flex;gap:8px;align-items:center}.result-pill{font-size:11px;color:#817365}.result-pill.good{color:#47816b}.result-pill.bad{color:#ab655a}.grade{height:37px;border-radius:10px;padding:0 14px;border:1px solid #d9cfc4;background:#fffdfa;font-size:12px;color:#67594c;font-weight:650}.grade.good.active{border-color:#82b19a;background:#e5f1e9;color:#386e53}.grade.bad.active{border-color:#dba39b;background:#f7e6e3;color:#9b4e45}.subtle{border:0;background:none;color:#897766;font-size:12px;padding:8px 4px}.subtle:hover{text-decoration:underline}.study-hint{text-align:center;color:#aa9d90;font-size:11px;margin-top:19px}
    .toast{position:fixed;right:24px;bottom:23px;background:#322b25;color:#fffaf2;border-radius:11px;padding:11px 16px;font-size:12px;box-shadow:0 8px 30px #3a2d2460;z-index:30;opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:none}.dialog-scrim{position:fixed;inset:0;background:#21190fb0;display:flex;align-items:center;justify-content:center;z-index:20;padding:20px}.dialog{width:min(100%,460px);border-radius:23px;background:#fffdf9;border:1px solid #e8ded2;box-shadow:0 23px 70px #24190e39;padding:28px}.dialog h2{font-size:21px;letter-spacing:-.035em;margin:0 0 19px}.field{display:block;margin-bottom:16px}.field span{display:block;color:#8d8074;font-size:11px;margin-bottom:7px}.field input,.field textarea{width:100%;border:1px solid #ddd2c6;background:#faf7f2;border-radius:11px;padding:11px 12px;color:#2b241e;outline:none;font-size:13px}.field textarea{height:80px;resize:vertical}.field input:focus,.field textarea:focus{border-color:#9f8062}.dialog-actions{display:flex;justify-content:space-between;gap:8px;margin-top:22px}.dialog-actions .right{display:flex;gap:8px}.danger{color:#b65e52;border:0;background:none;font-size:12px}.dialog .note{color:#968779;font-size:11px;line-height:1.5;margin:-5px 0 15px}.hidden{display:none!important}
    @media(max-width:850px){.app{grid-template-columns:205px minmax(0,1fr)}.view{padding:29px 25px 60px}.topbar{padding:0 25px}.metrics{grid-template-columns:1fr}.metric-card{min-height:105px}.study-wrap{padding:25px 24px 60px}}@media(max-width:690px){body{min-width:0}.app{grid-template-columns:1fr}.sidebar{min-height:0;border-right:0;border-bottom:1px solid #ddd6cd}.brand{height:52px}.workspace-switch{margin:0 12px 10px}.sidehead,.tree,.sidefoot{display:none}.topbar{height:49px;padding:0 16px}.view{padding:24px 16px}.hero{align-items:flex-start}.hero h1{font-size:28px}.hero-tools{flex-wrap:wrap;justify-content:flex-end}.study-wrap{min-height:calc(100vh - 145px);padding:16px}.flashcard{min-height:390px;padding:25px}.study-top{flex-wrap:wrap;gap:12px}}
    .sidebar{position:relative}.brand{height:76px;padding-left:23px}.brand small{display:none}.tree{padding:2px 12px 85px}.tree-row{height:30px;font-size:13px;padding-right:12px;border-radius:8px;gap:4px;transition:background .13s,border-color .13s}.tree-row.selected{background:#e8dfd5;border-color:#dccfc1}.tree-row .twisty{font-size:16px;color:#9d9b97;width:14px;height:20px;line-height:20px}.tree-row .pack-spacer{width:14px;height:20px;flex:none}.tree-row .micro{font-size:10px}.tree-row.dragging,.vocab-row.dragging{opacity:.38}.tree-row.drop-into{background:#e6eee8;border-color:#7b9e8c}.tree-row.drop-before{box-shadow:inset 0 3px #8eaa98}.tree-row.drop-after{box-shadow:inset 0 -3px #8eaa98}.tree.drop-root{background:#e9efe9;border-radius:12px}
    .settings-button{position:absolute;bottom:19px;left:21px;width:34px;height:34px;border:0;border-radius:10px;background:transparent;color:#786c60;font-size:19px;line-height:1}.settings-button:hover{background:#e7ded2}.view{padding-top:57px}.hero{align-items:center;margin:0 0 28px}.hero h1{font-size:clamp(28px,3vw,37px)}.hero p,.eyebrow,.section-head,.tile-grid,.empty{display:none}.hero-tools{align-items:center}.progress-pill{font-size:12px;color:#69533d;border:1px solid #d9c9b8;background:#f5eee5;padding:8px 10px;border-radius:10px;font-weight:700;min-width:49px;text-align:center}.phase-deck{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:3px 0 34px}.phase-card{min-height:100px;border:1px solid #e5dcd1;background:#fffefa;border-radius:16px;padding:14px 14px 13px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 6px 18px #5b483309}.phase-card .phase-num{font-size:11px;color:#8b7d70}.phase-card strong{font-size:23px;line-height:1;color:#342a22;font-weight:650}.phase-card i{height:4px;width:100%;border-radius:3px;display:block}.main{min-height:100vh}.vocab-list{margin-top:8px}.vocab-row{cursor:pointer}.vocab-row:active,.tree-row:active{cursor:grabbing}.vocab-row.drop-before{box-shadow:inset 0 3px #8eaa98}.vocab-row.drop-after{box-shadow:inset 0 -3px #8eaa98}.vocab-header{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 70px 36px}.vocab-header span:last-child{display:none}
    .context-menu{position:fixed;z-index:45;min-width:184px;padding:5px;background:#fffefa;border:1px solid #ded4c9;border-radius:13px;box-shadow:0 15px 45px #2d211d25}.context-menu button{display:block;width:100%;height:35px;text-align:left;padding:0 12px;border:0;background:none;border-radius:8px;color:#40362d;font-size:12px}.context-menu button:hover{background:#f2eae0}.context-menu .danger{color:#a4554b}.context-menu .divider{height:1px;background:#eee7df;margin:4px 7px}.settings-choice{display:flex;gap:9px}.settings-choice button{flex:1;height:45px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 24px;padding:14px 0;border-top:1px solid #eee5db;border-bottom:1px solid #eee5db}.settings-row strong{display:block;font-size:14px;color:#372c24}.settings-row small{display:block;margin-top:4px;color:#827364;font-size:12px;line-height:1.4}.settings-switch{position:relative;flex:none;width:48px;height:28px;border:0;border-radius:99px;background:#c9bdb0;transition:background .18s}.settings-switch::after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #38271933;transition:transform .18s}.settings-switch[aria-checked='true']{background:#47816b}.settings-switch[aria-checked='true']::after{transform:translateX(20px)}
    .study-wrap{min-height:100vh}.prompt-label,.study-hint{display:none}.study-cards{display:grid;gap:13px}.study-card{min-height:210px;display:flex;flex-direction:column;background:#fffefa;border:1px solid #dfd4c8;border-radius:24px;box-shadow:0 12px 30px #6a523711;padding:25px clamp(25px,5vw,53px) 28px}.study-card.target-card{min-height:238px}.study-card-header{display:flex;align-items:center;gap:13px;min-height:34px;color:#9a4c47;font-size:12px;font-weight:650}.study-language{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:45%}.study-rule{height:2px;flex:1;background:#ca5a50;border-radius:3px;opacity:.78}.phase-marker{width:34px;height:34px;flex:none;display:grid;place-items:center;padding:0;border-radius:11px;font-size:14px;font-weight:750;background:var(--phase-tint);color:var(--phase-text);border:1px solid var(--phase-border);box-shadow:inset 0 -2px 0 #ffffff88}.study-card-body{display:flex;flex:1;flex-direction:column;min-height:0;padding-top:15px}.study-card-description{font-size:13px;line-height:1.55;color:#766b61;white-space:pre-wrap;overflow-wrap:anywhere}.study-answer-line{margin-top:auto;border-bottom:2px solid #7ca3c3;min-height:66px;display:flex;align-items:flex-end;padding:0 0 9px}.study-answer-line .prompt,.study-answer-line .answer-visible{font-size:clamp(27px,3.5vw,37px);font-weight:610;line-height:1.2;letter-spacing:-.035em;margin:0;color:#28231f}.study-answer-line .answer-input{border:0;padding:0;width:100%;font-size:clamp(24px,3vw,31px);height:43px;line-height:1.2}.study-answer-line .answer-input:focus{border:0}.answer-note{margin:12px 0 0}.study-cards+.card-footer{margin-top:16px;padding:0 5px}.card-footer .left-actions{min-width:32px}.result-pill{border:0;background:transparent;padding:6px 0;cursor:pointer;font-size:17px;font-weight:700}.phase-card{border-color:var(--phase-border);background:linear-gradient(180deg,var(--phase-tint),#fffefa 58%)}.phase-card .phase-num{color:var(--phase-text)}.phase-card i{background:var(--phase-color)}.phase-chip{background:var(--phase-tint)!important;color:var(--phase-text)!important;border:1px solid var(--phase-border)}.direction-choices{display:grid;gap:8px}.direction-choices button{width:100%;min-height:43px;text-align:left;border:1px solid #ded4c9;background:#fffefa;border-radius:11px;padding:0 13px;color:#53483d;font-size:13px}.direction-choices button.active{background:#f1e8dc;border-color:#ad9277;color:#3f3025;font-weight:650}.dialog{max-height:calc(100vh - 40px);overflow-y:auto}
    @media(max-width:850px){.phase-deck{grid-template-columns:repeat(3,minmax(0,1fr))}.view{padding-top:35px}}@media(max-width:690px){.sidebar{min-height:180px}.brand{height:60px}.tree{display:block;max-height:130px;padding-bottom:12px}.settings-button{top:14px;bottom:auto;left:auto;right:16px}.view{padding:27px 16px}.phase-deck{grid-template-columns:repeat(3,minmax(0,1fr))}.study-wrap{min-height:calc(100vh - 180px)}.study-card{padding:19px 22px 22px;min-height:190px}.study-card.target-card{min-height:215px}.card-footer .right-actions{flex-wrap:wrap;justify-content:flex-end}}
    .study-cards{gap:12px}.study-cards .study-card,.study-cards .study-card.target-card{position:relative;display:block;width:100%;height:295px;min-height:0;padding:0;overflow:hidden;border:0;border-radius:16px;background:#fff url('Karteikarte.png') center/100% 100% no-repeat;box-shadow:0 8px 25px #3f332111}.study-card-header{position:absolute;top:19.4%;left:4%;right:4%;height:24px;min-height:0;display:block;color:#9b332f;font-size:15px;font-weight:700}.study-card-header .study-language{display:inline-block;max-width:75%;padding:1px 9px 1px 0;background:#fff}.study-card-header .study-rule{display:none}.study-card-header .phase-marker{position:absolute;top:-43px;right:0;margin:0}.study-card-body{position:absolute;inset:0;display:block;min-height:0;padding:0}.study-card-body .study-prompt{position:absolute;top:28%;left:4%;right:4%;margin:0;font-size:clamp(23px,3vw,31px);font-weight:650;line-height:1.12;letter-spacing:-.035em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#28231f}.study-card-body .study-card-description{position:absolute;top:41%;left:4%;right:4%;max-height:27%;overflow:auto;margin:0;font-size:14px;line-height:1.45;color:#665b51;white-space:pre-wrap}.study-card-body .study-correct-answer,.study-card-body .study-typed-answer,.study-card-body .answer-input{position:absolute;top:70.5%;left:4%;width:92%;height:10.3%;display:flex;align-items:flex-end;margin:0;padding:0 0 2px;border:0;background:transparent;font-size:clamp(20px,2.6vw,27px);font-weight:650;line-height:1.15;letter-spacing:-.025em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.study-card-body .study-correct-answer{color:#29251f}.study-card-body .study-typed-answer.correct{color:#2e8050}.study-card-body .study-typed-answer.incorrect{color:#c54843}.study-card-body .answer-input{display:block;color:#28231f;outline:0}.study-card-body .answer-input:focus{border:0;outline:0}.study-card-body .answer-input::placeholder{font-weight:400;color:#b8aa9b}.study-cards+.card-footer{margin-top:13px}
    @media(max-width:690px){.study-cards .study-card,.study-cards .study-card.target-card{height:250px}.study-card-body .study-card-description{font-size:12px}.study-card-body .study-prompt{font-size:23px}.study-card-header .phase-marker{top:-38px}}
    .study-wrap{padding-bottom:35px}.study-cards .study-card,.study-cards .study-card.target-card{width:min(100%,520px);height:auto;aspect-ratio:3/2;justify-self:center;border-radius:0}.study-card-body .study-correct-answer,.study-card-body .study-typed-answer{white-space:normal;overflow:auto;overflow-wrap:anywhere;top:66%;height:15%}
    @media(max-width:690px){.study-cards .study-card,.study-cards .study-card.target-card{width:100%;height:auto;aspect-ratio:3/2}}
    .study-top{gap:16px;flex-wrap:wrap}.study-meta{flex:1;min-width:0}.study-stats{display:flex;gap:17px;align-items:center;white-space:nowrap;color:#8b7e70;font-size:12px}.study-stats span{display:inline-flex;align-items:baseline;gap:5px}.study-stats strong{font-size:16px;color:#40352b;font-weight:700}.study-stats .right strong{color:#397a51}.study-stats .wrong strong{color:#b74b48}.study-cards{gap:25px;margin-top:29px}.study-card-stack{position:relative;width:min(100%,520px);aspect-ratio:3/2;justify-self:center;isolation:isolate}.study-card-stack::before,.study-card-stack::after{content:"";position:absolute;inset:0;background:#fff url('Karteikarte.png') center/100% 100% no-repeat;box-shadow:0 7px 19px #3f332119;pointer-events:none}.study-card-stack::before{z-index:-2;transform:translate(8px,10px) rotate(2deg)}.study-card-stack::after{z-index:-1;transform:translate(-5px,5px) rotate(-1deg)}.study-cards .study-card,.study-cards .study-card.target-card{width:100%;height:100%;box-shadow:0 7px 24px #3f332122}.study-card-header{top:12.2%;height:7%;font-size:clamp(12px,1.5vw,16px);color:#923a36}.study-card-header .study-language{max-width:78%;padding:0;background:none}.study-card-header .phase-marker{top:-27px}.study-card-body .study-prompt{top:27%;font-size:clamp(21px,2.9vw,30px)}.study-card-body .study-card-description{top:38.5%;left:4%;right:4%;max-height:42%;font-size:clamp(11px,1.4vw,15px);line-height:2.5;overflow:auto}.study-card-body .study-correct-answer{display:none}.study-card-body .study-typed-answer,.study-card-body .answer-input{top:69%;height:11%;left:4%;width:92%}.study-card-stack.is-source .study-card-description{color:#554d45}.study-cards.is-dealing .study-card-stack:first-child{animation:card-away-left .23s ease-in both}.study-cards.is-dealing .study-card-stack:last-child{animation:card-away-right .23s ease-in both}.study-cards.is-entering .study-card-stack:first-child{animation:card-arrive-left .35s cubic-bezier(.18,.72,.22,1) both}.study-cards.is-entering .study-card-stack:last-child{animation:card-arrive-right .38s .04s cubic-bezier(.18,.72,.22,1) both}@keyframes card-away-left{to{opacity:0;transform:translate(-65px,14px) rotate(-5deg)}}@keyframes card-away-right{to{opacity:0;transform:translate(65px,14px) rotate(5deg)}}@keyframes card-arrive-left{from{opacity:0;transform:translate(55px,-22px) rotate(4deg)}to{opacity:1;transform:none}}@keyframes card-arrive-right{from{opacity:0;transform:translate(-55px,-22px) rotate(-4deg)}to{opacity:1;transform:none}}@media(max-width:690px){.study-stats{gap:9px;font-size:11px}.study-stats strong{font-size:14px}.study-cards{margin-top:24px;gap:20px}.study-card-header{top:11.5%}.study-card-header .phase-marker{top:-18px}.study-card-body .study-card-description{font-size:11px}}@media(prefers-reduced-motion:reduce){.study-cards.is-dealing .study-card-stack,.study-cards.is-entering .study-card-stack{animation:none}}
    .app.studying{grid-template-columns:minmax(0,1fr)}.app.studying .sidebar{display:none}.app.studying .study-wrap{max-width:860px}.phase-folder-board{width:min(100%,564px);margin:-24px auto 35px}.phase-folder-board svg{display:block;width:100%;height:auto;overflow:visible}.phase-folder{cursor:pointer;transition:transform .22s cubic-bezier(.2,.72,.2,1);outline:none}.phase-folder:hover,.phase-folder:focus-visible{transform:translateY(-9px)}.phase-folder-path{fill:#fff;stroke:#252321;stroke-width:5.4;stroke-linejoin:round;filter:drop-shadow(0 5px 5px #3f332119);transition:fill .2s,stroke .2s}.phase-folder:hover .phase-folder-path,.phase-folder:focus-visible .phase-folder-path,.phase-folder.selected .phase-folder-path{fill:var(--phase-tint);stroke:var(--phase-color)}.phase-folder-num{font-size:14px;font-weight:750;fill:var(--phase-text)}.phase-folder-count{font-size:13px;font-weight:700;fill:#3c352f}.phase-selection-head{display:flex;justify-content:space-between;align-items:center;margin:0 0 12px;color:#55483b;font-size:14px;font-weight:650}.phase-selection-head span{font-size:12px;color:#8d8074}.phase-empty{padding:20px 18px;color:#968a7e;font-size:12px}.study-card-body .study-card-copy{position:absolute;top:27%;left:4%;right:4%;bottom:17%;overflow:auto;scrollbar-width:thin}.study-card-body .study-card-copy .study-prompt{position:static;font-size:clamp(20px,2.7vw,29px);line-height:1.23;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;letter-spacing:-.035em}.study-card-body .study-card-copy .study-card-description{position:static;max-height:none;margin-top:7px;font-size:clamp(11px,1.35vw,14px);line-height:2.45;overflow:visible}.study-cards.is-checked.is-correct .is-target{animation:card-check-good .35s cubic-bezier(.18,.7,.24,1)}.study-cards.is-checked.is-wrong .is-target{animation:card-check-wrong .3s ease-out}.study-feedback{position:absolute;right:4%;top:11%;border:1px solid transparent;border-radius:9px;padding:5px 9px;font-size:12px;font-weight:750;animation:feedback-in .28s ease-out both}.study-feedback.correct{color:#2e8050;background:#eaf5ed;border-color:#c4dfcd}.study-feedback.incorrect{color:#b54842;background:#fbecea;border-color:#ebc7c2}.study-cards+.card-footer{justify-content:flex-end}@keyframes card-check-good{0%{transform:scale(.985)}55%{transform:translateY(-6px) rotate(-.7deg)}100%{transform:none}}@keyframes card-check-wrong{0%,100%{transform:none}35%{transform:translateX(-5px) rotate(-.5deg)}70%{transform:translateX(4px) rotate(.5deg)}}@keyframes feedback-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(max-width:690px){.phase-folder-board{margin:-15px auto 22px}.study-card-body .study-card-copy .study-prompt{font-size:clamp(17px,4vw,24px)}.study-card-body .study-card-copy .study-card-description{font-size:11px}}@media(prefers-reduced-motion:reduce){.phase-folder,.phase-folder-path{transition:none}.study-cards.is-checked .is-target,.study-feedback{animation:none}}
    .study-card-header .phase-marker{position:absolute;border:2px solid var(--phase-color);border-radius:5px;background:var(--phase-tint);color:var(--phase-text);width:37px;height:33px;box-shadow:0 2px 0 #ffffff90}.study-card-header .phase-marker::before{content:"";position:absolute;top:-8px;left:4px;width:13px;height:7px;border:2px solid var(--phase-color);border-bottom:0;border-radius:4px 4px 0 0;background:var(--phase-tint)}
    .sidebar{background:#f6f6f6;border-right:1px solid #e4e4e4;font-family:"Segoe UI",Inter,Arial,sans-serif}.tree{padding:2px 6px 85px;font-family:"Segoe UI",Inter,Arial,sans-serif}.tree-row{position:relative;height:27px;width:100%;padding:0 8px 0 var(--indent);gap:4px;border:0;border-radius:4px;background:transparent;color:#535353;font-size:12.5px;font-weight:400;line-height:1;text-align:left;white-space:nowrap;transition:background-color .12s ease;transform:none}.tree-row:hover{background:#ebebeb}.tree-row.selected{background:#e4e4e4;border:0;color:#242424;font-weight:500}.tree-row .tree-chevron{width:12px;height:12px;flex:none;display:grid;place-items:center;color:#aaa}.tree-row .tree-chevron svg{display:block;width:11px;height:11px;overflow:visible;transition:transform .13s ease}.tree-row .tree-chevron path{fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.tree-row .tree-chevron.open svg{transform:rotate(90deg)}.tree-row .tree-chevron.blank svg{visibility:hidden}.tree-row .tree-guide{position:absolute;top:0;bottom:0;width:1px;background:#d8d8d8;pointer-events:none}.tree-row .node-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-row.drop-into{background:#e7efe9;box-shadow:inset 0 0 0 1px #9cb9a2}.tree-row.drop-before{box-shadow:inset 0 2px #8eaa98}.tree-row.drop-after{box-shadow:inset 0 -2px #8eaa98}.tree.drop-root{background:#e8eee9;border-radius:4px}@media(max-width:690px){.sidebar{border-bottom:1px solid #e4e4e4}.tree{padding:2px 6px 12px}}
    html{scrollbar-gutter:auto}.tree-row{line-height:1.35}.tree-row .node-name{line-height:1.35;padding-bottom:1px}.phase-folder{transform-box:fill-box;transform-origin:center}.phase-folder:hover,.phase-folder:focus-visible{transform:scale(1.025)}.phase-folder-num{font-size:12px}.phase-folder-count{font-size:12px}.phase-selection-head{min-height:22px}.phase-selection-head.is-placeholder{visibility:hidden}.app.studying .study-wrap{max-width:1160px;padding-left:32px;padding-right:32px}.study-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.study-card-stack{width:100%;min-width:0}.study-card-header .phase-marker{top:-30px;right:0;width:auto;height:auto;padding:0;border:0;border-radius:0;background:none;box-shadow:none;color:var(--phase-text);font-family:"Segoe Print","Comic Sans MS",cursive;font-size:clamp(15px,1.8vw,19px);font-weight:700;transform:rotate(-3deg)}.study-card-header .phase-marker::before{content:none}.study-card-body .study-typed-answer,.study-card-body .answer-input{top:27.3%;height:10.5%}@media(max-width:760px){.app.studying .study-wrap{padding-left:18px;padding-right:18px}.study-cards{grid-template-columns:1fr;gap:20px}.study-card-stack{width:min(100%,520px)}}
    .view{padding-top:23px}.location-path{height:17px;margin-bottom:22px;color:#92908d;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.location-path.is-placeholder{visibility:hidden}.location-path .separator{padding:0 7px;color:#bbb4ac}.hero{margin-bottom:25px}.hero-tools{gap:12px}.progress-pill{position:relative;display:grid;place-items:center;width:66px;height:66px;min-width:66px;padding:0;border:0;border-radius:50%;background:conic-gradient(#75553a var(--progress),#e0d6cb 0);box-shadow:0 4px 14px #523a2414;color:#3c2a1d;font-size:17px;font-weight:800}.progress-pill::before{content:"";position:absolute;inset:6px;border-radius:50%;background:#fffdfa}.progress-pill span{position:relative}.hero-tools .primary{height:46px;min-width:105px;border-radius:13px;font-size:13px;letter-spacing:.01em;box-shadow:0 6px 16px #4d372223;transition:transform .2s,box-shadow .2s,background .2s}.hero-tools .primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 9px 20px #4d37222e}.phase-folder-path{stroke:var(--phase-color);fill:#fff}.phase-folder:hover,.phase-folder:focus-visible{transform:translateY(-6px) scale(1.04)}.phase-folder-count{fill:var(--phase-text);font-family:"Segoe Print","Comic Sans MS",cursive;font-size:13px}.phase-folder-num{font-family:"Segoe Print","Comic Sans MS",cursive;font-size:12px}
    .vocab-gallery{display:flex;flex-direction:column;gap:18px;margin-top:8px}
    .vocab-pair{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,3vw,28px);align-items:start}
    .vocab-pair.dragging{opacity:.4}
    .vocab-pair.drop-before::before,.vocab-pair.drop-after::after{content:"";position:absolute;left:0;right:0;height:3px;border-radius:3px;background:#83a99a}
    .vocab-pair.drop-before::before{top:-10px}.vocab-pair.drop-after::after{bottom:-10px}
    .vocab-sheet{position:relative;min-width:0;aspect-ratio:3/2;container-type:inline-size;background:#fff url('Karteikarte.png') center top/100% 108% no-repeat;box-shadow:0 4px 13px #44382b12;transition:transform .18s ease,box-shadow .18s ease;cursor:pointer}
    .vocab-pair:hover .vocab-sheet{box-shadow:0 8px 22px #44382b1a}
    .vocab-sheet .sheet-language{position:absolute;top:11.8%;left:4.1%;max-width:62%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(10px,1.2vw,13px);font-weight:700;color:#a4413b}
    .vocab-sheet .sheet-phase{position:absolute;top:11.1%;right:4.1%;font-family:"Segoe Print","Comic Sans MS",cursive;font-size:clamp(10px,1.25vw,14px);font-weight:700;color:var(--phase-text)}
    .vocab-sheet .sheet-word,.vocab-sheet .sheet-word-display{position:absolute;top:28.8%;left:4.1%;width:91.8%;height:11%;box-sizing:border-box;border:0;background:transparent;padding:0;color:#173b75;font-family:"Segoe Print","Comic Sans MS",cursive;font-size:clamp(16px,6.2cqw,24px);font-weight:600;line-height:7.8cqw;outline:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    .vocab-sheet .sheet-description,.vocab-sheet .sheet-description-display{position:absolute;top:42.2%;left:4.1%;width:91.8%;height:47%;box-sizing:border-box;border:0;background:transparent;resize:none;padding:0;color:#21467d;font-family:"Segoe Print","Comic Sans MS",cursive;font-size:clamp(12px,5.1cqw,18px);font-weight:400;line-height:7.8cqw;outline:none;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;scrollbar-width:thin}
    .vocab-sheet .sheet-edit-label{position:absolute;left:4.1%;z-index:1;color:#6b6259;font-family:Nunito,"Segoe UI",Arial,sans-serif;font-size:clamp(10px,3.5cqw,12px);font-weight:700;line-height:1;white-space:nowrap}.vocab-sheet .sheet-edit-label.name-label{top:32.7%}.vocab-sheet .sheet-edit-label.description-label{top:45.9%}
    .vocab-sheet.is-editing .sheet-word{top:28.8%;left:21%;width:74.9%;height:11%;background:transparent;border:0}.vocab-sheet.is-editing .sheet-description{top:53.6%;height:35%;background:transparent;border:0}.vocab-sheet.is-editing{box-shadow:0 0 0 2px #b99c78,0 8px 22px #44382b1a;cursor:default}
    .vocab-sheet .sheet-word::placeholder,.vocab-sheet .sheet-description::placeholder{color:#aaa19a;font-weight:400}
    .vocab-sheet .sheet-word:focus-visible,.vocab-sheet .sheet-description:focus-visible{outline:none}
    .vocab-sheet:focus-within{box-shadow:0 6px 19px #44382b23}
    .sheet-save{position:absolute;right:4.1%;bottom:1%;display:grid;place-items:center;width:22px;height:22px;padding:0;border:0;border-radius:6px;background:#fffdf9df;color:#715942;box-shadow:0 1px 5px #47322229}
    .sheet-save:hover{background:#efe5d9}.sheet-save svg{width:14px;height:14px}
    .vocab-pair.is-draft .vocab-sheet{box-shadow:0 5px 19px #4d3f2d1d}
    .draft-cancel{position:absolute;right:4.1%;bottom:1%;width:22px;height:22px;border:0;border-radius:6px;background:#fffdf9df;color:#9d7366;font-size:18px;line-height:1}
    .add-vocab-card{display:grid;place-items:center;width:calc((100% - clamp(14px,3vw,28px))/2);aspect-ratio:3/2;border:0;background:#fff url('Karteikarte.png') center top/100% 108% no-repeat;box-shadow:0 4px 13px #44382b12;color:#615c59;transition:transform .2s,box-shadow .2s}
    .add-vocab-card:hover{transform:translateY(-4px);box-shadow:0 8px 22px #44382b24}.add-vocab-card span{font-size:clamp(48px,7vw,78px);font-weight:300;line-height:1;opacity:.73}
    .study-cards .study-card{container-type:inline-size}
    .study-card-body .study-card-copy{top:26.5%;bottom:15%}
    .study-card-body .study-card-copy .study-prompt{font-family:"Segoe Print","Comic Sans MS",cursive;font-size:clamp(18px,5.1cqw,30px);font-weight:600;line-height:7.2cqw;letter-spacing:0;color:#173b75}
    .study-card-body .study-card-copy .study-card-description{margin-top:0;font-family:"Segoe Print","Comic Sans MS",cursive;font-size:clamp(13px,3.9cqw,19px);font-weight:400;line-height:7.2cqw;color:#21467d}
    .study-card-body .study-typed-answer,.study-card-body .answer-input{font-family:"Segoe Print","Comic Sans MS",cursive;font-size:clamp(17px,5cqw,28px);font-weight:600;line-height:7.2cqw;letter-spacing:0;color:#173b75}
    .study-card-body .study-typed-answer{height:auto;min-height:10.5%;overflow:visible;white-space:normal;overflow-wrap:anywhere}
    .study-card-body .study-typed-answer.incorrect{color:#173b75}
    .study-typed-answer .answer-spelling.is-similar{text-decoration:underline dotted #bf393b;text-decoration-thickness:2px;text-underline-offset:6px}
    .study-typed-answer .answer-spelling.is-unrelated{color:#bf393b}
    .study-typed-answer .answer-error,.study-typed-answer .answer-missing{color:#bf393b;font-weight:700}
    .study-typed-answer .answer-extra{color:#c56a1f;font-weight:700}
    .study-typed-answer .answer-missing{background:#ffe7e5;border-radius:3px;white-space:pre}
    .phase-selection-head{gap:14px}.phase-selection-title{display:flex;align-items:baseline;gap:9px;min-width:0}.gallery-size-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:none;min-height:32px;padding:0 11px;border:1px solid #ded3c7;border-radius:9px;background:#fffefa;color:#65503d;font-size:12px;font-weight:700}.gallery-size-toggle:hover{background:#f1e9df}.gallery-size-toggle svg{width:15px;height:15px}.view.is-gallery-expanded{width:min(100%,1800px)}.view.is-gallery-expanded .phase-folder-board{display:none}.view.is-gallery-expanded .vocab-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));align-content:start;gap:18px}.view.is-gallery-expanded .vocab-pair{min-width:0}@media(max-width:540px){.gallery-size-toggle{font-size:0;gap:0}.gallery-size-toggle svg{width:17px;height:17px}}
    .app{height:100dvh;min-height:0;overflow:hidden}.main{min-height:0;overflow:hidden}.main>#content{flex:1;min-height:0;overflow:hidden}.view{height:100%;min-height:0;display:flex;flex-direction:column;padding-bottom:12px}.view .location-path,.view .hero,.view .phase-folder-board,.view .phase-selection-head{flex:none}.view .phase-folder-board{width:min(100%,clamp(370px,52vh,520px));margin-bottom:14px}.vocab-gallery{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:none;padding:8px 6px 28px;margin:-8px -6px 0;mask-image:linear-gradient(to bottom,transparent 0,#000 9px,#000 calc(100% - 17px),transparent 100%)}.vocab-gallery::-webkit-scrollbar{display:none}.app.studying .main{overflow-y:auto}.app.studying .main>#content{overflow:visible}.sidebar{min-height:0}.sidebar-toggle,.sidebar-reveal{display:grid;place-items:center;flex:none;width:27px;height:27px;padding:0;border:0;border-radius:6px;background:transparent;color:#797979}.sidebar-toggle{margin-left:auto}.sidebar-toggle:hover,.sidebar-reveal:hover{background:#e7e7e7;color:#333}.sidebar-toggle svg,.sidebar-reveal svg{width:16px;height:16px}.sidebar-reveal{display:none;position:fixed;z-index:11;top:18px;left:16px;background:#fffdfa;border:1px solid #ddd5cb;box-shadow:0 2px 9px #352b1b1c}.app.sidebar-collapsed{grid-template-columns:minmax(0,1fr)}.app.sidebar-collapsed .sidebar{display:none}.app.sidebar-collapsed:not(.studying) .sidebar-reveal{display:grid}.app.studying .sidebar-reveal{display:none}@media(max-width:690px){.app{grid-template-rows:auto minmax(0,1fr)}.app.sidebar-collapsed{grid-template-rows:minmax(0,1fr)}.sidebar-reveal{top:10px;left:10px}.view{padding-bottom:8px}.view .phase-folder-board{width:min(100%,clamp(250px,39vh,400px))}}@media(max-height:650px){.view{padding-top:10px}.view .location-path{margin-bottom:7px}.view .hero{margin-bottom:7px}.view .phase-folder-board{width:min(100%,320px);margin-bottom:4px}}@media(prefers-reduced-motion:reduce){.vocab-gallery{scroll-behavior:auto}}
    @media(max-width:760px){.vocab-pair{gap:12px}.vocab-gallery{gap:13px}}
    @media(max-width:540px){.vocab-pair{grid-template-columns:1fr}.add-vocab-card{width:100%}}
    @media(prefers-reduced-motion:reduce){.phase-folder,.vocab-sheet,.add-vocab-card,.hero-tools .primary{transition:none}}
    .gallery-size-toggle{width:36px;height:36px;min-height:36px;padding:0;gap:0}.gallery-size-toggle svg{width:17px;height:17px}.gallery-size-toggle[aria-pressed='true']{background:#efe7dc;border-color:#cbb8a1}.vocab-pair-caption{display:none}.view.is-gallery-expanded .vocab-gallery{grid-template-columns:repeat(auto-fit,minmax(min(100%,520px),1fr));gap:24px}.view.is-gallery-expanded .vocab-pair{gap:11px;padding:35px 11px 11px;border:1px solid #e2d8cb;border-radius:13px;background:#f2ede6;box-shadow:0 4px 14px #4133250d;transition:background .18s,border-color .18s}.view.is-gallery-expanded .vocab-pair:hover{background:#f0e9e0;border-color:#d3c3af}.view.is-gallery-expanded .vocab-pair-caption{position:absolute;top:8px;left:11px;right:11px;display:flex;align-items:center;gap:9px;min-width:0;height:20px;color:#6b5949;font:700 11px Nunito,"Segoe UI",Arial,sans-serif;pointer-events:none}.vocab-pair-index{display:inline-grid;place-items:center;flex:none;min-width:28px;height:20px;padding:0 5px;border-radius:6px;background:#fffdfa;color:#77614b;font-variant-numeric:tabular-nums}.vocab-pair-languages{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vocab-pair-languages .pair-link{padding:0 5px;color:#a79178}@media(max-width:540px){.view.is-gallery-expanded .vocab-pair{padding:32px 8px 8px;gap:9px}.view.is-gallery-expanded .vocab-pair-caption{left:8px;right:8px}}
    .vocab-sheet.is-editing input,.vocab-sheet.is-editing textarea{z-index:2;pointer-events:auto;user-select:text;cursor:text}.vocab-sheet.is-editing .sheet-edit-label{cursor:text}
    .study-launch{position:relative;display:flex;align-items:stretch;height:52px;border:1px solid #67513c;border-radius:14px;background:#69533d;box-shadow:0 6px 16px #4d372223}.study-games-toggle{display:grid;place-items:center;width:40px;border:0;border-right:1px solid #ffffff36;border-radius:13px 0 0 13px;background:transparent;color:#fffdf9}.study-games-toggle svg{width:16px;height:16px;transition:transform .18s}.study-games-toggle[aria-expanded='true'] svg{transform:rotate(180deg)}.study-games-toggle:hover:not(:disabled){background:#ffffff13}.hero-tools .study-launch .primary{height:50px;min-width:119px;font-size:14px;border:0;border-radius:0 13px 13px 0;box-shadow:none}.hero-tools .study-launch .primary:hover:not(:disabled){transform:none;box-shadow:none}.games-menu{position:absolute;z-index:12;top:calc(100% + 9px);left:0;width:224px;padding:7px;border:1px solid #ded8ce;border-radius:14px;background:#fffefa;box-shadow:0 12px 35px #41332622;animation:games-menu-in .18s ease-out}.games-menu-label{display:block;padding:5px 9px 7px;color:#8b8177;font-size:10px;letter-spacing:.1em;text-transform:uppercase;font-weight:800}.games-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:12px 9px;border:0;border-radius:9px;background:none;text-align:left;color:#3c352f;font-size:14px;font-weight:750}.games-menu button:hover{background:#f0ebe4}.games-menu button svg{width:23px;height:23px;color:#6e659a}@keyframes games-menu-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
    .match-wrap{width:min(100%,800px);min-height:100dvh;margin:auto;padding:28px 36px 34px;color:#343239}.match-top{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:35px}.match-exit{display:flex;align-items:center;gap:7px;padding:8px 0;border:0;background:none;color:#7b757c;font-size:13px;font-weight:700}.match-exit span{font-size:24px;line-height:1;font-weight:400}.match-exit:hover{color:#403641}.match-top-right{display:flex;align-items:center;gap:23px}.match-timer{font-size:16px;font-weight:750;font-variant-numeric:tabular-nums;color:#7a727e}.match-hearts{display:flex;gap:7px}.match-heart{width:24px;height:24px;fill:#ce6774}.match-heart.is-lost{fill:#e2dce0}.match-title h1{font-size:30px;font-weight:850;letter-spacing:-.035em;margin:0 0 7px}.match-title p{margin:0;color:#827b83;font-size:14px;line-height:1.5}.match-round-head{display:flex;align-items:center;justify-content:space-between;margin:25px 0 16px;font-size:12px;color:#867e88}.match-round-head strong{color:#655675;font-weight:800}.match-round-dots{display:flex;gap:6px}.match-round-dots i{width:8px;height:8px;border-radius:50%;background:#ded6e2}.match-round-dots i.is-done{background:#83aa94}.match-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.match-column{display:flex;flex-direction:column;gap:12px;min-width:0}.match-column-label{margin:0 4px 1px;color:#8b838d;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.match-tile{width:100%;min-height:70px;padding:14px 17px;border:1.5px solid #ddd7df;border-bottom-width:3px;border-radius:13px;background:#fffefd;color:#48404e;font-size:17px;font-weight:700;line-height:1.35;overflow-wrap:anywhere;transition:background .14s,border-color .14s,transform .14s}.match-tile:hover:not(:disabled){background:#f5f0fa;border-color:#c6b8d9;transform:translateY(-1px)}.match-tile:focus-visible{outline:3px solid #c3b5d9;outline-offset:3px}.match-tile.is-selected{background:#ece5f5;border-color:#a58fbc;color:#655080}.match-tile.is-matched{background:#eef5f0;border-color:#d5e4da;color:#69917a;opacity:.6;cursor:default}.match-tile.is-wrong{background:#fae9eb;border-color:#dc8892;color:#b44c5a;animation:match-wrong .25s ease-out}.match-feedback{min-height:43px;margin:18px 0 0;text-align:center;color:#877b8e;font-size:13px;line-height:1.5}.match-feedback.is-wrong{color:#b65360}.match-feedback.is-correct{color:#55806a}.match-footer{display:flex;justify-content:center;gap:22px;margin-top:8px;color:#9b919d;font-size:12px}.match-footer strong{color:#65596e;font-weight:800}@keyframes match-wrong{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
    .match-lobby{padding-top:36px}.match-lobby-set{color:#82778a;font-size:12px;text-align:right;overflow-wrap:anywhere}.match-mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:28px}.match-mode-card{border:1px solid #e2dae7;border-radius:20px;background:#fffefd;padding:25px;box-shadow:0 9px 28px #45354e08}.match-mode-tag{font-size:11px;text-transform:uppercase;letter-spacing:.09em;font-weight:800;color:#887196}.match-mode-card h2{margin:10px 0;font-size:24px;letter-spacing:-.035em;color:#51435e}.match-mode-card p{color:#807487;font-size:14px;line-height:1.7;margin:0 0 24px}.match-mode-card .primary{width:100%;height:48px;font-size:14px;background:#776287;border-color:#776287}.match-mode-card .primary:hover{background:#665274}.match-highscores{margin-top:24px}.match-highscores h2{display:flex;align-items:center;justify-content:space-between;color:#685972;font-size:14px;margin:0 0 10px}.match-highscores h2 span{color:#95859f;font-size:11px;font-weight:700}.match-highscores ol{list-style:none;padding:0;margin:0}.match-highscores li{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid #e8e1eb}.match-highscores li:last-child{border-bottom:0}.match-rank{display:grid;place-items:center;flex:none;width:26px;height:26px;border-radius:8px;background:#ece5f1;color:#7a648b;font-size:12px;font-weight:850}.match-record-info{flex:1;min-width:0}.match-record-info time{display:block;font-size:13px;color:#685772;font-weight:750}.match-record-info span{display:block;margin-top:2px;font-size:11px;color:#897b93;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.match-highscores li>strong{flex:none;color:#685379;font-size:17px;font-weight:850;font-variant-numeric:tabular-nums}.match-highscores small{font-size:10px;font-weight:700;color:#96869f}.match-highscores-empty{color:#93859c;font-size:13px;margin:12px 0}.match-pair-progress{display:block;width:100%;height:4px;margin:18px 0 0;border:0;border-radius:4px;overflow:hidden;appearance:none;background:#e5dce9;accent-color:#9a82b0}.match-pair-progress::-webkit-progress-bar{background:#e5dce9}.match-pair-progress::-webkit-progress-value{background:#9a82b0;border-radius:4px}.match-pair-progress::-moz-progress-bar{background:#9a82b0;border-radius:4px}
    .match-results{max-width:720px;padding-top:46px}.match-result-kicker{text-align:center;color:#8c818f;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.match-score-box{border:1px solid #e2dae7;border-radius:22px;padding:25px 22px 16px;background:#fffefd;text-align:center;box-shadow:0 9px 28px #45354e08}.match-score-number{display:block;color:#746089;font-size:68px;font-weight:900;letter-spacing:-.055em;line-height:1.1;font-variant-numeric:tabular-nums}.match-score-label{font-size:12px;font-weight:750;color:#94869d}.match-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:22px 0 0;padding-top:15px;border-top:1px solid #eee8f1}.match-stat{padding:10px 0;text-align:center}.match-stat strong{display:block;font-size:21px;font-weight:850;color:#564b60;font-variant-numeric:tabular-nums}.match-stat span{display:block;margin-top:5px;color:#82748c;font-size:12px;line-height:1.4}.match-score-explanation{color:#93869b;font-size:12px;line-height:1.65;margin-top:20px}.match-score-explanation summary{cursor:pointer;color:#74667f;font-weight:700}.match-score-explanation p{margin:10px 0 0}.match-result-actions{display:flex;justify-content:center;gap:10px;margin-top:28px}.match-result-actions .primary{background:#776287;border-color:#776287;height:44px}.match-result-actions .primary:hover{background:#665274}.match-result-actions .outline{height:44px}.match-results .match-hearts{justify-content:center;margin:18px 0 22px}@media(max-width:740px){.match-mode-grid{grid-template-columns:1fr}.match-mode-card{padding:22px}.match-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}}@media(max-width:560px){.match-wrap{padding:20px 20px 28px}.match-top{margin-bottom:24px}.match-top-right{gap:12px}.match-heart{width:21px;height:21px}.match-title h1{font-size:26px}.match-columns{gap:12px}.match-tile{min-height:64px;padding:11px 10px;font-size:15px}.match-results{padding-top:34px}.match-score-number{font-size:60px}.match-result-actions{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.games-menu,.match-tile{animation:none;transition:none}.study-games-toggle svg{transition:none}}
    .decision-lobby{width:min(100%,1040px)}.decision-lobby.is-spelling{width:min(100%,580px)}.decision-modes{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.decision-lobby.is-spelling .decision-modes{grid-template-columns:1fr}.decision-mode-time{font-weight:800;color:#776287!important}.match-mode-card .decision-mode-time{margin-bottom:10px;font-size:13px}.match-mode-card .decision-mode-description{min-height:72px;margin-bottom:18px}.decision-lobby-help{margin:28px 0 0;color:#87798f;font-size:12px;line-height:1.6;text-align:center}.decision-pairs{display:grid;gap:15px}.decision-pair{display:grid;grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr);align-items:center;gap:18px;padding:26px 23px;border:1.5px solid #ddd7df;border-bottom-width:3px;border-radius:16px;background:#fffefd;min-height:144px}.decision-word{min-width:0}.decision-word .match-column-label{display:block;margin:0 0 13px}.decision-word strong{display:block;color:#48404e;font-size:clamp(20px,2.7vw,28px);font-weight:800;line-height:1.35;overflow-wrap:anywhere}.decision-link{color:#b6a7c2;font-size:19px;text-align:center}.decision-pair.is-true{border-color:#c7ddcf;background:#f5f9f6}.decision-pair.is-false{border-color:#e4ced4;background:#fcf6f7}.decision-pair-solution{grid-column:1/-1;margin:0;padding-top:12px;border-top:1px solid #e9dce1;color:#786881;font-size:13px;line-height:1.5;overflow-wrap:anywhere}.decision-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:26px}.decision-choice{display:flex;align-items:center;justify-content:center;gap:13px;height:62px;border:1.5px solid #ddd7df;border-bottom-width:3px;border-radius:13px;background:#fffefd;color:#564b60;font-size:18px;font-weight:800;transition:background .14s,border-color .14s}.decision-choice.is-true:hover:not(:disabled){background:#edf5ef;border-color:#9ebbab;color:#50765e}.decision-choice.is-false:hover:not(:disabled){background:#faeff1;border-color:#d2a0ac;color:#ad6676}.decision-choice kbd{font:inherit;color:#a58cb7;font-size:16px}.decision-choice:focus-visible{outline:3px solid #c3b5d9;outline-offset:3px}.decision-review{margin-top:20px;border:1px solid #e2dae7;border-radius:15px;padding:17px 20px;background:#fffefd}.decision-review h2{margin:0 0 12px;font-size:14px;color:#746089}.decision-review-row{display:grid;gap:5px;padding:10px 0;border-top:1px solid #eee8f1;line-height:1.5;font-size:13px;overflow-wrap:anywhere}.decision-review-row strong{font-size:11px;color:#8a798f}.decision-review-row span{color:#6b5b74}.decision-review-row .decision-solution{color:#508366}@media(max-width:900px){.decision-modes{grid-template-columns:1fr}.decision-lobby{width:min(100%,580px)}.match-mode-card .decision-mode-description{min-height:0}}@media(max-width:560px){.decision-pair{gap:12px;padding:20px 14px;min-height:125px}.decision-choices{gap:12px}.decision-choice{height:55px;font-size:17px}}@media(prefers-reduced-motion:reduce){.decision-choice{transition:none}}
    .difficulty-option{min-width:0;--difficulty:#3f7b64;--difficulty-edge:#c5dbcf;--difficulty-tint:#f5faf7}.difficulty-option[data-difficulty='medium']{--difficulty:#956d1c;--difficulty-edge:#e5d5b0;--difficulty-tint:#fcf9f0}.difficulty-option[data-difficulty='hard']{--difficulty:#a35360;--difficulty-edge:#e4c8ce;--difficulty-tint:#fcf5f6}.difficulty-option .match-mode-card{border-color:var(--difficulty-edge);border-top:4px solid var(--difficulty);background:var(--difficulty-tint)}.difficulty-option .match-mode-tag,.difficulty-option .difficulty-meta{color:var(--difficulty);font-weight:800}.difficulty-option .difficulty-meta{font-size:13px;margin:12px 0 30px}.difficulty-option .primary{background:var(--difficulty);border-color:var(--difficulty);box-shadow:0 4px 10px #30263212}.difficulty-option .primary:hover{background:var(--difficulty);filter:brightness(.92)}.difficulty-option .primary:focus-visible{outline:3px solid var(--difficulty-edge);outline-offset:4px}
    .memory-wrap{width:min(100%,1040px)}.memory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.memory-grid.is-large{grid-template-columns:repeat(5,minmax(0,1fr))}.memory-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-width:0;min-height:116px;padding:16px 15px 24px;border:1px solid #d7ccdf;border-bottom:3px solid #c6b7d1;border-radius:14px;background:#eee7f4;color:#89709d;text-align:center;transition:background .16s,border-color .16s,transform .16s}.memory-card:hover:not(:disabled){background:#e8dfee;border-color:#ad97bf;transform:translateY(-2px)}.memory-card.is-open{background:#fffefd;color:#51435e;border-color:#ddd6e2}.memory-card.is-matched,.memory-card.is-correct{background:#eff7f1;border-color:#a4c8b1;color:#3e7456}.memory-card.is-wrong{background:#fcf0f2;border-color:#d5a1ab;color:#a35360}.memory-card:disabled{opacity:1;cursor:default}.memory-card:focus-visible{outline:3px solid #b6a1c9;outline-offset:3px}.memory-card strong{font-size:clamp(16px,2vw,22px);font-weight:800;line-height:1.3;overflow-wrap:anywhere;max-width:100%}.memory-language{font-size:10px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#92839e;overflow-wrap:anywhere;max-width:100%}.memory-position{position:absolute;bottom:7px;right:11px;font-size:10px;color:#a08cad;font-variant-numeric:tabular-nums}.memory-back{width:32px;height:32px;flex:none}.memory-wrap .match-title{margin-bottom:18px}.memory-results .match-score-number{font-size:56px}@media(max-width:740px){.memory-grid.is-large{grid-template-columns:repeat(4,minmax(0,1fr))}.memory-card{min-height:104px;padding:13px 10px 23px}}@media(max-width:560px){.memory-grid,.memory-grid.is-large{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.memory-card{min-height:100px;padding:12px 8px 22px}.memory-card strong{font-size:16px}.memory-wrap .match-top-right{gap:9px}.memory-wrap .match-hearts{gap:3px}.memory-wrap .match-heart{width:17px;height:17px}}@media(prefers-reduced-motion:reduce){.memory-card{transition:none}.memory-card:hover:not(:disabled){transform:none}}
    .rain-lobby-mark{display:none}.rain-variants{display:flex;gap:5px;width:fit-content;max-width:100%;margin:24px 0 0;padding:5px;border:1px solid #e2dbe6;border-radius:12px;background:#eeebef}.rain-variants button{border:0;border-radius:8px;padding:10px 18px;background:none;color:#817487;font-size:13px;font-weight:800}.rain-variants button[aria-pressed='true']{background:#fffefd;color:#746089;box-shadow:0 2px 8px #37234310}.rain-variants button:focus-visible{outline:3px solid #c3b5d9;outline-offset:2px}
    .rain-run{width:min(100%,1040px);min-height:100dvh;margin:auto;padding:28px 36px 34px;background:#f8f6f2;color:#343239}.rain-hud{display:flex;align-items:center;gap:18px;margin:0 auto}.rain-exit{display:grid;place-items:center;flex:none;width:37px;height:37px;border:1px solid #ddd4e2;border-radius:12px;background:#fffefd;color:#817487;font-size:25px}.rain-exit:hover{background:#f2edf5;color:#51435e}.rain-heading{flex:1;min-width:0}.rain-heading h1{margin:0;font-size:30px;letter-spacing:-.035em;font-weight:850;color:#343239}.rain-heading h1 span{font-size:13px;margin-left:8px;color:#82778a;font-weight:700;letter-spacing:0}.rain-heading small{display:block;margin-top:3px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#82778a;font-size:11px}.rain-hud-right{display:flex;align-items:center;gap:25px}.rain-points{text-align:right}.rain-points strong{display:block;color:#746089;font-size:25px;font-weight:850;line-height:1.2;font-variant-numeric:tabular-nums}.rain-points span{font-size:10px;color:#94869d}.rain-run .match-heart.is-lost{fill:#e2dce0}.rain-status{display:flex;align-items:center;gap:9px;margin:22px auto 12px;font-size:11px;font-weight:800;color:#776287}.rain-status span{padding:5px 9px;border:1px solid #e2dae7;border-radius:7px;background:#fffefd}.rain-status time{margin-left:auto;font-size:13px;font-variant-numeric:tabular-nums;color:#7a727e}
    .rain-stage{position:relative;isolation:isolate;height:clamp(300px,54dvh,640px);margin:auto;overflow:hidden;border:1px solid #e2dae7;border-radius:20px;background:#fffefd;box-shadow:0 9px 28px #45354e08;transition:border-color .2s,box-shadow .2s}.rain-stage.is-miss{border-color:#d7a6af;box-shadow:inset 0 0 50px #b6536010}.rain-stage.is-gold-clear{border-color:#d1b86f;box-shadow:inset 0 0 55px #cba64a14}.rain-sky{position:absolute;inset:0;z-index:-1;pointer-events:none}.rain-drops{position:absolute;inset:14px 10px 36px;overflow:hidden}.rain-drop{position:absolute;width:calc(100% / var(--rain-lanes) - 12px);max-width:230px;padding:10px 12px 12px;border:1px solid #d9cee3;border-radius:13px;background:#fffefd;color:#48404e;box-shadow:0 5px 14px #45354e0d;transform:translate(-50%,-100%);will-change:top;text-align:center;overflow-wrap:anywhere}.rain-drop-language{display:block;margin-bottom:3px;color:#897893;font-size:10px;text-transform:uppercase;letter-spacing:.07em;font-weight:850}.rain-drop strong{display:block;font-size:clamp(14px,1.9vw,21px);font-weight:800;line-height:1.25;letter-spacing:.01em}.rain-drop.is-target{border-color:#a58fbc;background:#f5f0fa;box-shadow:0 0 0 2px #c3b5d933,0 5px 15px #45354e0d}.rain-drop.is-gold{border-color:#ceb369;background:#fffae9;color:#805e21}.rain-drop.is-gold .rain-drop-language{color:#9b7c37}.rain-hole{display:inline-block;min-width:.55em;margin:0 1px;color:#9887a4;border-bottom:2px solid #d0c3da;line-height:1.05}.rain-hole.is-next{color:#655080;border-bottom-color:#8e73a4}.rain-filled{color:#3e7f5b}.rain-floor{position:absolute;bottom:35px;left:20px;right:20px;height:1px;background:linear-gradient(90deg,transparent,#baa9c8,transparent)}.rain-stage-feedback{position:absolute;bottom:8px;left:12px;right:12px;min-height:17px;text-align:center;color:#55806a;font-size:11px;font-weight:800;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.rain-stage-feedback.is-wrong,.rain-stage-feedback.is-miss{color:#b65360}.rain-stage-feedback.is-gold{color:#926e27}
    .rain-dock{max-width:800px;margin:19px auto 0}.rain-input-label{display:block;margin:0 0 7px 3px;color:#82748c;font-size:11px;font-weight:800}.rain-input-row{display:flex;align-items:center;gap:8px;padding:7px 8px 7px 17px;border:1px solid #ddd4e2;border-radius:14px;background:#fffefd;box-shadow:0 5px 16px #45354e06}.rain-input-row:focus-within{border-color:#a58fbc;box-shadow:0 0 0 3px #c3b5d926}.rain-run .rain-input{flex:1;min-width:0;padding:7px 0;border:0;border-radius:0;background:transparent;color:#48404e;font-size:19px;font-weight:700;box-shadow:none;outline:none}.rain-input::placeholder{color:#a297a9;font-weight:600}.rain-submit{display:grid;place-items:center;flex:none;width:43px;height:42px;border:0;border-radius:10px;background:#776287;color:#fffefd;font-size:26px}.rain-submit:hover{background:#665274}.rain-input-key{padding:0 12px;color:#95859f;font-size:13px;font-weight:800}.rain-choice-target{display:flex;align-items:center;gap:12px;margin:0 3px 9px}.rain-choice-target span{color:#82748c;font-size:11px}.rain-choice-target strong{font-size:14px;color:#655080;overflow-wrap:anywhere}.rain-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;min-height:62px}.rain-choice{display:flex;align-items:center;justify-content:center;gap:10px;padding:13px 10px;border:1px solid #ddd7df;border-bottom:3px solid #c8bcd1;border-radius:12px;background:#fffefd;color:#564b60;font-size:15px;font-weight:800;overflow-wrap:anywhere}.rain-choice kbd{font:inherit;flex:none;font-size:11px;color:#9686a3}.rain-choice span{min-width:0}.rain-choice:hover:not(:disabled){background:#f5f0fa;border-color:#a58fbc}.rain-choice:disabled{opacity:.55}.rain-run button:focus-visible{outline:3px solid #c3b5d9;outline-offset:3px}
    @media(max-width:560px){.rain-run{padding:20px 20px 28px}.rain-hud{gap:10px}.rain-hud-right{gap:12px}.rain-heading h1{font-size:26px}.rain-heading h1 span{display:block;margin:2px 0 0;font-size:11px}.rain-points strong{font-size:21px}.rain-run .match-heart{width:18px;height:18px}.rain-run .match-hearts{gap:4px}.rain-stage{height:clamp(250px,45dvh,480px);border-radius:16px}.rain-drop{padding:9px 6px 10px;border-radius:10px}.rain-drop strong{font-size:15px}.rain-drop-language{font-size:9px;letter-spacing:.02em}.rain-choices{gap:7px}.rain-choice{padding:11px 7px;font-size:13px;gap:6px}.rain-variants button{padding:9px 12px}.rain-dock{margin-top:14px}}@media(prefers-reduced-motion:reduce){.rain-stage{transition:none}}
    .games-menu button svg{flex:none}.pointer-prompts{display:grid;gap:14px}.pointer-prompts.is-dual{grid-template-columns:repeat(2,minmax(0,1fr))}.pointer-prompt.is-done{border-color:#b7d4c3;background:#f1f8f3}.pointer-prompt.is-done strong{color:#498264}.pointer-prompt.is-done .match-column-label{color:#498264}.pointer-prompts.is-dual .pointer-prompt{padding:20px 14px}.pointer-prompts.is-dual .pointer-prompt strong{font-size:clamp(18px,2.6vw,29px)}.pointer-result-review{display:grid;gap:8px;margin-top:18px;padding:16px 20px;border:1px solid #e4ced4;border-radius:14px;background:#fcf6f7;font-size:14px;overflow-wrap:anywhere}.pointer-result-review span{color:#ae596a}.pointer-result-review strong{color:#564b60;font-weight:750}
    .match-lobby.decision-lobby{width:min(100%,1040px)}.match-lobby .match-mode-grid{grid-template-columns:1fr;gap:18px}.match-lobby .match-mode-card{display:grid;grid-template-columns:104px minmax(0,1fr) minmax(160px,auto) 160px;align-items:center;gap:20px;min-height:106px;padding:20px 24px;border-radius:16px}.match-lobby .match-mode-tag{grid-column:1;font-size:11px}.match-lobby .match-mode-card h2{grid-column:2;margin:0;font-size:23px;overflow-wrap:anywhere}.match-lobby .match-mode-card p{grid-column:3;margin:0;font-size:13px;line-height:1.5}.match-lobby .match-mode-card .primary{grid-column:4;width:100%;height:auto;min-height:46px;padding:11px 12px;font-size:13px;line-height:1.4}.match-lobby .difficulty-option .match-mode-card{border-top-width:1px;border-left:4px solid var(--difficulty)}.match-lobby .match-highscores{margin:12px 12px 4px}.match-lobby .match-highscores ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.match-lobby .match-highscores li{border-bottom:0;padding:5px 0}.match-lobby .match-highscores-empty{margin:8px 0}
    .pointer-wrap{width:min(100%,1040px)}.pointer-level{display:inline-block;margin-left:12px;font-size:12px;font-weight:750;color:#897b93;letter-spacing:0;vertical-align:middle}.pointer-prompt{padding:23px 25px;border:1px solid #e2dae7;border-radius:16px;background:#fffefd;text-align:center;box-shadow:0 7px 22px #45354e05}.pointer-prompt .match-column-label{display:block;margin:0 0 10px}.pointer-prompt strong{display:block;font-size:clamp(23px,3vw,33px);font-weight:850;color:#51435e;overflow-wrap:anywhere}.pointer-stage{--pointer-pitch:220px;position:relative;height:222px;margin-top:24px;border:1px solid #e2dae7;border-radius:20px;background:linear-gradient(180deg,#f2edf7,#fbf9fc 55%,#f3f0f5);overflow:hidden}.pointer-window{position:absolute;inset:54px 0 55px;overflow:hidden}.pointer-window::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#f6f2f9,transparent 14%,transparent 86%,#f6f2f9);pointer-events:none}.pointer-belt{display:flex;position:absolute;left:50%;height:100%;width:calc(var(--pointer-pitch) * 7);will-change:transform}.pointer-tile{flex:none;display:grid;place-items:center;min-width:0;width:calc(var(--pointer-pitch) - 12px);margin:0 6px;padding:12px 15px;border:1px solid #e1d9e7;border-bottom:3px solid #d9cfe2;border-radius:13px;background:#fffefd;color:#736879;font-size:20px;font-weight:750;text-align:center;line-height:1.3;overflow-wrap:anywhere}.pointer-tile.is-middle{color:#51435e;font-weight:850}.pointer-center{position:absolute;top:47px;bottom:48px;left:50%;width:calc(var(--pointer-pitch) - 4px);transform:translateX(-50%);border:2px solid #b8a3cc;border-radius:17px;background:#c3b5d919;pointer-events:none}.pointer-marker{position:absolute;top:18px;left:50%;width:24px;height:16px;transform:translateX(-50%);fill:#776287}.pointer-stage-caption{position:absolute;bottom:13px;left:18px;right:18px;font-size:13px;font-weight:750;text-align:center;color:#776287;overflow-wrap:anywhere}.pointer-stage.is-correct .pointer-marker{fill:#498264}.pointer-stage.is-wrong .pointer-marker{fill:#b45d6d}.pointer-tile.is-correct{border-color:#95c3a8;background:#edf7f0;color:#3f7b64}.pointer-tile.is-wrong{border-color:#d69ca7;background:#fcf0f2;color:#ae596a}.pointer-controls{display:flex;justify-content:center;margin-top:24px}.pointer-stop.primary{display:flex;align-items:center;justify-content:center;gap:22px;min-width:230px;height:54px;background:#776287;border-color:#776287;font-size:16px}.pointer-stop kbd{font:inherit;font-size:12px;opacity:.7}.pointer-stop:disabled{opacity:.65;cursor:default}.pointer-stop:focus-visible{outline:3px solid #c3b5d9;outline-offset:4px}
    .rain-sky{background:radial-gradient(ellipse at 15% 0,#e6edf4 0,transparent 52%),radial-gradient(ellipse at 92% 15%,#eee7f5 0,transparent 55%),linear-gradient(180deg,#f3f6fa 0,#fffefd 62%,#f3eee5 100%)}.rain-sky::before{content:'';position:absolute;inset:0;background-image:radial-gradient(ellipse 1px 6px at 50% 50%,#a8b8cd30 95%,transparent);background-size:57px 69px;transform:skewX(-12deg);opacity:.65}.rain-sky::after{content:'';position:absolute;bottom:0;left:-10%;width:120%;height:42px;border-top:1px solid #ddd4e34d;border-radius:50% 50% 0 0;background:#eee9df66}.rain-floor{background:linear-gradient(90deg,transparent,#baad9b,transparent)}
    @media(max-width:820px){.match-lobby .match-mode-card{grid-template-columns:90px minmax(0,1fr) 140px;gap:6px 18px}.match-lobby .match-mode-tag{grid-row:1/3}.match-lobby .match-mode-card h2{grid-column:2;grid-row:1}.match-lobby .match-mode-card p{grid-column:2;grid-row:2}.match-lobby .match-mode-card .primary{grid-column:3;grid-row:1/3}.match-lobby .match-highscores ol{gap:12px}.match-lobby .match-highscores li{gap:8px}}
    @media(max-width:560px){.match-lobby .match-mode-card{grid-template-columns:minmax(0,1fr) 100px;gap:7px 14px;padding:17px 18px}.match-lobby .match-mode-tag{grid-column:1;grid-row:1}.match-lobby .match-mode-card h2{grid-column:1;grid-row:2;font-size:21px}.match-lobby .match-mode-card p{grid-column:1;grid-row:3;font-size:12px}.match-lobby .match-mode-card .primary{grid-column:2;grid-row:1/4;font-size:12px}.match-lobby .match-highscores ol{grid-template-columns:1fr}.pointer-stage{height:225px}.pointer-tile{font-size:17px;padding:10px}.pointer-prompt{padding:20px}.pointer-stage-caption{font-size:12px}.pointer-level{margin-left:7px}}
    :root{--motion-fast:140ms;--motion-ui:200ms;--motion-ease:cubic-bezier(.2,.7,.25,1);--feedback-good:#498264;--feedback-bad:#b45d6d}
    .match-footer strong{display:inline-block;transform-origin:center}
    .pointer-tile{grid-template-rows:auto 1fr;gap:5px}.pointer-tile small{font-size:10px;font-weight:750;color:#9888a2;letter-spacing:.04em}.pointer-prompt[data-side='y']{border-color:#d1dfda}.pointer-prompt[data-side='y'] .match-column-label,.pointer-tile[data-side='y'] small{color:#729087}
    .pointer-prompts .pointer-prompt{height:160px;display:flex;flex-direction:column}.pointer-prompts .pointer-prompt .match-column-label{flex:none}.pointer-prompts .pointer-prompt strong{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;line-height:1.25;overflow:auto;scrollbar-width:none}
    .match-board-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:12px}.match-board-head h2{margin:0;gap:10px}.score-scope-control{display:flex;align-items:center;gap:7px;font-size:10px;color:#94869d;white-space:nowrap}.score-scope-control .is-active{color:#655080;font-weight:800}.score-scope-switch{position:relative;flex:none;width:32px;height:19px;padding:0;border:1px solid #d2c7db;border-radius:12px;background:#e7e0ed}.score-scope-switch::after{content:'';position:absolute;top:2px;left:2px;width:13px;height:13px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #45354e22;transition:transform var(--motion-fast) var(--motion-ease)}.score-scope-switch[aria-checked='true']{background:#88729c;border-color:#88729c}.score-scope-switch[aria-checked='true']::after{transform:translateX(13px)}.score-scope-switch:focus-visible{outline:3px solid #c3b5d9;outline-offset:3px}.match-results .match-board-head{margin-top:24px}
    button{transition:background-color var(--motion-fast),border-color var(--motion-fast),box-shadow var(--motion-fast),color var(--motion-fast),opacity var(--motion-fast)}.primary,.outline,.grade,.rain-submit,.rain-choice,.pointer-stop,.decision-choice{transition:background-color var(--motion-fast),border-color var(--motion-fast),box-shadow var(--motion-fast),transform var(--motion-fast) var(--motion-ease)}.primary:active:not(:disabled),.outline:active:not(:disabled),.grade:active:not(:disabled),.rain-submit:active:not(:disabled),.decision-choice:active:not(:disabled),.rain-choice:active:not(:disabled){transform:translateY(1px)}
    .vocab-sheet{transition:box-shadow var(--motion-ui),outline-color var(--motion-ui)}.vocab-sheet:not(.is-editing):hover{box-shadow:0 9px 24px #45354e15}.vocab-sheet.is-editing{outline:1px solid #b5a2c8;outline-offset:2px;box-shadow:0 8px 24px #45354e16}.sheet-save:hover{box-shadow:0 3px 9px #45354e20}.gallery-size-toggle,.sidebar-toggle,.sidebar-reveal{transition:background-color var(--motion-fast),color var(--motion-fast),box-shadow var(--motion-fast)}.games-menu button svg{transition:transform var(--motion-ui) var(--motion-ease),color var(--motion-fast)}.games-menu button:hover svg{transform:translateY(-1px);color:#54436c}.context-menu:not(.hidden){animation:ui-menu-reveal 140ms var(--motion-ease)}.dialog-scrim{animation:ui-scrim-reveal 160ms ease-out}.dialog{animation:ui-dialog-reveal 200ms var(--motion-ease)}
    .match-lobby .match-mode-card{transition:box-shadow var(--motion-ui),border-color var(--motion-ui),transform var(--motion-ui) var(--motion-ease)}.match-lobby .match-mode-card:focus-within{box-shadow:0 0 0 3px #bca8ce20,0 8px 24px #45354e0a}.match-highscores li{transition:background-color var(--motion-fast)}.match-highscores li:hover{background:#ece5f122;border-radius:8px}.match-timer,.rain-status time{transition:color var(--motion-fast)}.match-timer.is-urgent{color:#b45d6d}.match-pair-progress.is-urgent{accent-color:#b45d6d}.match-pair-progress.is-urgent::-webkit-progress-value{background:#b45d6d}.match-pair-progress.is-urgent::-moz-progress-bar{background:#b45d6d}.match-tile.is-wrong{animation:none}.match-heart{transform-origin:center;transform-box:fill-box}.match-feedback:not(:empty){padding-top:5px;font-weight:750}.match-feedback.is-correct:not(:empty)::before,.match-feedback.is-wrong:not(:empty)::before{display:inline-grid;place-items:center;width:19px;height:19px;margin-right:7px;border-radius:50%;font-size:12px;vertical-align:middle}.match-feedback.is-correct:not(:empty)::before{content:'✓';background:#e4f1e8;color:var(--feedback-good)}.match-feedback.is-wrong:not(:empty)::before{content:'×';background:#f6e5e9;color:var(--feedback-bad)}.decision-choice.is-answer-correct{background:#edf7f0;border-color:#93bba3;color:#3f7b64;opacity:1}.decision-choice.is-answer-correct kbd{color:#5c9471}.memory-card{transform-origin:center;backface-visibility:hidden}.memory-card.is-matched{box-shadow:0 3px 12px #4982640a}.pointer-marker{transition:fill var(--motion-fast)}.pointer-stage.is-correct .pointer-center{border-color:#92bca2;background:#49826408}.pointer-stage.is-wrong .pointer-center{border-color:#c8919c;background:#b45d6d06}.pointer-stage.is-correct .pointer-stage-caption::before{content:'✓';margin-right:7px;color:var(--feedback-good)}.pointer-stage.is-wrong .pointer-stage-caption::before{content:'×';margin-right:7px;color:var(--feedback-bad)}.pointer-prompts .pointer-prompt{transition:background-color var(--motion-ui),border-color var(--motion-ui)}
    .rain-effects{position:absolute;inset:14px 10px 36px;overflow:hidden;pointer-events:none;z-index:2}.rain-effects .rain-drop{pointer-events:none;will-change:transform,opacity}.rain-choice.is-wrong{background:#fcf0f2;border-color:#cf96a3;color:#ad5969;opacity:1}.rain-stage-feedback:not(:empty){width:fit-content;max-width:calc(100% - 24px);margin:auto;padding:3px 10px;border-radius:7px;background:#fffefdde;bottom:5px}.rain-stage.is-wrong{border-color:#d7a6af}.rain-stage.is-correct{border-color:#b0cfbc}.rain-floor{transition:background var(--motion-ui)}.rain-stage.is-miss .rain-floor{background:linear-gradient(90deg,transparent,#c87d8e,transparent)}.rain-stage.is-gold-clear .rain-floor{background:linear-gradient(90deg,transparent,#c7a456,transparent)}.study-feedback{box-shadow:0 2px 8px #45354e0b}
    @media(hover:hover){.match-lobby .match-mode-card:hover{transform:translateY(-2px);box-shadow:0 9px 25px #45354e0c}.match-tile:active:not(:disabled),.memory-card:active:not(:disabled){transform:translateY(1px)}.add-vocab-card:hover{box-shadow:0 8px 23px #45354e10}}
    @keyframes ui-menu-reveal{from{opacity:.8;transform:translateY(-3px)}to{opacity:1;transform:none}}@keyframes ui-scrim-reveal{from{background-color:#21190f85}to{background-color:#21190fb0}}@keyframes ui-dialog-reveal{from{opacity:.9;transform:translateY(6px) scale(.99)}to{opacity:1;transform:none}}
    .match-lobby{width:min(100%,1040px)}.match-lobby .match-top{gap:18px;flex-wrap:wrap}.match-lobby-set{margin-left:auto}.match-lobby .match-mode-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}.difficulty-option{min-width:0}.match-lobby .difficulty-option[data-difficulty='easy']{--mode-ink:#187b58;--mode-surface:#e1f3e9;--mode-button:#218d65}.match-lobby .difficulty-option[data-difficulty='medium']{--mode-ink:#956310;--mode-surface:#fcf0ce;--mode-button:#bc851c}.match-lobby .difficulty-option[data-difficulty='hard']{--mode-ink:#a73851;--mode-surface:#f9e0e6;--mode-button:#c44864}.match-lobby .difficulty-option .match-mode-card{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr auto auto;gap:18px;aspect-ratio:4/5;min-height:320px;padding:29px 24px;border:1.5px solid color-mix(in srgb,var(--mode-button),white 55%);border-top:5px solid var(--mode-button);border-radius:22px;background:var(--mode-surface);text-align:center;box-shadow:0 8px 25px #45354e08}.match-lobby .match-mode-card .match-mode-tag{grid-column:1;grid-row:1;font-size:12px;color:var(--mode-ink);letter-spacing:.05em}.match-lobby .match-mode-card h2{grid-column:1;grid-row:2;align-self:center;margin:0;font-size:clamp(28px,3.4vw,36px);font-weight:900;color:var(--mode-ink)}.match-lobby .match-mode-card p{grid-column:1;grid-row:3;margin:0;min-height:38px;align-content:center;font-size:13px;font-weight:750;color:var(--mode-ink)}.match-lobby .match-mode-card .mode-play{grid-column:1;grid-row:4;justify-self:center;width:70px;height:70px;min-height:70px;padding:0;border:0;border-radius:50%;background:var(--mode-button);box-shadow:0 5px 12px #45354e19}.mode-play svg{width:31px;height:31px;fill:currentColor;margin-left:4px}.match-lobby .match-mode-card .mode-play:hover{background:var(--mode-ink)}.mode-play:focus-visible{outline:3px solid var(--mode-ink);outline-offset:5px}
    .score-scope-control{font-size:12px;gap:9px}.score-scope-switch{width:40px;height:24px;border-radius:14px}.score-scope-switch::after{width:18px;height:18px}.score-scope-switch[aria-checked='true']::after{transform:translateX(16px)}.score-scope-switch::before{content:'';position:absolute;inset:-10px -2px}.result-scope{display:flex;justify-content:flex-end;margin-bottom:22px}.match-highscores,.match-lobby .match-highscores{margin:14px 0 0;border:1px solid #e3dce9;border-radius:14px;background:#fffefd;overflow:hidden}.match-highscores summary{display:flex;align-items:center;justify-content:space-between;gap:10px;list-style:none;padding:14px 15px;cursor:pointer;font-size:13px;font-weight:800;color:#665576}.match-highscores summary::-webkit-details-marker{display:none}.score-summary-title,.score-summary-end{display:flex;align-items:center;gap:8px}.score-summary-title svg{width:18px;height:18px;fill:none;stroke:#917ba7;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.score-summary-end{font-size:10px;font-weight:750;color:#9a8ba5}.score-summary-end svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;transition:transform var(--motion-fast)}.match-highscores[open] .score-summary-end svg{transform:rotate(180deg)}.match-highscores[open] summary{border-bottom:1px solid #eee8f2}.match-highscores summary:focus-visible{outline:3px solid #c3b5d9;outline-offset:-3px}.match-highscores ol,.match-lobby .match-highscores ol{display:grid;grid-template-columns:1fr;gap:0;padding:4px 14px 8px}.match-highscores li,.match-lobby .match-highscores li{gap:10px;padding:13px 0;border-bottom:1px solid #eee8f2}.match-highscores li:last-child{border:0}.match-rank{width:29px;height:29px;border-radius:9px}.match-highscores li:first-child .match-rank{background:#f9edce;color:#a47c24}.match-highscores li:nth-child(2) .match-rank{background:#edf0f4;color:#778395}.match-highscores li:nth-child(3) .match-rank{background:#f4e7df;color:#a3785e}.match-highscores li>strong{font-size:20px}.match-record-info time{font-size:12px}.match-highscores-empty,.match-lobby .match-highscores-empty{margin:0;padding:16px;font-size:12px}.match-feedback{height:32px;min-height:32px;box-sizing:border-box;padding-top:5px}.decision-pair{min-height:164px}.rain-drop-translation{display:block;margin-top:7px;font-size:12px;line-height:1.25;color:#7b6988;max-width:100%;overflow-wrap:anywhere}.rain-drop.is-gold .rain-drop-translation{color:#a38338}.match-pair-progress{--timer-color:#398f50;accent-color:var(--timer-color)!important}.match-pair-progress::-webkit-progress-value,.match-pair-progress.is-urgent::-webkit-progress-value{background:linear-gradient(90deg,var(--timer-color),color-mix(in srgb,var(--timer-color),white 16%))!important}.match-pair-progress::-moz-progress-bar,.match-pair-progress.is-urgent::-moz-progress-bar{background:var(--timer-color)!important}
    @media(max-width:760px){.match-lobby .match-mode-grid{grid-template-columns:1fr;max-width:350px;margin-left:auto;margin-right:auto}.match-lobby .match-top .score-scope-control{margin-left:auto}.match-lobby .difficulty-option .match-mode-card{min-height:330px}.match-lobby .match-mode-card h2{font-size:34px}}
    @media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.match-lobby .match-mode-card:hover,.primary:active,.outline:active,.grade:active,.rain-submit:active,.rain-choice:active,.decision-choice:active,.match-tile:hover:not(:disabled),.memory-card:hover:not(:disabled),.games-menu button:hover svg{transform:none!important}}

    /* Consistent icon controls and quiet untimed practice. */
    .games-menu button>svg{width:22px;height:22px;flex:none}
    .icon-action{display:inline-grid;place-items:center;width:48px;height:48px;min-width:48px;padding:0;border-radius:14px}
    .icon-action svg{width:23px;height:23px}
    .match-exit.icon-action{color:#70647c;background:transparent;border:1px solid transparent}
    .match-exit.icon-action:hover{background:#efeaf2;border-color:#ded4e6}
    .match-lobby .difficulty-option .match-mode-card{grid-template-rows:auto auto 1fr auto}
    .match-lobby .difficulty-option .match-mode-card h2{grid-row:2;margin:12px 0 0}
    .match-lobby .difficulty-option .difficulty-meta{grid-row:4;align-self:end}
    .match-lobby .difficulty-option .mode-play{grid-row:3;align-self:center;width:86px;height:86px;justify-self:center;display:grid;place-items:center}
    .match-lobby .difficulty-option .mode-play svg{width:38px;height:38px;margin:0;transform:none}
    .sandbox-launch{margin:30px auto 0;display:flex;flex-direction:column;align-items:center;gap:10px;color:#80718f;font-size:12px;font-weight:800;letter-spacing:.05em}
    .sandbox-launch .sandbox-play{width:64px;height:64px;min-width:64px;border-radius:50%;padding:0;display:grid;place-items:center;background:#77668b}
    .sandbox-play svg{width:30px;height:30px}
    .sandbox-badge{color:#77668b;font-weight:800;font-size:12px}
    .is-sandbox #match-timer,.is-sandbox #decision-timer,.is-sandbox #decision-progress,.is-sandbox #match-pair-progress,.is-sandbox #memory-progress,.is-sandbox #memory-timer,.is-sandbox .match-score-explanation,.is-sandbox .pointer-level{display:none}
    .is-sandbox.memory-wrap .match-round-head strong{display:flex;align-items:center;gap:14px}
    .match-feedback{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
    /* Read-only gallery sheets: one word line and two description lines,
       expanding together to five ruled lines when either description wraps. */
    .vocab-sheet{--sheet-lines:5;background:#fff;aspect-ratio:3/2;height:auto}
    .vocab-sheet.is-compact{--sheet-lines:3;aspect-ratio:100/51}
    .vocab-pair:has(.vocab-sheet:not(.is-compact)) .vocab-sheet{--sheet-lines:5;aspect-ratio:3/2}
    .sheet-ruling{position:absolute;inset:0;pointer-events:none}
    .sheet-ruling:before{content:"";position:absolute;left:3%;right:3%;top:17cqw;border-top:1px solid #ff5454}
    .sheet-ruling:after{content:"";position:absolute;left:3%;right:3%;top:27cqw;height:calc(var(--sheet-lines)*7.8cqw);background:repeating-linear-gradient(to bottom,#6599dd 0 1px,transparent 1px 7.8cqw)}
    .vocab-sheet .sheet-language{top:7.86cqw}
    .vocab-sheet .sheet-phase{top:7.4cqw}
    .vocab-sheet .sheet-word,.vocab-sheet .sheet-word-display{top:19.2cqw;height:7.8cqw}
    .vocab-sheet .sheet-description,.vocab-sheet .sheet-description-display{top:28.13cqw;height:auto;max-height:31.2cqw;line-height:7.8cqw}
    .vocab-sheet.is-compact .sheet-description-display{max-height:15.6cqw}
    .vocab-pair:has(.vocab-sheet:not(.is-compact)) .sheet-description-display{max-height:31.2cqw}
    .vocab-sheet .sheet-edit-label.name-label{top:21.8cqw}
    .vocab-sheet .sheet-edit-label.description-label{top:30.6cqw}
    .vocab-sheet.is-editing .sheet-word{top:19.2cqw;height:7.8cqw}
    .vocab-sheet.is-editing .sheet-description{top:35.7cqw;height:23.4cqw}

    .vocab-sheet .sheet-description-display{overflow:auto;scrollbar-width:none}
    .vocab-sheet .sheet-description-display::-webkit-scrollbar{display:none}
    .vocab-sheet.is-editing .sheet-description{scrollbar-width:none}
    .vocab-sheet.is-editing .sheet-description::-webkit-scrollbar{display:none}
    .sandbox-launch .sandbox-play svg{display:block;margin:0;overflow:visible}
    .icon-action svg{display:block;overflow:visible;flex:none}
    .game-loss-review{text-align:left;margin:20px 0;padding:20px 22px;border:1px solid #e6d4d9;border-radius:18px;background:#fffdfd}
    .game-loss-review h2{margin:0 0 8px;color:#9b4255;font-size:17px;font-weight:850}
    .game-loss-review p{margin:0;color:#6b6272;font-size:13px;line-height:1.6}
    .game-loss-review dl{margin:14px 0 0}
    .game-loss-review dl>div{display:grid;grid-template-columns:minmax(96px,auto) 1fr;gap:15px;padding:9px 0;border-top:1px solid #eee7ec}
    .game-loss-review dt{font-size:12px;color:#8d7d91}
    .game-loss-review dd{margin:0;min-width:0;overflow-wrap:anywhere;font-size:14px;font-weight:750;color:#54465e}
    .game-loss-review .decision-review{margin:14px 0 0;padding:0;border:0;background:transparent;box-shadow:none}
    .progress-pill{background:#fffdfa}
    .progress-pill::before{display:none}
    .progress-ring{position:absolute;inset:0;width:66px;height:66px;transform:rotate(-90deg);pointer-events:none;overflow:visible}
    .progress-ring circle{fill:none;stroke-width:6}
    .progress-ring-track{stroke:#e0d6cb}
    .progress-ring-fill{stroke:#75553a;stroke-linecap:round}
    .progress-pill>span{position:relative;z-index:1}
    @media(max-width:540px){.game-loss-review dl>div{grid-template-columns:1fr;gap:4px}}