.share-results-link{width:100%;margin-top:10px;text-decoration:none}.results-shell{min-height:100vh;padding-bottom:70px}.results-topbar{background:var(--paper);border-bottom:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;min-height:74px;padding:12px clamp(20px,4vw,64px);display:grid}.results-topbar>.button{justify-self:end;text-decoration:none}.private-results-pill{color:var(--forest);background:var(--mint);letter-spacing:.09em;border-radius:999px;justify-self:center;padding:6px 10px;font-size:10px;font-weight:820}.results-hero{background:radial-gradient(circle at 8% 15%, #dff36a52, transparent 27%), var(--cream);justify-content:space-between;align-items:flex-end;gap:35px;padding:clamp(45px,6vw,78px) clamp(20px,6vw,96px) 38px;display:flex}.results-hero h1{letter-spacing:-.05em;max-width:850px;margin:0;font-size:clamp(38px,5.3vw,68px);line-height:1}.results-hero>div:first-child>p:last-child{max-width:700px;color:var(--ink-soft);margin:18px 0 0;line-height:1.55}.results-hero-actions,.results-panel-actions{flex-wrap:wrap;gap:8px;display:flex}.results-hero-actions .button{white-space:nowrap;text-decoration:none}.results-alert{color:#624b16;background:#fff8df;border:1px solid #ead58d;border-radius:12px;max-width:1280px;margin:18px auto 0;padding:13px 16px;font-size:12px}.results-alert.error{color:#843b30;background:var(--red-soft);border-color:#e5a497}.results-content{max-width:1280px;margin:0 auto;padding:24px}.results-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.results-summary article{background:var(--paper);border:1px solid var(--line);border-radius:15px;gap:8px;padding:19px 20px;display:grid}.results-summary span{color:var(--ink-soft);letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:780}.results-summary strong{letter-spacing:-.04em;font-size:28px}.results-panel{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;overflow:hidden}.results-panel>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:21px 22px;display:flex}.results-panel h2{letter-spacing:-.03em;margin:0;font-size:22px}.results-panel .mini-label{margin-bottom:5px}.results-delete-all,.result-delete{color:#944638;background:var(--red-soft);border-color:#e9b4aa}.results-table-wrap{overflow-x:auto}.results-table{border-collapse:collapse;width:100%;font-size:12px}.results-table th{color:#697873;letter-spacing:.07em;text-align:left;text-transform:uppercase;background:#f7f8f3;padding:11px 14px;font-size:9px}.results-table td{vertical-align:middle;border-top:1px solid #edf0ec;padding:14px}.results-table tbody tr:first-child td{border-top:0}.results-table time{color:var(--ink-soft);white-space:nowrap}.student-summary-row>td{background:var(--paper)}.attempt-count{color:var(--forest);background:var(--mint);white-space:nowrap;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:780;display:inline-flex}.result-history-toggle{min-height:32px;color:var(--forest);border:1px solid var(--line-dark);cursor:pointer;white-space:nowrap;background:#fff;border-radius:8px;padding:6px 10px;font-size:10px;font-weight:730}.attempt-history-row td{background:#f8faf6;border-top-color:#e4e9e2;padding-block:11px}.attempt-history-row td:first-child{padding-left:27px}.history-attempt-label{color:var(--ink-soft);white-space:nowrap;font-size:11px;font-weight:730}.result-status{white-space:nowrap;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:780;display:inline-flex}.result-status.submitted{color:#23623d;background:var(--green-soft)}.result-status.in-progress{color:#725c18;background:#fff7d8}.result-progress{align-items:center;gap:9px;min-width:150px;display:flex}.result-progress>span{background:#e6e9e4;border-radius:999px;width:95px;height:7px;overflow:hidden}.result-progress i{background:var(--lime-deep);border-radius:inherit;height:100%;display:block}.result-progress strong{min-width:32px;font-size:10px}.result-delete{cursor:pointer;border:1px solid #e9b4aa;border-radius:8px;min-height:32px;padding:6px 9px;font-size:10px;font-weight:730}.result-delete:disabled{cursor:wait;opacity:.55}.results-empty{text-align:center;place-items:center;padding:55px 20px;display:grid}.results-empty>span{width:52px;height:52px;color:var(--forest);background:var(--mint);border-radius:15px;place-items:center;font-size:24px;display:grid}.results-empty h3{margin:14px 0 5px}.results-empty p{color:var(--ink-soft);margin:0;font-size:12px}.results-privacy{color:#6c7a75;margin:14px 2px 0;font-size:10px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=760px){.results-topbar{grid-template-columns:1fr auto}.private-results-pill{display:none}.results-hero{flex-direction:column;align-items:flex-start}.results-summary{grid-template-columns:repeat(2,1fr)}.results-panel>header{flex-direction:column;align-items:flex-start}}:root{--ink:#14231f;--ink-soft:#43544f;--forest:#174d3d;--forest-dark:#103a2e;--mint:#dff4e8;--lime:#dff36a;--lime-deep:#c9df3f;--cream:#f7f5ed;--paper:#fffef9;--line:#d9ded8;--line-dark:#b8c2bb;--coral:#ef775f;--red-soft:#fff0ed;--green-soft:#e8f7ed;--shadow:0 18px 45px #183a2f17;--font-geist-sans:Inter, Aptos, "Segoe UI", Arial, Helvetica, sans-serif;--font-geist-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace}*{box-sizing:border-box}html{background:var(--cream)}body{background:var(--cream);color:var(--ink);font-family:var(--font-geist-sans);margin:0}a{color:inherit}button,input,textarea,select{font:inherit}button{color:inherit}.tracking-setup{border-top:1px solid var(--line);margin-top:20px;padding-top:18px}.tracking-toggle{cursor:pointer;align-items:flex-start;gap:12px;display:flex}.tracking-toggle input{width:20px;height:20px;accent-color:var(--green);margin-top:2px}.tracking-toggle span{gap:3px;display:grid}.tracking-toggle strong{font-size:14px}.tracking-toggle small{color:var(--muted);line-height:1.45}.tracking-settings{background:#f4f8f4;border:1px solid #d6e4d8;border-radius:14px;gap:10px;margin-top:16px;padding:16px;display:grid}.tracking-preview-name{color:var(--muted);margin:0;font-size:12px}.tracking-warning{color:#624b16;background:#fff8df;border:1px solid #ead58d;border-radius:11px;padding:13px 14px}.tracking-warning strong{text-transform:uppercase;letter-spacing:.06em;font-size:12px}.tracking-warning p{margin:5px 0 0;font-size:12px;line-height:1.5}.tracking-entry-card{color:#fff;background:var(--ink);box-shadow:var(--shadow);border-radius:24px;grid-template-columns:minmax(0,1fr) minmax(280px,420px);align-items:center;gap:28px;margin:18px 0;padding:clamp(22px,4vw,38px);display:grid}.tracking-entry-card h2{margin:5px 0 8px;font-size:clamp(23px,3vw,34px)}.tracking-entry-card p{color:#d5e4de;margin:0;line-height:1.55}.tracking-entry-form{color:var(--ink);background:#fff;border-radius:16px;gap:9px;padding:18px;display:grid}.tracking-entry-form label{font-size:12px;font-weight:800}.tracking-entry-form .button{justify-content:center}.tracking-entry-form .tracking-privacy-note{color:var(--muted);font-size:11px}.tracking-notice{color:#9a321f;margin:10px 0 0;font-size:12px;font-weight:700}.tracking-submitted{color:#d5e4de;border-top:1px solid #ffffff2e;width:100%;margin:12px 0 0;padding-top:12px;font-size:13px}@media (width<=760px){.tracking-entry-card{grid-template-columns:1fr;gap:18px}}.app-shell{min-height:100vh;padding-bottom:120px}.topbar{z-index:40;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffef9f0;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;min-height:74px;padding:12px clamp(20px,4vw,64px);display:grid;position:sticky;top:0}.brand{color:inherit;letter-spacing:-.02em;align-items:center;gap:11px;font-size:16px;font-weight:760;text-decoration:none;display:inline-flex}.brand-button{cursor:pointer;background:0 0;border:0;justify-self:start;padding:0}.brand-mark{color:#fff;background:var(--forest);border-radius:11px 11px 11px 3px;place-items:center;width:36px;height:36px;font-size:17px;font-weight:850;display:inline-grid}.prototype-pill,.preview-label{color:var(--forest);background:var(--mint);letter-spacing:.1em;border-radius:999px;align-items:center;gap:7px;padding:5px 9px;font-size:10px;font-weight:780;display:inline-flex}.preview-label{justify-self:center;font-size:11px}.save-state{color:var(--ink-soft);justify-self:center;align-items:center;gap:8px;font-size:12px;display:flex}.status-dot{background:#4ea671;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #4ea6711f}.top-preview{justify-self:end}.top-actions,.bottom-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.top-actions{justify-self:end}.button{cursor:pointer;border:1px solid #0000;border-radius:11px;justify-content:center;align-items:center;gap:9px;min-height:42px;padding:10px 17px;font-size:13px;font-weight:720;transition:transform .16s,background .16s,border .16s,box-shadow .16s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,.drop-zone:focus-visible,.term-chip:focus-visible{outline-offset:2px;outline:3px solid #174d3d38}.button:disabled{cursor:not-allowed;opacity:.45}.button-primary{color:#fff;background:var(--forest);box-shadow:0 7px 20px #174d3d29}.button-primary:hover:not(:disabled){background:var(--forest-dark)}.button-secondary{color:var(--forest);background:var(--lime);border-color:var(--lime-deep)}.button-secondary:hover:not(:disabled){background:var(--lime-deep)}.button-ghost{color:var(--forest);border-color:var(--line);background:0 0}.button-ghost:hover:not(:disabled){background:var(--paper);border-color:var(--line-dark)}.full-button{width:100%}.creator-hero{background:radial-gradient(circle at 8% 15%, #dff36a52, transparent 25%), var(--cream);grid-template-columns:minmax(0,1.4fr) minmax(330px,.6fr);align-items:end;gap:clamp(40px,8vw,120px);padding:clamp(52px,7vw,96px) clamp(20px,6vw,96px) 46px;display:grid}.eyebrow,.mini-label{color:var(--forest);letter-spacing:.17em;margin:0 0 13px;font-size:11px;font-weight:820}.creator-hero h1,.play-hero h1{letter-spacing:-.055em;max-width:770px;margin:0;font-size:clamp(42px,5.6vw,76px);font-weight:730;line-height:.98}.creator-hero>div>p:last-child{max-width:690px;color:var(--ink-soft);margin:24px 0 0;font-size:clamp(16px,1.5vw,20px);line-height:1.55}.steps-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fffef9bf;border-radius:18px;gap:4px;padding:10px;display:grid}.step{border-radius:12px;align-items:center;gap:13px;padding:10px 12px;display:flex}.step.complete{background:var(--mint)}.step>span{border:1px solid var(--line-dark);border-radius:50%;place-items:center;width:30px;height:30px;font-size:12px;font-weight:750;display:grid}.step.complete>span{color:#fff;background:var(--forest);border-color:var(--forest)}.step p{gap:2px;margin:0;display:grid}.step strong{font-size:13px}.step small{color:var(--ink-soft);font-size:11px}.creator-grid{grid-template-columns:minmax(280px,360px) minmax(0,1fr);align-items:start;gap:22px;padding:0 clamp(20px,4vw,64px);display:grid}.settings-column{gap:18px;display:grid;position:sticky;top:94px}.panel{background:var(--paper);border:1px solid var(--line);border-radius:18px;box-shadow:0 10px 30px #1f39300b}.settings-column .panel{padding:22px}.panel-heading{justify-content:space-between;margin-bottom:22px;display:flex}.panel-heading.compact{margin-bottom:8px}.panel-heading>div,.terms-header>div:first-child{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.panel-heading h2,.terms-header h2{letter-spacing:-.025em;margin:0;font-size:18px}.panel-number{width:27px;height:27px;color:var(--forest);background:var(--mint);font-family:var(--font-geist-mono);border-radius:8px;place-items:center;font-size:10px;font-weight:760;display:inline-grid}.field-label{color:var(--ink-soft);letter-spacing:.045em;margin:0 0 7px;font-size:11px;font-weight:760;display:block}.text-input,.import-panel textarea,.term-editor-row input,.term-editor-row textarea,.type-answer-wrap input{width:100%;color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:10px;outline:none;transition:border .14s,box-shadow .14s}.text-input{height:44px;padding:0 12px}.text-input:focus,.import-panel textarea:focus,.term-editor-row input:focus,.term-editor-row textarea:focus,.type-answer-wrap input:focus{border-color:var(--forest);box-shadow:0 0 0 3px #174d3d17}.mode-fieldset{border:0;gap:9px;margin:22px 0 0;padding:0;display:grid}.mode-card{border:1px solid var(--line);cursor:pointer;border-radius:12px;grid-template-columns:38px 1fr 18px;align-items:center;gap:11px;min-height:67px;padding:11px 13px;display:grid;position:relative}.mode-card.selected{border-color:var(--forest);background:#dff4e88c}.mode-card input{opacity:0;pointer-events:none;position:absolute}.mode-icon{width:38px;height:38px;color:var(--forest);background:var(--mint);border-radius:10px;place-items:center;font-size:13px;font-weight:800;display:grid}.mode-card>span:nth-of-type(2){gap:3px;display:grid}.mode-card strong{font-size:13px}.mode-card small{color:var(--ink-soft);font-size:11px}.radio-mark{border:1px solid var(--line-dark);border-radius:50%;width:16px;height:16px}.mode-card.selected .radio-mark{border:5px solid var(--forest)}.panel-help{color:var(--ink-soft);margin:0 0 12px;font-size:12px;line-height:1.5}.import-panel textarea{resize:vertical;min-height:115px;margin-bottom:10px;padding:11px;font-size:11px;line-height:1.45}.or-divider{color:#7a8983;text-transform:uppercase;align-items:center;gap:10px;margin:13px 0;font-size:10px;display:flex}.or-divider:before,.or-divider:after{content:"";background:var(--line);flex:1;height:1px}.terms-panel{min-width:0;overflow:hidden}.terms-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:24px;padding:24px 25px 20px;display:flex}.terms-header>div:first-child{align-items:center}.terms-header p{color:var(--ink-soft);flex-basis:100%;margin:1px 0 0 37px;font-size:12px}.term-count{white-space:nowrap;background:var(--cream);border-radius:10px;align-items:baseline;gap:2px;padding:9px 12px;display:flex}.term-count strong{color:var(--forest);font-size:20px}.term-count span{color:var(--ink-soft);font-size:11px}.editor-labels{color:#6d7b76;letter-spacing:.08em;grid-template-columns:minmax(130px,.7fr) minmax(230px,1.35fr) minmax(200px,1fr) 30px;gap:10px;padding:13px 25px 9px 52px;font-size:9px;font-weight:800;display:grid}.term-editor-list{display:grid}.term-editor-row{border-top:1px solid #edf0ec;grid-template-columns:27px minmax(130px,.7fr) minmax(230px,1.35fr) minmax(200px,1fr) 30px;align-items:center;gap:10px;padding:11px 20px 11px 14px;display:grid}.term-editor-row:hover{background:#fbfbf6}.row-index{color:#80908a;font-family:var(--font-geist-mono);font-size:10px}.term-editor-row input,.term-editor-row textarea{resize:vertical;min-height:47px;padding:9px 10px;font-size:12px;line-height:1.35}.term-editor-row input{font-weight:680}.delete-button{color:#9a5c50;cursor:pointer;background:0 0;border:0;border-radius:8px;width:30px;height:30px;font-size:19px}.delete-button:hover{background:var(--red-soft)}.editor-footer{border-top:1px solid var(--line);background:#fbfbf7;justify-content:space-between;align-items:center;gap:18px;padding:17px 20px;display:flex}.button-dashed{color:var(--forest);border:1px dashed var(--line-dark);background:0 0}.editor-footer p{color:var(--ink-soft);margin:0;font-size:11px}.bottom-preview-bar{color:#fff;background:var(--forest);box-shadow:var(--shadow);border-radius:16px;justify-content:space-between;align-items:center;gap:24px;margin:24px clamp(20px,4vw,64px) 0 calc(clamp(20px,4vw,64px) + min(360px,24vw) + 22px);padding:20px 24px;display:flex}.bottom-preview-bar .mini-label{color:var(--lime);margin-bottom:4px}.bottom-preview-bar p{margin:0;font-size:13px}.bottom-preview-bar .button-primary{color:var(--ink);background:var(--lime);box-shadow:none}.bottom-preview-bar .button-ghost{color:#fff;border-color:#ffffff59}.state-page{text-align:center;background:radial-gradient(circle at 50% 35%, #dff36a47, transparent 28%), var(--cream);align-content:center;place-items:center;min-height:100vh;padding:30px;display:grid}.state-page .eyebrow{margin-top:20px}.state-page h1{letter-spacing:-.05em;max-width:680px;margin:0;font-size:clamp(34px,6vw,64px);line-height:1.02}.state-page>p:not(.eyebrow){max-width:520px;color:var(--ink-soft);margin:20px 0;line-height:1.6}.state-page .button{margin-top:8px;text-decoration:none}.share-overlay{z-index:200;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0c1f19ad;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.share-card{background:var(--paper);border:1px solid var(--line);border-radius:22px;width:min(620px,100%);padding:clamp(24px,5vw,40px);position:relative;box-shadow:0 30px 80px #0a1c1647}.share-card h2{letter-spacing:-.045em;margin:0;font-size:clamp(29px,5vw,42px)}.share-intro{color:var(--ink-soft);margin:14px 0 24px;font-size:14px;line-height:1.55}.share-close{border:1px solid var(--line);background:var(--cream);cursor:pointer;border-radius:10px;place-items:center;width:35px;height:35px;font-size:21px;display:grid;position:absolute;top:14px;right:14px}.share-link-row{background:var(--green-soft);border:1px solid #c7dfce;border-radius:14px;justify-content:space-between;align-items:center;gap:18px;margin-top:11px;padding:16px;display:flex}.private-link-row{background:var(--cream);border-color:var(--line-dark)}.share-link-row>div{gap:4px;display:grid}.share-link-row strong{font-size:13px}.share-label{color:var(--forest);letter-spacing:.12em;font-size:9px;font-weight:820}.share-note{color:#66756f;border-top:1px solid var(--line);margin:20px 0 0;padding-top:16px;font-size:11px;line-height:1.5}.play-shell{background:#f5f6ef}.compact-topbar>.button{justify-self:end}.play-hero{background:var(--forest);color:#fff;justify-content:space-between;align-items:end;gap:32px;padding:clamp(42px,6vw,76px) clamp(20px,7vw,110px) 30px;display:flex}.play-hero .eyebrow{color:var(--lime)}.play-hero h1{max-width:850px;font-size:clamp(38px,5vw,66px)}.play-instruction{color:#d9e9e1;max-width:720px;margin:20px 0 0;font-size:15px;line-height:1.55}.mobile-match-copy,.mobile-word-select-wrap{display:none}.mode-switch{background:#ffffff1a;border:1px solid #ffffff2b;border-radius:12px;gap:4px;padding:4px;display:flex}.mode-switch button{color:#d6e5df;cursor:pointer;background:0 0;border:0;border-radius:8px;min-width:72px;height:38px;font-size:12px;font-weight:730}.mode-switch button.active{color:var(--ink);background:var(--lime)}.progress-row{color:var(--ink-soft);background:var(--paper);border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:13px clamp(20px,7vw,110px);font-size:11px;font-weight:670;display:flex}.progress-track{background:#e5e8e3;border-radius:999px;flex:1;height:5px;overflow:hidden}.progress-track span{background:var(--lime-deep);border-radius:inherit;height:100%;transition:width .22s;display:block}.play-layout{grid-template-columns:minmax(0,1fr) 290px;align-items:start;gap:24px;max-width:1240px;margin:0 auto;padding:35px 24px;display:grid}.play-layout.type-layout{grid-template-columns:minmax(0,880px);justify-content:center}.definitions-list{gap:12px;display:grid}.definition-card{background:var(--paper);border:1px solid var(--line);border-radius:15px;grid-template-columns:42px 1fr;gap:16px;padding:18px;transition:border .16s,background .16s;display:grid}.definition-card.is-correct{background:var(--green-soft);border-color:#78ba8e}.definition-card.is-incorrect{background:var(--red-soft);border-color:#e79a8b}.definition-number{width:38px;height:38px;color:var(--forest);background:var(--mint);font-family:var(--font-geist-mono);border-radius:11px;place-items:center;font-size:10px;font-weight:800;display:grid}.definition-content>p:first-child{margin:3px 0 13px;font-size:14px;font-weight:560;line-height:1.48}.drop-zone{border:1px dashed var(--line-dark);cursor:pointer;text-align:left;background:#fafbf7;border-radius:10px;justify-content:flex-start;align-items:center;width:100%;min-height:46px;padding:6px;display:flex}.drop-zone.ready{border-color:var(--forest);background:#dff4e861}.drop-zone.has-term{border-style:solid;border-color:var(--forest);background:var(--mint)}.drop-placeholder{color:#84918c;padding:0 8px;font-size:11px}.mobile-select-label{color:var(--ink-soft);letter-spacing:.05em;text-transform:uppercase;margin:0 0 7px;font-size:10px;font-weight:780;display:block}.mobile-word-select{width:100%;min-height:50px;color:var(--forest);border:1px solid var(--line-dark);background:#fff;border-radius:10px;padding:0 42px 0 13px;font-size:14px;font-weight:700}.placed-term{color:#fff;background:var(--forest);border-radius:8px;justify-content:space-between;align-items:center;gap:10px;min-height:32px;padding:5px 7px 5px 11px;font-size:12px;font-weight:720;display:inline-flex}.remove-placed{width:20px;height:20px;color:var(--forest);background:var(--lime);border-radius:6px;place-items:center;font-size:15px;display:grid}.type-answer-wrap input{height:46px;padding:0 13px;font-size:13px;font-weight:660}.answer-feedback{margin:8px 2px 0!important;font-size:11px!important;font-weight:700!important}.answer-feedback.correct{color:#277847}.answer-feedback.incorrect{color:#a54b3b}.word-bank{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;position:sticky;top:94px;overflow:hidden}.word-bank-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;padding:18px 18px 14px;display:flex}.word-bank-header .mini-label{margin-bottom:2px}.word-bank-header h2{margin:0;font-size:18px}.icon-button{border:1px solid var(--line);background:var(--cream);cursor:pointer;border-radius:9px;place-items:center;width:34px;height:34px;font-size:19px;display:grid}.term-bank-list{flex-wrap:wrap;gap:8px;max-height:470px;padding:16px;display:flex;overflow:auto}.term-chip{min-height:38px;color:var(--forest);background:var(--mint);cursor:grab;text-align:left;touch-action:none;-webkit-user-select:none;user-select:none;border:1px solid #b9d9c7;border-radius:9px;align-items:center;gap:6px;padding:7px 10px;font-size:11px;font-weight:720;display:inline-flex}.term-chip:active{cursor:grabbing}.term-chip.selected{color:var(--ink);background:var(--lime);border-color:var(--lime-deep);box-shadow:0 0 0 3px #dff36a45}.grip{color:#709787;font-size:15px;line-height:1}.word-bank-tip{color:#687772;border-top:1px solid var(--line);background:#f8f9f4;margin:0;padding:12px 16px;font-size:10px}.bank-empty{color:var(--forest);margin:5px;font-size:12px;font-weight:680}.drag-ghost{z-index:100;pointer-events:none;color:var(--ink);background:var(--lime);border:1px solid var(--lime-deep);border-radius:9px;padding:9px 12px;font-size:12px;font-weight:740;position:fixed;transform:translate(-50%,-50%)rotate(-2deg);box-shadow:0 14px 35px #14231f33}.check-panel{color:#fff;background:var(--forest);border-radius:17px;justify-content:space-between;align-items:center;gap:28px;max-width:1192px;margin:0 auto;padding:23px 25px;display:flex}.check-panel .mini-label{color:var(--lime);margin-bottom:5px}.check-panel h2{letter-spacing:-.025em;margin:0;font-size:19px}.check-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.check-panel .button-ghost{color:#fff;border-color:#ffffff40}.check-panel .button-primary{color:var(--ink);background:var(--lime);box-shadow:none}.check-panel .button-secondary{background:#fff;border-color:#fff}.result-copy{align-items:center;gap:15px;display:flex}.result-copy h2+p{color:#d5e4de;margin:5px 0 0;font-size:11px}.score-orb{min-width:62px;height:62px;color:var(--ink);background:var(--lime);border-radius:18px;place-items:center;padding:0 8px;font-size:17px;font-weight:820;display:grid}.vocabulary-text-large .definition-content>p:first-child{font-size:17px}.vocabulary-text-large .term-chip,.vocabulary-text-large .placed-term,.vocabulary-text-large .drag-ghost{font-size:14px}.vocabulary-text-large .type-answer-wrap input,.vocabulary-text-large .mobile-word-select{font-size:16px}.vocabulary-text-large .answer-feedback{font-size:14px!important}.vocabulary-text-large .check-panel h2{font-size:22px}.vocabulary-text-large .check-panel .mini-label{font-size:12px}.vocabulary-text-large .result-copy h2+p{font-size:13px}.vocabulary-text-large .check-panel .button{font-size:14px}.vocabulary-text-large .score-orb{font-size:21px}.vocabulary-text-extra .definition-content>p:first-child{font-size:20px;line-height:1.55}.vocabulary-text-extra .term-chip,.vocabulary-text-extra .placed-term,.vocabulary-text-extra .drag-ghost{font-size:16px;line-height:1.45}.vocabulary-text-extra .type-answer-wrap input,.vocabulary-text-extra .mobile-word-select{font-size:18px}.vocabulary-text-extra .answer-feedback{font-size:16px!important}.vocabulary-text-extra .check-panel h2{font-size:25px}.vocabulary-text-extra .check-panel .mini-label{font-size:13px}.vocabulary-text-extra .result-copy h2+p,.vocabulary-text-extra .check-panel .button{font-size:15px}.vocabulary-text-extra .score-orb{font-size:24px}.landing-shell{background:var(--cream);min-height:100vh;padding-bottom:70px}.landing-topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffdb;justify-content:space-between;align-items:center;min-height:78px;padding:14px clamp(20px,4vw,64px);display:flex}.landing-topbar .brand{color:inherit;text-decoration:none}.landing-nav{align-items:center;gap:22px;display:flex}.landing-nav span{color:var(--ink-soft);font-size:12px}.landing-nav a{color:var(--forest);background:var(--mint);border:1px solid #c5ddce;border-radius:10px;padding:9px 13px;font-size:12px;font-weight:760;text-decoration:none}.landing-nav a:hover{background:#cfead9}.landing-hero{color:#fff;background:radial-gradient(circle at 84% 25%, #dff36a21, transparent 28%), var(--forest);grid-template-columns:minmax(0,1fr) minmax(240px,340px);align-items:end;gap:70px;padding:clamp(65px,9vw,120px) clamp(20px,7vw,110px) clamp(48px,7vw,80px);display:grid}.landing-hero .eyebrow{color:var(--lime)}.landing-hero h1{letter-spacing:-.065em;max-width:850px;margin:0;font-size:clamp(48px,8vw,94px);line-height:.95}.landing-hero>div>p:last-child{color:#d6e6df;max-width:700px;margin:25px 0 0;font-size:16px;line-height:1.6}.landing-note{background:#ffffff14;border:1px solid #ffffff29;border-radius:15px;align-items:flex-start;gap:12px;padding:18px;display:flex}.landing-note .status-dot{background:var(--lime);flex:none;margin-top:4px;box-shadow:0 0 0 4px #dff36a1f}.landing-note p{color:#dbe9e3;margin:0;font-size:11px;line-height:1.6}.landing-note strong{color:#fff;font-size:13px}.tool-grid{grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:24px;max-width:1280px;margin:0 auto;padding:clamp(35px,5vw,60px) 24px;display:grid}.tool-card{min-height:360px;color:inherit;background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:22px;flex-direction:column;padding:clamp(24px,4vw,38px);text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex}.tool-card:hover{border-color:#9ebcac;transform:translateY(-4px);box-shadow:0 22px 50px #112a2221}.tool-card-top{justify-content:space-between;align-items:flex-start;margin-bottom:auto;display:flex}.tool-number{color:#7c8a85;font-family:var(--font-geist-mono);font-size:11px;font-weight:800}.tool-icon{width:62px;height:62px;color:var(--forest);background:var(--lime);border-radius:17px;place-items:center;font-size:22px;font-weight:820;display:grid}.tool-card .mini-label{color:var(--forest);margin:34px 0 8px}.tool-card h2{letter-spacing:-.05em;margin:0;font-size:clamp(31px,4vw,46px)}.tool-card>p:not(.mini-label){max-width:500px;color:var(--ink-soft);margin:14px 0 30px;font-size:14px;line-height:1.6}.tool-card-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;padding-top:18px;font-size:11px;display:flex}.tool-card-footer span{color:var(--ink-soft)}.tool-card-footer strong{color:var(--forest)}.my-activities-section{max-width:1280px;margin:0 auto;padding:20px 24px clamp(55px,8vw,100px);scroll-margin-top:20px}.my-activities-heading{border-top:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:30px;padding:clamp(30px,5vw,52px) 0 24px;display:flex}.my-activities-heading .eyebrow{margin-bottom:9px}.my-activities-heading h2{letter-spacing:-.05em;margin:0;font-size:clamp(36px,5vw,58px)}.my-activities-heading>div>p:last-child{max-width:670px;color:var(--ink-soft);margin:12px 0 0;font-size:14px;line-height:1.6}.activity-count{min-width:58px;height:58px;color:var(--forest);background:var(--lime);border-radius:17px;flex:none;place-items:center;padding:0 12px;font-size:22px;font-weight:820;display:grid}.my-activities-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px;display:grid}.my-activity-card{background:var(--paper);border:1px solid var(--line);border-radius:18px;flex-direction:column;min-width:0;padding:23px;display:flex;box-shadow:0 12px 32px #183a2f11}.my-activity-card-top{justify-content:space-between;align-items:flex-start;margin-bottom:21px;display:flex}.my-activity-icon{width:42px;height:42px;color:var(--forest);background:var(--mint);border-radius:12px;place-items:center;font-size:15px;font-weight:820;display:grid}.forget-activity{color:#7c8984;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;place-items:center;width:32px;height:32px;font-size:20px;display:grid}.forget-activity:hover{color:#9a4f43;background:var(--red-soft);border-color:#f0c7c0}.my-activity-card .mini-label{margin:0 0 7px}.my-activity-class-label{color:var(--forest);background:var(--mint);border-radius:8px;align-self:flex-start;margin:0 0 10px;padding:5px 8px;font-size:10px;font-weight:790}.my-activity-card h3{overflow-wrap:anywhere;letter-spacing:-.035em;margin:0;font-size:25px;line-height:1.08}.my-activity-updated{color:var(--ink-soft);margin:12px 0 22px;font-size:10px;line-height:1.5}.my-activity-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:auto;display:grid}.my-activity-actions .button{min-width:0;padding-inline:11px;text-decoration:none}.my-activity-actions .button-secondary{grid-column:1/-1}.my-activities-empty{border:1px dashed var(--line-dark);background:#fffef9b8;border-radius:18px;align-items:center;gap:18px;padding:27px;display:flex}.my-activities-empty>span{width:48px;height:48px;color:var(--forest);background:var(--mint);border-radius:14px;flex:none;place-items:center;font-size:24px;display:grid}.my-activities-empty h3{margin:0;font-size:17px}.my-activities-empty p{color:var(--ink-soft);margin:6px 0 0;font-size:12px;line-height:1.5}.my-activities-note{color:#687772;margin:16px 2px 0;font-size:10px;line-height:1.55}.sort-creator-hero{background:linear-gradient(125deg, var(--cream) 0 68%, #e9f4df 68%)}.sort-creator-grid{grid-template-columns:minmax(290px,350px) minmax(0,1fr);align-items:start;gap:22px;padding:0 clamp(20px,4vw,64px);display:grid}.sort-settings{position:sticky;top:95px}.sort-mode-fieldset{margin-top:18px}.sort-instruction-label{margin-top:18px;display:block}.sort-editor-main{gap:22px;min-width:0;display:grid}.open-sort-editor-note{background:linear-gradient(125deg, var(--paper), #f0f6df);align-items:flex-start;gap:15px;padding:23px 25px;display:flex}.open-sort-editor-note>div{min-width:0}.open-sort-editor-note .mini-label{color:var(--forest);margin:1px 0 5px}.open-sort-editor-note h2{letter-spacing:-.025em;margin:0;font-size:20px}.open-sort-editor-note p:last-child{max-width:720px;color:var(--ink-soft);margin:8px 0 0;font-size:12px;line-height:1.55}.category-editor-panel{overflow:hidden}.category-editor-grid{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:18px;display:grid}.category-editor-card{border:1px solid var(--line);background:#fbfbf7;border-radius:12px;grid-template-columns:28px minmax(0,1fr) 30px;align-items:center;gap:8px;min-height:58px;padding:9px;display:grid}.category-editor-card>span{color:#80908a;font-family:var(--font-geist-mono);font-size:9px}.category-editor-card input{min-width:0;height:39px;padding:0 9px;font-weight:720}.category-editor-card button{color:#9a5c50;cursor:pointer;background:0 0;border:0;border-radius:7px;width:28px;height:28px;font-size:18px}.category-editor-card button:hover:not(:disabled){background:var(--red-soft)}.category-editor-card button:disabled{opacity:.3;cursor:not-allowed}.add-category-button{min-height:58px}.sort-cards-panel{overflow:hidden}.sort-editor-labels{color:#6d7b76;letter-spacing:.08em;grid-template-columns:27px minmax(260px,1fr) minmax(145px,.34fr) 30px;gap:10px;padding:12px 20px 8px 14px;font-size:9px;font-weight:800;display:grid}.sort-editor-labels span:first-child{grid-column:2}.sort-card-editor-row{border-top:1px solid #edf0ec;grid-template-columns:27px minmax(260px,1fr) minmax(145px,.34fr) 30px;align-items:center;gap:10px;padding:11px 20px 11px 14px;display:grid}.sort-card-editor-row.open-sort-card-editor-row{grid-template-columns:27px minmax(260px,1fr) 30px}.sort-card-editor-row:hover{background:#fbfbf6}.sort-card-editor-row textarea{resize:vertical;min-height:58px;padding:10px;font-size:12px;line-height:1.4}.sort-card-editor-row select{border:1px solid var(--line-dark);background:#fff;border-radius:9px;min-width:0;height:44px;padding:0 10px;font-size:11px;font-weight:680}.sort-bottom-bar{margin-left:calc(clamp(20px,4vw,64px) + min(350px,26vw) + 22px)}.sort-play-hero{align-items:center}.sort-activity-tip{color:#dce9e4;text-align:right;border:1px solid #ffffff2e;border-radius:12px;padding:14px 17px;font-size:10px;font-weight:690;line-height:1.55}.student-display-toolbar{z-index:32;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f6f8f1f5;align-items:center;gap:20px;min-height:62px;padding:9px clamp(20px,5vw,76px);display:flex;position:sticky;top:74px;box-shadow:0 8px 24px #1630270d}.display-control-group{align-items:center;gap:8px;display:flex}.display-control-label{color:var(--ink-soft);letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:820}.display-segmented-control{border:1px solid var(--line-dark);background:#fff;border-radius:10px;gap:3px;padding:3px;display:flex}.display-segmented-control button{min-width:40px;height:32px;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:0 9px;font-size:11px;font-weight:760}.display-segmented-control button.active{color:var(--ink);background:var(--lime);box-shadow:0 1px 4px #1731281f}.view-control button{justify-content:center;align-items:center;gap:6px;min-width:82px;display:inline-flex}.display-preference-note{color:#75827d;margin:0 0 0 auto;font-size:10px}.sort-player{gap:24px;max-width:1400px;margin:0 auto;padding:30px 24px;display:grid}.sort-player.view-board{grid-template-columns:minmax(280px,340px) minmax(0,1fr);align-items:start;max-width:1600px}.sort-workspace{gap:18px;min-width:0;display:grid}.view-board .sort-card-bank{position:sticky;top:154px}.view-board .sort-bank-grid{scrollbar-gutter:stable;grid-template-columns:1fr;max-height:calc(100vh - 242px);overflow-y:auto}.view-board .sort-category-grid.columns-4{grid-template-columns:repeat(2,minmax(0,1fr))}.view-board .sort-category-zone{min-height:350px}.sort-card-bank{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:17px;overflow:hidden}.sort-bank-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:16px 18px 13px;display:flex}.sort-bank-heading .mini-label{margin-bottom:2px}.sort-bank-heading h2{margin:0;font-size:18px}.sort-bank-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:15px;display:grid}.sort-card{background:var(--mint);cursor:grab;border:1px solid #b9d9c7;border-radius:11px;transition:border .15s,box-shadow .15s,transform .15s;display:grid;overflow:hidden}.sort-card:hover{border-color:#82b397;transform:translateY(-1px)}.sort-card.selected{border-color:var(--lime-deep);background:#f2f7c9;box-shadow:0 0 0 3px #dff36a4d}.sort-card-select{width:100%;min-height:74px;color:var(--forest);cursor:inherit;text-align:left;background:0 0;border:0;align-items:flex-start;gap:9px;padding:12px;font-size:11px;font-weight:660;line-height:1.45;display:flex}.sort-card-select .grip{flex:none;margin-top:1px}.sort-mobile-choice{display:none}.sort-bank-empty{color:var(--forest);text-align:center;grid-column:1/-1;margin:8px;font-size:12px;font-weight:690}.selected-card-focus{z-index:14;border:2px solid var(--lime-deep);background:#fbfddc;border-radius:15px;grid-template-columns:minmax(0,1fr) auto 32px;align-items:center;gap:18px;padding:17px 18px;display:grid;position:sticky;top:148px;box-shadow:0 15px 35px #16302721}.selected-card-copy{min-width:0}.selected-card-copy .mini-label{color:var(--forest);margin-bottom:5px}.selected-card-copy p{color:var(--ink);letter-spacing:-.02em;margin:0;font-size:20px;font-weight:690;line-height:1.38}.focus-category-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.focus-category-actions>span{color:var(--ink-soft);text-transform:uppercase;margin-right:2px;font-size:9px;font-weight:800}.focus-category-actions button{color:#fff;background:var(--forest);cursor:pointer;border:0;border-radius:8px;min-height:36px;padding:7px 10px;font-size:10px;font-weight:720}.focus-category-actions button:hover{background:#24594a}.focus-close{color:#755347;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:30px;height:30px;font-size:21px;display:grid}.focus-close:hover{background:#75534717}.sort-category-grid{align-items:start;gap:15px;display:grid}.sort-category-grid.columns-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sort-category-grid.columns-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sort-category-grid.columns-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sort-category-zone{border:1px solid var(--line-dark);background:#ffffffa8;border-radius:16px;min-height:260px;transition:border .15s,box-shadow .15s;overflow:hidden}.sort-category-zone.ready{cursor:pointer;border-color:#86b29b;box-shadow:0 0 0 3px #abdabf2e}.sort-category-heading{color:#fff;background:var(--forest);grid-template-columns:30px 1fr 32px;align-items:center;gap:9px;min-height:64px;padding:12px 14px;display:grid}.sort-category-heading>span{color:var(--lime);font-family:var(--font-geist-mono);font-size:9px}.sort-category-heading h2{letter-spacing:-.03em;margin:0;font-size:18px}.sort-category-heading strong{width:30px;height:30px;color:var(--forest);background:var(--lime);border-radius:9px;place-items:center;font-size:11px;display:grid}.sort-category-cards{gap:9px;padding:12px;display:grid}.placed-sort-card{border:1px solid var(--line);cursor:grab;background:#fff;border-radius:10px;grid-template-columns:minmax(0,1fr) 25px;align-items:start;gap:8px;padding:11px;display:grid}.placed-sort-card.is-correct{background:var(--green-soft);border-color:#78ba8e}.placed-sort-card.is-incorrect{background:var(--red-soft);border-color:#e79a8b}.placed-sort-card p{margin:0;font-size:10.5px;font-weight:640;line-height:1.48}.placed-sort-card button{color:#8b4c40;background:var(--red-soft);cursor:pointer;border:0;border-radius:7px;place-items:center;width:24px;height:24px;font-size:16px;display:grid}.empty-sort-zone{color:#77857f;border:1px dashed var(--line-dark);cursor:pointer;background:0 0;border-radius:10px;width:100%;min-height:120px;padding:16px;font-size:10px;font-weight:660}.open-group-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.open-group-heading{grid-template-columns:30px minmax(0,1fr) 32px 28px}.open-group-name{color:#fff;background:#ffffff17;border:1px solid #ffffff40;border-radius:8px;outline:none;width:100%;min-width:0;height:40px;padding:0 9px;font-size:16px;font-weight:720}.open-group-name::placeholder{color:#ffffffad}.open-group-name:focus{border-color:var(--lime);background:#ffffff26;box-shadow:0 0 0 3px #dff36a24}.remove-student-group{color:#ffe0d9;cursor:pointer;background:#ffffff17;border:0;border-radius:7px;place-items:center;width:28px;height:28px;padding:0;font-size:18px;display:grid}.remove-student-group:hover:not(:disabled){color:#fff;background:#ffffff2e}.remove-student-group:disabled{opacity:.28;cursor:not-allowed}.add-student-group-zone{background:#ffffff6b;align-self:stretch;min-height:170px;font-size:13px}.open-review-hint{color:var(--ink-soft);margin:7px 0 0;font-size:11px}.open-group-result .score-orb{font-size:24px}.sort-text-large .play-instruction{font-size:17px}.sort-text-large .sort-card-select{min-height:88px;font-size:14px}.sort-text-large .sort-category-heading h2{font-size:21px}.sort-text-large .placed-sort-card p{font-size:13px}.sort-text-large .empty-sort-zone{font-size:12px}.sort-text-large .selected-card-copy p{font-size:24px}.sort-text-large .open-group-name,.sort-text-extra .play-instruction{font-size:19px}.sort-text-extra .sort-card-select{min-height:104px;font-size:16px;line-height:1.5}.sort-text-extra .sort-category-heading h2{font-size:24px}.sort-text-extra .placed-sort-card p{font-size:15px;line-height:1.55}.sort-text-extra .empty-sort-zone{font-size:14px}.sort-text-extra .selected-card-copy p{font-size:28px}.sort-text-extra .open-group-name{height:46px;font-size:22px}.picture-creator-hero{background:linear-gradient(125deg,#f3f7e8 0 68%,#e1f0ea 68%)}.picture-creator-grid{grid-template-columns:minmax(290px,350px) minmax(0,1fr);align-items:start;gap:22px;padding:0 clamp(20px,4vw,64px);display:grid}.picture-settings{position:sticky;top:95px}.picture-instruction-label{margin-top:18px;display:block}.picture-settings textarea,.picture-label-fields input,.picture-style-field select{width:100%;color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:9px;outline:none}.picture-settings textarea{resize:vertical;padding:10px;font-size:11px;line-height:1.45}.picture-settings textarea:focus,.picture-label-fields input:focus,.picture-style-field select:focus{border-color:var(--forest);box-shadow:0 0 0 3px #174d3d17}.picture-upload-panel{overflow:hidden}.picture-file-button{min-height:48px;color:var(--forest);background:var(--mint);cursor:pointer;border:1px dashed #8caf9e;border-radius:10px;place-items:center;padding:10px;font-size:12px;font-weight:760;display:grid}.picture-file-button:hover{background:#d7eee1}.picture-file-button input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.picture-file-name{color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;margin:8px 0 0;font-size:10px;overflow:hidden}.picture-alt-label{margin-top:17px}.required-field{color:#7f3d32;background:var(--red-soft);letter-spacing:.08em;text-transform:uppercase;vertical-align:middle;border-radius:999px;margin-left:5px;padding:2px 6px;font-size:7px;font-weight:850;display:inline-flex}.picture-alt-help{color:#75827d;margin:7px 0 0;font-size:9.5px;line-height:1.45}.picture-mode-card em{width:fit-content;color:var(--forest);background:var(--lime);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;margin-top:5px;padding:3px 7px;font-size:7px;font-style:normal;font-weight:850;display:inline-flex}.picture-editor-main{gap:22px;min-width:0;display:grid}.picture-marker-panel,.picture-label-editor-panel{overflow:hidden}.picture-marker-toolbar{border-bottom:1px solid var(--line);background:#fbfcf7;align-items:center;gap:9px;padding:13px 18px;display:flex}.picture-marker-toolbar p{color:var(--ink-soft);margin:0 0 0 6px;font-size:10px;line-height:1.4}.picture-stage-frame{width:100%;max-width:980px;margin:0 auto;padding:20px;transition:max-width .18s}.picture-stage-frame.picture-stage-large{max-width:1380px}.picture-stage{border:1px solid var(--line-dark);-webkit-user-select:none;user-select:none;background:#dfe5df;border-radius:13px;width:100%;line-height:0;position:relative;overflow:hidden;box-shadow:0 12px 30px #132b231f}.picture-stage.placing-marker{cursor:crosshair;box-shadow:0 0 0 4px #91b55240,0 12px 30px #132b231f}.picture-stage img{pointer-events:none;width:100%;height:auto;display:block}.picture-arrow-layer{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.picture-arrow-layer line{stroke:#173f33;stroke-width:2.1px;vector-effect:non-scaling-stroke;filter:drop-shadow(0 1px 1px #ffffffe6)}.picture-arrow-layer line.active{stroke:#a5c51f;stroke-width:3.2px}.picture-arrow-layer line.picture-dot-callout-line{stroke-dasharray:4 4;stroke-width:1.5px}.picture-arrow-layer marker path{fill:#173f33}.picture-dot-marker,.picture-arrow-box{z-index:4;color:#fff;background:var(--forest);cursor:pointer;font-family:var(--font-geist-mono);touch-action:none;border:2px solid #fff;place-items:center;font-weight:820;line-height:1;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0c231b4d}.picture-dot-marker{border-radius:50%;width:34px;height:34px;font-size:11px}.picture-arrow-box{border-radius:8px;min-width:48px;height:34px;padding:0 12px;font-size:11px}.picture-arrow-box.picture-editor-placement-box{background:#275d4c;border-style:dashed;min-width:66px;font-family:inherit;font-size:9px}.picture-dot-marker.active,.picture-arrow-box.active{color:var(--ink);background:var(--lime);border-color:#fff;box-shadow:0 0 0 4px #dff36a52,0 3px 9px #0c231b47}.picture-arrow-target{z-index:5;border:3px solid var(--forest);cursor:pointer;touch-action:none;background:#ffffffd1;border-radius:50%;width:18px;height:18px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 1px 5px #0c231b4d}.picture-arrow-target.active{background:var(--lime);border-color:var(--forest);box-shadow:0 0 0 4px #dff36a52}.picture-empty-stage{min-height:390px;color:var(--ink-soft);text-align:center;background:#f5f7f1;place-items:center;padding:50px;display:grid}.picture-empty-stage>span{width:70px;height:70px;color:var(--forest);background:var(--mint);border-radius:19px;place-items:center;margin-bottom:14px;font-size:30px;display:grid}.picture-empty-stage h3{color:var(--ink);margin:0;font-size:20px}.picture-empty-stage p{margin:7px 0 0;font-size:11px}.picture-label-editor-list{display:grid}.picture-label-editor-row{cursor:pointer;border-top:1px solid #edf0ec;grid-template-columns:38px minmax(0,1fr) minmax(105px,.18fr) 32px;align-items:center;gap:12px;padding:13px 18px;display:grid}.picture-label-editor-row:first-child{border-top:0}.picture-label-editor-row:hover,.picture-label-editor-row.selected{background:#f9fbea}.picture-label-editor-row.selected{box-shadow:inset 4px 0 var(--lime-deep)}.picture-editor-number,.picture-answer-number{color:#fff;background:var(--forest);cursor:pointer;width:36px;height:36px;font-family:var(--font-geist-mono);border:0;border-radius:10px;place-items:center;font-size:11px;font-weight:800;display:grid}.picture-label-fields{grid-template-columns:minmax(150px,.8fr) minmax(190px,1fr);gap:10px;display:grid}.picture-label-fields label,.picture-style-field{gap:5px;min-width:0;display:grid}.picture-label-fields span,.picture-style-field span{color:var(--ink-soft);letter-spacing:.06em;text-transform:uppercase;font-size:8.5px;font-weight:800}.picture-label-fields input,.picture-style-field select{min-width:0;height:42px;padding:0 10px;font-size:11px}.picture-no-labels{color:var(--ink-soft);text-align:center;padding:30px;font-size:12px}.picture-bottom-bar{margin-left:calc(clamp(20px,4vw,64px) + min(350px,26vw) + 22px)}.picture-validation-alert{color:#783b31;background:var(--red-soft);border:1px solid #e5a497;border-radius:12px;margin:24px clamp(20px,4vw,64px) 0 calc(clamp(20px,4vw,64px) + min(350px,26vw) + 22px);padding:14px 17px;font-size:12px;line-height:1.45}.picture-readiness{flex-wrap:wrap;gap:8px;margin-top:9px;display:flex}.picture-readiness span{color:#c9d8d2;background:#ffffff14;border:1px solid #ffffff29;border-radius:999px;padding:4px 7px;font-size:8px;font-weight:760}.picture-readiness span.ready{color:var(--lime);border-color:#dff36a73}.picture-play-hero{align-items:center}.picture-display-toolbar .picture-size-toggle{min-height:38px;color:var(--forest);border:1px solid var(--line-dark);cursor:pointer;background:#fff;border-radius:9px;padding:0 12px;font-size:10px;font-weight:760}.picture-display-toolbar .picture-size-toggle.active{background:var(--lime);border-color:var(--lime-deep)}.picture-player-layout{grid-template-columns:minmax(0,1fr) minmax(260px,340px);align-items:start;gap:22px;max-width:1480px;margin:0 auto;padding:28px 24px;display:grid}.picture-player-layout>.picture-stage-frame{grid-column:1;padding:0}.picture-answer-bank{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;grid-area:1/2;overflow:hidden}.picture-label-bank-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px;display:grid}.picture-bank-tip{color:#6e7d77;border-bottom:1px solid var(--line);background:#f8f9f4;margin:0;padding:10px 13px;font-size:9px;line-height:1.45}.picture-label-card{min-height:54px;color:var(--forest);background:var(--mint);cursor:grab;border:1px solid #b9d9c7;border-radius:9px;padding:9px;font-size:10px;font-weight:700;line-height:1.35}.picture-label-card:hover{border-color:#82b397}.picture-label-card.selected{color:var(--ink);background:var(--lime);border-color:var(--lime-deep);box-shadow:0 0 0 3px #dff36a40}.picture-bank-empty{color:var(--ink-soft);text-align:center;grid-column:1/-1;margin:8px;font-size:11px}.picture-answer-list{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;display:grid}.picture-answer-row{background:var(--paper);border:1px solid var(--line);border-radius:13px;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:11px;padding:12px;transition:border .14s,box-shadow .14s;display:grid}.picture-answer-row.active{border-color:#88ae9c;box-shadow:0 0 0 3px #88ae9c24}.picture-answer-row.is-correct{background:var(--green-soft);border-color:#78ba8e}.picture-answer-row.is-incorrect{background:var(--red-soft);border-color:#e79a8b}.picture-answer-copy{gap:6px;min-width:0;display:grid}.picture-answer-copy>span{color:var(--ink-soft);letter-spacing:.07em;font-size:8px;font-weight:820}.picture-answer-copy>input{width:100%;height:46px;color:var(--ink);border:1px solid var(--line-dark);background:#fff;border-radius:9px;outline:none;padding:0 12px;font-size:12px}.picture-answer-copy>input:focus{border-color:var(--forest);box-shadow:0 0 0 3px #174d3d1a}.picture-answer-drop{border:1px dashed var(--line-dark);cursor:pointer;background:#fff;border-radius:9px;grid-template-columns:minmax(0,1fr) 28px;align-items:center;min-height:46px;padding:7px 8px 7px 11px;display:grid}.picture-answer-drop.ready{border-color:var(--lime-deep);background:#f8fadf}.picture-answer-drop p{color:#77857f;grid-column:1/-1;margin:0;font-size:10px}.picture-answer-drop strong{text-overflow:ellipsis;font-size:12px;overflow:hidden}.picture-answer-drop button{color:#8b4c40;background:var(--red-soft);cursor:pointer;border:0;border-radius:7px;place-items:center;width:26px;height:26px;font-size:16px;display:grid}.picture-mobile-answer-select{width:100%;height:44px;color:var(--forest);border:1px solid var(--line-dark);background:#fff;border-radius:8px;padding:0 9px;font-size:11px;font-weight:680;display:none}.direct-placement-mode .picture-answer-list{display:none}.picture-placement-wrap{z-index:8;filter:drop-shadow(0 3px 8px #0c231b47);grid-template-columns:minmax(0,1fr) 22px;align-items:center;width:clamp(92px,18%,185px);min-height:38px;display:grid;position:absolute;transform:translate(-50%,-50%)}.picture-placement-target{color:#fff;cursor:pointer;text-align:left;background:#173f33f0;border:2px solid #fff;border-radius:9px;grid-area:1/1/auto/-1;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:5px;width:100%;min-height:38px;padding:4px 25px 4px 5px;line-height:1.15;display:grid}.picture-placement-target.ready{color:var(--ink);background:var(--lime);border-color:#fff;box-shadow:0 0 0 4px #dff36a47}.picture-placement-target.filled{color:var(--forest);background:#fffffff5}.picture-placement-target>span:last-child{overflow-wrap:anywhere;font-size:9px;font-weight:790;overflow:hidden}.picture-placement-number{color:#fff;background:var(--forest);width:22px;height:22px;font-family:var(--font-geist-mono);border-radius:6px;place-items:center;font-size:8px;font-weight:850;display:grid}.picture-placement-remove{z-index:2;color:#8b4c40;background:var(--red-soft);cursor:pointer;border:0;border-radius:6px;grid-area:1/2;place-items:center;width:20px;height:20px;margin-right:3px;font-size:14px;line-height:1;display:grid}.picture-placement-wrap.active .picture-placement-target{box-shadow:0 0 0 4px #dff36a4d}.picture-placement-wrap.is-correct .picture-placement-target{background:#e4f5e8;border-color:#52a46d}.picture-placement-wrap.is-incorrect .picture-placement-target{background:#fde5df;border-color:#cf6f5e}.picture-check-panel{max-width:1432px;margin-bottom:30px}.picture-text-large .picture-label-card,.picture-text-large .picture-answer-drop strong,.picture-text-large .picture-answer-copy>input,.picture-text-large .picture-placement-target>span:last-child{font-size:14px}.picture-text-large .picture-answer-row{min-height:82px}.picture-text-large .picture-dot-marker,.picture-text-large .picture-arrow-box{font-size:14px}.picture-text-extra .picture-label-card,.picture-text-extra .picture-answer-drop strong,.picture-text-extra .picture-answer-copy>input,.picture-text-extra .picture-placement-target>span:last-child{font-size:16px;line-height:1.4}.picture-text-large .picture-placement-wrap{width:clamp(110px,21%,215px)}.picture-text-extra .picture-placement-wrap{width:clamp(125px,24%,245px)}.picture-text-extra .picture-answer-row{min-height:94px}.picture-text-extra .picture-dot-marker{width:40px;height:40px;font-size:16px}.picture-text-extra .picture-arrow-box{min-width:54px;height:40px;font-size:16px}@media (width<=1080px){.creator-grid{grid-template-columns:300px minmax(0,1fr)}.editor-labels{display:none}.term-editor-row{grid-template-columns:27px 1fr 30px;align-items:start}.term-editor-row input,.term-editor-row textarea{grid-column:2}.delete-button{grid-area:1/3}.row-index{grid-row:1/span 3;padding-top:14px}.bottom-preview-bar{margin-left:calc(clamp(20px,4vw,64px) + 322px)}.sort-creator-grid{grid-template-columns:300px minmax(0,1fr)}.sort-editor-labels{display:none}.sort-card-editor-row{grid-template-columns:27px 1fr 30px;align-items:start}.sort-card-editor-row.open-sort-card-editor-row{grid-template-columns:27px 1fr 30px}.sort-card-editor-row textarea,.sort-card-editor-row select{grid-column:2}.sort-card-editor-row .delete-button{grid-area:1/3}.sort-card-editor-row .row-index{grid-row:1/span 2;padding-top:14px}.sort-bottom-bar{margin-left:calc(clamp(20px,4vw,64px) + 322px)}.sort-bank-grid,.sort-category-grid.columns-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=820px){.topbar{grid-template-columns:1fr auto}.save-state,.preview-label{display:none}.creator-hero{grid-template-columns:1fr;gap:32px;padding-top:55px}.steps-card{grid-template-columns:repeat(3,1fr)}.step{align-items:flex-start;padding:10px}.step small{display:none}.creator-grid{grid-template-columns:1fr}.settings-column{grid-template-columns:1fr 1fr;position:static}.terms-panel{grid-column:1}.bottom-preview-bar{margin-left:clamp(20px,4vw,64px)}.play-layout{grid-template-columns:1fr}.word-bank{grid-row:1;position:static}.term-bank-list{max-height:none}.play-hero{flex-direction:column;align-items:flex-start}.check-panel{margin:0 24px}.landing-hero{grid-template-columns:1fr;gap:34px}.landing-note{max-width:440px}.sort-creator-grid{grid-template-columns:1fr}.sort-settings{grid-template-columns:1fr 1fr;position:static}.sort-editor-main{grid-column:1}.sort-bottom-bar{margin-left:clamp(20px,4vw,64px)}.layout-display-control{display:none}.sort-player.view-board{grid-template-columns:1fr;max-width:1400px}.view-board .sort-card-bank{position:static}.view-board .sort-bank-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none;overflow:visible}.view-board .sort-category-zone{min-height:260px}.sort-category-grid.columns-3,.sort-category-grid.columns-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.desktop-match-copy,.desktop-drop-zone,.word-bank{display:none}.mobile-match-copy,.mobile-word-select-wrap{display:block}.play-layout{grid-template-columns:1fr}}@media (width<=620px){.app-shell{padding-bottom:80px}.topbar{min-height:64px;padding:10px 15px}.brand{font-size:14px}.brand-mark{width:33px;height:33px}.prototype-pill{display:none}.top-preview{min-height:38px;padding:8px 11px}.top-actions>.button-ghost,.compact-topbar .brand>span:nth-child(2){display:none}.compact-topbar>.button{padding:8px 10px;font-size:11px}.creator-hero{padding:42px 18px 32px}.creator-hero h1{font-size:clamp(38px,12vw,54px)}.steps-card{grid-template-columns:1fr}.step small{display:block}.creator-grid{padding:0 14px}.settings-column{grid-template-columns:1fr}.terms-header{padding:20px 17px}.terms-header p{margin-left:0}.term-editor-row{padding:11px 12px}.editor-footer{flex-direction:column;align-items:flex-start}.bottom-preview-bar{flex-direction:column;align-items:stretch;margin:18px 14px 0}.bottom-actions{flex-direction:column;align-items:stretch}.bottom-actions .button{width:100%}.play-hero{padding:42px 18px 24px}.play-hero h1{font-size:40px}.student-display-toolbar{justify-content:center;min-height:54px;padding:7px 12px;top:64px}.display-control-label,.display-preference-note{display:none}.selected-card-focus{grid-template-columns:minmax(0,1fr) 30px;gap:10px;padding:14px;top:124px}.focus-category-actions{grid-area:2/1/auto/-1;justify-content:flex-start}.focus-close{grid-area:1/2}.progress-row{padding-inline:18px}.play-layout{padding:22px 12px}.definition-card{grid-template-columns:34px 1fr;gap:10px;padding:13px}.definition-number{width:32px;height:32px}.check-panel{flex-direction:column;align-items:stretch;margin:0 12px;padding:20px}.check-actions{justify-content:stretch}.check-actions .button{flex:1}.result-copy{align-items:flex-start}.share-link-row{flex-direction:column;align-items:stretch}.share-link-row .button{width:100%}.landing-topbar{min-height:64px;padding:10px 15px}.landing-nav span{display:none}.landing-hero{padding:52px 18px 42px}.landing-hero h1{font-size:53px}.tool-grid{grid-template-columns:1fr;padding:22px 14px}.tool-card{min-height:320px}.tool-card-footer{flex-direction:column;align-items:flex-start}.my-activities-section{padding:12px 14px 55px}.my-activities-heading{align-items:flex-start;padding-top:32px}.activity-count{border-radius:13px;min-width:46px;height:46px;font-size:18px}.my-activities-grid,.my-activity-actions{grid-template-columns:1fr}.my-activity-actions .button-secondary{grid-column:1}.my-activities-empty{align-items:flex-start;padding:20px}.sort-creator-grid{padding:0 14px}.sort-settings{grid-template-columns:1fr}.category-editor-grid{grid-template-columns:1fr;padding:12px}.sort-card-editor-row{padding:11px 12px}.sort-activity-tip{text-align:left}.sort-bank-grid{grid-template-columns:1fr;padding:10px}.view-board .sort-bank-grid{grid-template-columns:1fr}.sort-card{cursor:default}.sort-card-select{cursor:pointer;min-height:0}.sort-mobile-choice{color:var(--ink-soft);text-transform:uppercase;gap:5px;padding:0 11px 11px;font-size:9px;font-weight:760;display:grid}.sort-mobile-choice select{height:42px;color:var(--forest);border:1px solid var(--line-dark);text-transform:none;background:#fff;border-radius:8px;padding:0 10px;font-size:12px;font-weight:680}.sort-category-grid.columns-2,.sort-category-grid.columns-3,.sort-category-grid.columns-4,.open-group-grid{grid-template-columns:1fr}.sort-category-zone{min-height:180px}.sort-category-heading h2{font-size:20px}}@media (width<=1080px){.picture-creator-grid{grid-template-columns:300px minmax(0,1fr)}.picture-bottom-bar{margin-left:calc(clamp(20px,4vw,64px) + 322px)}.picture-label-editor-row{grid-template-columns:38px minmax(0,1fr) 32px;align-items:start}.picture-style-field{grid-column:2}.picture-label-editor-row .delete-button{grid-area:1/3}}@media (width<=820px){.picture-creator-grid{grid-template-columns:1fr}.picture-settings{grid-template-columns:1fr 1fr;position:static}.picture-editor-main{grid-column:1}.picture-bottom-bar,.picture-validation-alert{margin-left:clamp(20px,4vw,64px)}.picture-player-layout{grid-template-columns:1fr}.picture-player-layout>.picture-stage-frame,.picture-answer-bank{grid-column:1}.picture-answer-bank{grid-row:auto}}@media (width<=620px){.picture-creator-grid{padding:0 14px}.picture-settings{grid-template-columns:1fr}.picture-marker-toolbar{flex-wrap:wrap;align-items:stretch;padding:12px}.picture-marker-toolbar .button{flex:1}.picture-marker-toolbar p{flex-basis:100%;margin:3px 0 0}.picture-stage-frame{padding:10px}.picture-empty-stage{min-height:260px;padding:30px 18px}.picture-label-editor-row{grid-template-columns:36px minmax(0,1fr) 30px;gap:9px;padding:12px}.picture-label-fields{grid-template-columns:1fr}.picture-label-editor-row .delete-button{grid-area:1/3}.picture-style-field{grid-column:2}.picture-player-layout{gap:14px;padding:18px 12px}.picture-player-layout>.picture-stage-frame{padding:0}.picture-answer-bank{display:none}.picture-answer-list{grid-template-columns:1fr}.direct-placement-mode .picture-direct-mobile-fallback{display:grid}.picture-answer-row{grid-template-columns:38px minmax(0,1fr);gap:9px;padding:10px}.picture-answer-drop{display:none}.picture-mobile-answer-select{display:block}.picture-dot-marker{width:30px;height:30px}.picture-arrow-box{min-width:40px;height:30px;padding:0 8px}.picture-placement-wrap{width:clamp(82px,25%,130px)}.picture-placement-target{min-height:34px;padding-right:23px}.picture-placement-target>span:last-child{font-size:8px}.picture-validation-alert{margin:18px 14px 0}.picture-check-panel{margin-bottom:18px}}.rank-creator-hero{background:linear-gradient(126deg,#f4f7e9 0 63%,#e4efe9 63%)}.rank-creator-grid{grid-template-columns:minmax(330px,390px) minmax(0,1fr);align-items:start;gap:22px;padding:0 clamp(20px,4vw,64px);display:grid}.rank-settings{position:static}.rank-settings .panel>textarea,.rank-select,.rank-axis-editor input,.rank-number-field input,.rank-tier-editor-list input,.rank-item-editor-row textarea{width:100%;color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:9px;outline:none}.rank-settings .panel>textarea,.rank-item-editor-row textarea{resize:vertical;padding:10px;font-size:11px;line-height:1.45}.rank-settings .panel>textarea:focus,.rank-select:focus,.rank-axis-editor input:focus,.rank-number-field input:focus,.rank-tier-editor-list input:focus,.rank-item-editor-row textarea:focus{border-color:var(--forest);box-shadow:0 0 0 3px #174d3d17}.rank-layout-fieldset{border:0;margin:20px 0 0;padding:0}.rank-layout-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px;display:grid}.rank-layout-grid button{min-height:72px;color:var(--ink);border:1px solid var(--line);cursor:pointer;text-align:left;background:#fbfcf8;border-radius:10px;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:1px 8px;padding:10px;display:grid}.rank-layout-grid button>span{width:30px;height:30px;color:var(--forest);background:var(--mint);font-family:var(--font-geist-mono);border-radius:8px;grid-row:1/span 2;place-items:center;font-size:11px;font-weight:820;display:grid}.rank-layout-grid button strong{font-size:10.5px}.rank-layout-grid button small{color:var(--ink-soft);font-size:8px;line-height:1.3}.rank-layout-grid button:hover{border-color:#9cb8ac}.rank-layout-grid button.selected{border-color:var(--lime-deep);background:#f8fbdc;box-shadow:0 0 0 3px #dff36a2e}.rank-layout-grid button.selected>span{color:var(--ink);background:var(--lime)}.rank-answer-fieldset{margin-top:18px}.rank-select-label{margin-top:18px;display:block}.rank-select{height:44px;margin-top:7px;padding:0 10px;font-size:11px}.rank-number-field{grid-template-columns:minmax(0,1fr) 74px;align-items:center;gap:6px 10px;margin-top:17px;display:grid}.rank-number-field input{grid-area:1/2/span 2;height:48px;padding:0 10px;font-size:17px;font-weight:760}.rank-number-field small{color:var(--ink-soft);font-size:9px;line-height:1.4}.rank-axis-editor{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:17px;display:grid}.rank-axis-editor label{gap:6px;display:grid}.rank-axis-editor input{min-width:0;height:42px;padding:0 9px;font-size:10px}.rank-editor-main{gap:22px;min-width:0;display:grid}.rank-tier-editor-list{gap:9px;padding:15px 18px 18px;display:grid}.rank-tier-editor-list label{grid-template-columns:34px minmax(0,1fr) 30px;align-items:center;gap:9px;display:grid}.rank-tier-editor-list label>span{color:#fff;background:var(--forest);width:32px;height:32px;font-family:var(--font-geist-mono);border-radius:8px;place-items:center;font-size:9px;font-weight:800;display:grid}.rank-tier-editor-list input{height:40px;padding:0 10px;font-size:11px}.rank-tier-editor-list label>button{color:#8b4c40;background:var(--red-soft);cursor:pointer;border:0;border-radius:7px;place-items:center;width:28px;height:28px;font-size:16px;display:grid}.rank-tier-editor-list label>button:disabled{opacity:.35;cursor:not-allowed}.rank-editor-labels{color:#7b8984;border-bottom:1px solid var(--line);letter-spacing:.08em;background:#f7f8f4;grid-template-columns:70px minmax(180px,1fr) minmax(180px,1fr) 32px;gap:11px;padding:9px 18px;font-size:7px;font-weight:850;display:grid}.rank-item-editor-list{display:grid}.rank-item-editor-row{border-top:1px solid #edf0ec;grid-template-columns:70px minmax(180px,1fr) minmax(180px,1fr) 32px;align-items:center;gap:11px;padding:12px 18px;display:grid}.rank-item-editor-row:first-child{border-top:0}.rank-order-controls{grid-template-columns:1fr 26px 26px;align-items:center;gap:4px;display:grid}.rank-order-controls>span{color:var(--forest);font-family:var(--font-geist-mono);text-align:center;grid-column:1/-1;font-size:10px;font-weight:820}.rank-order-controls button{width:26px;height:25px;color:var(--forest);background:var(--mint);cursor:pointer;border:1px solid #bdd5c9;border-radius:6px;place-items:center;display:grid}.rank-order-controls button:first-of-type{grid-column:2}.rank-order-controls button:disabled{opacity:.3;cursor:not-allowed}.rank-bottom-bar{margin-left:calc(clamp(20px,4vw,64px) + 412px)}.rank-play-hero{align-items:center}.rank-player-layout{grid-template-columns:minmax(270px,330px) minmax(0,1fr);gap:22px;max-width:1500px;margin:0 auto;padding:28px 24px;display:grid}.rank-card-bank{background:var(--paper);border:1px solid var(--line);max-height:calc(100vh - 184px);box-shadow:var(--shadow);border-radius:16px;position:sticky;top:156px;overflow:hidden}.rank-bank-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:calc(100vh - 270px);padding:11px;display:grid;overflow-y:auto}.rank-bank-card{background:var(--mint);border:1px solid #bad8c8;border-radius:9px;min-width:0}.rank-bank-card.selected{background:var(--lime);border-color:var(--lime-deep);box-shadow:0 0 0 3px #dff36a3d}.rank-bank-card>button{width:100%;min-height:78px;color:var(--forest);cursor:grab;text-align:left;background:0 0;border:0;grid-template-columns:18px minmax(0,1fr);gap:3px 6px;padding:10px;display:grid}.rank-bank-card .grip{color:#7a998b;grid-row:1/span 2}.rank-bank-card strong{overflow-wrap:anywhere;font-size:10px;line-height:1.4}.rank-bank-card small{color:#657a71;font-size:8px;line-height:1.35}.rank-unused-note{color:var(--ink-soft);border-top:1px solid var(--line);background:#f8f9f4;margin:0;padding:10px 12px;font-size:9px;line-height:1.45}.rank-workspace{gap:18px;min-width:0;display:grid}.rank-selected-focus small{color:#425b51;font-size:10px;line-height:1.4}.rank-list-board,.rank-shaped-board,.rank-horizontal-board,.rank-tier-board{min-width:0}.rank-list-board{gap:9px;max-width:830px;margin:0 auto;display:grid}.rank-list-axis-label,.rank-shape-label{color:var(--forest);letter-spacing:.08em;text-align:center;text-transform:uppercase;font-size:9px;font-weight:850}.rank-list-axis-end{margin-top:2px}.rank-slot{background:#f7f9f4;border:1px dashed #aabbb3;border-radius:12px;grid-template-columns:34px minmax(0,1fr);gap:8px;min-width:0;min-height:92px;padding:9px;transition:background .14s,border .14s,box-shadow .14s;display:grid;position:relative}.rank-slot.ready{border-color:var(--lime-deep);cursor:pointer;background:#fbfce9}.rank-slot.is-correct{background:var(--green-soft);border-color:#67ad7d}.rank-slot.is-incorrect{background:var(--red-soft);border-color:#dc8372}.rank-position-badge{color:#fff;background:var(--forest);width:32px;height:32px;font-family:var(--font-geist-mono);border-radius:9px;grid-area:1/1/span 2;align-self:start;place-items:center;font-size:9px;font-weight:850;display:grid}.rank-position-label{color:#7b8984;letter-spacing:.08em;text-transform:uppercase;grid-column:2;font-size:7px;font-weight:850}.rank-empty-slot{color:#77857f;cursor:pointer;text-align:left;background:0 0;border:0;grid-column:2;min-height:45px;font-size:10px}.rank-placed-card{border:1px solid var(--line);cursor:grab;background:#fff;border-radius:9px;grid-column:2;grid-template-columns:minmax(0,1fr) auto;gap:8px;min-width:0;padding:10px 11px;display:grid;box-shadow:0 3px 9px #18362c12}.rank-placed-card.missing-reason{border-color:#d47867;box-shadow:0 0 0 3px #d4786721}.rank-card-copy{gap:3px;min-width:0;display:grid}.rank-card-copy strong{color:var(--ink);overflow-wrap:anywhere;font-size:11px;line-height:1.4}.rank-card-copy span{color:var(--ink-soft);font-size:8.5px;line-height:1.4}.rank-card-actions{align-items:flex-start;gap:5px;display:flex}.rank-card-actions button{min-height:26px;color:var(--forest);background:var(--mint);cursor:pointer;border:0;border-radius:6px;padding:0 7px;font-size:7.5px;font-weight:760}.rank-card-actions .rank-remove-card{color:#8b4c40;background:var(--red-soft);width:26px;padding:0;font-size:15px}.rank-reason-field{grid-column:1/-1;gap:5px;display:grid}.rank-reason-field span{color:#765046;font-size:8px;font-weight:780}.rank-reason-field textarea{width:100%;color:var(--ink);resize:vertical;background:#fffdf7;border:1px solid #d9c8aa;border-radius:7px;outline:none;padding:8px;font-size:10px;line-height:1.4}.rank-reason-field textarea:focus{border-color:var(--forest);box-shadow:0 0 0 3px #174d3d17}.rank-shaped-board{border:1px solid var(--line);background:linear-gradient(#f8faef,#eef4ef);border-radius:16px;align-items:center;gap:10px;padding:18px;display:grid}.rank-shape-row{justify-content:center;gap:10px;min-width:0;display:flex}.rank-shape-row .rank-slot{flex:0 290px;grid-template-rows:auto 1fr}.rank-shape-row .rank-position-badge{grid-row:1}.rank-shape-row .rank-placed-card,.rank-shape-row .rank-empty-slot{grid-area:2/1/auto/-1}.rank-shape-row .rank-placed-card{grid-template-columns:minmax(0,1fr)}.rank-shape-row .rank-card-actions{justify-content:flex-end}.rank-shape-row .rank-empty-slot{text-align:center}.rank-diamond-board .rank-shape-row:nth-of-type(4) .rank-slot{background:#f2f7e8}.rank-pyramid-board .rank-shape-row{align-items:stretch}.rank-axis-labels{color:var(--forest);grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-bottom:10px;font-size:10px;display:grid}.rank-axis-labels span{color:#0000;background:linear-gradient(90deg, var(--forest), var(--lime-deep));height:1px;overflow:hidden}.rank-horizontal-scroll{padding-bottom:7px;overflow-x:auto}.rank-horizontal-track{border:1px solid var(--line);background:#f3f7ef;border-radius:14px;gap:11px;min-width:max-content;padding:18px 14px;display:flex}.rank-horizontal-track .rank-slot{flex:0 0 205px;grid-template-columns:1fr;align-content:start;min-height:220px}.rank-horizontal-track .rank-position-badge{grid-area:auto/1}.rank-horizontal-track .rank-position-label,.rank-horizontal-track .rank-placed-card,.rank-horizontal-track .rank-empty-slot{grid-column:1}.rank-horizontal-track .rank-placed-card{grid-template-columns:1fr}.rank-horizontal-track .rank-card-actions{justify-content:space-between}.rank-spectrum-board .rank-horizontal-track{background:linear-gradient(90deg,#e4f2ea,#f7f8e2)}.rank-top-board .rank-slot:first-of-type{border-style:solid;border-color:var(--lime-deep);background:#f8fbdc}.rank-tier-board{gap:11px;display:grid}.rank-tier-zone{background:#f8f9f4;border:1px dashed #aabbb3;border-radius:13px;grid-template-columns:minmax(150px,210px) minmax(0,1fr);min-height:135px;display:grid;overflow:hidden}.rank-tier-zone.ready{border-color:var(--lime-deep);cursor:pointer;background:#fbfce9}.rank-tier-zone>header{color:#fff;background:var(--forest);grid-template-columns:34px minmax(0,1fr);align-content:start;gap:8px;padding:15px;display:grid}.rank-tier-zone>header span{width:30px;height:30px;color:var(--forest);background:var(--lime);font-family:var(--font-geist-mono);border-radius:8px;place-items:center;font-size:9px;font-weight:850;display:grid}.rank-tier-zone>header h2{margin:5px 0 0;font-size:16px;line-height:1.25}.rank-tier-items{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));align-content:start;gap:9px;padding:11px;display:grid}.rank-tier-items .rank-placed-card{grid-column:auto}.rank-empty-tier{color:#77857f;cursor:pointer;background:0 0;border:0;grid-column:1/-1;min-height:92px;font-size:10px}.rank-overall-reason{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;gap:6px;padding:18px;display:grid}.rank-overall-reason.missing-reason{border-color:#d47867;box-shadow:0 0 0 3px #d4786721}.rank-overall-reason strong{font-size:16px}.rank-overall-reason textarea{width:100%;color:var(--ink);border:1px solid var(--line-dark);resize:vertical;background:#fff;border-radius:9px;outline:none;padding:11px;font-size:11px;line-height:1.5}.rank-check-panel{max-width:1452px;margin-bottom:30px}.rank-check-panel p{color:#d6e2dd;margin:6px 0 0;font-size:10px;line-height:1.45}.rank-check-panel .rank-review-warning{color:#ffd8cf}.rank-check-panel .rank-review-result{color:#fff;font-size:12px}.rank-check-panel .rank-review-result strong{color:var(--lime)}.rank-text-large .rank-bank-card strong,.rank-text-large .rank-card-copy strong{font-size:14px}.rank-text-large .rank-bank-card small,.rank-text-large .rank-card-copy span,.rank-text-large .rank-reason-field textarea{font-size:11px}.rank-text-extra .rank-bank-card strong,.rank-text-extra .rank-card-copy strong{font-size:16px;line-height:1.5}.rank-text-extra .rank-bank-card small,.rank-text-extra .rank-card-copy span,.rank-text-extra .rank-reason-field textarea{font-size:13px;line-height:1.5}.rank-text-extra .rank-horizontal-track .rank-slot{flex-basis:245px}@media (width<=1120px){.rank-creator-grid{grid-template-columns:320px minmax(0,1fr)}.rank-layout-grid{grid-template-columns:1fr}.rank-editor-labels{display:none}.rank-item-editor-row{grid-template-columns:65px minmax(0,1fr) 32px;align-items:start}.rank-item-editor-row textarea{grid-column:2}.rank-item-editor-row .delete-button{grid-area:1/3}.rank-order-controls{grid-row:1/span 2}.rank-bottom-bar{margin-left:calc(clamp(20px,4vw,64px) + 342px)}.rank-player-layout{grid-template-columns:minmax(240px,290px) minmax(0,1fr)}.rank-bank-grid{grid-template-columns:1fr}}@media (width<=820px){.rank-creator-grid{grid-template-columns:1fr}.rank-settings{grid-template-columns:1fr 1fr}.rank-editor-main{grid-column:1}.rank-bottom-bar{margin-left:clamp(20px,4vw,64px)}.rank-player-layout{grid-template-columns:1fr}.rank-card-bank{max-height:none;position:static}.rank-bank-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none;overflow:visible}.rank-shaped-board{padding:12px 8px}.rank-shape-row{gap:6px}.rank-shape-row .rank-slot{min-height:110px;padding:6px}.rank-shape-row .rank-position-badge{width:26px;height:26px}}@media (width<=620px){.rank-creator-grid{padding:0 14px}.rank-settings{grid-template-columns:1fr}.rank-layout-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rank-layout-grid button{grid-template-columns:26px minmax(0,1fr);min-height:66px;padding:8px}.rank-layout-grid button>span{width:26px;height:26px}.rank-axis-editor{grid-template-columns:1fr}.rank-item-editor-row{grid-template-columns:55px minmax(0,1fr) 30px;gap:8px;padding:11px}.rank-player-layout{gap:14px;padding:18px 12px}.rank-bank-grid{grid-template-columns:1fr}.rank-bank-card>button{cursor:pointer;min-height:0}.rank-selected-focus{top:124px}.rank-shaped-board{align-items:stretch;overflow-x:auto}.rank-shape-row{min-width:550px}.rank-shape-row .rank-slot{flex-basis:180px}.rank-horizontal-scroll{overflow:visible}.rank-horizontal-track{min-width:0;padding:10px;display:grid}.rank-horizontal-track .rank-slot{min-height:105px}.rank-tier-zone{grid-template-columns:1fr}.rank-tier-zone>header{grid-template-columns:32px minmax(0,1fr)}.rank-tier-items,.rank-placed-card{grid-template-columns:1fr}.rank-card-actions{justify-content:space-between}.rank-check-panel{margin-bottom:18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}