@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Sora:wght@500;600;700;800&display=swap";:root{color-scheme:light;font-family:Plus Jakarta Sans,Avenir Next,Trebuchet MS,sans-serif;line-height:1.45;font-weight:400;color:#111827;background:#f0f4f8;--ink: #0c1a2e;--muted: #5a6a7e;--border: #d4dde8;--card: #ffffff;--card-soft: #f7f9fb;--accent: #003087;--accent-mid: #004aad;--accent-light: #1a5fd4;--accent-border: #0052cc;--yellow: #ffda1a;--yellow-deep: #f5c800;--yellow-soft: rgba(255, 218, 26, .15);--highlight: #ffda1a;--warn: #f5c800;--error-bg: rgba(220, 38, 38, .07);--error-border: rgba(220, 38, 38, .28);--shadow-soft: 0 4px 24px rgba(0, 48, 135, .1);--focus-ring: rgba(0, 82, 204, .38)}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}body{color:var(--ink);background:#f0f4f8;background-image:radial-gradient(ellipse at 50% 0%,rgba(0,48,135,.05) 0%,transparent 60%)}#app{width:min(1120px,calc(100% - 2rem));margin:1rem auto 2.5rem;animation:fade-up .38s ease-out}.page-shell{display:grid;gap:1rem}.dashboard-shell{gap:1.1rem}.home-shell,.dashboard-shell,.about-shell{--ink: #0c1a2e;--muted: #5a6a7e;--border: #d4dde8;--card: #ffffff;--card-soft: #f7f9fb;--accent: #003087;--accent-strong: #002268;--accent-border: #0052cc;--shadow-soft: 0 4px 24px rgba(0, 48, 135, .1);--focus-ring: rgba(0, 82, 204, .38)}.home-shell{gap:1.15rem}.about-shell{gap:1rem}.page-header{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:1.05rem 1.2rem;display:flex;justify-content:space-between;align-items:center;gap:1.2rem;box-shadow:0 2px 12px #00308714}.dashboard-hero{position:relative;overflow:hidden;border:1px solid #c5d4e8;background:linear-gradient(135deg,#e8f0fb,#f0f5ff);color:#0c1a2e}.dashboard-hero .page-subtitle{color:#5a6a7e}.dashboard-hero .page-title{color:#0c1a2e}.eyebrow{margin:0 0 .32rem;display:inline-flex;font-size:.76rem;text-transform:uppercase;letter-spacing:.14em;border-radius:4px;padding:.22rem .65rem;border:none;background:var(--yellow);color:#0c1a2e;font-weight:800}.hero-pills{margin-top:.62rem;display:flex;flex-wrap:wrap;gap:.42rem}.hero-pill{border-radius:4px;border:1px solid rgba(0,48,135,.2);background:#00308712;color:#003087;padding:.2rem .58rem;font-size:.78rem;font-weight:600}.dashboard-hero-actions .btn-secondary{border-color:#00308759;background:#00308712;color:#003087}.dashboard-hero-actions .btn-secondary:hover:not(:disabled){background:#00308721}.page-title{font-family:Sora,Plus Jakarta Sans,sans-serif;margin:0;font-size:1.52rem;letter-spacing:-.01em;color:var(--ink)}.page-subtitle{margin:.25rem 0 0;color:var(--muted);font-size:.95rem}.choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.home-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;align-items:start}.home-nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:#003087;border-radius:16px;padding:.75rem 1.4rem;box-shadow:0 4px 20px #00308738}.home-nav-brand{display:flex;align-items:center;gap:.75rem}.home-nav-logo{width:40px;height:40px;background:var(--yellow);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:900;color:#003087;font-family:Sora,sans-serif;flex-shrink:0;letter-spacing:-.05em}.home-nav-title{font-family:Sora,Plus Jakarta Sans,sans-serif;font-size:1.08rem;font-weight:800;color:#fff;letter-spacing:.01em}.home-nav-title span{color:var(--yellow)}.home-nav-actions{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;justify-content:flex-end}.home-nav-account-menu{position:relative}.home-nav-account-menu summary{list-style:none;cursor:pointer}.home-nav-account-menu summary::-webkit-details-marker{display:none}.home-nav-account-menu[open] .home-nav-identity{border-color:#ffffff8c;background:#ffffff38}.home-nav-identity{display:inline-flex;align-items:center;min-height:40px;max-width:min(48vw,280px);padding:.5rem .8rem;border-radius:8px;border:1px solid rgba(255,255,255,.35);background:#ffffff24;color:#fff;font-size:.82rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-nav-account-menu-body{position:absolute;top:calc(100% + .35rem);right:0;min-width:180px;border:1px solid #d4dde8;border-radius:12px;background:#fff;padding:.55rem;box-shadow:0 16px 40px #00308721,0 4px 12px #00000012;z-index:8}.home-nav-account-menu-body .btn-secondary{width:100%}.btn-nav-about{background:#ffffff24;color:#fff;border:1px solid rgba(255,255,255,.42);border-radius:8px;font-weight:700;font-size:.86rem;padding:.5rem .95rem;min-height:40px;cursor:pointer}.btn-nav-about:hover:not(:disabled){background:#ffffff40;border-color:#ffffffa6}.btn-nav-teacher{background:var(--yellow);color:#003087;border:none;border-radius:8px;font-weight:800;font-size:.9rem;padding:.5rem 1.1rem;min-height:40px;cursor:pointer;transition:background .15s ease,transform .15s ease,box-shadow .15s ease;letter-spacing:.01em}.btn-nav-teacher:hover:not(:disabled){background:#ffe840;transform:translateY(-1px);box-shadow:0 6px 18px #ffda1a66}.btn-nav-dashboard{background:var(--yellow);color:#003087;border:none}.btn-nav-dashboard:hover:not(:disabled){background:#ffe840;box-shadow:0 6px 18px #ffda1a66}.home-hero{border-radius:20px;border:none;background:linear-gradient(150deg,#003087,#004aad 55%,#0a5cc7);color:#fff;padding:3rem 2.5rem 2.5rem;position:relative;overflow:hidden;display:grid;grid-template-columns:1fr auto;align-items:center;gap:2rem}.home-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 90% 10%,rgba(255,218,26,.12) 0%,transparent 55%),radial-gradient(ellipse at 10% 90%,rgba(255,255,255,.06) 0%,transparent 55%);pointer-events:none}.home-hero:after{content:"";position:absolute;bottom:0;left:0;right:0;height:5px;background:var(--yellow)}.home-hero .page-title{color:#fff;font-size:2.6rem;line-height:1.08;letter-spacing:-.02em}.home-hero .page-subtitle{color:#ffffffd1;font-size:1.08rem;line-height:1.55}.home-hero-content{display:grid;gap:.8rem;position:relative;z-index:1}.home-hero-actions{display:flex;align-items:center;gap:.65rem;margin-top:.35rem;flex-wrap:wrap}.home-eyebrow{margin:0;background:var(--yellow);color:#003087;font-weight:800;border-radius:4px;border:none}.home-hero-tagline{margin:.2rem 0 0;font-size:.96rem;color:#ffffffa6;font-style:italic}.home-hero-list{margin:0;padding:0;list-style:none;display:grid;gap:.45rem;max-width:330px}.home-hero-list li{border:1px solid rgba(255,255,255,.2);border-radius:12px;background:#ffffff1a;color:#ffffffe6;padding:.5rem .62rem;font-size:.84rem;line-height:1.3}.home-card{border-radius:16px;padding:1.6rem;gap:1rem;background:#fff;border:1px solid #d4dde8;box-shadow:0 2px 12px #00308712,0 1px 3px #0000000a;transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease;display:grid}.home-card:hover{box-shadow:0 8px 28px #00308721,0 2px 8px #0000000d;border-color:#b8ccdf;transform:translateY(-3px)}.home-card h2{color:#0c1a2e;font-size:1.22rem;font-family:Sora,Plus Jakarta Sans,sans-serif;font-weight:700;margin:0}.home-card p{color:#5a6a7e;font-size:.94rem;line-height:1.55;margin:0}.home-card .actions{margin-top:.25rem}.home-demo-actions{display:grid;gap:.55rem}.home-card-teacher{border-top:4px solid #003087}.home-card-kicker{margin:0;display:inline-flex;align-items:center;justify-self:start;width:auto;border-radius:4px;border:none;background:#003087;color:#fff;padding:.18rem .6rem;font-size:.68rem;line-height:1.2;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.home-card-join{border-color:#d4dde8;border-top:4px solid #ffda1a;background:#fff}.home-card-join .home-card-kicker{background:#ffda1a;color:#003087}.home-card-join .btn-primary{background:#ffda1a;color:#003087;border-color:#f5c800;font-weight:800}.home-card-join .btn-primary:hover:not(:disabled){background:#ffe840;box-shadow:0 8px 22px #ffda1a73}.home-card-muted{border-style:solid;border-color:#d4dde8;border-top:4px solid #d4dde8;background:#f7f9fb;opacity:.82}.home-card-muted .home-card-kicker{background:#d4dde8;color:#5a6a7e}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:1.2rem;display:grid;gap:.8rem;box-shadow:0 2px 12px #00308712}.card h2,.card h3,.section h2,.section h3,.fieldset-title{margin:0;font-family:Sora,Plus Jakarta Sans,sans-serif;font-size:1.05rem;color:#0c1a2e}.card p,.section p,.helper{margin:0;color:var(--muted)}.row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.feature-toggle{align-items:flex-start;border:1px solid #d4dde8;border-radius:10px;padding:.55rem .65rem;background:#fff}.feature-toggle input{margin-top:.2rem}.feature-toggle-copy{display:grid;gap:.15rem}.feature-toggle-title{font-weight:700;color:#0c1a2e}.study-join-panel{display:grid;gap:.8rem}.study-join-block{border:1px solid #d4dde8;border-radius:12px;background:#f9fafb;padding:.85rem;display:grid;gap:.55rem}.study-join-text,.study-question{color:#0c1a2e;font-weight:600}.study-choice{display:flex;gap:.65rem;align-items:flex-start;border:1px solid #d4dde8;border-radius:10px;background:#fff;padding:.7rem .75rem;color:#374151;cursor:pointer}.study-choice input{margin-top:.16rem}.study-choice.is-selected{border-color:#0030876b;background:#0030870d;color:#0c1a2e}.actions{display:flex;gap:.5rem;flex-wrap:wrap}button,input,select,textarea{font:inherit}button{border:1px solid transparent;border-radius:10px;min-height:44px;padding:.56rem 1.05rem;cursor:pointer;font-weight:600;transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease,border-color .16s ease}button:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:#003087;color:#fff;border-color:#002268;font-weight:700;letter-spacing:.01em}.btn-primary:hover:not(:disabled){background:#004aad;transform:translateY(-1px);box-shadow:0 8px 22px #00308752}.btn-primary-yellow{background:#ffda1a;color:#003087;border-color:#f5c800;font-weight:800}.btn-primary-yellow:hover:not(:disabled){background:#ffe840;transform:translateY(-1px);box-shadow:0 8px 22px #ffda1a66}.btn-secondary{border-color:#c8d5e3;background:#fff;color:#374151}.btn-secondary:hover:not(:disabled){border-color:#9eb4c8;background:#f4f8fc;color:#0c1a2e}.home-shell .btn-secondary,.dashboard-shell .btn-secondary{border-color:#c8d5e3;background:#fff;color:#374151}.home-shell .btn-secondary:hover:not(:disabled),.dashboard-shell .btn-secondary:hover:not(:disabled){border-color:#9eb4c8;background:#f4f8fc;color:#0c1a2e}.btn-danger{border-color:#dc262647;background:#dc262612;color:#dc2626}.btn-danger:hover:not(:disabled){background:#dc262621;border-color:#dc262673;transform:translateY(-1px)}.home-shell .btn-danger,.dashboard-shell .btn-danger{border-color:#dc262647;background:#dc26260f;color:#dc2626}.home-shell .btn-danger:hover:not(:disabled),.dashboard-shell .btn-danger:hover:not(:disabled){background:#dc26261f}.input,.textarea,.select{width:100%;border:1.5px solid #c8d5e3;border-radius:8px;padding:.58rem .72rem;background:#fff;color:var(--ink);transition:border-color .15s ease}.input:focus,.textarea:focus,.select:focus{border-color:#003087}.input::placeholder,.textarea::placeholder{color:#9eb4c8}.input:focus-visible,.textarea:focus-visible,.select:focus-visible,button:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.textarea{min-height:96px;resize:vertical}.label{font-weight:700;color:#0c1a2e;font-size:.9rem;letter-spacing:.01em}.label-compact{font-size:12px}.stack{display:grid;gap:.55rem}.section{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:1.1rem;display:grid;gap:.8rem;box-shadow:0 2px 12px #00308712}.about-header{border-top:4px solid #003087}.about-section{gap:.72rem}.about-section p{line-height:1.6}.about-section strong{color:#0c1a2e}.form-grid{display:grid;gap:.85rem}.characters-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.character-card{border:1px solid #e5e7eb;border-radius:12px;background:#fff;padding:.85rem;display:grid;gap:.6rem;box-shadow:0 2px 8px #5b21b60f}.games-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:.9rem}.dashboard-topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;border-color:#c5d4e8;background:linear-gradient(135deg,#e8f0fb,#f0f5ff);border-top:4px solid #003087}.dashboard-topbar-left{display:flex;align-items:flex-start;gap:.9rem;min-width:0}.dashboard-heading{display:grid;gap:.4rem;min-width:0}.dashboard-topbar-left .page-title{font-size:1.82rem;line-height:1.1;color:#0c1a2e}.dashboard-topbar-left .page-subtitle{max-width:680px;color:#5a6a7e}.dashboard-topbar-metrics{display:flex;flex-wrap:wrap;gap:.45rem}.topbar-metric{display:inline-flex;align-items:baseline;gap:.24rem;border-radius:6px;border:1px solid rgba(0,48,135,.18);background:#0030870f;color:#374151;padding:.18rem .56rem;font-size:.76rem;font-weight:600}.topbar-metric strong{color:#003087;font-size:.89rem}.dashboard-topbar-actions{justify-content:flex-end;align-items:center;row-gap:.55rem}.dashboard-topbar .btn-secondary{border-color:#c8d5e3;background:#fff;color:#374151}.dashboard-topbar .btn-secondary:hover:not(:disabled){border-color:#9eb4c8;background:#f4f8fc;color:#0c1a2e}.dashboard-topbar .btn-primary{border-color:#002268;background:#003087;color:#fff;font-weight:700}.dashboard-topbar .btn-primary:hover:not(:disabled){background:#004aad;box-shadow:0 8px 24px #00308752}.dashboard-create-button{margin-left:.2rem}.dashboard-account-menu{position:relative}.dashboard-account-menu summary{list-style:none;cursor:pointer;border:1px solid #c8d5e3;border-radius:10px;min-height:44px;padding:.56rem .95rem;background:#fff;color:#374151;font-weight:600;display:inline-flex;align-items:center}.dashboard-account-menu summary::-webkit-details-marker{display:none}.dashboard-account-menu[open] summary{border-color:#003087;background:#0030870d}.dashboard-account-menu-body{position:absolute;top:calc(100% + .4rem);right:0;min-width:210px;border:1px solid #d4dde8;border-radius:12px;background:#fff;padding:.55rem;box-shadow:0 16px 40px #00308721,0 4px 12px #00000012;display:grid;gap:.5rem;z-index:5}.dashboard-account-menu-body .btn-secondary{width:100%}.dashboard-body{display:grid;grid-template-columns:286px minmax(0,1fr);gap:1rem;align-items:start}.workspace-shell{display:grid;gap:1rem;min-width:0}.dashboard-sidebar{gap:.8rem;border-color:#e5e7eb;background:#f9fafb;position:sticky;top:1rem}.dashboard-sidebar-tabs{display:grid;gap:.55rem}.sidebar-tab{display:flex;align-items:center;justify-content:space-between;gap:.4rem;border:1px solid #e5e7eb;border-radius:14px;min-height:48px;padding:.4rem .68rem;background:#fff;color:#6b7280;text-align:left}.sidebar-tab:hover:not(:disabled){border-color:#9eb4c8;background:#0030870a;color:#003087}.sidebar-tab.active{border-color:#00308759;background:#00308712;color:#003087;box-shadow:inset 3px 0 #003087}.sidebar-tab-label{font-weight:700}.sidebar-tab-count{min-width:1.4rem;text-align:center;border-radius:999px;background:#00308717;border:1px solid rgba(0,48,135,.18);color:#003087;font-size:.78rem;padding:.05rem .34rem}.dashboard-content-shell{display:grid;gap:.8rem}.dashboard-search-shell{border-color:#e5e7eb;background:#f9fafb}.dashboard-panel-header{display:grid;gap:.2rem}.library-toolbar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem .65rem;align-items:end}.library-toolbar #library-query,.library-toolbar #library-topic-filter,.library-toolbar #library-sort{height:42px;min-height:42px;line-height:1.2}.library-toolbar #library-query{appearance:none;-webkit-appearance:none}.library-toolbar #library-query::-webkit-search-decoration,.library-toolbar #library-query::-webkit-search-cancel-button,.library-toolbar #library-query::-webkit-search-results-button,.library-toolbar #library-query::-webkit-search-results-decoration{-webkit-appearance:none}.library-toolbar-actions{grid-column:1 / -1;display:flex;justify-content:space-between;align-items:flex-end;gap:.85rem;padding-top:.55rem;border-top:1px solid #e2e8f0}.library-extras-dropdown{position:relative}.library-extras-trigger{list-style:none;border:1px solid #c8d5e3;border-radius:10px;min-height:44px;padding:.56rem 1.05rem;background:#fff;color:#374151;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:.42rem;white-space:nowrap;cursor:pointer;transition:transform .16s ease,background-color .16s ease,border-color .16s ease,color .16s ease}.library-extras-trigger::-webkit-details-marker{display:none}.library-extras-trigger:hover{border-color:#9eb4c8;background:#f4f8fc;color:#0c1a2e}.library-extras-dropdown[open] .library-extras-trigger{border-color:#00308773;background:#00308717;color:#003087}.library-extras-menu{position:absolute;top:calc(100% + .4rem);left:0;min-width:260px;border:1px solid #d4dde8;border-radius:12px;background:#fff;padding:.65rem .72rem;box-shadow:0 14px 30px #00308726,0 3px 8px #0000000d;display:grid;gap:.38rem;z-index:8}.library-extras-checkbox-row{display:inline-flex;align-items:center;gap:.5rem;min-height:32px;color:#0c1a2e;font-size:.9rem;font-weight:600}.library-extras-checkbox{margin:0;width:1rem;height:1rem;accent-color:#003087}.library-extras-checkbox:disabled{cursor:not-allowed;opacity:.65}.library-extras-checkbox:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.library-extras-helper{max-width:320px;font-size:.8rem;line-height:1.35}#clear-library-query{white-space:nowrap;align-self:flex-end}.dashboard-library-header{display:flex;justify-content:space-between;align-items:baseline;gap:.8rem}.dashboard-tab-content{display:grid;gap:.7rem}.dashboard-folder-layout{display:grid;gap:.8rem;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:start}.placeholder-card{border:1px dashed #9eb4c8;border-radius:10px;background:#0030870a;padding:.9rem;display:grid;gap:.45rem}.placeholder-card h3{margin:0;font-size:1rem;color:#0c1a2e}.placeholder-card p{margin:0;color:#5a6a7e}.game-item{background:#fff;border:1px solid #d4dde8;border-radius:14px;padding:.95rem;display:grid;gap:.7rem;transition:transform .17s ease,box-shadow .17s ease,border-color .17s ease;box-shadow:0 2px 8px #0030870f}.game-item:hover{transform:translateY(-2px);border-color:#9eb4c8;box-shadow:0 8px 24px #0030871c}.game-card-title{margin:0;font-family:Sora,Plus Jakarta Sans,sans-serif;font-size:1.22rem;color:#0c1a2e}.game-status-row{display:grid;grid-template-columns:repeat(3,minmax(0,auto));gap:.45rem;align-items:center}.game-card-dates{border:1px solid #e5e7eb;border-radius:12px;background:#f9fafb;padding:.55rem .6rem;display:grid;gap:.38rem}.game-card-date-row{display:flex;justify-content:space-between;align-items:center;gap:.8rem;color:#6b7280;font-size:.86rem}.game-card-actions{display:grid;gap:.7rem}.game-actions-toggle{justify-self:start;min-height:auto;padding:.34rem .72rem;font-size:.82rem}.game-meta-label{text-transform:uppercase;letter-spacing:.08em;color:#9ca3af;font-size:.74rem;font-weight:700}.game-code-panel{width:fit-content;justify-self:center;border:2px solid rgba(0,48,135,.22);border-radius:10px;background:#0030870d;color:#003087;min-height:auto;padding:.55rem 1rem;display:grid;gap:.1rem;text-align:center}.game-code-panel:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 24px #00308721;border-color:#00308761;background:#00308714}.game-code-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;color:#9eb4c8}.game-code-value{font-size:1.5rem;font-family:Sora,Plus Jakarta Sans,sans-serif;letter-spacing:.14em;color:#003087;font-weight:800}.game-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.game-action-grid button,.game-reset-button{width:100%}.game-item-header{justify-content:space-between}.game-item-trash{background:#ef444408;border-color:#ef444433}.code-pill{display:inline-flex;align-items:center;justify-content:center;min-width:84px;border-radius:6px;padding:.2rem .65rem;letter-spacing:.08em;font-weight:700;color:#003087;background:#00308712;border:1px solid rgba(0,48,135,.18)}.status-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-size:.78rem;font-weight:700;padding:.16rem .6rem}.status-public{color:#059669;background:#0596691a;border:1px solid rgba(5,150,105,.25)}.status-private{color:#1d4ed8;background:#3b82f61a;border:1px solid rgba(59,130,246,.28)}.status-draft{color:#d97706;background:#f59e0b1a;border:1px solid rgba(245,158,11,.25)}.status-trash{color:#dc2626;background:#ef444414;border:1px solid rgba(239,68,68,.25)}.composer-shell{border-color:#e5e7eb;background:#f9fafb}.composer-shell .composer-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.7rem}.composer-shell .composer-body{animation:fade-up .22s ease-out}.create-game-page-shell{max-width:1040px}.create-game-page-shell .custom-select-control,.create-game-page-shell .custom-combobox{position:relative}.create-game-page-shell .custom-select-value{display:none}.create-game-page-shell .custom-select-trigger,.create-game-page-shell .custom-combobox-input{width:100%;min-height:46px;border:2px solid #9eb4c8;border-radius:12px;background:linear-gradient(180deg,#fff,#f7fbff);color:var(--ink);box-shadow:inset 0 1px #ffffffd9,0 2px #0030871a;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.create-game-page-shell .custom-select-trigger{position:relative;display:flex;align-items:center;padding:.58rem 2.95rem .58rem .72rem;text-align:left;font-weight:600;cursor:pointer}.create-game-page-shell .custom-select-trigger:after{content:"";position:absolute;right:.72rem;top:50%;width:1.1rem;height:1.1rem;transform:translateY(-50%);background:center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='9' fill='%23ffda1a' stroke='%23f5c800'/%3E%3Cpath d='M6.2 8.3 10 12.1l3.8-3.8' fill='none' stroke='%23003087' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.create-game-page-shell .custom-combobox-input-wrap{position:relative}.create-game-page-shell .custom-combobox-input{padding-right:3rem}.create-game-page-shell .custom-combobox-toggle{position:absolute;top:50%;right:.42rem;width:1.7rem;height:1.7rem;border:0;border-radius:999px;transform:translateY(-50%);background:transparent;cursor:pointer}.create-game-page-shell .custom-combobox-toggle:before{content:"";display:block;width:100%;height:100%;background:center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='9' fill='%23ffda1a' stroke='%23f5c800'/%3E%3Cpath d='M6.2 8.3 10 12.1l3.8-3.8' fill='none' stroke='%23003087' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.create-game-page-shell .custom-select-control:hover .custom-select-trigger,.create-game-page-shell .custom-combobox:hover .custom-combobox-input{border-color:#6289c7;box-shadow:inset 0 1px #ffffffe6,0 3px #00308729}.create-game-page-shell .custom-select-control.is-open .custom-select-trigger,.create-game-page-shell .custom-combobox.is-open .custom-combobox-input{border-color:#003087;box-shadow:inset 0 1px #ffffffe6,0 0 0 4px #0052cc24;transform:translateY(-1px)}.create-game-page-shell .custom-select-trigger:focus-visible,.create-game-page-shell .custom-combobox-input:focus-visible,.create-game-page-shell .custom-combobox-toggle:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.create-game-page-shell .custom-select-menu,.create-game-page-shell .custom-combobox-menu{position:absolute;top:calc(100% + .32rem);left:0;right:0;z-index:24;display:none;max-height:220px;overflow-y:auto;border:2px solid #6289c7;border-radius:12px;background:#fff;box-shadow:0 12px 28px #0030873d;padding:.35rem}.create-game-page-shell .custom-select-control.is-open .custom-select-menu,.create-game-page-shell .custom-combobox.is-open .custom-combobox-menu{display:grid;gap:.24rem;animation:fade-up .14s ease-out}.create-game-page-shell .custom-select-option,.create-game-page-shell .custom-combobox-option{width:100%;min-height:38px;border:1px solid transparent;border-radius:8px;background:#f9fbff;color:#0c1a2e;font-size:.92rem;font-weight:600;text-align:left;padding:.46rem .58rem;cursor:pointer}.create-game-page-shell .custom-select-option:hover,.create-game-page-shell .custom-select-option:focus-visible,.create-game-page-shell .custom-combobox-option:hover,.create-game-page-shell .custom-combobox-option:focus-visible{border-color:#0052cc59;background:#eef4ff}.create-game-page-shell .custom-select-option.is-selected,.create-game-page-shell .custom-combobox-option.is-selected{border-color:#0052cc73;background:#0052cc29;color:#003087}.create-game-page-shell .custom-combobox-empty{border-radius:8px;border:1px dashed #c8d5e3;background:#f9fbff;color:#5a6a7e;font-size:.86rem;padding:.55rem .58rem}.composer-create-actions{justify-content:flex-end}.composer-form-shell{margin:0;padding:0;border:0;min-width:0;display:grid;gap:.85rem}.composer-form-actions{justify-content:space-between;align-items:center}.create-draft-prompt{border:1px solid rgba(0,48,135,.2);border-radius:12px;background:#0030870d;padding:.85rem;display:grid;gap:.6rem}.create-draft-prompt h3{margin:0}.backend-health-shell{border-color:#e5e7eb;background:#f9fafb}.backend-health-consent{border:1px dashed #fcd34d;border-radius:12px;padding:.5rem .65rem;background:#f59e0b0f;color:#374151}.backend-health-log{margin:0;padding-left:1rem;max-height:220px;overflow:auto;border:1px solid #e5e7eb;border-radius:12px;background:#fff;display:grid;gap:.35rem;padding-top:.7rem;padding-bottom:.7rem;font-size:.84rem;color:#6b7280}.dashboard-modal-backdrop{position:fixed;inset:0;background:#000000a6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center;z-index:40;padding:1rem}.dashboard-modal{width:min(520px,calc(100% - 1.5rem));border-radius:18px;border:1px solid #e5e7eb;background:#fff;box-shadow:0 24px 60px #5b21b62e,0 8px 24px #0000001a;padding:1rem;display:grid;gap:.75rem}.game-label{margin:0;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:#9ca3af;font-weight:700}.game-question{margin:0;color:#374151;font-weight:600}.game-meta-row{display:flex;flex-wrap:wrap;gap:.38rem}.meta-chip{border-radius:999px;border:1px solid #e5e7eb;background:#f9fafb;color:#6b7280;font-size:.76rem;padding:.14rem .52rem}.meta-chip-study{border-color:#0030872e;background:#00308712;color:#003087}.folder-chip-button{cursor:pointer;font-family:inherit}.folder-chip-button:hover:not(:disabled){border-color:#00308747;color:#003087}.banner{border-radius:8px;padding:.7rem .85rem;border:1px solid rgba(0,48,135,.18);background:#0030870d;color:#003087;font-weight:500}.error-banner{border-radius:8px;padding:.7rem .85rem;border:1px solid var(--error-border);background:var(--error-bg);color:#c52a2a;font-weight:500}.feedback{border:1px solid #e5e7eb;border-radius:10px;background:#f9fafb;padding:.7rem;display:grid;gap:.45rem}.study-survey-shell{max-width:720px;margin:2rem auto 0}.study-mode-shell{border:1px solid #d4dde8;transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease}.study-mode-shell.is-verified{border-color:#05966952;background:#0596690f;box-shadow:0 10px 26px #05966914}.study-mode-auth-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.8rem;align-items:end}.study-mode-password-field{min-width:0}.study-mode-status{border-radius:10px;border:1px solid #d4dde8;background:#fff;padding:.75rem .8rem;color:#4b5563;font-weight:600}.study-mode-status.is-verified{border-color:#05966947;background:#0596691f;color:#047857}.study-mode-toggle.is-ready{border-color:#0596693d;background:#ffffffeb}.verdict{font-weight:700}.verdict-accurate{color:#3ecf8e}.verdict-partial{color:#f5a623}.verdict-missed{color:#f87171}.meta{color:var(--muted);font-size:.9rem}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.home-hero-character{position:relative;z-index:1;flex-shrink:0;display:flex;align-items:flex-end}.philosopher-mascot{width:180px;height:auto;filter:drop-shadow(0 12px 28px rgba(0,0,0,.25));animation:mascot-float 3.5s ease-in-out infinite}@keyframes mascot-float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.mascot-eye-left,.mascot-eye-right{animation:mascot-blink 5s ease-in-out infinite;transform-origin:center}.mascot-eye-right{animation-delay:.08s}@keyframes mascot-blink{0%,88%,to{transform:scaleY(1)}92%{transform:scaleY(.08)}}.mascot-bubble{animation:bubble-drift 2.8s ease-in-out infinite;transform-origin:50% 100%}@keyframes bubble-drift{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-9px) rotate(4deg)}}.mascot-sparkle-1{animation:sparkle-pop 2s ease-in-out infinite}.mascot-sparkle-2{animation:sparkle-pop 2s ease-in-out infinite .7s}.mascot-sparkle-3{animation:sparkle-pop 2s ease-in-out infinite 1.4s}@keyframes sparkle-pop{0%,to{opacity:.2;transform:scale(.7)}50%{opacity:1;transform:scale(1.2)}}@media (max-width: 960px){.home-nav{flex-direction:column;align-items:flex-start}.home-nav-actions{width:100%;justify-content:flex-start}.home-nav-identity{max-width:100%}.home-nav-account-menu{width:100%}.home-nav-account-menu-body{left:0;right:auto;min-width:min(260px,100%)}.choice-grid,.home-choice-grid{grid-template-columns:1fr}.home-hero{grid-template-columns:1fr;gap:.9rem;padding:2rem 1.4rem 1.8rem}.home-hero .page-title{font-size:2rem}.home-hero-character{display:none}.home-hero-list{max-width:none;width:100%}.characters-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#app{width:min(1120px,calc(100% - 1rem));margin:.5rem auto 1.2rem}.page-header,.dashboard-topbar,.dashboard-topbar-left{flex-direction:column;align-items:flex-start}.dashboard-topbar-metrics{width:100%}.dashboard-topbar-actions{width:100%;justify-content:flex-start}.dashboard-body{grid-template-columns:1fr}.dashboard-sidebar{position:static}.library-toolbar{grid-template-columns:1fr}.library-toolbar-actions{justify-content:flex-start;align-items:stretch;border-top:none;padding-top:0;gap:.65rem}.library-extras-dropdown{width:100%}.library-extras-trigger{width:100%;justify-content:space-between}.library-extras-menu{position:static;margin-top:.45rem;min-width:0}#clear-library-query{align-self:flex-start}.dashboard-folder-layout{grid-template-columns:1fr}.composer-shell .composer-header{flex-direction:column;align-items:flex-start}.composer-form-actions{justify-content:flex-start}}@media (max-width: 720px){.games-list{grid-template-columns:1fr}.dashboard-topbar-left .page-title{font-size:1.6rem}.dashboard-topbar-actions>*{width:100%}.dashboard-account-menu summary{width:100%;justify-content:center}.game-status-row{grid-template-columns:repeat(2,minmax(0,auto))}.game-action-grid,.characters-grid,.study-mode-auth-row{grid-template-columns:1fr}.composer-create-actions>*,.composer-form-actions>*{width:100%}}.hidden{display:none!important}.arena-shell{display:grid;gap:.75rem}.arena-topbar{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:.8rem 1rem;display:flex;justify-content:space-between;align-items:center;gap:.8rem}.arena-container{position:relative;width:100%;height:min(78vh,760px);min-height:560px;border-radius:16px;border:1px solid var(--border);overflow:hidden;background:#0c0e14}#experience{display:block;width:100%;height:100%}.hud{position:absolute;top:1rem;left:1rem;width:320px;padding:1rem;border-radius:14px;background:#161922eb;border:1px solid #2a2f40;box-shadow:0 16px 32px #0006;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:grid;gap:.8rem}.hud h2,.hud h3{margin:0 0 .2rem;font-size:1rem;color:#f0f0f4}.hud-objective-header{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.hud-objective-header h2{margin:0}.hud-body{display:grid;gap:.8rem}.hud-objective-body{display:grid;gap:.35rem}.hud-toggle{border:1px solid #3d4460;border-radius:999px;background:#ffffff0d;color:#8890a8;font-size:.76rem;font-weight:600;line-height:1;padding:.28rem .62rem}.hud-toggle:hover{background:#ffffff1a;color:#c0c4d4}.hud p{margin:0;font-size:.88rem;color:#c0c4d4}.objective-shortcut{margin-top:.35rem;color:#8890a8}.hint{color:#8890a8}.hint.muted{opacity:.75}.badge-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:.5rem}.badge{border:1px solid #2a2f40;border-radius:10px;background:#0c0e14;padding:.55rem}.badge h4{margin:0;font-size:.9rem;color:#f0f0f4}.badge p{margin:.2rem 0;font-size:.78rem;color:#8890a8}.badge .progress{color:#d4a853;font-weight:600}.notepad{position:absolute;top:1rem;right:1rem;width:260px;padding:.8rem .9rem;border-radius:14px;background:#161922ed;border:1px solid #2a2f40;box-shadow:0 16px 32px #00000059;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;flex-direction:column;gap:.6rem}.notepad-header{display:flex;align-items:center;justify-content:space-between}.notepad-header h2{margin:0;font-size:.95rem;color:#f0f0f4}.notepad-body{display:block}#notepad-input{width:100%;min-height:140px;border-radius:10px;border:1px solid #2a2f40;background:#0c0e14;color:#f0f0f4;padding:.65rem;resize:vertical}.panel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(620px,calc(100% - 2rem));max-height:calc(100% - 2rem);overflow-y:auto;border-radius:16px;border:1px solid #2a2f40;background:#161922f5;box-shadow:0 22px 44px #00000080;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:1rem;z-index:6}.panel-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.panel-header h2{margin:0;color:#f0f0f4}.panel-subtitle{margin:.2rem 0 0;color:var(--muted)}.panel-body{margin-top:.75rem;display:grid;gap:.75rem}.panel-label{font-weight:600;color:#c0c4d4;font-size:.9rem}.panel textarea{width:100%;min-height:160px;border-radius:10px;border:1px solid #2a2f40;background:#0c0e14;color:#f0f0f4;padding:.7rem;resize:vertical}.panel-actions{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.audio-controls{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.recording-status{font-size:.76rem;color:var(--muted)}.icon-button{border:none;background:#ffffff0f;color:#8890a8;border-radius:999px;width:32px;height:32px;font-size:1.2rem;line-height:1;cursor:pointer}.icon-button:hover{background:#ffffff1f;color:#f0f0f4}.starters h3{margin:0 0 .35rem;font-size:.9rem;color:#f0f0f4}.starters ul{margin:0;padding-left:1rem;display:grid;gap:.35rem;color:#c0c4d4}.thinking-indicator{display:flex;align-items:center;gap:1rem;border:1px solid rgba(255,218,26,.18);border-radius:14px;padding:.9rem 1rem;background:linear-gradient(135deg,#0e1220,#141826);box-shadow:0 0 0 1px #0030874d,0 8px 28px #0006;animation:thinking-appear .28s cubic-bezier(.34,1.56,.64,1)}@keyframes thinking-appear{0%{opacity:0;transform:translateY(6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.thinking-avatar{position:relative;flex-shrink:0;width:72px;height:72px}.thinking-avatar-ring{position:absolute;inset:-4px;border-radius:50%;border:2px solid rgba(255,218,26,.5);animation:thinking-ring-pulse 1.8s ease-in-out infinite}@keyframes thinking-ring-pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.08);opacity:1}}.thinking-avatar-inner{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 40% 35%,#1a2540,#0c1220);border:1.5px solid rgba(0,48,135,.5);overflow:hidden;display:flex;align-items:center;justify-content:center}.thinking-avatar-svg{width:56px;height:56px;animation:thinking-avatar-bob 2.2s ease-in-out infinite}@keyframes thinking-avatar-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.thinking-eye{animation:thinking-blink 4s ease-in-out infinite;transform-origin:center}@keyframes thinking-blink{0%,85%,to{transform:scaleY(1)}90%{transform:scaleY(.06)}}.thinking-orbit-dots{position:absolute;inset:0;animation:thinking-orbit-spin 3s linear infinite}.thinking-dot{position:absolute;border-radius:50%;background:#ffda1a;box-shadow:0 0 6px #ffda1ab3}.thinking-dot-1{width:7px;height:7px;top:-2px;left:50%;margin-left:-3.5px;animation:thinking-dot-pulse 1.8s ease-in-out infinite 0s}.thinking-dot-2{width:5px;height:5px;bottom:2px;right:2px;animation:thinking-dot-pulse 1.8s ease-in-out infinite .6s}.thinking-dot-3{width:5px;height:5px;bottom:6px;left:0;animation:thinking-dot-pulse 1.8s ease-in-out infinite 1.2s}@keyframes thinking-orbit-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes thinking-dot-pulse{0%,to{opacity:.4;transform:scale(.75)}50%{opacity:1;transform:scale(1.2)}}.thinking-copy{min-width:0;flex:1;display:grid;gap:.3rem}.thinking-title{margin:0;font-weight:700;font-size:.97rem;color:#f0f0f4;display:flex;align-items:baseline;gap:.05em;flex-wrap:nowrap}.thinking-title-text{background:linear-gradient(90deg,#fff,#ffda1a,#fff);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:thinking-shimmer 2.4s linear infinite}@keyframes thinking-shimmer{0%{background-position:200% center}to{background-position:-200% center}}.thinking-ellipsis{display:inline-flex;gap:1px;-webkit-text-fill-color:initial;color:#ffda1a}.thinking-ellipsis span{display:inline-block;animation:thinking-ellipsis-bounce 1.2s ease-in-out infinite;font-weight:800}.thinking-ellipsis span:nth-child(2){animation-delay:.18s}.thinking-ellipsis span:nth-child(3){animation-delay:.36s}@keyframes thinking-ellipsis-bounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}.thinking-subtitle{margin:0;color:#8890a8;font-size:.82rem}.thinking-progress{margin-top:.45rem;height:3px;border-radius:999px;background:#ffffff12;overflow:hidden}.thinking-progress-bar{height:100%;width:40%;border-radius:999px;background:linear-gradient(90deg,transparent,#ffda1a,#003087,#ffda1a,transparent);background-size:300% 100%;animation:thinking-progress-sweep 1.6s ease-in-out infinite}@keyframes thinking-progress-sweep{0%{transform:translate(-200%)}to{transform:translate(400%)}}.movement-intro{position:absolute;left:50%;top:56%;transform:translate(-50%,-50%);z-index:8;border:1px solid #2a2f40;background:#161922f2;border-radius:18px;box-shadow:0 22px 36px #00000073;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:.95rem 1.2rem;display:grid;gap:.6rem;justify-items:center;pointer-events:none;animation:movement-intro-pop .22s ease-out}.movement-intro-text{margin:0;font-size:.9rem;font-weight:600;color:#f0f0f4}.movement-intro-shortcut{margin:0;font-size:.82rem;color:#8890a8}.movement-keys{width:138px;display:grid;grid-template-columns:repeat(3,42px);grid-template-rows:repeat(2,42px);gap:6px}.movement-key{display:grid;place-items:center;border-radius:10px;border:1px solid #3d4460;background:#1c2030;box-shadow:0 4px #0c0e14;font-size:1.05rem;font-weight:700;color:#c0c4d4}.key-up{grid-column:2;grid-row:1}.key-left{grid-column:1;grid-row:2}.key-down{grid-column:2;grid-row:2}.key-right{grid-column:3;grid-row:2}@keyframes movement-intro-pop{0%{opacity:0;transform:translate(-50%,-46%)}to{opacity:1;transform:translate(-50%,-50%)}}.chat-prompt{position:absolute;left:50%;bottom:10%;transform:translate(-50%);border-radius:999px;border:1px solid #2a2f40;background:#161922ed;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:.7rem 1rem;box-shadow:0 12px 22px #0006;font-size:.9rem;text-align:center;pointer-events:none;color:#c0c4d4}.question-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(700px,calc(100% - 2.2rem));border-radius:16px;border:1px solid rgba(212,168,83,.42);background:#10131ce0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 18px 34px #00000085;padding:1rem 1.15rem;color:#f7f8fc;z-index:9;pointer-events:none}.question-overlay h2{margin:0;font-size:1rem;color:#d4a853}.question-overlay p{margin:.4rem 0 0;line-height:1.5;color:#eceffa}.modal{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:1rem;background:#0000008c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:7}.modal-content{width:min(740px,calc(100% - 1.5rem));max-height:calc(100% - 1.5rem);overflow-y:auto;border-radius:16px;border:1px solid #2a2f40;background:#1c2030;color:#f0f0f4;padding:1.2rem;display:grid;gap:.75rem}.modal-content h1,.modal-content h2,.modal-content h3{color:#f0f0f4}.modal-content p,.modal-content li{color:#c0c4d4}.intro-modal-content{background:#161922}.intro-subtitle{margin:0;color:#8890a8}.intro-mission{border:1px solid #2a2f40;border-radius:12px;padding:.7rem;background:#0c0e14;display:grid;gap:.4rem}.intro-mission-badge{justify-self:start;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;border-radius:999px;padding:.16rem .6rem;background:#d4a8531a;color:#d4a853;font-weight:700;border:1px solid rgba(212,168,83,.2)}.intro-mission p{margin:0;color:#c0c4d4}.completion-summary-modal-content{width:min(880px,calc(100% - 1.5rem));background:linear-gradient(180deg,#161b28,#121620)}.completion-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.completion-summary-stat{border:1px solid #2a2f40;border-radius:14px;background:#0c0e14eb;padding:.85rem .9rem;display:grid;gap:.35rem}.completion-summary-stat-label{font-size:.76rem;text-transform:uppercase;letter-spacing:.08em;color:#8890a8;font-weight:700}.completion-summary-stat-value{margin:0;color:#f7f8fc;font-size:1.55rem;font-weight:800;letter-spacing:-.03em}.completion-badge-summary{margin:0;border:1px solid rgba(212,168,83,.24);border-radius:12px;background:#d4a85314;color:#f2d28c;padding:.78rem .9rem}.completion-summary-breakdown{display:grid;gap:.75rem}.completion-summary-breakdown-header{display:flex;justify-content:space-between;align-items:end;gap:.75rem;flex-wrap:wrap}.completion-summary-breakdown-header h3{margin:0}.completion-summary-breakdown-header p{margin:0;color:#8890a8;font-size:.84rem}.completion-summary-list{display:grid;gap:.7rem;max-height:320px;overflow-y:auto;padding-right:.1rem}.completion-summary-card{border:1px solid #2a2f40;border-radius:14px;background:#0c0e14f0;padding:.85rem .95rem;display:grid;gap:.55rem}.completion-summary-card-header{display:flex;justify-content:space-between;gap:.75rem;align-items:flex-start}.completion-summary-card-heading h3{margin:0;color:#f0f0f4;font-size:1rem}.completion-summary-card-heading p{margin:.22rem 0 0;color:#8890a8;font-size:.82rem}.completion-verdict{display:inline-flex;align-items:center;justify-content:center;min-height:32px;border-radius:999px;border:1px solid transparent;padding:.24rem .72rem;font-size:.78rem;font-weight:700;white-space:nowrap}.completion-verdict-accurate{background:#22c55e1f;border-color:#22c55e4d;color:#7ef0a4}.completion-verdict-partial{background:#f5c8001f;border-color:#f5c8004d;color:#f8dc65}.completion-verdict-missed{background:#ef50501f;border-color:#ef50504d;color:#ff9a9a}.completion-summary-meta{margin:0;color:#d4a853;font-size:.82rem;font-weight:600}.completion-summary-note{margin:0;color:#c0c4d4;line-height:1.5}.modal-actions{display:flex;justify-content:flex-end;gap:.5rem;flex-wrap:wrap}.toast{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);border-radius:999px;border:1px solid #2a2f40;background:#161922f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:.66rem 1rem;box-shadow:0 12px 24px #0006;color:#c0c4d4;opacity:0;transition:opacity .25s ease,transform .25s ease}.toast.visible{opacity:1;transform:translate(-50%,-8px)}@media (max-width: 1100px){.hud{width:280px}.notepad{width:220px}}@media (max-width: 900px){.arena-container{min-height:660px}.completion-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.movement-intro{top:48%;padding:.8rem 1rem}.movement-keys{width:120px;grid-template-columns:repeat(3,36px);grid-template-rows:repeat(2,36px);gap:6px}.hud,.notepad{position:static;width:auto;margin:.75rem}.chat-prompt{bottom:3%}.question-overlay{width:min(700px,calc(100% - 1.2rem))}}@media (max-width: 600px){.completion-summary-grid{grid-template-columns:minmax(0,1fr)}.completion-summary-card-header{flex-direction:column}.completion-verdict{justify-self:flex-start}}