
:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;color:#f4f3ff;background:#0b0d1c}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse 85% 50% at 50% -25%,#5137a4 0%,transparent 65%),#0b0d1c}.shell{max-width:1050px;margin:auto;padding:28px 20px 65px}header{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:36px}.brand{font-weight:900;letter-spacing:-.6px;font-size:20px;display:flex;align-items:center;gap:10px}.brandmark{display:grid;place-items:center;background:linear-gradient(135deg,#a879ff,#5f70ff);border-radius:14px;width:44px;height:44px;font-size:24px}.top{font-size:13px;color:#acabc8}.pill{background:#24243d;border:1px solid #393957;border-radius:50px;padding:9px 13px;color:#e6defe}.hero{text-align:center;margin:0 auto 30px;max-width:690px}.eyebrow{color:#bc95ff;font-size:12px;letter-spacing:3px;font-weight:800}.hero h1{font-size:clamp(38px,6vw,66px);letter-spacing:-2.6px;line-height:1.08;margin:16px 0}.gradient{background:linear-gradient(90deg,#bc99ff,#71c6ff);color:transparent;background-clip:text}.hero p{line-height:1.7;color:#afb1c8;margin:12px auto 25px}.stats{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.stat{min-width:130px;border:1px solid #34334f;background:#17182c;border-radius:15px;padding:12px 18px;text-align:left}.stat b{display:block;font-size:23px}.stat small{color:#9b9bb7}.sectionHead{display:flex;justify-content:space-between;align-items:baseline;margin:38px 0 16px}.sectionHead h2{font-size:22px;margin:0}.sectionHead span{font-size:13px;color:#9b9bb7}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.level{background:linear-gradient(145deg,#1f2037,#171829);border:1px solid #353551;border-radius:19px;padding:18px;text-align:left;color:inherit;cursor:pointer;transition:.18s;min-height:158px;position:relative}.level:hover:not(:disabled){transform:translateY(-3px);border-color:#9b77fe}.level:disabled{cursor:not-allowed;opacity:.44}.level .symbol{font-size:30px}.level .no{float:right;color:#aaa0c6;font-size:12px}.level h3{font-size:17px;margin:13px 0 5px}.level p{font-size:12px;color:#a6a5bf;margin:0}.progress{height:6px;border-radius:10px;background:#36354b;overflow:hidden;margin-top:15px}.fill{height:100%;background:linear-gradient(90deg,#a67aff,#68c9ff);width:0}.hidden{display:none!important}.back{background:none;color:#abaacb;border:0;cursor:pointer;padding:8px 0;font-weight:650}.back:hover{color:white}.game{max-width:780px;margin:0 auto}.gameTop{display:flex;align-items:center;justify-content:space-between;gap:14px}.gameTop strong{color:#c7b0ff}.meter{height:9px;background:#292a44;border-radius:10px;overflow:hidden;margin:20px 0 32px}.meter i{display:block;height:100%;background:linear-gradient(90deg,#a77bfd,#56bcff);transition:width .2s}.questionCard{background:linear-gradient(140deg,#20213c,#151629);border:1px solid #3a3a5f;padding:clamp(19px,4vw,35px);border-radius:26px;box-shadow:0 24px 50px #0004}.qmeta{display:flex;justify-content:space-between;color:#a4a3c5;font-size:13px;gap:10px}.timer{font-variant-numeric:tabular-nums;color:#c9b1ff;font-weight:750}.timer.danger{color:#ff8e9e}.questionCard h2{font-size:clamp(23px,4vw,34px);line-height:1.35;letter-spacing:-.8px;min-height:78px;margin:27px 0 25px}.options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.option{text-align:left;color:#f8f7ff;background:#292a44;border:1px solid #454662;border-radius:14px;padding:17px 16px;font:inherit;font-size:15px;cursor:pointer;display:flex;align-items:center;gap:11px;min-height:68px}.option:hover:not(:disabled){border-color:#ab8cff;background:#343150}.option:disabled{cursor:default}.option b{display:grid;place-items:center;border-radius:9px;background:#403b62;min-width:30px;height:30px;color:#d4c7ff}.option.correct{border-color:#56deb1;background:#163d38}.option.wrong{border-color:#ff7893;background:#4b263b}.option.ghost{opacity:.3}.lifelines{display:flex;gap:10px;flex-wrap:wrap;margin-top:19px}.life,.primary,.secondary{border:1px solid #514c75;background:#30294f;color:#f0eaff;border-radius:11px;padding:12px 16px;font-weight:750;cursor:pointer;font-size:14px}.life:disabled{opacity:.35;cursor:not-allowed}.primary{background:linear-gradient(90deg,#9464fb,#5b77f6);border:0;padding:14px 25px;box-shadow:0 8px 25px #5b55ba44}.secondary{background:#292a42}.primary:hover,.life:hover:not(:disabled){filter:brightness(1.14)}.feedback{margin-top:17px;line-height:1.6;font-size:14px;color:#dfdced;background:#26273e;border:1px solid #4b4b6a;border-radius:12px;padding:15px}.feedback strong{display:block;margin-bottom:3px}.actions{display:flex;justify-content:flex-end;margin-top:20px}.finish{text-align:center;background:#1d1e35;border:1px solid #38395d;border-radius:27px;padding:40px 22px;max-width:640px;margin:34px auto}.finish .trophy{font-size:65px}.finish h2{font-size:38px;margin:10px 0}.finish p{line-height:1.65;color:#bcbdd3}.results{display:flex;justify-content:center;gap:25px;margin:24px}.results b{font-size:27px;display:block}.results small{color:#9e9fb8}.foot{text-align:center;color:#797a9a;font-size:12px;margin-top:45px}.reset{border:0;background:none;color:#b4a0e6;cursor:pointer;text-decoration:underline}button:focus-visible{outline:3px solid #b39bff;outline-offset:3px}@media(max-width:740px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shell{padding:19px 14px 40px}.options{grid-template-columns:1fr}.hero h1{letter-spacing:-1px}header{margin-bottom:26px}}@media(max-width:470px){.grid{grid-template-columns:1fr 1fr;gap:9px}.level{padding:13px;min-height:147px}.level h3{font-size:15px}.level p{font-size:11px}.top{font-size:11px}.stat{min-width:96px;padding:10px 12px}.stat b{font-size:19px}.questionCard h2{min-height:auto}.gameTop{font-size:13px}}

.modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0}.mode{padding:20px;border-radius:18px;background:#22233e;border:1px solid #444468;color:white;text-align:left;cursor:pointer}.mode b{display:block;font-size:19px;margin-bottom:8px}.mode span{font-size:13px;color:#b8b7d0}.mode:hover{border-color:#b39bff}.tools{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:20px}.medals{display:flex;flex-wrap:wrap;gap:8px}.medal{background:#2c2c47;border:1px solid #494967;border-radius:10px;padding:10px 13px;color:#e6dbff}.medal.off{opacity:.35}.journal{max-height:350px;overflow:auto;display:grid;gap:8px}.journal article{padding:14px;border:1px solid #3b3b58;border-radius:12px;background:#202139;line-height:1.6}.journal small{display:block;color:#c1aaff}.muted{color:#aeadc9;font-size:13px}.playpause{margin-left:10px}.resume{border-color:#69cdba}.toast{color:#bafce9;font-size:13px;margin:12px 0}.level:disabled{pointer-events:none}@media(max-width:740px){.modes{grid-template-columns:1fr}.mode{padding:16px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
.level:focus-visible,.mode:focus-visible{outline:3px solid #a98cff;outline-offset:3px}.shortcut-note{color:#a6a7c4;text-align:center;font-size:12px;margin:12px 0}.option:disabled.ghost{opacity:.2}body{background:radial-gradient(ellipse 75% 40% at 50% -10%,#5137a4 0%,transparent 70%),#0b0d1c}.questionCard{backdrop-filter:blur(10px)}@media(max-width:470px){.questionCard{padding:17px}.option{min-height:58px}.gameTop{flex-wrap:wrap}.lifelines .life{flex:1 1 42%}}
.extraModes{margin-top:12px}.extraModes .mode{flex:1}.stats#insights{justify-content:flex-start}.stats#insights .stat{flex:1;min-width:150px}@media(max-width:650px){.extraModes{flex-direction:column}} /* Reviewed edition: readable game screen, touch targets and native pause. */
:root{--violet:#a987ff;--mint:#69e2c4}button,input,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font-family:inherit}header{flex-wrap:wrap}.site-back{margin-left:auto;color:#c9bbf7;font-size:12px;text-decoration:none;padding:10px}.hero{position:relative}.hero:before{content:'';display:block;width:110px;height:6px;border-radius:10px;background:linear-gradient(90deg,#b48cff,#69dfca);margin:0 auto 25px}.mode{position:relative;overflow:hidden;min-height:124px}.mode:after{content:'↗';position:absolute;right:14px;top:12px;color:#b9a8ef;font-size:20px}.mode b{padding-right:18px}.mode span{line-height:1.5;display:block}.extraModes{grid-template-columns:1fr 1fr}.level p{line-height:1.5}.playing .shell{padding-bottom:20px}.playing header{margin-bottom:17px}.game{max-width:820px}.questionCard{margin-top:0}.questionCard h2{margin:15px 0 24px;overflow-wrap:anywhere}.qmeta{align-items:center}.clock-controls{display:flex;align-items:center;gap:9px;flex:none}.playpause{display:grid;place-items:center;background:#3a315b;border:1px solid #6d5a9d;width:36px;height:36px;border-radius:10px;padding:0;min-height:36px;margin:0;color:#eae1ff}.difficulty-label{display:inline-block;font-size:10px;font-weight:800;color:#91e4c4;background:#173c36;border:1px solid #3d7365;padding:4px 9px;border-radius:20px;margin-top:19px}.difficulty-label[data-difficulty="2"]{color:#ffe2a2;background:#403820;border-color:#75613b}.difficulty-label[data-difficulty="3"]{color:#e5bcff;background:#3a2551;border-color:#71528a}.option{line-height:1.4;overflow-wrap:anywhere}.option span{min-width:0}.option.correct{box-shadow:inset 4px 0 #62dcb4}.option.wrong{box-shadow:inset 4px 0 #ff8ba4}.option.ghost{opacity:.24}.feedback p{margin:3px 0 7px;font-weight:800;color:#96e5c9}.life-note{font-size:10px;color:#a5a1bb;margin:16px 0 0}.lifelines{margin-top:8px}.life,.primary,.secondary{min-height:44px}.actions{position:sticky;bottom:0;padding-top:10px;background:linear-gradient(transparent,#17182bf2)}.actions #next{min-width:200px}.notice{padding:14px;border:1px solid #66618c;border-radius:13px;color:#e6dffe;background:#302b49;font-size:13px}.results{flex-wrap:wrap}.gameTop #score{font-size:12px;white-space:nowrap}.meter{margin:14px 0 18px}.finish h2{font-size:clamp(27px,5vw,38px)}.finish .secondary{margin-top:8px}.journal article{overflow-wrap:anywhere}dialog{width:min(90vw,390px);max-height:90dvh;overflow:auto;background:linear-gradient(145deg,#24203f,#171a30);color:#eee8ff;border:1px solid #8b74bf;border-radius:25px;padding:26px;text-align:center;box-shadow:0 30px 90px #0008}dialog::backdrop{background:#080e20d9;backdrop-filter:blur(10px)}dialog h2{font-size:29px;letter-spacing:-1px;margin:8px 0}dialog p{font-size:13px;line-height:1.6;color:#bbb2d0}dialog .pause-avatar{display:block;width:150px;height:clamp(80px,25dvh,180px);object-fit:contain;margin:12px auto}dialog .primary{width:100%}.bank-note{margin:14px 0;font-size:12px;line-height:1.6;color:#a9a3be}.brandmark{box-shadow:0 5px 18px #8b62e552}.option b{flex:none}#question:focus{outline:none}
@media(max-width:740px){.modes{grid-template-columns:1fr 1fr;gap:9px}.modes .mode:first-child{grid-column:1/-1}.extraModes .mode:first-child{grid-column:auto}.mode{padding:16px 13px;min-height:112px}.mode b{font-size:16px}.mode span{font-size:11px}.sectionHead{gap:12px}.sectionHead h2{font-size:19px}.sectionHead span{text-align:right;font-size:11px}.questionCard{border-radius:20px}.questionCard h2{font-size:25px;line-height:1.35}.options{gap:9px}.option{padding:13px;min-height:57px;font-size:14px}.gameTop{gap:8px}.gameTop #levelName{font-size:13px}.playing .shell{padding-top:12px}.playing header .brandmark{width:32px;height:32px;font-size:19px;border-radius:10px}.playing header .brand{font-size:14px}.playing header .pill{display:none}.playing .shortcut-note{display:none}.life-note{font-size:9px}.lifelines{gap:7px}.lifelines .life{font-size:11px;padding:9px;flex:1 1 28%}.feedback{font-size:12px;padding:12px}.qmeta #count{font-size:10px;line-height:1.5;max-width:63%}.timer{font-size:12px}.playpause{width:33px;height:33px}.clock-controls{gap:5px}.questionCard h2{min-height:0}.tools{gap:7px}.tools button{font-size:11px;padding:10px 12px}.top.pill{font-size:10px}.hero p{font-size:13px}.stats{gap:8px}.stat{padding:10px;min-width:83px}.stat b{font-size:20px}.stat small{font-size:9px}.gameTop .back{font-size:11px}.gameTop #score{font-size:10px}.results{margin:20px 0;gap:20px}.actions #next{width:100%}.hero h1{font-size:40px}.site-back{padding:8px;font-size:11px}}
@media(max-width:360px){.shell{padding:14px 10px 30px}.brand{font-size:16px}.brandmark{width:35px;height:35px}.top.pill{display:none}.questionCard{padding:14px}.questionCard h2{font-size:23px}.mode b{font-size:14px}.option{font-size:13px}.gameTop #levelName{font-size:12px}}
.home-cover{height:clamp(140px,22vw,260px);background:linear-gradient(0deg,#0b0d1c,transparent 65%),url('../../assets/covers/home-20261024/25_Zihin_Arenasi.webp') center 42%/cover;border:1px solid #7461a64d;border-bottom:0;border-radius:24px 24px 0 0;margin-bottom:15px}.hero:before{display:none}.hero h1{font-size:clamp(34px,5vw,55px)}@media(max-width:650px){.home-cover{height:180px;border-radius:20px 20px 0 0}.hero h1{font-size:35px}.hero p{margin-bottom:18px}}
.home-cover{width:100%;max-width:520px;height:auto!important;aspect-ratio:16/9;margin:0 auto 22px;background-image:url('../../assets/covers/home-20261024/25_Zihin_Arenasi.webp');background-position:center;background-size:cover;border:1px solid #7461a64d;border-radius:23px}

.game-credit{text-align:center;padding:25px 0 0;font-size:10px;color:#817b9e}.playing .game-credit{padding-top:17px}
/* Arena edition: a game lobby, selectable journeys and a full-screen quiz stage. */
html,body{width:100%;height:100%;overflow:hidden}body{background:#15132f;color:#fff3d5}body::before{content:'';position:fixed;inset:-15px;z-index:-2;background:linear-gradient(#14163391,#0b1733de),url('../../assets/covers/home-20261024/25_Zihin_Arenasi.webp') center/cover;filter:blur(8px);pointer-events:none}body::after{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 82%,#8c62c044,transparent 45%),linear-gradient(115deg,transparent 10%,#e8c6ff0d 20%,transparent 35%,transparent 65%,#e8c6ff0a 80%,transparent 90%)}.shell{position:relative;width:100%;max-width:none;height:100dvh;padding:0;overflow:hidden}.shell>header{position:absolute;inset:14px 20px auto;z-index:3;margin:0;gap:10px}.shell>header .brand{font-size:11px;letter-spacing:.1em;color:#dcd7ff}.brandmark{display:none}.site-back{font-size:11px;background:#201f3eb3;border:1px solid #a496c65c;border-radius:12px;padding:10px 13px}.top.pill{font-size:10px;border:1px solid #a898d46b;background:#29264cc4;color:#e4d6ff}.game-credit{position:absolute;bottom:8px;left:0;right:0;padding:0;font-size:9px;color:#b8abd0;z-index:2}.quiz-lobby{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px 35px;isolation:isolate;text-align:center;gap:8px}.quiz-lobby .scene-reward{width:clamp(110px,19dvh,180px);height:clamp(110px,19dvh,180px)}.quiz-lobby>.eyebrow{font-size:9px;letter-spacing:.26em;color:#d3baff;margin:0}.quiz-lobby h1{color:#ffe48b;font-size:clamp(65px,8vw,108px);font-weight:1000;line-height:.9;letter-spacing:-5px;margin:6px 0 16px;transform:rotate(-3deg);text-shadow:0 3px #bd963c,0 7px #58315e,0 10px #201d40}.quiz-lobby h1>span{display:block;color:#fff3db;font-size:.86em;letter-spacing:-4px;text-shadow:0 3px #b3a7cd,0 6px #31254f}.lobby-caption{font-size:13px;font-weight:800;color:#d7cbe7;max-width:300px;line-height:1.6;margin:3px auto 16px}.lobby-play .primary{min-width:275px;min-height:64px;font-size:18px;border:2px solid #ffe8a1;border-radius:20px;background:linear-gradient(#ffe9a0,#e8b548);color:#494026;box-shadow:0 6px #987332,0 13px 28px #090e2a77}.lobby-tools{display:flex;gap:10px;margin-top:14px}.lobby-tools button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:100px;min-height:77px;border:1px solid #c2aceb7c;border-radius:18px;background:linear-gradient(#4a3a70e0,#282a4ee8);box-shadow:0 4px #181b3c;color:#ecdcff;font-size:10px;padding:9px;font-weight:800}.lobby-tools .scene-icon{width:32px;height:32px}.lobby-note{font-size:8px;letter-spacing:.1em;color:#b9acce;margin-top:20px}.lobby-note span{color:#ecd084;padding:0 12px}.quiz-lobby .notice{position:absolute;bottom:28px;max-width:90%;width:450px;margin:0;font-size:11px}.arena-dialog{width:min(92vw,650px);max-height:89dvh;background:linear-gradient(145deg,#44325e,#19233e);border:2px solid #cab076;border-radius:25px;padding:23px;color:#eee3ff;text-align:left;box-shadow:0 6px #1c193b,0 25px 90px #080c2a99}.arena-dialog::backdrop{background:#0a1233bd;backdrop-filter:blur(10px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px}.dialog-head h2{font-size:25px;letter-spacing:-.8px;line-height:1.15;margin:4px 0}.dialog-head .eyebrow{font-size:7px;letter-spacing:.13em}.dialog-head button{display:grid;place-items:center;width:35px;height:35px;flex:none;border:1px solid #e0cd9e;background:#e8cb84;color:#433451;border-radius:50%;font-size:23px;font-weight:900}.arena-dialog p{font-size:11px;color:#bdaccf}.arena-modes{display:grid;grid-template-columns:1fr 1fr;gap:12px}.arena-modes .mode{min-height:125px;background:linear-gradient(#564071,#2d2b4e);border:1px solid #a68aca;border-radius:18px;box-shadow:0 4px #1b203f}.arena-modes .mode b{font-size:16px;color:#ffebbc}.arena-modes .mode span{font-size:11px}.arena-modes .mode:first-child{grid-column:1/-1;background:linear-gradient(135deg,#7c4c7f,#424276)}.levels-dialog .grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.levels-dialog .level{padding:12px 9px;min-height:120px;border:1px solid #9c85b5;border-radius:18px;background:linear-gradient(#665082,#30314e);box-shadow:0 4px #1b1e3e;overflow:hidden}.levels-dialog .level:disabled{opacity:.4}.levels-dialog .level .symbol{font-size:25px}.levels-dialog .level .no{font-size:8px;color:#d6c1ed}.levels-dialog .level h3{font-size:11px;line-height:1.25;margin:7px 0}.levels-dialog .level p{font-size:8px;color:#c7bbd9;margin:0}.levels-dialog .level .progress{height:4px;margin-top:9px;background:#191e3860}.arena-dialog .stats{margin:18px 0;gap:8px;justify-content:center}.arena-dialog .stat{background:#171e3a7a;border-color:#a58bc35c;min-width:130px}.arena-dialog .stat b{font-size:23px;color:#ffdf96}.arena-dialog .stat small{color:#c8bddb}.arena-dialog .medals{margin-top:18px;gap:7px}.arena-dialog .medal{font-size:10px;background:#342b50;border-color:#957ea8}.arena-dialog .tools{gap:7px}.arena-dialog .tools .secondary{font-size:10px;padding:9px 11px;background:#41335b;border-color:#8c71b5}.arena-dialog .foot{margin-top:23px;color:#b8a9cc;font-size:10px}.arena-dialog .journal{max-height:65dvh}.arena-dialog .journal article{background:#252c48;border-color:#7c659f;color:#d4c8e5;font-size:12px}.arena-dialog .journal small{color:#ffe1a1}.arena-dialog #finishReview{margin-top:0}
body[data-screen="game"] .shell>header,body[data-screen="finish"] .shell>header,body[data-screen="game"] .game-credit,body[data-screen="finish"] .game-credit{display:none}.playing .shell{padding:0}.game{position:absolute;inset:0;max-width:none;width:100%;margin:0;padding:18px max(18px,calc((100vw - 1080px)/2));display:flex;flex-direction:column;overflow:hidden}.gameTop{gap:14px;width:100%;min-height:42px;flex:none}.gameTop .back{border:1px solid #ba9cda80;border-radius:13px;padding:10px 14px;background:#302a50cc;color:#e4d5ef;font-size:11px;min-height:40px}.gameTop strong{color:#f2db9d;font-size:15px;text-align:center}.gameTop #score{border:1px solid #cfad6e;border-radius:15px;background:linear-gradient(#fff0be,#e5c47f);color:#493b37;min-width:140px;font-size:13px;text-align:center;font-weight:900}.meter{margin:14px 0 6px;flex:none;height:6px;background:#9d82bc3d}.meter i{background:linear-gradient(90deg,#d7bcff,#ffe3a0)}.questionCard{position:relative;display:flex;flex-direction:column;flex:1;min-height:0;padding:15px 25px 14px;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;isolation:isolate;overflow:auto}.arena-beam{position:absolute;inset:18px 0 80px;z-index:-1;background:radial-gradient(ellipse at 50% 25%,#8066c338,transparent 65%);pointer-events:none}.qmeta{font-size:11px;color:#bdafd3}.qmeta #count{max-width:70%;line-height:1.6}.clock-controls{gap:13px}.timer{display:inline-block;min-width:120px;color:#ffe7a9;font-size:22px;font-weight:1000;font-variant-numeric:tabular-nums}.playpause{width:41px;height:41px;border:1px solid #e8cb89;border-radius:13px;background:linear-gradient(#efdc9e,#caa557);color:#45364d;font-size:19px;box-shadow:0 3px #8a6c37}.difficulty-label{margin:6px auto 9px;flex:none;min-width:58px;text-align:center}.questionCard h2{text-align:center;color:#fff4d7;font-size:clamp(28px,3.7vw,44px);font-weight:900;letter-spacing:-1.3px;line-height:1.25;min-height:0;max-width:870px;width:100%;margin:8px auto 24px;flex:none;text-shadow:0 3px 10px #111633}.questionCard h2.long-question{font-size:30px;line-height:1.25}.time-track{display:block;appearance:none;width:180px;height:5px;border:0;border-radius:8px;margin:0 auto 25px;flex:none;overflow:hidden;background:#71608a66}.time-track::-webkit-progress-bar{background:#71608a66}.time-track::-webkit-progress-value{background:#f5d893;border-radius:8px}.time-track::-moz-progress-bar{background:#f5d893}.options{display:grid;grid-template-columns:1fr 1fr;gap:17px;flex:none;max-width:900px;width:100%;margin:0 auto}.option{position:relative;min-height:85px;padding:15px 23px;border:2px solid #c2a7e4;border-radius:22px;background:linear-gradient(#5d497c,#302c51);box-shadow:0 5px #171b39,inset 0 1px #e5d4ff38;font-size:17px;font-weight:800;color:#fff1d4;gap:15px}.option b{min-width:38px;height:38px;border:1px solid #ceb794;border-radius:12px;background:linear-gradient(#ffe8ad,#dbb868);color:#473841;font-size:17px;box-shadow:0 3px #7c623f}.option:hover:not(:disabled){border-color:#ffe7a3;background:linear-gradient(#77548c,#40305d)}.option.correct{background:linear-gradient(#3e9b83,#1d554d);border-color:#99edb7;box-shadow:0 5px #103a35,inset 0 1px #bcffbd40}.option.wrong{background:linear-gradient(#a9556f,#64314f);border-color:#edaaac;box-shadow:0 5px #3d203a}.life-note{text-align:center;margin:20px 0 7px;color:#b7a8c8;font-size:9px}.lifelines{justify-content:center;margin-top:0;gap:11px;flex:none}.lifelines .life{min-height:43px;min-width:135px;font-size:11px;background:linear-gradient(#3d3d60,#242c48);border:1px solid #ac91be;border-radius:13px;box-shadow:0 3px #171e38}.shortcut-note{font-size:9px;margin:13px 0 0;color:#9e90b4}.feedback{max-width:750px;width:100%;margin:18px auto 0;padding:12px 17px;background:#182b3acc;border:1px solid #a0bca05e;border-radius:15px;font-size:12px;line-height:1.55;flex:none}.feedback p{font-size:12px}.actions{z-index:2;margin-top:14px;padding:7px 0;justify-content:center;background:linear-gradient(transparent,#171b3df2);flex:none;bottom:-14px}.actions #next{min-width:260px;min-height:49px;font-size:14px;background:linear-gradient(#ffe8a6,#dfb25c);color:#45364d;border:1px solid #fff1bd;box-shadow:0 4px #93723b;border-radius:15px}.quiz-result:not(.hidden){display:flex}.quiz-result{background:radial-gradient(ellipse at 50% 25%,#7750a677,transparent 65%),#141b3ff5}.quiz-result #finishIcon{display:none}.quiz-result h2{font-size:clamp(31px,5vw,52px);margin:10px 0}.quiz-result #finishText{margin:7px auto 15px;max-width:350px;color:#cfc3df}.quiz-result .results{margin:15px auto;gap:16px}.quiz-result .scene-scores>div{background:linear-gradient(#57416e,#292d4f);border-color:#c8a36a94;min-width:145px;min-height:110px}.quiz-result .scene-scores b{font-size:43px}.quiz-result .scene-scores small{color:#d5c8df}.finish-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;max-width:560px;margin-top:8px}.finish-actions .primary{flex-basis:100%;max-width:310px;margin:0 auto 7px;background:linear-gradient(#ffe6a2,#dfaf4e);color:#473646;border:1px solid #fff0b8;box-shadow:0 5px #92733e}.finish-actions .secondary{min-height:42px;padding:9px 15px;background:#393355;border:1px solid #af94c5;color:#e8d8f1;border-radius:13px;font-size:11px;margin:0}.quiz-result .result-home{color:#c7b6d7}
@media(max-width:650px){.shell>header{inset:11px 12px auto}.shell>header .brand{font-size:8px}.top.pill{font-size:8px;padding:7px 9px}.site-back{font-size:10px;padding:8px}.quiz-lobby{padding:55px 13px 30px;gap:7px}.quiz-lobby h1{font-size:76px;letter-spacing:-4px;margin:5px 0 14px}.quiz-lobby h1>span{letter-spacing:-3px}.quiz-lobby .scene-reward{width:130px;height:130px}.lobby-caption{font-size:11px;margin:4px auto 16px;max-width:240px}.lobby-play .primary{min-width:255px;min-height:58px;font-size:16px}.lobby-tools{gap:8px;margin-top:13px}.lobby-tools button{width:91px;min-height:76px;font-size:9px}.lobby-note{font-size:7px;margin-top:18px}.lobby-note span{padding:0 8px}.arena-dialog{padding:20px 14px}.dialog-head h2{font-size:22px}.dialog-head .eyebrow{font-size:6px}.arena-modes{gap:10px}.arena-modes .mode{min-height:120px;padding:15px 12px}.arena-modes .mode b{font-size:14px}.arena-modes .mode span{font-size:10px}.levels-dialog .grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.levels-dialog .level{min-height:110px;padding:10px 7px}.levels-dialog .level h3{font-size:10px}.levels-dialog .level p{font-size:7px}.levels-dialog .level .symbol{font-size:23px}.arena-dialog .stat{min-width:87px;padding:9px}.arena-dialog .stat b{font-size:19px}.arena-dialog .stat small{font-size:8px}.arena-dialog .stats{gap:7px}.game{padding:12px 9px 5px}.gameTop{gap:7px;flex-wrap:nowrap;min-height:34px}.gameTop .back{font-size:0;width:34px;min-height:33px;padding:0;flex:none}.gameTop .back::before{content:'‹';font-size:27px}.gameTop strong{font-size:11px;flex:1}.gameTop #score{min-width:96px;font-size:10px;padding:8px 9px}.meter{margin:10px 0 3px;height:5px}.questionCard{padding:8px 9px 10px}.qmeta #count{font-size:9px;max-width:62%}.clock-controls{gap:6px}.timer{min-width:80px;font-size:16px}.playpause{width:32px;height:33px;min-height:33px;border-radius:10px;font-size:17px}.difficulty-label{margin:5px auto 7px;font-size:8px;padding:3px 8px}.questionCard h2{font-size:26px;line-height:1.23;margin:6px auto 15px;letter-spacing:-.7px}.questionCard h2.long-question{font-size:21px;line-height:1.24}.time-track{margin:0 auto 16px;width:110px;height:4px}.options{grid-template-columns:1fr;gap:10px}.option{min-height:57px;padding:10px 14px;font-size:14px;border-radius:17px;gap:11px}.option b{min-width:30px;height:30px;font-size:14px;border-radius:10px}.life-note{margin:15px 0 6px;font-size:8px}.lifelines{gap:7px;flex-wrap:nowrap}.lifelines .life{min-width:0;flex:1;min-height:40px;padding:7px 8px;font-size:9px;border-radius:11px}.feedback{font-size:11px;margin-top:15px;padding:10px 12px}.feedback p{font-size:11px}.actions{padding:8px 0;bottom:-10px;margin-top:10px}.actions #next{width:100%;min-height:45px;font-size:13px}.quiz-result .scene-scores>div{min-width:123px;min-height:94px}.quiz-result .scene-scores b{font-size:34px}.quiz-result h2{font-size:33px}.quiz-result .scene-reward{width:140px;height:140px}.quiz-result .result-constellation{margin:5px auto}.quiz-result .scene-star{width:39px;height:39px}.quiz-result .scene-star:nth-child(2){width:49px;height:49px}.quiz-result .result-rank{font-size:8px}}
@media(max-height:680px) and (max-width:650px){.quiz-lobby .scene-reward{width:90px;height:90px}.quiz-lobby h1{font-size:61px;margin-bottom:10px}.lobby-caption{font-size:10px;margin-bottom:10px}.lobby-tools button{min-height:65px}.lobby-tools .scene-icon{width:27px;height:27px}.lobby-note{margin-top:12px}.questionCard h2{font-size:23px}.questionCard h2.long-question{font-size:19px}.option{min-height:51px;font-size:12px}.option b{min-width:27px;height:27px}.quiz-result{padding-top:13px;justify-content:flex-start}.quiz-result .scene-reward{width:100px;height:100px}.quiz-result .scene-scores>div{min-height:73px}.quiz-result .scene-scores b{font-size:28px}.quiz-result #finishText{margin:4px auto 8px;font-size:11px}.quiz-result .result-home{margin-top:12px}.quiz-result h2{font-size:29px}}
@media(max-height:500px) and (min-width:651px){.quiz-lobby{display:grid;grid-template-columns:1fr 1fr;align-content:center;gap:7px 30px;max-width:750px;margin:auto}.quiz-lobby .scene-reward{grid-column:1;grid-row:1/4;width:105px;height:105px}.quiz-lobby>.eyebrow{display:none}.quiz-lobby h1{grid-column:2;grid-row:1/3;font-size:62px;letter-spacing:-3px;margin:0}.lobby-caption{grid-column:2;font-size:10px;margin:0}.lobby-play{grid-column:2}.lobby-play .primary{min-height:44px;font-size:14px;min-width:250px}.lobby-tools{grid-column:1/-1;justify-content:center;margin-top:4px}.lobby-tools button{width:112px;min-height:54px;flex-direction:row;font-size:9px}.lobby-tools .scene-icon{width:25px;height:25px}.lobby-note{grid-column:1/-1;margin:5px auto}.game{padding:8px 17px}.gameTop{min-height:32px}.gameTop .back{min-height:30px;padding:5px 10px}.meter{margin:7px 0 0}.questionCard{padding:5px 10px}.qmeta{font-size:9px}.timer{font-size:16px}.difficulty-label{margin:0 auto 4px;font-size:7px}.questionCard h2,.questionCard h2.long-question{font-size:24px;margin:3px auto 8px}.time-track{margin-bottom:10px}.option{min-height:49px;font-size:12px;padding:7px 14px;border-radius:13px}.option b{min-width:29px;height:29px;font-size:13px}.options{gap:9px}.life-note,.shortcut-note{display:none!important}.lifelines{margin-top:12px;gap:8px}.lifelines .life{min-height:32px;font-size:9px}.feedback{margin-top:10px;font-size:10px;padding:8px 12px}.actions{margin-top:8px;bottom:-5px}.actions #next{min-height:36px;font-size:12px}.quiz-result{justify-content:flex-start;gap:1px}.quiz-result .scene-reward{width:90px;height:90px}.quiz-result h2{font-size:29px}.quiz-result .scene-scores>div{min-height:62px}.quiz-result .scene-scores b{font-size:28px}.quiz-result .results{margin:6px auto}.quiz-result .result-constellation{position:absolute;left:calc(50% - 210px);top:95px}.quiz-result .scene-star{width:28px;height:28px}.quiz-result .scene-star:nth-child(2){width:35px;height:35px}.quiz-result .finish-actions{gap:8px}.quiz-result .finish-actions .primary{flex-basis:auto;min-height:42px;font-size:12px;padding:9px 15px;margin:0}.quiz-result .finish-actions .secondary{min-height:39px}.quiz-result .result-home{margin:6px auto 0}.quiz-result #finishText{font-size:11px;margin:5px auto}}
body{isolation:isolate}.questionCard{justify-content:safe center}body::before{filter:none;background:linear-gradient(#1713367a,#11162f99),url('../../assets/covers/home-20261024/25_Zihin_Arenasi.webp') center/cover}body::after{background:radial-gradient(ellipse at 50% 40%,#17163777 0%,#11152fbb 72%)}

body::before{inset:0;background:linear-gradient(#14133238,#10152d66),url('assets/arena-v1.webp') center/cover}body::after{background:radial-gradient(ellipse at 50% 42%,#16173522,transparent 65%)}
.quiz-result{width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;border:0;border-radius:0;box-shadow:none;overflow:auto;padding:24px 14px;justify-content:safe center}@media(max-width:650px) and (max-height:700px){.quiz-result{padding:12px 10px;justify-content:flex-start;gap:0}.quiz-result .scene-reward{width:94px;height:94px}.quiz-result h2{font-size:27px;margin:8px 0}.quiz-result .results{margin:11px auto}.quiz-result .result-home{margin:8px auto 0;padding:5px 10px;font-size:10px}.quiz-result .finish-actions .primary{min-height:45px}.quiz-result .finish-actions .secondary{min-height:36px;font-size:10px}}
@media(max-height:500px) and (min-width:651px){.quiz-result:not(.hidden){display:grid;grid-template-columns:1fr 1fr;align-content:center;justify-items:center;gap:7px 25px;padding:12px max(20px,calc((100vw - 850px)/2))}.quiz-result .scene-reward{grid-column:1;grid-row:1/4;width:120px;height:120px}.quiz-result .result-rank{grid-column:2;grid-row:1;font-size:8px}.quiz-result h2{grid-column:2;grid-row:2;font-size:29px;margin:0}.quiz-result .result-constellation{position:static;grid-column:2;grid-row:3;margin:0}.quiz-result .results{grid-column:1;grid-row:4/6;margin:0}.quiz-result #finishText{grid-column:2;grid-row:4;font-size:10px;margin:0}.quiz-result .finish-actions{grid-column:2;grid-row:5;margin:0;gap:7px}.quiz-result .finish-actions .primary{flex-basis:100%;min-height:39px;margin:0}.quiz-result .finish-actions .secondary{min-height:32px;padding:6px 11px;font-size:10px}.quiz-result .result-home{grid-column:1/-1;grid-row:6;font-size:10px;margin:3px auto;padding:5px 10px}}
