:root{--safe-area-top:env(safe-area-inset-top,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px);--mobile-ad-bottom-reserve:0px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f8f4ff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#1b0630;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}.game-shell,.game-shell *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}html,body,#root{overscroll-behavior:none;width:100%;min-width:320px;height:100%;margin:0;overflow:hidden}html{-webkit-text-size-adjust:100%}body{touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:fixed;inset:0}button{font:inherit;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.game-shell{overscroll-behavior:none;background:linear-gradient(#2a0b4ebd,#14032ae6) 0 0/cover,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='360' height='240' viewBox='0 0 360 240'%3E%3Cg fill='none' stroke='%23865ec5' stroke-opacity='.24' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M30 54h80l18 44H48zM58 54l18 44M88 54l18 44M220 42h88v64h-88zM238 42l-18 64M268 42l-18 64M300 42l-18 64'/%3E%3Ccircle cx='180' cy='70' r='28'/%3E%3Ccircle cx='180' cy='70' r='8'/%3E%3Cpath d='M156 144c22-22 57-19 74 5M142 166h100M150 188h84M86 154l36 36M122 154l-36 36M276 154l36 36M312 154l-36 36'/%3E%3C/g%3E%3C/svg%3E") 0 0/360px 240px;place-items:center;width:100%;height:100dvh;min-height:0;max-height:100dvh;padding:clamp(18px,3vh,44px) clamp(18px,4vw,72px);display:grid;overflow:hidden}.game-board{grid-template-rows:auto auto minmax(0,auto) auto;align-content:center;gap:clamp(12px,1.7vh,18px);width:min(94vw,1540px);height:min(900px,100%);min-height:0;max-height:100%;display:grid;position:relative}.level-map-shell{grid-template-rows:auto minmax(0,1fr);gap:14px;width:min(92vw,940px);height:min(760px,100%);max-height:100%;display:grid;overflow:hidden}.loading-panel{color:#fff;background:#2c0d53d1;border:2px solid #e2cbff94;border-radius:8px;place-items:center;gap:12px;min-width:min(92vw,320px);min-height:120px;padding:24px;font-weight:900;display:grid;box-shadow:0 18px 58px #0000003d}.loading-panel svg{animation:1s linear infinite spin}.level-map-header{background:#230b46b8;border:1px solid #dec9ff38;border-radius:8px;grid-template-columns:minmax(220px,1fr) auto auto;align-items:center;gap:14px;padding:16px 18px;display:grid;box-shadow:0 18px 58px #0000003d}.level-map-title{gap:6px;display:grid}.level-map-title h1,.level-map-title p{margin:0}.level-map-title h1{letter-spacing:0;font-size:28px;line-height:1.1}.level-map-title p{color:#f8f4ffb8;max-width:560px;font-size:14px;font-weight:750;line-height:1.4}.level-map-stats{grid-template-columns:repeat(3,minmax(74px,1fr));gap:8px;display:grid}.level-map-stats div{background:#371560cc;border:1px solid #dec9ff38;border-radius:8px;align-content:center;justify-items:center;gap:4px;min-height:52px;padding:7px 10px;display:grid}.level-map-stats span{color:#ffe28a;font-size:19px;font-weight:900}.level-map-stats small{color:#f6eeffad;font-size:12px;font-weight:800}.level-map-actions{gap:8px;display:grid}.language-switch{color:#fff;background:#3a1864d6;border:1px solid #dec9ff47;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:42px;padding:4px 6px;display:inline-flex}.language-switch svg{color:#f8f4ffc2}.language-option{color:#f8f4ffb3;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;min-width:40px;min-height:30px;padding:0 8px;font-size:12px;font-weight:900;transition:transform .14s,border-color .14s,background-color .14s,color .14s}.language-option.is-active{color:#180820;background:linear-gradient(#ffe28a,#ffb84d);border-color:#ffdf8ed1}.language-option:hover{color:#fff;border-color:#ffecacb3;transform:translateY(-1px)}.language-option.is-active:hover{color:#180820}.map-primary-action,.map-reset-action{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 15px;font-weight:900;transition:transform .14s,filter .14s,border-color .14s;display:inline-flex}.map-primary-action{color:#180820;background:linear-gradient(#ffe28a,#ffb84d);border:2px solid #ffdf8ead;min-width:150px}.map-reset-action{color:#fff;background:#3a1864d6;border:1px solid #dec9ff47}.map-primary-action:hover,.map-reset-action:hover,.level-card:hover:not(:disabled){filter:brightness(1.04);transform:translateY(-1px)}.level-grid{overscroll-behavior:contain;scrollbar-width:thin;grid-template-columns:repeat(10,minmax(0,1fr));gap:8px;min-height:0;padding:2px 4px 6px 2px;display:grid;overflow-y:auto}.level-card{color:#fff;text-align:center;cursor:pointer;background:#2a0e4db3;border:1px solid #dec9ff33;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:5px;height:68px;padding:8px 6px 18px;transition:transform .14s,filter .14s,border-color .14s,opacity .14s;display:flex;position:relative;box-shadow:inset 0 0 0 1px #ffffff08,0 12px 26px #00000024}.level-card.is-current{background:linear-gradient(#593a8ff5,#361e65eb);border-color:#ffdf8edb;box-shadow:0 0 0 1px #ffdf8e3d,0 16px 34px #00000038}.level-card.is-locked{cursor:default;opacity:.52;background:#1c0a3599;padding-bottom:8px}.level-card-number{color:#ffe9a6;font-size:19px;font-weight:900;line-height:1;display:block}.level-card-meta{color:#f8f4ffb8;justify-content:center;align-items:center;min-height:18px;font-size:11px;font-weight:900;line-height:1;display:inline-flex}.level-stars{color:#f8f4ff3d;justify-content:center;gap:1px;display:inline-flex;position:absolute;bottom:5px;left:0;right:0}.level-stars .is-filled{color:#ffe28a;fill:#ffe28a}.top-panel,.power-row{justify-content:center;align-items:center;gap:12px;display:flex}.power-row{background:#270b4bc2;border:1px solid #e0ccff2e;border-radius:8px;flex-wrap:wrap;justify-self:center;width:fit-content;max-width:100%;padding:5px;box-shadow:0 14px 42px #0000002e}.top-panel{background:#2c0d53cc;border:1px solid #e0ccff33;border-radius:8px;flex-wrap:wrap;justify-self:center;width:fit-content;padding:5px;box-shadow:0 16px 40px #00000038}.meter-stack{gap:6px;width:clamp(150px,18vw,260px);display:grid}.progress-track{background:#ffffff14;border:1px solid #ffffff14;border-radius:999px;width:100%;height:6px;display:block;overflow:hidden}.progress-track span{transform-origin:0;border-radius:inherit;background:linear-gradient(90deg,#ffcf5a,#ff5d8f);width:100%;height:100%;display:block}.stat-pill,.icon-button,.tool-button{color:#fff;background:linear-gradient(#523184fa,#371b62fa);border:2px solid #d3b8ff6b;border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:44px;display:inline-flex;box-shadow:inset 0 1px #ffffff14,0 12px 28px #0003}.stat-pill{min-width:112px;padding:0 20px;font-size:14px;font-weight:900}.level-pill{background:linear-gradient(90deg,#7a58c66b,#0000 42%),linear-gradient(#58368efa,#3d1d6cfa);width:100%;min-width:0}.icon-button,.tool-button,.answer-button,.reset-link{cursor:pointer;transition:transform .14s,border-color .14s,background-color .14s,opacity .14s}.icon-button{width:54px;padding:0}.tool-button{min-width:64px;min-height:42px;padding:0 12px;font-size:13px;font-weight:900}.tool-button small{color:#ffe9a6;background:#ffcf5a1c;border-radius:999px;place-items:center;min-width:18px;min-height:18px;font-size:11px;line-height:1;display:inline-grid}.tool-button.is-active{background:#65351fe6;border-color:#ffcf5ae6}.icon-button:hover:not(:disabled),.tool-button:hover:not(:disabled),.answer-button:hover:not(:disabled),.reset-link:hover{border-color:#ffecacdb;transform:translateY(-1px)}.icon-button:disabled,.tool-button:disabled{cursor:default;opacity:.5}.quiz-grid{grid-template-columns:minmax(0,1.45fr) minmax(420px,.85fr);justify-content:center;align-items:stretch;gap:clamp(24px,2.6vw,44px);margin-top:clamp(8px,1.2vh,18px);display:grid}.frame-panel,.answers-panel{background:#2a0c4e9e;border:3px solid #e2cbffd1;border-radius:14px;min-width:0;min-height:0;overflow:hidden;box-shadow:0 28px 90px #00000042,0 0 0 1px #ffffff08}.frame-panel{aspect-ratio:16/9;background:#120526b8;place-items:center;width:100%;margin:0;display:grid;position:relative}.frame-panel:after{pointer-events:none;content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff14}.frame-panel img{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.answers-panel{background:linear-gradient(#3a1264cc,#2d0c56e0),#280a4ddb;grid-template-rows:repeat(4,minmax(88px,1fr));gap:0;display:grid}.answer-button{color:#f7efff;letter-spacing:0;text-align:center;min-height:88px;box-shadow:none;background:0 0;border:0;border-bottom:1px solid #e2cbff24;border-radius:0;justify-content:center;align-items:center;padding:18px 30px;font-size:clamp(17px,1.08vw,21px);font-weight:900;display:flex}.answer-button:last-child{border-bottom:1px solid #dec9ff3d}.answer-button:disabled{cursor:default;opacity:.52}.answer-button:hover:not(:disabled){background:#67389a6b}.answer-letter{display:none}.answer-title{overflow-wrap:anywhere;min-width:0;line-height:1.2}.answer-button.is-long{font-size:15px}.answer-button.is-very-long{font-size:13px}.answer-button.is-correct{opacity:1;background:#1e805fe6;border-color:#57e2a8b8}.answer-button.is-wrong{opacity:1;background:#9f303feb;border-color:#ff7a85b8}.status-row{pointer-events:auto;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;width:100%;min-height:44px;display:flex}.reset-link{display:none}.notice,.hint-list,.reset-link{background:#270b4ba8;border:1px solid #dec9ff2e;border-radius:8px;align-items:center;min-height:42px}.notice{display:inline-flex}.hint-list{flex-wrap:wrap;gap:8px;display:flex}.notice,.hint-list{padding:8px 10px;font-weight:700}.notice{color:#f8f4ffd1;text-align:center;justify-content:center;max-width:min(100%,560px);font-size:13px}.hint-list{pointer-events:auto;color:#ffe9a6;max-width:min(100%,820px)}.hint-chip{background:#ffcf5a1a;border:1px solid #ffe9a638;border-radius:8px;align-items:center;min-height:30px;padding:0 11px;font-size:13px;line-height:1.2;display:inline-flex}.reset-link{color:#fff;gap:8px;padding:0 14px}.ad-curtain{z-index:20;background:#090013a8;place-items:center;gap:10px;font-weight:900;display:grid;position:fixed;inset:0}.ad-curtain svg{animation:1s linear infinite spin}.rewarded-ad-backdrop{z-index:16;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0016bd;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.rewarded-ad-card{color:#fff;text-align:center;background:#1f073ef7;border:2px solid #e5d0ffad;border-radius:8px;justify-items:center;gap:18px;width:min(92vw,520px);padding:30px;display:grid;box-shadow:0 26px 90px #0006}.rewarded-ad-card h2,.rewarded-ad-card p{margin:0}.rewarded-ad-card h2{letter-spacing:0;font-size:25px;line-height:1.15}.rewarded-ad-card p{color:#f8f4ffc7;max-width:430px;font-size:15px;font-weight:750;line-height:1.45}.rewarded-ad-actions{flex-wrap:wrap;justify-content:center;gap:10px;width:100%;display:flex}.rewarded-ad-confirm,.rewarded-ad-cancel{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:0 18px;font-weight:900;transition:transform .14s,filter .14s,opacity .14s;display:inline-flex}.rewarded-ad-confirm{color:#180820;background:linear-gradient(#ffe28a,#ffb84d);border:2px solid #ffdf8eb3;min-width:210px}.rewarded-ad-cancel{color:#fff;background:#3a1864e0;border:1px solid #dec9ff47;min-width:150px}.rewarded-ad-confirm:hover:not(:disabled),.rewarded-ad-cancel:hover:not(:disabled){filter:brightness(1.04);transform:translateY(-1px)}.rewarded-ad-confirm:disabled,.rewarded-ad-cancel:disabled{cursor:default;opacity:.66}.level-summary-backdrop{z-index:15;padding:18px 18px calc(18px + var(--safe-area-bottom));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0016b8;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.level-summary-card{color:#fff;text-align:center;background:#2d0c54f5;border:2px solid #e5d0ffb8;border-radius:8px;justify-items:center;gap:22px;width:min(92vw,660px);max-height:100%;padding:34px;display:grid;box-shadow:0 26px 90px #00000061}.level-summary-card h2{letter-spacing:0;margin:0;font-size:28px;line-height:1.15}.summary-record{color:#ffe28a;background:#ffb84d1f;border:1px solid #ffdf8e6b;border-radius:8px;align-items:center;min-height:34px;margin:-8px 0 0;padding:0 14px;font-size:14px;font-weight:900;display:inline-flex}.summary-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:100%;display:grid}.summary-stats div{background:#3110589e;border:1px solid #dec9ff3d;border-radius:8px;align-content:center;gap:6px;min-height:82px;display:grid}.summary-stats span{font-size:24px;font-weight:900}.summary-stats small{color:#f6eeffb8;font-size:13px;font-weight:800}.summary-action{color:#180820;cursor:pointer;background:linear-gradient(#ffe28a,#ffb84d);border:2px solid #ffdf8ead;border-radius:8px;min-width:190px;min-height:48px;padding:0 22px;font-weight:900;transition:transform .14s,filter .14s,opacity .14s}.summary-action:hover:not(:disabled){filter:brightness(1.04);transform:translateY(-1px)}.summary-action:disabled{cursor:default;opacity:.7}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@keyframes spin{to{transform:rotate(360deg)}}@media (width>=1200px){.game-shell.has-ad-rail{--ad-rail-width:clamp(240px, 13vw, 300px);padding-right:calc(var(--ad-rail-width) + clamp(24px, 3vw, 48px))}.game-shell.has-ad-rail .game-board{width:min(calc(100vw - var(--ad-rail-width) - 120px), 1540px)}.game-shell.has-ad-rail .level-map-shell{width:min(calc(100vw - var(--ad-rail-width) - 120px), 940px)}}@media (width<=980px){:root{--mobile-ad-bottom-reserve:0px}.game-shell{padding:max(10px, var(--safe-area-top)) 12px calc(12px + var(--safe-area-bottom) + var(--mobile-ad-bottom-reserve));align-items:start}.level-map-header{grid-template-columns:1fr}.level-map-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.level-map-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.level-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.game-board{grid-template-rows:auto auto minmax(0,1fr) auto;align-content:stretch;gap:10px;width:min(100%,920px);height:100%;min-height:0}.quiz-grid{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr;gap:12px;min-height:0;overflow:hidden}.frame-panel,.answers-panel{min-height:auto}.frame-panel{aspect-ratio:16/9;justify-self:center;width:min(100%,56.8889dvh);max-height:32dvh}.answers-panel{grid-template-rows:repeat(4,minmax(54px,1fr));gap:0;min-height:0}.answer-button{min-height:0;font-size:17px}.summary-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.status-row{pointer-events:auto;width:100%;position:static;transform:none}.hint-list{max-width:none}}@media (width<=980px) and (orientation:portrait){.game-shell.has-sticky-banner{--mobile-ad-bottom-reserve:92px}}@media (width<=980px) and (orientation:landscape){.game-shell{padding:max(8px, var(--safe-area-top)) 10px calc(8px + var(--safe-area-bottom))}.level-map-shell{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(238px,.82fr) minmax(0,1.18fr);gap:10px;width:100%;height:100%;min-height:0;display:grid}.level-map-header{align-content:center;gap:10px;height:100%;min-height:0;padding:12px;overflow:hidden}.level-map-title h1{font-size:24px}.level-map-title p{margin-top:3px;font-size:11px}.level-map-stats,.level-map-stats div{min-height:54px}.level-map-stats span{font-size:19px}.level-map-stats small{font-size:10px}.level-map-actions{grid-template-columns:1fr;gap:7px}.language-switch{grid-column:auto}.language-switch,.map-primary-action,.map-reset-action{min-height:40px}.level-grid{grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:6px;height:100%;min-height:0;padding-right:4px}.level-card{height:58px;padding:6px 5px 14px}.level-card-number{font-size:17px}.game-board{gap:8px}.top-panel,.power-row{min-width:0}.stat-pill,.icon-button,.tool-button{min-height:38px}.stat-pill{min-width:82px;padding:0 12px;font-size:12px}.icon-button{width:42px}.tool-button{min-width:50px;min-height:36px;padding:0 9px;font-size:11px}.meter-stack{width:clamp(128px,24vw,220px)}.quiz-grid{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1.42fr) minmax(260px,.9fr);align-items:stretch;gap:12px}.frame-panel{width:100%;max-height:none}.answers-panel{grid-template-rows:repeat(4,minmax(38px,1fr))}.answer-button{padding:7px 10px;font-size:clamp(12px,1.65vw,15px)}.status-row{min-height:28px}.notice{min-height:28px;padding:4px 8px;font-size:11px}.level-summary-backdrop{padding:max(8px, var(--safe-area-top)) 10px calc(8px + var(--safe-area-bottom))}.level-summary-card{text-align:left;overscroll-behavior:contain;grid-template-columns:auto minmax(0,1fr);gap:10px 14px;width:min(92vw,700px);max-height:100%;padding:14px;overflow-y:auto}.level-summary-card>svg{grid-row:span 2;align-self:center}.level-summary-card h2{font-size:24px}.summary-record{justify-self:start;margin:0}.summary-stats,.summary-action{grid-column:1/-1;justify-self:center}.summary-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.summary-stats div{min-height:58px}.summary-stats span{font-size:20px}.summary-stats small{font-size:11px}.summary-action{min-height:38px}}@media (width<=560px){.game-shell{padding:max(8px, var(--safe-area-top)) 10px calc(10px + var(--safe-area-bottom) + var(--mobile-ad-bottom-reserve))}.level-map-shell{gap:12px;width:100%}.level-map-header{padding:14px}.level-map-title h1{font-size:24px}.level-map-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.level-map-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.language-switch{grid-column:1/-1}.level-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.level-card{height:64px;padding:7px 5px 16px}.level-card-number{font-size:18px}.level-stars svg{width:11px;height:11px}.top-panel{grid-template-columns:minmax(0,1fr) 64px 64px 42px;gap:6px;width:100%;display:grid}.stat-pill,.icon-button,.tool-button{min-height:44px}.stat-pill{gap:6px;min-width:0;padding:0 7px;font-size:13px}.icon-button{width:42px}.power-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%;display:grid}.tool-button{gap:6px;min-width:0;padding:0 7px;font-size:11px}.answer-button{min-height:0;padding:8px 12px;font-size:clamp(13px,3.7vw,16px)}.answers-panel{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr))}.answer-button{border-right:1px solid #e2cbff24;min-width:0;padding:6px 8px;font-size:12px}.answer-button.is-long{font-size:9px}.answer-button.is-very-long{font-size:8px}.answer-button.is-long .answer-title,.answer-button.is-very-long .answer-title{line-height:1}.answer-button:nth-child(2n){border-right:0}.status-row{gap:6px;min-height:30px}.notice,.hint-list,.reset-link{min-height:30px}.notice,.hint-list{padding:5px 8px}.notice{font-size:11px}.hint-list{gap:5px}.hint-chip{min-height:24px;padding:0 8px;font-size:11px}.level-summary-backdrop{padding:max(8px, var(--safe-area-top)) 10px calc(10px + var(--safe-area-bottom) + var(--mobile-ad-bottom-reserve));align-items:start}.level-summary-card{overscroll-behavior:contain;gap:10px;width:min(100%,520px);max-height:100%;padding:14px;overflow-y:auto}.level-summary-card>svg{width:28px;height:28px}.level-summary-card h2{font-size:clamp(24px,8vw,34px)}.summary-record{min-height:28px;margin:-4px 0 0;padding:0 10px;font-size:12px}.summary-stats{gap:8px}.summary-stats div{gap:3px;min-height:66px}.summary-stats span{font-size:clamp(22px,8vw,30px)}.summary-stats small{font-size:12px}.summary-action{min-width:min(100%,210px);min-height:44px}.answer-letter{width:32px;height:32px;font-size:13px}}@media (width<=560px) and (height<=520px) and (orientation:portrait){.frame-panel{width:min(100%,53.3333dvh);max-height:30dvh}}@media (width<=980px) and (orientation:landscape) and (height<=430px){.answers-panel{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr))}.answer-button{border-right:1px solid #e2cbff24;min-width:0;min-height:0;padding:5px 7px;font-size:12px}.answer-button.is-long{font-size:9px}.answer-button.is-very-long{font-size:8px}.answer-button.is-long .answer-title,.answer-button.is-very-long .answer-title{line-height:1}.answer-button:nth-child(2n){border-right:0}}
