*{box-sizing:border-box}body{margin:0;background:#f8f0df;color:#614631;font-family:system-ui,sans-serif}main{max-width:470px;min-height:100dvh;margin:auto;padding:24px 20px;background:radial-gradient(circle at 10% 20%,#eadac155 3px,transparent 4px) 0 0/40px 40px}header{display:flex;align-items:center;justify-content:space-between}button{font:inherit;font-weight:700;color:#614631;background:#fff8e9;border:1px solid #e1c9aa;border-radius:17px;padding:13px 17px;cursor:pointer;box-shadow:0 4px #d9b98f;margin:5px 0}button:disabled{opacity:.4}button:active{transform:translateY(2px)}h1{font-size:70px;line-height:1.1;letter-spacing:-6px;color:#bb763c;text-shadow:0 4px #fff;margin:32px 0}h1 em{font-style:normal;color:#77579d}h2{display:flex;justify-content:space-between}h2 small{color:#cc7975}.hero{text-align:center;padding:55px 0 45px}.friends{font-size:64px;letter-spacing:-10px}.hero p,footer{color:#947c65;font-size:13px}.start{display:block;width:100%;background:#9570bb;color:#fff;border:1px solid #755294;box-shadow:0 6px #71508c;font-size:25px;padding:22px}.start span{display:block;font-size:12px;margin-top:8px}.board{display:grid;aspect-ratio:1;border:3px solid #80674f;border-radius:15px;overflow:hidden}.board button{margin:0;padding:0;border:1px solid #80674f66;border-radius:0;box-shadow:none;min-width:0;font-size:clamp(19px,6vw,30px)}sup{font-size:10px;opacity:.5}.modes{display:flex;gap:10px;margin-top:14px}.modes button{flex:1}.selected{background:#ead4ae}.levels{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.levels button{padding:12px 0}footer{text-align:center;margin-top:30px}p{line-height:1.7}button:focus-visible{outline:3px solid #77579d;outline-offset:3px}body{background:#efe4cf}main{background-color:#f8ead0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='220' viewBox='0 0 180 220'%3E%3Cg fill='%23e7cda5' opacity='.24' transform='translate(40 60) rotate(-24)'%3E%3Cellipse cx='18' cy='30' rx='14' ry='12'/%3E%3Cellipse cx='0' cy='12' rx='5' ry='8'/%3E%3Cellipse cx='12' cy='4' rx='5' ry='8'/%3E%3Cellipse cx='25' cy='5' rx='5' ry='8'/%3E%3Cellipse cx='37' cy='15' rx='5' ry='8'/%3E%3C/g%3E%3C/svg%3E");padding:max(22px,env(safe-area-inset-top)) 18px max(20px,env(safe-area-inset-bottom));display:flex;flex-direction:column;min-height:100svh}header{min-height:56px}header b{background:linear-gradient(#ffd49c,#ffb976);padding:10px 20px;border-radius:16px;box-shadow:0 3px 2px #9a633644;color:#8e4b28}header button{background:#fff9e9;box-shadow:0 3px 3px #97704b33;border-color:#f3dfbf}button{transition:transform .15s,background .15s;min-height:44px}.hero{padding:clamp(40px,9vh,105px) 0 45px}.hero small{letter-spacing:2px;font-weight:700;color:#a57f54;font-size:11px}h1{font-size:clamp(62px,17vw,86px);font-weight:950;letter-spacing:-6px;line-height:1.1;color:#ffbd42;-webkit-text-stroke:2px #965027;text-shadow:0 5px #86461f,0 8px 3px #a1663440;transform:rotate(-3deg);margin:25px 0 22px}h1 em{color:#fff4d3;-webkit-text-stroke:2px #965027}.friends{font-size:57px;letter-spacing:-7px}.hero p{margin-top:18px}.start{margin-top:auto;border:3px solid #fff7e9;border-radius:25px;background:linear-gradient(#d99afb,#c66bea);box-shadow:0 5px #9b5eac,0 8px 8px #85614033;color:#592276;font-size:28px;padding:15px 20px;text-shadow:0 1px #ffffff44}.start span{font-size:14px;font-weight:500}.board{border:7px solid #fffaf0;box-shadow:0 0 0 1px #e5d4b7,0 3px 7px #9a754c44;gap:3px;background:#fffaf0;border-radius:18px;flex-shrink:0}.board button{border-radius:5px;min-height:0;border:0;aspect-ratio:1}.modes{gap:12px}.modes button{background:#fff9eb}.modes .selected{background:#ffd197;box-shadow:0 4px #ca9c63}.levels{max-height:70vh;overflow:auto;padding:5px}footer{font-size:11px;margin-top:22px}h2{font-size:22px}h2 small{letter-spacing:3px}main>p{text-align:center}main>button:not(.start){align-self:center;background:transparent;box-shadow:none;border:0;font-size:13px;color:#917050}.board+.modes{margin-top:24px}@media(max-height:720px){.hero{padding:30px 0}.hero h1{font-size:64px}.hero .friends{font-size:44px}main{padding-top:12px}.board+.modes{margin-top:12px}footer{margin-top:12px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.board{touch-action:none;-webkit-user-select:none;user-select:none}.gesture-help{font-size:12px;color:#73583f;padding:10px;background:#fff7e8;border-radius:12px}body{background:#e0f4bb}main{background-color:#edffd5;background-image:radial-gradient(circle at 25px 25px,#b9de8d44 3px,transparent 4px);background-size:56px 56px}.brand h1{display:flex;justify-content:center;gap:2px;letter-spacing:-5px;font-size:clamp(66px,20vw,94px);font-weight:1000;transform:rotate(-4deg);-webkit-text-stroke:0;filter:drop-shadow(0 4px 0 #76543d);margin:26px 0 4px}.brand h1 span{color:#ff6490;-webkit-text-stroke:3px white;paint-order:stroke fill;text-shadow:3px 0 white,-3px 0 white,0 -3px white,0 3px white}.brand h1 span:nth-child(2){color:#ffae37;transform:rotate(8deg)}.brand h1 span:nth-child(3){color:#2bb8dc;transform:rotate(-3deg)}.brand strong{display:block;color:#795039;font-size:32px;font-weight:950;letter-spacing:1px;transform:rotate(-3deg)}.friends{display:flex;justify-content:center;margin-top:26px;gap:0}.friends img{width:30%;max-width:110px;object-fit:contain;filter:drop-shadow(0 6px 0 #9dc47333)}.character{width:94%;height:94%;object-fit:contain;pointer-events:none}.life{width:32px;height:32px;object-fit:contain}.life.lost{opacity:.2;filter:grayscale(1)}h2 small{display:flex}.board{gap:4px;background:#fffef5}.board button{border-radius:8px;overflow:hidden}.hero{padding-top:40px}.start{background:linear-gradient(#d990ff,#c16af1)}@media(max-width:360px){.board{gap:3px;border-width:5px}.board button{border-radius:6px}.life{width:26px;height:26px}}.play .board{width:min(100%,calc(100svh - 355px));align-self:center}.play>p{margin:9px 0}.play h2{margin:14px 0}.play footer{margin-top:14px}.play .modes{margin-top:8px}@media(max-height:600px){.play .board{width:min(100%,260px)}}.clear .hero .clear-title{white-space:nowrap;font-size:clamp(24px,10vw,48px);letter-spacing:-.04em}.wrong-mark{color:#b41933;font-weight:900}.exclude-mark{color:#111;font-weight:800}.play .gesture-help{margin-top:auto;margin-bottom:0}.board{background:#fff5de;border-color:#fff5de;color-scheme:light}:is(.board,.mark-size-preview) [data-tile-color]{border:1px solid color-mix(in srgb,var(--tile-shade) 42%,var(--tile-base));background:linear-gradient(to bottom,color-mix(in srgb,var(--tile-light) 18%,var(--tile-base)),color-mix(in srgb,var(--tile-shade) 9%,var(--tile-base)));box-shadow:0 1px 1px #34261926}.exclude-mark.manual{color:#fff;-webkit-text-stroke:.7px #43364a;paint-order:stroke fill;text-shadow:0 1px 2px #292438,0 0 2px #292438}:is(.board,.mark-size-preview) [data-tile-color="7"] .exclude-mark:not(.manual){text-shadow:0 0 2px #fff,0 0 3px #fff}:is(.board,.mark-size-preview) [data-tile-color="0"]{--tile-light:#ffe586;--tile-base:#f6ba36;--tile-shade:#c88b1d}:is(.board,.mark-size-preview) [data-tile-color="1"]{--tile-light:#ff9a8a;--tile-base:#f06157;--tile-shade:#b93036}:is(.board,.mark-size-preview) [data-tile-color="2"]{--tile-light:#b8edff;--tile-base:#64bdeb;--tile-shade:#3285bc}:is(.board,.mark-size-preview) [data-tile-color="3"]{--tile-light:#e0f898;--tile-base:#99ce51;--tile-shade:#61952e}:is(.board,.mark-size-preview) [data-tile-color="4"]{--tile-light:#ffc7e4;--tile-base:#f183b9;--tile-shade:#bd4f8a}:is(.board,.mark-size-preview) [data-tile-color="5"]{--tile-light:#dce0e5;--tile-base:#a6adb9;--tile-shade:#727c8e}:is(.board,.mark-size-preview) [data-tile-color="6"]{--tile-light:#d8adff;--tile-base:#a372df;--tile-shade:#6944a2}:is(.board,.mark-size-preview) [data-tile-color="7"]{--tile-light:#8295d8;--tile-base:#465ca8;--tile-shade:#253674}:is(.board,.mark-size-preview) [data-tile-color="8"]{--tile-light:#fffdf1;--tile-base:#eee0b5;--tile-shade:#c1aa77}.header-spacer{width:50px}header .currency-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 12px 3px 5px;color:#ffe491;background:linear-gradient(#9551c9,#653096);box-shadow:0 2px #512576;text-shadow:0 1px 1px #3f1b5c;font-variant-numeric:tabular-nums}.currency-badge img{width:29px;height:29px;object-fit:contain}main.play.wide-mode{width:100%;max-width:none;padding-inline:2.5%}.play.wide-mode .modes{margin-bottom:12px}.play.wide-mode .board{width:100%;aspect-ratio:1;order:-1}.play header>button,.play .modes button{width:48px;height:48px;padding:0;font-size:26px}.play-heading{text-align:center;min-width:0}.play .play-heading h2{display:block;margin:0 0 4px;font-size:20px}.play-heading small{display:flex;justify-content:center;gap:2px}.apostle-progress{display:flex;align-self:center;justify-content:center;gap:4px;margin:24px 0 16px;padding:6px 10px;border-radius:12px;background:#fff8e5}.apostle-progress svg{width:clamp(15px,5vw,23px);height:auto;fill:#c9ad96}.apostle-progress svg.found{fill:#8f53bd}.play .modes{justify-content:center;gap:16px}.play .modes button{flex:none}.play .play-feedback{font-size:13px;margin:4px 0;text-align:center;min-height:1.3em}.stage-difficulty{display:block;margin:0 0 3px;color:#753595;font-size:12px;font-weight:800}.settings-panel{width:100%;max-width:460px;margin:0 auto;color:#4c352c}.settings-panel h1{margin:18px 0 22px;text-align:center;font-size:26px}.settings-group{margin-bottom:20px}.settings-panel h2{display:block;margin:0 0 8px;font-size:16px}.settings-options{background:#fff9ed;border:1px solid #ecdfc9;border-radius:16px;padding:0 12px}.setting-row{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;cursor:pointer}.setting-row+.setting-row{border-top:1px solid #ecdfc9}.settings-panel small{display:block;margin-top:3px;font-size:12px;color:#6b5548}.setting-row input{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:0 0 44px;width:44px;height:26px;margin:0;border:1px solid #987e70;border-radius:20px;background:#d7c8bb;position:relative;cursor:pointer}.setting-row input:checked{background:#8450af;border-color:#8450af}.setting-row input:before{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff}.setting-row input:checked:before{transform:translate(18px)}.setting-row input:focus-visible{outline:2px solid #673880;outline-offset:3px}.rule-cards{display:grid;gap:8px;list-style:none;padding:0;margin:0}.rule-cards li{display:flex;align-items:center;gap:12px;padding:10px;background:#fff5df;border:1px solid #ecdfc9;border-radius:14px}.rule-diagram{flex:0 0 60px;width:60px;height:60px;background:#fff;border-radius:10px;padding:5px}.settings-gestures{font-size:13px;line-height:1.55}.settings-back{display:block;margin:0 auto}.rules-dialog{width:min(calc(100% - 28px),420px);max-height:calc(100dvh - 28px);overflow:auto;background:#fffaf0;color:#4c352c;border:1px solid #ecdfc9;border-radius:18px;padding:16px}.rules-dialog::backdrop{background:#27183799}.rules-dialog h2{display:block;text-align:center;margin:0 0 12px}.rules-dialog p{font-size:13px;line-height:1.5;margin:12px 0}.rules-dialog small{display:block;margin-top:4px;font-size:12px}.rules-dialog form{text-align:center}.play .board,.scaled-marks [data-cell]{position:relative}.scaled-marks [data-cell] :is(.exclude-mark,.wrong-mark){position:absolute;inset:var(--mark-inset);font-size:0;pointer-events:none}.scaled-marks [data-cell] :is(.exclude-mark,.wrong-mark):before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:currentColor;clip-path:polygon(0 11.25%,11.25% 0,50% 38.75%,88.75% 0,100% 11.25%,61.25% 50%,100% 88.75%,88.75% 100%,50% 61.25%,11.25% 100%,0 88.75%,38.75% 50%)}.scaled-marks .exclude-mark.manual{filter:drop-shadow(0 0 1px #43364a) drop-shadow(0 1px 1px #43364a)}.scaled-marks [data-tile-color="7"] .exclude-mark:not(.manual){filter:drop-shadow(0 0 2px #fff)}.play .modes .marathon-toggle{width:auto;padding:0 10px;font-size:13px}.marathon-toggle[aria-pressed=true]{background:#8450af;color:#fff;border-color:#8450af;box-shadow:0 3px #613680}.clear-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:grid;place-content:center;justify-items:center;gap:8px;background:#372b48a6;padding:10px;touch-action:manipulation}.clear-overlay img{display:block;width:min(100%,360px);max-height:62%;object-fit:contain}.board .clear-overlay button{width:auto;aspect-ratio:auto;min-height:44px;padding:6px 14px;border:1px solid #7e48a2;border-radius:12px;background:#fff4dd;color:#532b70;font-size:clamp(13px,4vw,17px)}.mark-size-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.mark-size-actions button{min-height:44px;padding:7px 10px;font-size:13px}.mark-size-range{display:grid;grid-template-columns:1fr auto;gap:6px}.mark-size-range input{grid-column:1/-1;width:100%;accent-color:#8450af}.mark-size-range output{font-weight:800}.mark-size-preview{width:100%;table-layout:fixed;text-align:center;margin:10px 0;font-size:13px}.mark-size-preview th,.mark-size-preview td{padding:3px}.mark-preview-tile{display:grid;place-items:center;aspect-ratio:1;width:min(100%,68px);margin:auto;border-radius:8px;font-size:clamp(19px,6vw,30px)}.test-stage-picker{width:min(100%,300px);align-self:center;margin-top:12px;padding:10px 12px;border:1px solid #dcc7ab;border-radius:14px;background:#fff9ed}.test-stage-picker label{display:block;font-size:14px;font-weight:800}.test-stage-picker div{display:flex;align-items:center;gap:8px}.test-stage-picker input{min-width:0;flex:1;height:40px;border:1px solid #987e70;border-radius:8px;padding:6px 8px;font:inherit}.test-stage-picker button{padding:6px 12px}:is(.board,.mark-size-preview) [data-tile-color="9"]{--tile-light:#79e6cf;--tile-base:#2bbba3;--tile-shade:#177a6e}:is(.board,.mark-size-preview) [data-tile-color="10"]{--tile-light:#ffc089;--tile-base:#f78b3f;--tile-shade:#b45523}:is(.board,.mark-size-preview) [data-tile-color="11"]{--tile-light:#d2aa8c;--tile-base:#9b6547;--tile-shade:#633b2d}:is(.board,.mark-size-preview) [data-tile-color="12"]{--tile-light:#c5d7a5;--tile-base:#76934b;--tile-shade:#4a6630}:is(.board,.mark-size-preview) [data-tile-color="13"]{--tile-light:#e795bc;--tile-base:#ba477e;--tile-shade:#802550}.apostle-progress{max-width:100%}.apostle-progress svg{min-width:0}.board:is([data-grid-size="10"],[data-grid-size="11"],[data-grid-size="12"],[data-grid-size="13"],[data-grid-size="14"]){gap:clamp(2px,.4vw,4px)}.board:is([data-grid-size="10"],[data-grid-size="11"],[data-grid-size="12"],[data-grid-size="13"],[data-grid-size="14"]) [data-cell]{width:100%;height:100%;font-size:clamp(12px,4vw,26px)}.progress-transfer{padding:10px 12px}.progress-transfer p{margin:4px 0 10px;font-size:13px;line-height:1.5}.progress-transfer button{padding:7px 10px;font-size:13px}.progress-file{display:block;margin:10px 0;font-size:13px;font-weight:800}.progress-file input{display:block;width:100%;margin-top:6px;font:inherit}.import-review{border-top:1px solid #ecdfc9;padding-top:10px}.offline-status{align-self:center;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin:10px 0 0;color:#624751;font-size:12px;text-align:center}.offline-status button{padding:5px 10px;font-size:12px}