/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.block{display:block}.table{display:table}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial Rounded MT Bold,Trebuchet MS,Arial,sans-serif}button,input{font:inherit;text-transform:uppercase}button{color:inherit}.app-shell{text-transform:uppercase;isolation:isolate;min-height:100vh;padding:28px max(24px,50vw - 620px);position:relative;overflow:hidden}.grid-paper{z-index:-3;background-color:#fffefb;background-image:linear-gradient(#d9f3f5 2px,#0000 2px),linear-gradient(90deg,#d9f3f5 2px,#0000 2px);background-size:46px 46px;position:fixed;inset:0}.grid-paper:after{content:"";background:radial-gradient(circle at 50% 35%,#0000 0 45%,#fffdf8c7 100%);position:absolute;inset:0}.topbar{justify-content:space-between;align-items:center;gap:24px;min-height:126px;display:flex}.brand{cursor:pointer;filter:drop-shadow(0 6px 0 #fff) drop-shadow(0 9px 0 var(--ink));background:0 0;border:0;align-items:baseline;gap:14px;padding:0 10px;display:flex;transform:rotate(-1deg)}.brand span,.brand strong{letter-spacing:-3px;font-size:clamp(38px,4.2vw,64px);font-weight:900;line-height:.92}.account-tools{align-items:center;gap:12px;display:flex}.language-switch,.timer-card,.profile-button,.icon-button{border:3px solid var(--ink);background:#fff;box-shadow:4px 5px #17151c24}.language-switch{border-radius:16px;align-items:center;gap:4px;height:54px;padding:5px;font-weight:900;display:flex}.language-switch button{cursor:pointer;background:0 0;border:0;border-radius:9px;padding:9px 10px}.icon-button{cursor:pointer;border-radius:50%;width:54px;height:54px;font-size:24px}.profile-button{cursor:pointer;border-radius:18px;align-items:center;gap:8px;min-height:56px;padding:6px 12px 6px 7px;font-size:12px;font-weight:900;display:flex}.avatar{background:var(--mint);border:2px solid var(--ink);border-radius:50%;place-items:center;width:40px;height:40px;font-size:22px;display:grid}.timer-card{text-align:left;cursor:pointer;border-radius:18px;min-width:154px;height:72px;padding:9px 50px 8px 14px;transition:transform .16s,box-shadow .16s;position:relative}.timer-card:hover{transform:translateY(-2px);box-shadow:5px 7px #17151c33}.timer-card:focus-visible{outline:4px solid var(--yellow);outline-offset:2px}.timer-card span{letter-spacing:.6px;font-size:11px;font-weight:900;display:block}.timer-card strong{font-variant-numeric:tabular-nums;font-size:28px;line-height:1.05;display:block}.timer-card i{background:var(--cyan);border:2px solid var(--ink);border-radius:50%;place-items:center;width:38px;height:38px;font-size:24px;font-style:normal;display:grid;position:absolute;top:14px;right:10px}.controls{grid-template-columns:minmax(0,1.8fr) 2px minmax(240px,.8fr) 2px minmax(300px,1fr);align-items:end;gap:24px;margin:14px 0 22px;display:grid}.label{margin:0 0 9px 8px;font-size:17px;font-weight:900;display:block}.segment-row{gap:12px;display:flex}.segment-row button{border:3px solid var(--ink);cursor:pointer;background:#fff;border-radius:15px;flex:1;min-height:62px;padding:8px 12px;font-size:clamp(12px,1.15vw,16px);font-weight:900;transition:transform .16s,box-shadow .16s,background .16s;box-shadow:4px 5px #17151c2b}.segment-row button:hover{transform:translateY(-2px);box-shadow:5px 7px #17151c33}.segment-row button:active{transform:translateY(2px);box-shadow:2px 2px #17151c33}.segment-row button.selected{color:#fff}.symbol{border:2px solid var(--ink);width:32px;height:32px;color:var(--ink);border-radius:50%;place-items:center;margin-right:8px;font-size:22px;display:inline-grid}.operation-row{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.operation-row .symbol{font-size:18px}.divider{border-left:2px dashed #17151c6b;height:82px}.task-card{border:4px solid var(--ink);min-height:178px;box-shadow:9px 10px 0 var(--purple);background:#fffefa;border-radius:25px;justify-content:center;align-items:center;transition:border-color .18s,transform .18s;display:flex;position:relative}.task-card.correct{border-color:#168c67;transform:scale(1.008)}.task-card.wrong{border-color:var(--orange);animation:.22s nudge}.equation{letter-spacing:-5px;align-items:center;gap:clamp(20px,4vw,58px);font-size:clamp(64px,7.4vw,104px);font-weight:900;line-height:1;display:flex}.reward-pill{background:var(--mint);border:3px solid var(--ink);border-radius:16px;padding:10px 14px 10px 46px;font-size:13px;font-weight:900;position:absolute;bottom:18px;right:26px}.reward-pill span{color:var(--yellow);filter:drop-shadow(2px 3px 0 var(--ink));font-size:50px;position:absolute;top:-16px;left:-18px}.feedback-line{place-items:center;min-height:48px;padding-top:12px;font-size:14px;font-weight:900;display:grid}.answers{grid-template-columns:repeat(3,1fr);gap:16px;padding-bottom:28px;display:grid}.answers button{border:3px solid var(--ink);cursor:pointer;background:#fff;border-radius:19px;min-height:118px;font-size:clamp(48px,5vw,72px);font-weight:900;transition:transform .16s,box-shadow .16s,background .16s;box-shadow:5px 6px #17151c2b}.answers button:hover,.answers button:focus-visible{outline:4px solid var(--yellow);outline-offset:2px;transform:translateY(-3px);box-shadow:7px 9px #17151c38}.answers button:active{transform:translateY(2px)}.answers button.right{background:var(--mint);animation:.32s pop}.answers button.wrong{border-color:var(--orange);animation:.22s nudge}.typed-answer{background:#f4e9dfd1;border-radius:18px;width:min(680px,100%);margin:2px auto 28px;padding:22px;box-shadow:0 12px 32px #303c431f}.typed-answer label{color:#455762;letter-spacing:.1em;text-align:center;margin-bottom:10px;font-size:14px;font-weight:900;display:block}.typed-answer>div{grid-template-columns:minmax(0,1fr) 180px;gap:12px;display:grid}.typed-answer input,.typed-answer button{border:1px solid #34424a9e;border-radius:13px;min-height:76px}.typed-answer input{width:100%;color:var(--ink);text-align:center;background:#fff9f1f5;outline:none;font-size:42px;font-weight:900}.typed-answer input:focus{border-color:var(--orange);box-shadow:0 0 0 3px #db77673d}.typed-answer button{background:var(--orange);color:#fff9f2;cursor:pointer;font-size:15px;font-weight:900}.typed-answer button:disabled{opacity:.5;cursor:default}.typed-answer.correct input{background:#a9c0b6}.typed-answer.wrong input{border-color:var(--red);animation:.22s nudge}.sticker{z-index:-1;color:var(--ink);border:3px solid var(--ink);pointer-events:none;background:#fff;place-items:center;font-weight:900;display:grid;position:fixed;box-shadow:4px 5px #17151c29}.sticker-bolt{width:52px;height:70px;color:var(--purple);font-size:54px;top:32px;left:18px;transform:rotate(-12deg)}.sticker-plus{width:50px;height:50px;color:var(--orange);font-size:42px;top:114px;left:82px;transform:rotate(-9deg)}.sticker-star{width:58px;height:58px;color:var(--yellow);font-size:46px;top:230px;right:30px;transform:rotate(9deg)}.sticker-equal{width:58px;height:58px;color:var(--mint);font-size:44px;bottom:44px;right:28px;transform:rotate(8deg)}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#17151c85;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.modal{background:var(--paper);border:4px solid var(--ink);width:min(520px,100%);max-height:92vh;box-shadow:10px 12px 0 var(--purple);border-radius:26px;padding:34px;position:relative;overflow:auto}.modal-close{border:3px solid var(--ink);cursor:pointer;background:#fff;border-radius:50%;width:42px;height:42px;font-size:26px;position:absolute;top:15px;right:18px}.eyebrow{color:var(--purple);margin:8px 0 14px;font-size:14px;font-weight:900;display:block}.modal h2{margin:0 54px 24px 0;font-size:30px;line-height:1.1}.auth-tabs{gap:10px;margin-bottom:22px;padding-right:52px;display:flex}.auth-tabs button{border:2px solid var(--ink);cursor:pointer;background:#fff;border-radius:12px;padding:10px 14px;font-size:13px;font-weight:900}.auth-tabs button.active{background:var(--purple);color:#fff}.modal label{margin:15px 0;font-size:13px;font-weight:900;display:block}.modal input{border:3px solid var(--ink);background:#fff;border-radius:13px;outline:none;width:100%;height:52px;margin-top:7px;padding:0 14px;font-size:16px}.primary-action{border:3px solid var(--ink);width:100%;min-height:56px;box-shadow:4px 5px 0 var(--ink);cursor:pointer;border-radius:14px;margin-top:16px;font-weight:900}.purple-fill{color:#fff;background:var(--purple)}.coral{background:var(--orange)}.reset-options{gap:10px;display:grid}.reset-options button{border:3px solid var(--ink);text-align:left;cursor:pointer;background:#fff;border-radius:13px;align-items:center;gap:12px;min-height:54px;padding:10px 14px;font-size:14px;font-weight:900;display:flex}.reset-options button.chosen{box-shadow:4px 4px 0 var(--mint);background:#d7fff0}.reset-options span{font-size:20px}.stats-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.stat-card{border:3px solid var(--ink);background:#fff;border-radius:15px;flex-direction:column;justify-content:center;gap:7px;min-height:112px;padding:16px;display:flex;box-shadow:4px 5px #17151c24}.stat-card span{font-variant-numeric:tabular-nums;font-size:30px;font-weight:900}.stat-card strong{font-size:11px;line-height:1.3}.stat-card.positive span{color:#087452}.stat-card.negative span{color:#c84b00}.history-title{margin:28px 0 10px;font-size:16px}.history-list{gap:9px;max-height:280px;padding:2px 5px 5px 2px;display:grid;overflow-y:auto}.history-row{border:2px solid var(--ink);background:#fff;border-radius:12px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:62px;padding:9px 11px;display:grid}.history-icon{border:2px solid var(--ink);background:#eee;border-radius:50%;place-items:center;width:36px;height:36px;font-size:22px;font-weight:900;display:grid}.history-row>div{min-width:0}.history-row strong{font-size:11px;line-height:1.25;display:block}.history-row time{color:#625d69;margin-top:3px;font-size:10px;font-weight:700;display:block}.history-row>b{text-align:right;max-width:160px;font-size:11px;line-height:1.25}.history-row.earned>b{color:#087452}.history-row.penalty>b{color:#c84b00}.history-empty{text-align:center;border:2px dashed #aaa;border-radius:12px;margin:0;padding:24px;font-size:12px;font-weight:900}.verify-copy{line-height:1.6}.verify-copy strong{color:var(--purple);text-transform:none;overflow-wrap:anywhere;margin-top:8px;display:block}.demo-note{border:2px dashed var(--orange);border-radius:10px;padding:12px;font-size:11px;line-height:1.4}.form-error,.toast{color:#b33300;text-align:center;font-size:12px;font-weight:900}.logout{cursor:pointer;background:0 0;border:0;margin:18px auto 0;font-size:12px;font-weight:900;text-decoration:underline;display:block}@keyframes pop{50%{transform:scale(1.04)}}@keyframes nudge{25%{transform:translate(-6px)}75%{transform:translate(6px)}}@media (width<=1020px){.topbar{align-items:flex-start}.brand{flex-direction:column;align-items:flex-start;gap:0}.account-tools{flex-wrap:wrap;justify-content:flex-end}.profile-button.signed-in .profile-label{display:none}.controls{grid-template-columns:1fr;gap:16px}.divider{display:none}.equation{transform:translateY(-12px)}.reward-pill{white-space:nowrap;left:50%;right:auto;transform:translate(-50%)}.sticker{display:none}}@media (width<=680px){.app-shell{padding:16px}.topbar{flex-direction:column;align-items:stretch;min-height:auto}.brand{flex-direction:row;justify-content:center}.brand span,.brand strong{letter-spacing:-2px;font-size:clamp(30px,9.5vw,44px)}.account-tools{justify-content:center;margin-top:10px}.profile-button{order:4}.profile-button.signed-out{justify-content:center;min-width:122px;padding:0 14px}.profile-button.signed-out .profile-label{display:inline}.timer-card{min-width:140px}.segment-row{grid-template-columns:1fr 1fr;display:grid}.operation-group .operation-row{grid-template-columns:1fr 1fr}.operation-group .operation-row button:last-child{grid-column:1/-1}.task-card{min-height:152px;box-shadow:6px 7px 0 var(--purple)}.equation{letter-spacing:-3px;gap:14px;font-size:52px}.reward-pill{font-size:10px;bottom:10px}.answers{gap:10px}.answers button{min-height:92px;font-size:44px}.typed-answer{bottom:max(8px, env(safe-area-inset-bottom));z-index:30;padding:12px;scroll-margin-block:35vh;position:sticky}.typed-answer>div{grid-template-columns:minmax(0,1fr) 112px}.typed-answer input,.typed-answer button{min-height:58px}.typed-answer input{font-size:34px}.typed-answer button{font-size:12px}.modal{box-shadow:7px 8px 0 var(--purple);padding:26px 20px}.stats-grid{gap:9px}.stat-card{min-height:98px;padding:12px}}@media (width<=430px){.language-switch{height:48px}.icon-button{width:48px;height:48px}.profile-button{width:48px;height:48px;min-height:48px;padding:3px}.profile-button.signed-out{width:auto;min-width:116px;padding:0 12px}.avatar{width:36px;height:36px}.timer-card{min-width:132px;height:62px;padding-top:7px}.timer-card strong{font-size:24px}.timer-card i{display:none}.segment-row button{min-height:54px;padding:6px;font-size:12px}.symbol{width:26px;height:26px;margin-right:5px;font-size:18px}.equation{gap:10px;font-size:44px}.answers button{min-height:78px;font-size:38px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}:root{--ink:#34424a;--paper:#f4e9df;--purple:#526d7d;--mint:#8eaaa4;--orange:#db7767;--cyan:#7897a5;--yellow:#e5b59f;--red:#b85f59}body{color:var(--ink);background:#e8ddd3;font-family:Trebuchet MS,Arial,sans-serif}.app-shell{padding-top:22px;padding-bottom:44px}.grid-paper{background-color:#e9dfd5;background-image:linear-gradient(#f4e9df14,#f4e9df14),url(/play-to-play-map.png);background-position:50%;background-repeat:no-repeat;background-size:cover}.grid-paper:after{background:radial-gradient(at 50% 47%,#f4e9dfd6 0%,#f4e9dfb3 30%,#f4e9df1f 69%),linear-gradient(#f4e9df1a,#293b431a)}.topbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f4e9dfd1;border:1px solid #34424a47;border-radius:20px;min-height:108px;padding:14px 18px;box-shadow:0 12px 35px #303c4329}.brand{filter:none;gap:10px;padding:2px 8px;transform:none}.brand span,.brand strong{letter-spacing:-.065em;text-shadow:0 2px #ffffff80;font-family:Georgia,Times New Roman,serif;font-size:clamp(34px,3.8vw,57px)}.brand span{color:var(--orange)}.brand strong{color:var(--purple)}.language-switch,.timer-card,.profile-button,.icon-button{background:#f9f2ebf0;border:1px solid #34424a99;box-shadow:0 6px 16px #303c4324}.language-switch,.profile-button,.timer-card{border-radius:12px}.language-switch button.active{background:var(--purple);color:#fff8ef}.icon-button:hover,.profile-button:hover{background:#fff8ef}.avatar{background:var(--yellow);border:1px solid #34424aa6}.timer-card{color:#fff6eb;background:#34424af0;border-color:#34424ab8;box-shadow:0 7px 18px #25323933}.timer-card:hover{box-shadow:0 10px 22px #25323940}.timer-card i{background:var(--orange);color:#fff7ed;border:0}.controls{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#f4e9dfdb;border:1px solid #34424a40;border-radius:18px;margin-top:18px;padding:18px;box-shadow:0 12px 32px #303c4324}.label{color:#455762;letter-spacing:.12em;font-size:14px}.segment-row button{background:#fff9f1e6;border:1px solid #34424a9e;border-radius:11px;box-shadow:0 4px 12px #303c431c}.segment-row button:hover{background:#fff9f2;transform:translateY(-2px);box-shadow:0 7px 15px #303c4329}.segment-row button:active{box-shadow:0 2px 8px #303c4324}.segment-row button.selected.purple{background:var(--purple)}.segment-row button.selected.cyan{background:var(--orange);color:#fff9f2}.symbol{color:var(--ink);border:1px solid #34424aa6}.symbol.mint{background:#a9bdb7}.symbol.orange{background:#e8a18f}.symbol.split{background:linear-gradient(90deg,#a9bdb7 50%,#e8a18f 50%)}.divider{border-left-color:#34424a52}.task-card{color:#fff5e9;background:linear-gradient(135deg,#37444af7,#27343bf7);border:1px solid #f2d7c5b8;border-radius:18px;min-height:190px;overflow:hidden;box-shadow:0 18px 35px #26323845}.task-card:before{content:"";opacity:.13;pointer-events:none;background-image:radial-gradient(circle at 16% 24%,#fff 0 1px,#0000 2px),radial-gradient(circle at 82% 72%,#fff 0 1px,#0000 2px);background-size:45px 45px,61px 61px;position:absolute;inset:0}.task-card.correct{border-color:#b7d0c6}.task-card.wrong{border-color:#efa28e}.equation{text-shadow:0 3px 8px #0f181c52;position:relative}.equation strong{color:#ef8c77}.task-balance{z-index:2;color:#fff8ef;text-align:left;cursor:pointer;background:#f4e9df1f;border:1px solid #fff6eb6b;border-radius:10px;min-width:92px;padding:7px 10px;position:absolute;bottom:18px;left:18px;box-shadow:0 5px 13px #131b1f2e}.task-balance span{letter-spacing:.08em;font-size:9px;font-weight:900;display:block}.task-balance strong{font-variant-numeric:tabular-nums;font-size:20px;line-height:1.1;display:block}.task-balance:hover,.task-balance:focus-visible{outline-offset:2px;background:#f4e9df38;outline:2px solid #ef8c77b8}.reward-pill{background:var(--orange);color:#fff8ef;border:1px solid #fff6eb7a;border-radius:10px;box-shadow:0 5px 13px #131b1f38}.reward-pill span{color:#f4d4b9;filter:drop-shadow(1px 2px #263238cc)}.feedback-line .success{color:#496e63}.feedback-line .retry{color:#a94f48}.answers{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f4e9dfc2;border-radius:18px;margin-top:2px;padding:16px;box-shadow:0 12px 32px #303c431f}.answers button{color:#40535d;background:#fff9f1f0;border:1px solid #34424a99;border-radius:13px;box-shadow:0 6px 14px #303c4324}.answers button:hover,.answers button:focus-visible{border-color:var(--orange);background:#f4d3c4;outline:2px solid #db776773;box-shadow:0 10px 18px #303c4333}.answers button.picked{background:#eed8c8}.answers button.right{background:#a9c0b6}.answers button.wrong{border-color:var(--red)}.sticker{display:none}.mistake-reaction{z-index:45;pointer-events:auto;cursor:pointer;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#34424a24;place-items:center;padding:24px;animation:3s both reaction-backdrop;display:grid;position:fixed;inset:0}.mistake-reaction-card{background:#526d7d;border:4px solid #f4e9df;border-radius:28px;width:min(330px,78vw);animation:3s cubic-bezier(.2,.85,.25,1) both reaction-pop;overflow:hidden;transform:rotate(-2deg);box-shadow:0 0 0 2px #34424ac7,0 22px 55px #202d3457}.mistake-reaction-card img{aspect-ratio:1;object-fit:cover;filter:saturate(.7)sepia(.12)contrast(.94);width:100%;display:block}.mistake-reaction-card strong{color:#fff6eb;text-align:center;letter-spacing:.05em;padding:14px 16px 16px;font-size:clamp(15px,3.8vw,21px);display:block}.success-reaction{background:#8eaaa42e}.success-reaction-card{background:#6f978c;transform:rotate(2deg)}.success-reaction-card img{filter:saturate(.95)contrast(.98)}@keyframes reaction-pop{0%{opacity:0;transform:scale(.55)rotate(-7deg)}13%{opacity:1;transform:scale(1.06)rotate(2deg)}25%,76%{opacity:1;transform:scale(1)rotate(-2deg)}to{opacity:0;transform:scale(.82)rotate(2deg)}}@keyframes reaction-backdrop{0%,to{opacity:0}12%,78%{opacity:1}}@media (prefers-reduced-motion:reduce){.mistake-reaction,.mistake-reaction-card{opacity:1!important;animation:none!important}.mistake-reaction-card{transform:rotate(-2deg)}}.modal-backdrop{background:#25343ba8}.modal{background:#f2e7dd;border:1px solid #34424aa8;border-radius:19px;box-shadow:0 22px 60px #1d2a3061}.modal-close,.auth-tabs button,.modal input,.reset-options button,.stat-card,.history-row{background:#fff8ef;border:1px solid #34424a94;box-shadow:0 4px 12px #303c431a}.eyebrow{color:var(--orange)}.auth-tabs button.active{background:var(--purple)}.modal input:focus{box-shadow:0 0 0 3px #db776757}.primary-action{border:1px solid #34424aad;box-shadow:0 6px 15px #303c432e}.purple-fill{background:var(--purple)}.mint-fill{background:var(--mint)}.coral{background:var(--orange);color:#fff9f2}.reset-options button.chosen{background:#cfddd6;box-shadow:0 4px 12px #43645b26}.stat-card.positive{background:#d7e3dc}.stat-card.negative{background:#f0d8cd}.stat-card.positive span,.history-row.earned>b{color:#496e63}.stat-card.negative span,.history-row.penalty>b{color:#a94f48}.history-row.earned .history-icon{background:#a9c0b6}.history-row.penalty .history-icon{background:#e9ae9c}.history-row.reset .history-icon{background:#e4c1ac}.history-icon{border:1px solid #34424a8c}.demo-note{border-color:var(--orange)}.forgot-password,.back-to-signin{color:#526d7d;cursor:pointer;background:0 0;border:0;font-size:12px;font-weight:900;text-decoration:underline;display:block}.forgot-password{margin:-4px 0 8px auto}.back-to-signin{margin:18px auto 0}.reset-help{color:#596a73;margin:-10px 0 18px;font-size:12px;font-weight:800;line-height:1.5}.site-footer{color:#64727a;letter-spacing:.14em;text-align:center;padding:28px 0 6px;font-size:11px;font-weight:900}.access-gate{z-index:80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1f2b31d1;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.access-card{text-align:center;background:#f4e9df;border:1px solid #34424a9e;border-radius:22px;width:min(520px,100%);max-height:calc(100vh - 40px);padding:34px;position:relative;overflow-y:auto;box-shadow:0 24px 70px #121d226b}.access-card h2{margin:8px 0 24px;font-family:Georgia,Times New Roman,serif;font-size:clamp(27px,5vw,38px);line-height:1.08}.access-language{width:max-content;margin:0 auto 20px}.auth-link{place-items:center;width:100%;text-decoration:none;display:grid}.access-divider{color:#65747c;align-items:center;gap:12px;margin:20px 0;font-size:11px;font-weight:900;display:flex}.access-divider:before,.access-divider:after{content:"";background:#34424a40;flex:1;height:1px}.guest-toggle{cursor:pointer;background:#fff8ef;border:1px solid #34424a9e;border-radius:12px;width:100%;min-height:52px;font-weight:900}.guest-form{text-align:left;margin-top:18px}.guest-form>p{color:#586a73;font-size:12px;font-weight:800;line-height:1.5}.guest-form label{gap:7px;margin:16px 0;font-size:12px;font-weight:900;display:grid}.guest-form input{background:#fff8ef;border:1px solid #34424a94;border-radius:11px;width:100%;min-height:50px;padding:10px 12px}.access-card .auth-tabs{justify-content:center;padding-right:0}.text-action{color:#445b67;cursor:pointer;background:0 0;border:0;width:100%;margin-top:12px;font-size:12px;font-weight:900;text-decoration:underline}.primary-action:disabled{opacity:.55;cursor:wait}@media (width<=1020px){.topbar{min-height:auto}.controls{padding:16px}}@media (width<=680px){.app-shell{padding:12px 12px 28px}.grid-paper{background-position:top;background-size:auto 100%}.topbar{padding:12px}.brand span,.brand strong{font-size:clamp(28px,9vw,41px)}.controls{margin-bottom:14px}.task-card{min-height:154px;box-shadow:0 13px 26px #2632383d}.task-balance{min-width:76px;padding:5px 8px;top:10px;bottom:auto;left:10px}.task-balance span{font-size:8px}.task-balance strong{font-size:16px}.answers{padding:10px}.modal{box-shadow:0 18px 45px #1d2a3057}.access-gate{place-items:center;padding:8px}.access-card{overscroll-behavior:contain;border-radius:18px;max-height:calc(100dvh - 16px);padding:16px 18px}.access-language{height:40px;margin-bottom:8px}.access-language button{min-width:44px;padding:0 10px}.access-card .eyebrow{margin:4px 0 7px;font-size:12px}.access-card h2{margin:0 0 12px;font-size:clamp(24px,7.5vw,30px);line-height:1.02}.access-card .auth-tabs{gap:8px;margin-bottom:10px}.access-card .auth-tabs button{min-height:42px;padding:7px 10px;font-size:12px}.access-card .guest-form{margin-top:8px}.access-card .guest-form label{gap:4px;margin:8px 0;font-size:11px}.access-card .guest-form input{min-height:44px;padding:7px 10px}.access-card .primary-action{min-height:48px;margin-top:8px}.access-card .text-action{margin-top:8px}.access-card .access-divider{margin:10px 0}.access-card .guest-toggle{min-height:46px}}
