/* Mathlooq page presentation. Fullscreen and game logic remain in the original HTML. */
:root{--deep:#f7f7fc;--sea:#fff;--sea2:#eef3f8;--line:#dce1eb;--foam:#30364c;--mist:#626b80;--add:#bde8d3;--sub:#baddf3;--mul:#f9e3a0;--div:#f5c5d6;--gold:#9a6b24;--storm:#a597cf;--cur:#b2e5e2;--ok:#237654;--bad:#ad3c54;--f-display:"Nunito",sans-serif;--f-body:"Source Sans 3",sans-serif;color-scheme:light}
body{margin:0;background:radial-gradient(ellipse at 12% 0%,#fce9ef,transparent 45%),radial-gradient(ellipse at 95% 18%,#e6f6f4,transparent 48%),#fffaf8;background-attachment:fixed}
#sea{display:none}.wrap{max-width:1280px;padding:30px 24px 40px}.topbar{margin-bottom:0}.back{font-size:14px;font-weight:700;text-decoration:none;color:#626b80}.hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:30px;margin-bottom:28px;padding:8px 12px 12px}.hero-copy{max-width:750px}.eyebrow{font-size:13px;font-weight:800;letter-spacing:.07em;color:#77728a}.logo{color:#30364c;text-shadow:none}.logo span{color:#8773a8}.hero .tag{font-size:17px;line-height:1.55;max-width:65ch}.hero-r{align-items:center;gap:12px}.cover-ship{display:grid;place-items:center;width:150px;height:126px;background:radial-gradient(ellipse at 50% 80%,#d7efed 0 38%,transparent 39%)}.cover-ship .ship{width:112px;height:112px;filter:drop-shadow(0 7px 0 #cfdfec66)}.ops-strip b{width:36px;height:36px;font-size:24px;box-shadow:inset 0 -3px 0 #0000000c;animation:none}.panel,.turn,.score{background:#fff;border-color:#e5e1ec;box-shadow:0 8px 28px #41446908}.panel{border-radius:24px}.panel h2{font-size:26px;line-height:1.2}.setup{font-size:17px;gap:24px}.lbl{letter-spacing:.06em}.seg button{background:#f7f6fb;border-color:#e5e1ed;color:#515168}.seg button[aria-pressed="true"]{background:#e9e0f4;border-color:#cab8df;color:#4e3e65}.team-in input{background:#fbfaff;border-color:#e3dfec}.btn{background:#d8ccec;color:#433452;box-shadow:0 4px 0 #bbaccf;font-size:19px;min-height:48px}.btn.ghost{color:#596176;border-color:#dce1eb}.icon-btn{background:#fff;border-color:#dedde8;color:#50576b;min-height:44px}.rules li::marker{color:#8a72a8}.leg i{color:#38455a}.rota-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}.rota-toolbar h1{font-size:30px}.rota-toolbar h1 span{color:#8873a8}.board-wrap{background:linear-gradient(145deg,#e6f3f1,#eeebf8);box-shadow:0 10px 30px #41446912;border-color:#d9e2e8}.board-wrap::before{opacity:.15}.cell{box-shadow:inset 0 -5px 0 #00000012,inset 0 3px 0 #ffffff60,0 3px 0 #00000015}.t-star{background:#f9e3a0}.t-storm{background:linear-gradient(145deg,#ddd3f0,#bcaed8)}.t-cur{background:repeating-linear-gradient(120deg,#b2e5e2 0 10px,#c8edeb 10px 20px)}.t-end{background:repeating-conic-gradient(#f5d68e 0 25%,#ffedc4 0 50%) 0 0/24px 24px}.turn{background:linear-gradient(#fff,#f8f7fc)}.srow.now{background:#efebf8}.die{background:linear-gradient(145deg,#fff,#edf4f3);box-shadow:0 6px 0 #cbdcd8,0 12px 20px #41446915}.overlay{background:rgba(33,38,54,.42);z-index:150}.qcard{background:rgba(255,255,255,.98);box-shadow:0 24px 70px #30364c30}.qbadge{color:#38455a;box-shadow:inset 0 -4px 0 #00000010,0 4px 0 #0000000a}.expr,.explain{background:#f6f4fb}.opsym{color:#8a662b}.opt{background:#f5f7fc;color:#30364c;border-color:#dde2ee;box-shadow:0 5px 0 #d5dcea}.opt:hover:not(:disabled){border-color:#ae9ac8}.opt.right{background:#e0f3e8;border-color:#4e9c78}.opt.wrong{background:#fbe8ed;border-color:#cd798d}.trap{background:#fff0f3;border-color:#edc0cc}.trap .lbl{color:#a54860}.rank tr.first td{background:#f7f0de}.rank .badge{background:#f5dc9d;color:#594317}.site-footer{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;padding:24px;color:#747585;font-size:14px;border-top:1px solid #e7e1eb}.site-footer a{color:inherit}
@media(max-width:760px){.hero{gap:16px}.cover-ship{width:110px;height:100px}.cover-ship .ship{width:90px;height:90px}}
@media(max-width:620px){.wrap{padding:22px 16px 30px}.hero{grid-template-columns:1fr;padding:0}.hero-r{flex-direction:row;flex-wrap:wrap;justify-content:flex-start}.cover-ship{display:none}.hero .tag{font-size:16px}.ops-strip{margin-left:auto}.back{font-size:12px}.setup{font-size:16px}.rota-toolbar h1{font-size:26px}}

.die{border:2px solid #30364c;background:#30364c;box-shadow:0 6px 0 #202639,0 12px 20px #41446920}
.die b{background:#f7f7fc}

/* Keep celebration effects above question and result dialogs. */
#fx{z-index:180}
.floater{z-index:185}
/* Shared Mathlooq hero and opening card, following Asal Sayı Uçuşu. */
.hero{display:block;text-align:center;padding:0;margin:0}.hero .eyebrow{color:#7c72b7;display:inline-block;font:900 .77rem/1.2 "Nunito",sans-serif;letter-spacing:.14em;text-transform:uppercase}.hero h1{font-family:"Nunito",sans-serif;font-weight:900;color:#30323a}.hero h1 em{color:#dc6d8b;font-style:normal}.hero>p{color:#666b78;font-family:"Nunito",sans-serif;font-weight:600;margin:0 auto;max-width:700px}.hero-pills{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.hero-pills span{background:rgba(255,255,255,.82);border:1px solid #e7dde2;border-radius:999px;box-shadow:0 5px 14px #30323a0a;font:800 .82rem "Nunito",sans-serif;padding:8px 12px}.game-shell{background:#fff;border:1px solid #d1ccebcC;border-radius:26px;box-shadow:0 22px 58px #30323a1a;overflow:hidden;position:relative}.rota-start-shell .toolbar{align-items:center;background:#fff;border-bottom:1px solid #e7dde2;display:flex;gap:16px;justify-content:space-between;padding:13px 16px;font:800 14px "Nunito",sans-serif}.start-board{position:absolute;inset:76px 0 0;padding:24px;background:linear-gradient(145deg,#e6f3f1,#eeebf8);overflow:hidden}.start-board .board{opacity:.65}.rota-start-shell .layer{display:flex;justify-content:center;padding:24px 18px;position:relative;z-index:1}.modal{text-align:center}.modal-icon{font-size:2.8rem}.modal-kicker{color:#7c72b7;display:block;font:900 .72rem "Nunito",sans-serif;letter-spacing:.12em;margin:7px 0;text-transform:uppercase}.modal h2{font-family:"Nunito",sans-serif;font-weight:900;margin:0 0 10px}.modal>p{color:#666b78;font-family:"Nunito",sans-serif;font-weight:600;margin:0 auto 22px;max-width:500px}.setup-fields{text-align:left;font-size:16px}.setup-fields .field{margin-bottom:14px}.setup-fields .seg button{font-family:"Nunito",sans-serif;font-size:15px}.setup-fields .team-in input{padding:7px 10px}.setup-fields .hint{line-height:1.45}.modal-steps{display:grid;gap:8px;grid-template-columns:repeat(3,1fr);margin:19px 0}.modal-steps span{background:#f7f4f6;border-radius:13px;font:800 .79rem/1.3 "Nunito",sans-serif;padding:11px 7px}.modal-steps b{display:block;font-size:1.35rem;margin-bottom:4px}.start-btn{background:linear-gradient(135deg,#363944,#555969);border:0;border-radius:13px;box-shadow:0 10px 24px #30323a2e;color:#fff;cursor:pointer;font:900 .95rem "Nunito",sans-serif;padding:13px 22px}.modal .rules{margin-top:22px;text-align:left;font-size:15px;line-height:1.55}.modal .rules summary{cursor:pointer;text-align:center;font:800 15px "Nunito",sans-serif;color:#7c72b7}.modal .rules ol{margin-top:16px}.modal .legend{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:620px){.game-shell{border-radius:19px}.rota-start-shell .layer{padding:18px 12px}.hero{display:block}.modal-steps{gap:5px}.modal-steps span{font-size:11px;padding:10px 4px}}

/* Intro copy uses the shared body face; sizes come from game-hero-alignment.css. */
.hero>p{font-family:"Source Sans 3",sans-serif;font-weight:400}

/* Hide surrounding site content in native fullscreen; keep the original fullscreen API. */
html:fullscreen body>.topbar,html:fullscreen .teacher-guide,html:fullscreen .site-footer{display:none}
html:-webkit-full-screen body>.topbar,html:-webkit-full-screen .teacher-guide,html:-webkit-full-screen .site-footer{display:none}

/* Shared teacher-guide typography and cards come from game-brand.css. */
body>.teacher-guide{max-width:1232px;width:calc(100% - 48px)}
@media(max-width:620px){body>.teacher-guide{width:calc(100% - 32px)}}

/* Restart follows the shared game toolbar button style. */
#restart{background:#fff;border:1px solid #ddd3d8;border-radius:10px;color:#30323a;font:900 .78rem "Nunito",sans-serif;padding:9px 11px;box-shadow:none;min-height:44px;transition:background .15s,border-color .15s}
#restart:hover{background:#fff2d9;border-color:#e2bc65}
#restart:active{transform:none;box-shadow:none}