:root{color:#293323;font-synthesis:none;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f5f5ec;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html,body{overscroll-behavior-y:none;min-height:100%;margin:0}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.6}:is(button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible){outline-offset:3px;outline:3px solid #879a5e}button{touch-action:manipulation}.app{flex-direction:column;width:min(100%,780px);min-height:100svh;margin:auto;padding:0 24px;display:flex}header{flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;height:72px;display:flex}.brand{color:inherit;letter-spacing:-.8px;align-items:center;gap:9px;font-size:18px;font-weight:800;text-decoration:none;display:flex}.logo{border:1.5px solid;border-radius:50%;width:27px;height:27px;display:block;position:relative}.logo:after{content:"";background:#293323;border-radius:50%;position:absolute;inset:4px}.player{background:0 0;border:1px solid #daddcd;border-radius:30px;align-items:center;gap:7px;max-width:170px;padding:8px 11px;font-size:11px;display:flex}.player span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}nav{border-top:1px solid #d6dbc8;border-bottom:1px solid #d6dbc8;flex-shrink:0;height:48px;display:flex}nav button{letter-spacing:1.4px;color:#949b85;background:0 0;border:0;flex:1;justify-content:center;align-items:center;gap:28px;font-size:10px;font-weight:700;display:flex;position:relative}nav button.active{color:#293323}nav button.active:after{content:"";background:#37472b;height:3px;position:absolute;bottom:-1px;left:10px;right:10px}nav button span{font-size:16px;font-weight:400}.game{flex-direction:column;flex:1;min-height:0;display:flex}.game-top{justify-content:space-between;align-items:center;gap:10px;padding:20px 0 16px;display:flex}.modebar{gap:3px;display:flex}.modebar button{color:#929b80;background:0 0;border:1px solid #0000;border-radius:4px;align-items:center;gap:7px;padding:9px 12px;font-size:11px;display:flex}.modebar button.selected{color:#455535;background:#e7edcf;border-color:#d9e2bd}.modebar button span{font-size:19px;line-height:1}.time{font-variant-numeric:tabular-nums;white-space:nowrap;color:#7b866c;font-size:12px}.time small{color:#a2a992;margin-left:3px;font-size:9px}.board{touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair;background-color:#edf0df;flex:1;height:calc(100svh - 267px);min-height:300px;max-height:660px;position:relative;overflow:hidden}.corner{pointer-events:none;z-index:2;border-style:solid;border-color:#879971;width:13px;height:13px;position:absolute}.tl{border-width:1px 0 0 1px;top:0;left:0}.tr{border-width:1px 1px 0 0;top:0;right:0}.bl{border-width:0 0 1px 1px;bottom:0;left:0}.br{border-width:0 1px 1px 0;bottom:0;right:0}.shape{pointer-events:none;background:#8fa65a88;border:0;position:absolute}.complete .shape{background:#8fa65a88}.drag-guide{pointer-events:none;color:#869571;width:205px;height:235px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.drag-guide svg{fill:none;stroke:#9eaf82;stroke-width:1.25px;stroke-dasharray:4 5;width:165px;height:165px;position:absolute;top:0;left:20px}.guide-point{z-index:1;background:#edf0df;border:1px solid #82936b;border-radius:50%;width:9px;height:9px;position:absolute;top:9px;left:29px}.drag-guide>div{text-align:center;flex-direction:column;gap:8px;display:flex;position:absolute;top:182px;left:0;right:0}.drag-guide b{letter-spacing:.1px;font-size:13px;font-weight:500}.drag-guide small{letter-spacing:.5px;color:#a0aa8a;font-size:10px}.under-board{justify-content:space-between;align-items:center;gap:12px;min-height:40px;padding:9px 0 11px;display:flex}.under-board>span{letter-spacing:1.5px;color:#959e85;font-size:8px}.under-board>button{color:#74875c;background:0 0;border:0;padding:0 7px;font-size:22px}footer{padding:16px 0 max(16px,env(safe-area-inset-bottom));letter-spacing:1.7px;color:#9ba38c;border-top:1px solid #daddce;flex-shrink:0;justify-content:space-between;font-size:7px;display:flex}.score-overlay{z-index:5;cursor:default;touch-action:manipulation;background:#f2f5e210;place-items:center;padding:18px;display:grid;position:absolute;inset:0}.score-card{-webkit-backdrop-filter:blur(3px);text-align:center;transform-origin:50%;background:#f8fae8d9;border:1px solid #fdfff099;border-radius:10px;width:min(100%,355px);padding:29px 24px 19px;box-shadow:0 12px 60px #41512a1a,0 2px 8px #41512a0a}.eyebrow{letter-spacing:1.5px;color:#7d8d66;font-size:8px;font-weight:700;display:block}.score-number{letter-spacing:-1.8px;font-variant-numeric:tabular-nums;white-space:nowrap;color:#2d4021;margin:23px 0 21px;font-size:clamp(29px,5.5vw,43px);font-weight:750;line-height:1.1}.score-number small{letter-spacing:0;margin-left:4px;font-size:15px;font-weight:400}.score-details{border-top:1px solid #b5c59355;border-bottom:1px solid #b5c59355;justify-content:center;gap:18px;padding:12px 0;display:flex}.score-details>span{letter-spacing:1.3px;color:#9aa584;flex-direction:column;gap:6px;font-size:7px;display:flex}.score-details b{color:#65794d;letter-spacing:0;font-variant-numeric:tabular-nums;font-size:10px;font-weight:500}.score-actions{gap:8px;margin-top:21px;display:flex}.primary{color:#f4f7e7;letter-spacing:1.3px;background:#2d3e23;border:0;border-radius:4px;justify-content:space-between;align-items:center;gap:24px;min-height:45px;padding:15px 18px;font-size:10px;font-weight:600;display:flex}.primary:hover{background:#465d35}.score-actions .primary{flex:1}.share{color:#526d3c;background:#f7fae780;border:1px solid #b9c49e;border-radius:4px;width:45px;font-size:20px}.saved{letter-spacing:1.4px;color:#929f7b;min-height:9px;margin-top:14px;font-size:7px;display:block}.modal-backdrop{z-index:30;-webkit-backdrop-filter:blur(5px);background:#29332355;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.profile-modal{background:#f7f8ee;border:1px solid #fff;border-radius:12px;width:min(100%,380px);max-height:calc(100dvh - 48px);padding:35px 30px;position:relative;overflow:auto;box-shadow:0 20px 90px #1e2a2440}.profile-modal h1{letter-spacing:-1.8px;word-break:break-word;margin:17px 0 27px;font-size:37px;line-height:1.06}.profile-modal label{letter-spacing:1.7px;color:#83926c;margin:18px 0 9px;font-size:8px;font-weight:700;display:block}.profile-modal input,.profile-modal select{color:#445735;background:#eef1e3;border:1px solid #d2dbc1;border-radius:4px;width:100%;min-height:48px;padding:14px 12px;font-size:14px;display:block}.profile-modal select{font-size:12px}.profile-modal .primary{width:100%;margin-top:24px}.footnote{color:#97a086;text-align:center;letter-spacing:.1px;font-size:9px;line-height:1.65;display:block}.profile-modal .footnote{margin-top:17px}.profile-modal p{color:#7c8c68;font-size:13px}.profile-modal .form-error{color:#a25138;font-size:11px;line-height:1.5}.profile-flag{font-size:42px}.close{color:#899779;background:0 0;border:0;font-size:23px;position:absolute;top:12px;right:16px}.loading-eye{text-align:center;color:#788d5e;padding:35px;font-size:40px}.quiz{min-height:500px}.quiz-ready{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:30px 0;display:flex}.quiz-ready h1{letter-spacing:-2px;margin:25px 0 10px;font-size:43px;line-height:1.05}.quiz-ready p:not(.eyebrow){color:#82916d;margin:8px 0 25px;font-size:12px}.quiz-ready .primary{width:min(100%,280px);margin:15px 0}.three-circles{align-items:center;gap:16px;margin:35px 0 0;display:flex}.three-circles i{background:#81956aa6;border:0;border-radius:50%;width:60px;height:60px}.three-circles i:first-child{width:65px;height:58px}.three-circles i:last-child{width:55px;height:63px}.quiz-ready .footnote{margin:12px 0}.quiz-top{justify-content:space-between;align-items:center;padding-top:28px;display:flex}.quiz-top b{font-size:20px;font-weight:500}.quiz-top b small{color:#a7af99;font-size:12px}.progress{background:#dce3cc;height:2px;margin:18px 0}.progress i{background:#7f9660;height:100%;display:block}.question{text-align:center;color:#7f8b6d;margin:10px 0 22px;font-size:13px}.choices{grid-template-columns:1fr 1fr;gap:12px;display:grid}.choices button{color:#536a3b;opacity:1;background:#f9faf2;border:1px solid #d9e0cb;border-radius:5px;flex-direction:column;align-items:center;padding:10px;display:flex;position:relative}.choices button:not(:disabled):hover{background:#eaf0da;border-color:#839c64}.choices svg{aspect-ratio:1;width:100%;max-width:175px}.choices button>span{border:1px solid #d2dbc0;border-radius:50%;place-items:center;width:23px;height:23px;margin:0 0 5px;font-size:8px;display:grid}.choices button.correct{background:#e1eccb;border-color:#7c9858;box-shadow:inset 0 0 0 1px #7c9858}.choices button.incorrect{background:#f1e3d8;border-color:#c39477}.feedback{justify-content:space-between;align-items:center;gap:12px;margin:20px 0;display:flex}.feedback>b{color:#83916f;font-size:11px;font-weight:500}.feedback .primary{min-width:125px}.quiz-score{letter-spacing:-6px;margin:35px 0 10px;font-size:105px;font-weight:650;line-height:1.1}.quiz-score small{letter-spacing:-1px;color:#9ca88a;font-size:25px}.dot{color:#b0b99f;padding:0 8px}.answer-dots{flex-wrap:wrap;justify-content:center;gap:6px;margin:10px 0 25px;display:flex}.answer-dots i{border-radius:50%;place-items:center;width:23px;height:23px;font-size:8px;font-style:normal;display:grid}.answer-dots .right{color:#678746;background:#d8e7bd}.answer-dots .wrong{color:#ae7a59;background:#edd9c9}.plain{color:#7f9069;letter-spacing:1.3px;background:0 0;border:0;padding:12px;font-size:8px}.ranks{flex:1;padding:26px 0 10px}.rank-title{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.rank-title h1{letter-spacing:-1.5px;margin:0;font-size:31px}.rank-title>span{filter:saturate(.5);font-size:25px}.rank-tabs{border:1px solid #d5dfc2;border-radius:5px;margin-bottom:15px;display:flex;overflow:hidden}.rank-tabs button{letter-spacing:1px;color:#899a70;background:0 0;border:0;flex:1;padding:14px 10px;font-size:9px}.rank-tabs button.selected{color:#3b5129;background:#e6edce;font-weight:600}.rank-modes{gap:5px;display:flex}.rank-modes button{color:#97a381;background:0 0;border:1px solid #0000;border-radius:4px;flex:1;padding:10px 4px;font-size:10px}.rank-modes button.selected{color:#526c39;border-color:#bdcda3}.rank-rule{color:#8b9b76;margin:17px 0 20px;font-size:9px;line-height:1.6}.rank-list{margin:0 0 20px;padding:0;list-style:none}.rank-list li{border-bottom:1px solid #dce3ce;align-items:center;gap:12px;padding:16px 10px;display:flex}.rank-list li.you{background:#e9efd7;border-radius:4px}.place{color:#98a584;font-variant-numeric:tabular-nums;min-width:20px;font-size:10px}.rank-flag{font-size:23px}.rank-name{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.rank-name>b{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;overflow:hidden}.rank-name>b small{vertical-align:middle;background:#d2dfb7;border-radius:3px;margin-left:7px;padding:3px;font-size:6px}.rank-name>small,.rank-score>small{color:#98a684;font-size:8px}.rank-score{text-align:right;font-variant-numeric:tabular-nums;flex-direction:column;gap:5px;display:flex}.rank-score>b{letter-spacing:-.3px;font-size:11px;font-weight:500}.empty{text-align:center;color:#81956a;padding:50px 10px;font-size:12px}.empty>span{color:#b0bf98;font-size:40px}.empty h2{color:#62794d;letter-spacing:-.8px;font-size:22px;font-weight:500}.empty .primary{max-width:245px;margin:25px auto}.toast{color:#f0f3e4;z-index:40;background:#2e4026ed;border:1px solid #7b9563;border-radius:6px;align-items:center;gap:15px;width:max-content;max-width:calc(100% - 32px);padding:13px 12px 13px 17px;font-size:11px;line-height:1.5;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 5px 20px #1e2a2430}.toast button{color:#d9e2cb;background:0 0;border:0;font-size:20px}.quiz-ready .eyebrow{margin-top:0}@media (min-width:850px){.app{padding:12px 32px 0}.brand{font-size:21px}header{height:70px}.game-top{padding:24px 0 18px}.board{height:calc(100svh - 293px)}.modebar button{padding:10px 18px}.score-card{width:370px;padding:34px 30px 22px}.score-number{font-size:43px}.choices{width:100%;max-width:560px;margin:0 auto}.quiz-top,.progress,.feedback{width:100%;max-width:560px;margin-left:auto;margin-right:auto}}@media (max-width:420px){.app{padding:0 16px}header{height:60px}.brand{gap:7px;font-size:16px}.logo{width:24px;height:24px}.player{max-width:130px;padding:7px 9px;font-size:10px}nav{height:44px}nav button{gap:20px;font-size:9px}.game-top{padding:17px 0 13px}.modebar button{gap:5px;padding:8px 9px;font-size:10px}.time{font-size:10px}.board{height:calc(100svh - 232px);min-height:260px}.under-board>span{letter-spacing:1.1px;font-size:7px}footer{padding-top:12px;padding-bottom:max(12px,env(safe-area-inset-bottom));font-size:6px}.score-card{padding:24px 19px 17px}.score-number{letter-spacing:-1.4px;font-size:33px}.score-card .eyebrow{letter-spacing:1px;font-size:6.5px}.profile-modal{padding:30px 24px}.profile-modal h1{font-size:34px}.quiz{min-height:430px}.quiz-ready h1{font-size:37px}.quiz-top{padding-top:22px}.choices{gap:10px}.choices button{padding:8px}.choices svg{max-width:160px}.feedback .primary{min-width:115px}.feedback>b{font-size:10px}.rank-list li{gap:8px;padding:14px 6px}.rank-score>b{font-size:10px}.rank-title h1{font-size:28px}}@media (max-height:650px){header{height:50px}nav{height:40px}.game-top{padding:12px 0}.board{height:calc(100svh - 208px);min-height:215px}.drag-guide{transform:translate(-50%,-50%)scale(.8)}.quiz-ready{padding:18px 0}.quiz-ready h1{font-size:30px}.three-circles{margin-top:15px}.modal-backdrop{padding:12px}.profile-modal{max-height:calc(100dvh - 24px);padding:25px}.profile-modal h1{margin:12px 0 18px;font-size:29px}.profile-modal label{margin-top:14px}.profile-modal .primary{margin-top:18px}}@media (prefers-reduced-motion:no-preference){.score-card{animation:.28s cubic-bezier(.16,1.4,.4,1) score-pop}.complete .shape{animation:.35s ease-out shape-hit}.progress i{transition:width .2s}button{transition:background .12s,border-color .12s}@keyframes score-pop{0%{opacity:0;transform:scale(.82)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes shape-hit{0%{filter:brightness(1.6);box-shadow:0 0 0 10px #9bbd5b44}to{filter:brightness();box-shadow:0 0 #9bbd5b00}}}.quiz-review{border-top:1px solid #d3ddc2;width:min(100%,300px);margin:0 auto 18px}.quiz-review>div{font-variant-numeric:tabular-nums;border-bottom:1px solid #dde4d1;grid-template-columns:1fr 1fr 1fr;padding:8px 0;font-size:10px;display:grid}.quiz-review .review-head{letter-spacing:1px;color:#9ba68c;padding:11px 0;font-size:7px}.review-right{color:#788e5d}.review-wrong{color:#ad7556}.quiz-review b{margin-left:5px;font-size:12px}.quiz-ready:has(.quiz-review){justify-content:flex-start;padding-top:26px}.quiz-ready:has(.quiz-review) .quiz-score{margin-top:16px;font-size:74px}.quiz-ready:has(.quiz-review) .answer-dots{margin-bottom:18px}.quiz-modes{justify-content:center;margin:17px 0 0}.quiz-modes~.quiz-ready{padding-top:17px}.sample-square i{border-radius:0}.sample-ratio i{border-radius:0;width:80px;height:45px}.sample-ratio i:first-child{width:80px;height:42px}.sample-ratio i:last-child{width:76px;height:47px}.rank-games{gap:6px;margin:0 0 14px;display:flex}.rank-games button{letter-spacing:1px;color:#899a70;background:0 0;border:1px solid #d5dfc2;border-radius:4px;flex:1;padding:9px;font-size:9px}.rank-games button.selected{color:#f4f7e7;background:#2d3e23;border-color:#2d3e23}.answer-sheet{text-align:left;width:min(100%,550px);margin:5px auto 20px}.answer-sheet h2{letter-spacing:1.6px;color:#7d8d66;margin:0 0 11px;font-size:9px;font-weight:600}.answer-sheet .answer-legend{color:#6e8653;justify-content:space-between;margin:0 0 13px;font-size:9px;display:flex}.answer-legend span:last-child{color:#829caa}.answer-sheet details{border-top:1px solid #d3ddc2}.answer-sheet details:last-of-type{border-bottom:1px solid #d3ddc2}.answer-sheet summary{letter-spacing:.6px;cursor:pointer;touch-action:manipulation;justify-content:space-between;align-items:center;gap:10px;padding:14px 3px;font-size:8px;list-style:none;display:flex}.answer-sheet summary::-webkit-details-marker{display:none}.answer-sheet summary>span:first-child{font-variant-numeric:tabular-nums;font-size:11px}.answer-sheet summary b{margin:0 4px;font-weight:600}.review-arrow{color:#a3af92;padding:0 4px}.answer-sheet summary .expand{color:#84996c;font-size:16px}.answer-sheet details[open] summary .expand{transform:rotate(45deg)}.review-options{grid-template-columns:1fr 1fr;gap:9px;margin-bottom:15px;display:grid}.review-option{text-align:center;background:#f9faf3;border:1px solid #dde4d0;border-radius:4px;flex-direction:column;padding:10px;display:flex}.review-option.was-picked{border-color:#bda58d}.review-option.was-correct{background:#edf3e0;border-color:#94ad71}.review-option-label{color:#7c8f69;justify-content:space-between;align-items:center;font-size:9px;display:flex}.review-option-label b{font-size:11px}.review-option-label span{letter-spacing:.6px;font-size:6px}.review-option svg{aspect-ratio:1;align-self:center;width:100%;max-width:170px}.option-outline{fill:#e2845366;stroke:none}.perfect-outline{fill:#47a1ca59;stroke:none}.option-error{font-variant-numeric:tabular-nums;color:#59763d;white-space:nowrap;letter-spacing:-.2px;font-size:11px}.option-error small{color:#8fa07b;letter-spacing:.6px;margin-left:3px;font-size:6px}.option-ratio{color:#9da88f;font-variant-numeric:tabular-nums;margin:6px 0 3px;font-size:7px}.quiz-ready:has(.answer-sheet){justify-content:flex-start;padding-top:20px}.quiz-ready:has(.answer-sheet) .quiz-score{margin-top:16px;font-size:74px}.quiz-ready:has(.answer-sheet) .answer-dots{margin-bottom:24px}.answer-sheet .footnote{text-align:left;margin:12px 0;font-size:8px}.answer-legend span{align-items:center;gap:6px;display:flex}.answer-legend i{border-radius:2px;width:12px;height:12px;display:inline-block}.answer-legend .legend-option{background:#e284538c;border:0}.answer-legend .legend-perfect{background:#47a1ca73;border:0}.review-scale{background:#e8eddc;border-radius:5px;gap:5px;padding:4px;display:flex}.review-scale button{letter-spacing:.7px;color:#617447;touch-action:manipulation;border:1px solid #0000;border-radius:3px;flex:1;min-height:40px;padding:9px 4px;font-size:9px}.review-scale button[aria-pressed=true]{color:#314224;background:#f9faf3;border-color:#9ba987;box-shadow:0 1px 3px #31422418}.answer-sheet .review-scale-note{color:#70825c;text-align:left;min-height:14px;margin:9px 0 14px;font-size:9px;line-height:1.5}