:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#25332d;background:#fbf7f2;font-synthesis:none;--coral:#ed705d;--green:#214d3c;--ink:#25332d;--muted:#6e7a73;--cream:#fbf7f2;--card:#fff;--gold:#d2a044}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--cream)}button,input,select{font:inherit}button{cursor:pointer}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:100;padding:.75rem 1rem;background:#fff;color:#000}.skip-link:focus{top:1rem}.app-shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:32px 22px;background:#163c30;color:#fff;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:45px;height:45px;border:1px solid rgba(255,255,255,.35);border-radius:50%;font-family:serif;font-size:25px}.brand div{display:grid;line-height:1.05}.brand strong{font-family:Georgia,serif;font-size:20px}.brand div span{font-size:12px;letter-spacing:.16em;text-transform:uppercase}.sidebar nav{display:grid;gap:8px;margin-top:56px}.sidebar nav button{display:flex;align-items:center;gap:13px;width:100%;padding:13px 14px;border:0;border-radius:10px;color:#dce9e3;background:transparent;text-align:left}.sidebar nav button:hover,.sidebar nav button:focus-visible,.sidebar nav button.active{background:#fff;color:#173e32}.site-link{margin-top:auto;color:#dce9e3;font-size:13px;text-decoration:none}.main-column{min-width:0}.topbar{display:flex;justify-content:space-between;align-items:center;padding:28px clamp(24px,5vw,72px) 18px;border-bottom:1px solid #e9e1d8;background:#fbf7f2eb}h1,h2,h3{font-family:Georgia,Times New Roman,serif;margin:0;color:var(--ink)}.topbar h1{font-size:clamp(25px,3vw,38px)}.eyebrow{display:block;margin-bottom:6px;color:#ae6759;font-size:11px;font-weight:800;letter-spacing:.18em}.eyebrow.light{color:#ffe1d9}#main-content{padding:36px clamp(20px,5vw,72px) 100px;max-width:1400px;margin:auto}.dashboard{display:grid;gap:30px}.hero-card{display:flex;justify-content:space-between;overflow:hidden;padding:clamp(28px,5vw,58px);border-radius:24px;background:linear-gradient(125deg,#d95f50,#f18b73);color:#fff;box-shadow:0 18px 50px #7d382c29}.hero-card h2{font-size:clamp(34px,5vw,58px);color:#fff;line-height:1}.hero-card p{max-width:560px;font-size:18px;line-height:1.6}.hero-glyph{align-self:center;font-size:clamp(80px,15vw,180px);filter:drop-shadow(0 18px 20px rgba(0,0,0,.18));transform:rotate(6deg)}.primary,.secondary,.light-button,.back,.upload-button{border:0;border-radius:9px;padding:12px 18px;font-weight:750}.primary{background:var(--green);color:#fff}.primary:disabled{opacity:.45;cursor:not-allowed}.secondary{background:#f0e9e1;color:var(--ink)}.light-button{background:#fff;color:#b64c3d}.stat-grid,.activity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stat-grid article{display:flex;align-items:center;gap:15px;padding:20px;border:1px solid #e8e0d7;border-radius:15px;background:#fff}.stat-grid svg{color:var(--coral)}.stat-grid div{display:grid}.stat-grid strong{font-size:22px}.stat-grid span{color:var(--muted);font-size:13px}.section-heading{display:flex;justify-content:space-between;margin:8px 0 18px}.section-heading h2{font-size:32px}.section-heading p{color:var(--muted)}.activity-grid button{min-height:180px;padding:23px;border:1px solid #e7ded4;border-radius:17px;background:#fff;text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:10px;transition:.15s}.activity-grid button:hover{transform:translateY(-3px);box-shadow:0 14px 32px #2b352f17}.activity-grid strong{font-family:Georgia,serif;font-size:22px}.activity-grid>button>span:last-child{color:var(--muted)}.activity-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:13px}.activity-icon.coral{background:#ffebe6;color:#cf5f4f}.activity-icon.green{background:#e2efe9;color:#22503f}.activity-icon.gold{background:#fff0cf;color:#a97720}.puzzle-list{display:grid;gap:12px}.puzzle-list>button{display:grid;grid-template-columns:82px 1fr auto;align-items:center;gap:18px;padding:20px;border:1px solid #e6ddd3;border-radius:14px;background:#fff;text-align:left}.puzzle-list div{display:grid;gap:4px}.puzzle-list div span{color:var(--muted)}.date-chip{font-size:11px;font-weight:800;letter-spacing:.12em;color:#b45a4c}.status{padding:7px 11px;border-radius:20px;background:#eee8e1;font-size:12px}.status.solved{background:#dff1e8;color:#286146}.status.tried{background:#fff0dc;color:#986622}.play-panel{max-width:1100px;margin:auto}.back{padding-left:0;background:transparent;color:#986052}.play-heading{margin:28px 0}.play-heading h2{font-size:38px}.play-heading p{color:var(--muted)}.tile-rack{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding:28px;border-radius:20px;background:#214d3c;box-shadow:inset 0 0 0 4px #ffffff12}.tile{width:68px;height:92px;padding:4px;border:3px solid transparent;border-radius:8px;background:#f5f0dc;box-shadow:0 5px #c9bea3;transition:.12s}.tile img{width:100%;height:100%;object-fit:contain}.tile:hover,.tile:focus-visible{transform:translateY(-4px)}.tile.selected{border-color:#ffcc64;transform:translateY(-9px);box-shadow:0 8px #b0904a}.play-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:25px}.feedback,.notice{margin-top:20px;padding:16px;border-radius:11px;background:#fff0dc;color:#694917}.notice.error{background:#fde6e4;color:#8a2921}.lesson-grid{display:grid;gap:14px}.lesson-grid details{border:1px solid #e5dcd2;border-radius:14px;background:#fff}.lesson-grid summary{display:flex;gap:18px;padding:20px;cursor:pointer}.lesson-grid summary>span{color:#be695a;font-weight:800}.lesson-grid summary div{display:grid;gap:4px}.lesson-grid summary strong{font-family:Georgia,serif;font-size:20px}.lesson-grid summary small{color:var(--muted)}.lesson-grid ol{margin:0;padding:0 38px 25px 75px;color:#4f5c56;line-height:1.7}.profile-layout{display:grid;grid-template-columns:minmax(220px,320px) minmax(300px,620px);gap:25px}.profile-card,.settings-card{padding:28px;border:1px solid #e6ddd3;border-radius:17px;background:#fff}.profile-card{text-align:center}.profile-card p{color:var(--muted);font-size:13px}.avatar{width:150px;height:150px;margin:0 auto 20px;border-radius:50%;overflow:hidden;background:#e1eee8;display:grid;place-items:center;color:#25513f;font:64px Georgia}.avatar img{width:100%;height:100%;object-fit:cover}.upload-button{display:inline-block;background:#f0e9e1}.upload-button input{position:absolute;opacity:0;pointer-events:none}.settings-card{display:grid;gap:18px}.settings-card label{display:grid;gap:7px;font-weight:700}.settings-card input,.settings-card select{width:100%;padding:12px;border:1px solid #cfc6bc;border-radius:8px;background:#fff}.settings-card input[readonly]{background:#f2eee9;color:#68716d}.form-message{color:#35684f}.completion{text-align:center;padding:70px}.completion>span{font-size:100px}.auth-page{display:grid;grid-template-columns:1.1fr .9fr;min-height:100vh}.auth-story{padding:55px clamp(35px,7vw,100px);background:linear-gradient(145deg,#183f32,#28604b);color:#fff;display:flex;flex-direction:column;justify-content:space-between}.auth-story h1{color:#fff;font-size:clamp(52px,7vw,92px);line-height:.98}.auth-story p{max-width:560px;font-size:19px;line-height:1.6;color:#dce9e3}.auth-panel{display:grid;place-items:center;padding:30px;background:#fff9f5}.clerk-root{width:min(100%,440px)}.clerk-card{box-shadow:none!important}.centered{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:16px}.loader{width:42px;height:42px;border:4px solid #eadfd7;border-top-color:var(--coral);border-radius:50%;animation:spin 1s linear infinite}.mobile-nav{display:none}@keyframes spin{to{transform:rotate(360deg)}}:focus-visible{outline:3px solid #ef9a4d;outline-offset:3px}@media(max-width:850px){.app-shell{display:block}.sidebar{display:none}.topbar{padding:20px}.topbar h1{font-size:26px}#main-content{padding:25px 16px 90px}.stat-grid,.activity-grid{grid-template-columns:1fr}.hero-glyph{display:none}.hero-card{padding:30px}.puzzle-list>button{grid-template-columns:62px 1fr}.status{grid-column:2}.profile-layout{grid-template-columns:1fr}.mobile-nav{position:fixed;display:flex;justify-content:space-around;bottom:0;left:0;right:0;z-index:20;padding:9px 5px calc(9px + env(safe-area-inset-bottom));border-top:1px solid #ddd4ca;background:#fff}.mobile-nav button{border:0;background:transparent;color:#57645e;font-size:12px}.mobile-nav button[aria-current=page]{color:#bf5b4e;font-weight:800}.auth-page{grid-template-columns:1fr}.auth-story{min-height:38vh;padding:30px}.auth-story h1{font-size:48px}.auth-panel{padding:20px}.tile{width:54px;height:74px}.tile-rack{gap:7px;padding:17px}}.profile-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:22px}.profile-stats span{display:grid;padding:10px;border-radius:9px;background:#f6f0e9;color:var(--muted);font-size:12px}.profile-stats strong{color:var(--ink);font-size:18px}.history-card{grid-column:1/-1;padding:28px;border:1px solid #e6ddd3;border-radius:17px;background:#fff}.histogram{display:flex;align-items:flex-end;gap:15px;min-height:130px;padding:20px 0}.histogram div{display:grid;justify-items:center;gap:5px;min-width:38px}.histogram i{display:block;width:28px;border-radius:6px 6px 2px 2px;background:linear-gradient(var(--coral),#c85849)}.histogram span,.histogram small{font-size:12px}.recent-games{list-style:none;padding:0;margin:12px 0 0}.recent-games li{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #eee6dd}.recent-games li span{color:var(--muted)}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}