:root{--bg:#f8f6f1;--ink:#29362e;--muted:#858981;--line:#e7e7dd;--orange:#ed7d52;--olive:#354b39}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',system-ui,sans-serif}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ef946c;outline-offset:3px}button{transition:background .18s,transform .18s}#shell{display:flex}.sidebar{width:242px;position:fixed;inset:0 auto 0 0;border-right:1px solid var(--line);padding:35px 24px;display:flex;flex-direction:column;background:#f5f3ec}.brand{font:800 28px 'Manrope',system-ui;letter-spacing:-1.5px;color:#29392f;text-decoration:none;display:flex;align-items:center;gap:8px}.spark{font-size:35px;color:var(--orange);line-height:1}.brandDot{color:var(--orange);margin-left:-8px}.sideTop{font-size:7px;letter-spacing:1.4px;color:#969b8b;margin-top:14px}.sidebar nav{display:grid;gap:8px;margin-top:48px}.sidebar nav button{border:0;background:none;text-align:left;display:flex;align-items:center;gap:12px;font-size:12px;color:#777f72;padding:13px 12px;border-radius:7px}.sidebar nav button.active{background:#e9eddf;color:#374f37;font-weight:600}.sidebar nav button span{font-size:18px;width:20px;text-align:center}.sidebar nav small{margin-left:auto;font-size:9px;background:#e1e6d7;padding:3px 5px;border-radius:4px}.plusCard{background:#e8e5f1;padding:21px;border-radius:10px;margin-top:auto}.plusCard>span{font-size:8px;letter-spacing:1.3px;color:#8d79af}.plusCard h3{font:600 22px/1.25 'Manrope',system-ui;letter-spacing:-.7px;margin:16px 0 10px}.plusCard p{font-size:10px;line-height:1.8;color:#8a8495}.plusCard button{border:0;background:transparent;padding:9px 0 0;font-size:10px;color:#7e6a99;font-weight:600}.localNotice{font-size:8px;color:#989d8c;margin-top:22px}.localNotice i{display:inline-block;width:5px;height:5px;background:#a1b18c;border-radius:50%;margin-right:5px}.mainWrap{margin-left:242px;flex:1;min-width:0}header{height:86px;padding:0 4%;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#919589}header>div{display:flex;gap:18px;align-items:center}.iconButton{border:0;background:none;font-size:22px;color:#88937e}.avatar{border:0;width:32px;height:32px;border-radius:50%;background:#e7e3d8;color:#7c816d;font-size:11px}main{padding:32px 4%;max-width:1350px;margin:auto}.eyebrow{font-size:9px;letter-spacing:2px;color:#a1a58e}.homeHero{display:grid;grid-template-columns:1.1fr 1fr;gap:30px;align-items:center;margin-bottom:34px}.heroTitle{font:500 clamp(30px,3.2vw,46px)/1.22 'Manrope',system-ui;letter-spacing:-1.8px;margin:15px 0;color:#344733}.heroTitle em{font-style:normal;color:#df8159}.heroDesc{font-size:12px;line-height:1.9;color:#8d9484;max-width:310px}.weekly{display:flex;gap:9px;margin-top:22px}.day{display:flex;flex-direction:column;align-items:center;gap:7px;font-size:8px;color:#a0a58f}.day b{display:grid;place-items:center;border-radius:50%;width:28px;height:28px;border:1px solid #e4e7db;font-size:9px;font-weight:400;background:#fafaf4}.day.today b{background:#edf0df;border-color:#bbc5a0;color:#6b7f4c}.day.played b{background:#ccd8ae;color:#4b623b;border-color:#ccd8ae}.dailyCard{background:#344e3d;border-radius:13px;padding:28px;color:#eff1dc;position:relative;overflow:hidden;min-height:246px}.dailyCard .eyebrow{color:#b5c99c;font-size:8px}.dailyCard h2{font:500 26px 'Manrope',system-ui;letter-spacing:-1px;margin:13px 0 8px;position:relative;z-index:1}.dailyCard p{font-size:10px;line-height:1.8;color:#b1c1a5;max-width:180px;position:relative;z-index:1}.dailyCard .primary{margin-top:24px;background:#d8e6a7;color:#405334;width:max-content;font-size:10px;padding:12px 16px;position:relative;z-index:1}.dailyArt{position:absolute;width:190px;right:-20px;bottom:8px;transform:rotate(-9deg);opacity:.9}.sectionHeader{display:flex;align-items:center;justify-content:space-between;margin:25px 0 18px}.sectionHeader h2{font:600 19px 'Manrope',system-ui;letter-spacing:-.6px;margin:0}.sectionHeader span,.textButton{font-size:10px;color:#959a88}.textButton{border:0;background:none;padding:5px 0}.filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:20px}.chip{border:1px solid #e1e4d7;background:none;padding:8px 13px;border-radius:25px;font-size:10px;color:#929a84}.chip.active{background:#3d533b;border-color:#3d533b;color:#f3f4e7}.chip i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--dot);margin-right:5px}.search{margin-left:auto;border:1px solid var(--line);background:#fdfcf8;padding:8px 12px;border-radius:20px;font-size:10px;color:#6c7860;width:140px}.cardGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.gameCard{background:#fdfcf8;border:1px solid #e7e7dd;border-radius:10px;overflow:hidden;position:relative;transition:transform .2s,box-shadow .2s}.gameCard:hover{transform:translateY(-4px);box-shadow:0 10px 25px #32402609}.gameArt{height:125px;display:block;border:0;padding:0;width:100%;overflow:hidden}.gameArt svg{width:100%;height:100%;display:block}.cardBody{padding:15px}.category{font-size:7px;letter-spacing:1.5px;text-transform:uppercase}.cardBody h3{font:600 14px 'Manrope',system-ui;letter-spacing:-.3px;margin:8px 0}.cardBody p{font-size:9px;color:#9aa08e;line-height:1.6;min-height:29px;margin:0}.cardBottom{margin-top:14px;display:flex;align-items:center;justify-content:space-between;font-size:8px;color:#9da58d}.cardBottom button{border:0;background:#eff1e6;color:#6d7d59;font-size:10px;border-radius:50%;width:25px;height:25px}.favorite{position:absolute;top:10px;right:10px;border:0;border-radius:50%;width:25px;height:25px;background:#ffffff99;color:#7e8b71;font-size:14px}.favorite.on{color:#c06c58}.plusBadge{position:absolute;top:10px;left:10px;background:#ffffffb0;border:1px solid #ffffffa0;border-radius:4px;color:#6d6483;font-size:6px;letter-spacing:.8px;padding:4px 6px;pointer-events:none}.bottomNote{display:flex;align-items:center;gap:14px;margin-top:27px;border:1px dashed #dce2ce;border-radius:7px;padding:16px 20px;font-size:10px;color:#939c81}.bottomNote span{font-size:22px;color:#a2b486}.pageTitle{font:500 35px 'Manrope',system-ui;letter-spacing:-1.3px;margin:12px 0}.pageDesc{font-size:12px;color:#909985;line-height:1.8;margin:0 0 25px}.primary{border:0;border-radius:6px;padding:13px 20px;background:#3c573d;color:#f3f4e5;font-size:12px;font-weight:500;display:inline-block}.primary:hover{background:#4c684b}.secondary{border:1px solid #d5ddc8;border-radius:6px;padding:11px 17px;background:none;color:#7b8a6c;font-size:12px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:25px 0}.stat{border:1px solid var(--line);background:#fdfcf7;padding:22px;border-radius:8px}.stat small{font-size:9px;color:#949e85}.stat b{display:block;font:500 32px 'Manrope';margin-top:10px}.panel{background:#fdfcf7;border:1px solid var(--line);border-radius:10px;padding:24px;margin:18px 0}.panel h3{font:600 15px 'Manrope';margin:0 0 15px}.historyRow{display:flex;gap:15px;align-items:center;border-bottom:1px solid var(--line);padding:14px 0;font-size:11px}.historyRow:last-child{border-bottom:0}.historyRow small{font-size:9px;color:#a2aa94;margin-left:auto}.historyRow b{font-weight:500}.chart{display:flex;gap:8px;height:130px;align-items:flex-end}.chart>div{flex:1;text-align:center;font-size:8px;color:#99a589}.chart i{display:block;background:#b7c89b;border-radius:4px 4px 0 0;min-height:4px;margin-bottom:8px}.empty{padding:40px 20px;text-align:center;font-size:13px;color:#8c9880;line-height:1.8}footer{display:flex;justify-content:space-between;max-width:1350px;margin:0 auto;padding:5px 4% 25px;font-size:8px;color:#adb19f}footer button{border:0;background:none;color:inherit;font-size:8px}dialog{border:1px solid #e0e6d2;border-radius:15px;padding:30px;max-width:480px;width:calc(100% - 30px);background:#fcfaf5;color:var(--ink);box-shadow:0 20px 120px #2b403b20}dialog::backdrop{background:#253b3560;backdrop-filter:blur(5px)}dialog h2{font:600 28px/1.25 'Manrope';letter-spacing:-1px;margin:10px 0 16px}dialog p{font-size:12px;line-height:1.9;color:#86937b}dialog .actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:23px}dialog .miniArt{height:120px;border-radius:8px;overflow:hidden;margin-bottom:20px}dialog .miniArt svg{width:100%;height:100%}.setting{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:20px 0;font-size:12px;color:#7b896e}.setting input{accent-color:#617e49}.levelChoices{display:flex;gap:7px;margin-top:10px}.levelChoices button{flex:1;border:1px solid #dbe2ce;background:none;border-radius:5px;padding:9px;font-size:12px;color:#91a07f}.levelChoices button.active{background:#e6ecd8;border-color:#b4c699;color:#556b42}#toast{position:fixed;z-index:30;bottom:22px;left:50%;transform:translateX(-50%);padding:12px 20px;border-radius:7px;background:#384f3e;color:#eff2e2;box-shadow:0 5px 30px #1f351c22;font-size:12px;max-width:90vw;display:none}#playView{min-height:100vh;background:#f8f6f1;padding-bottom:30px}#playView[hidden]{display:none}.playHeader{max-width:1000px;margin:auto;padding:23px 30px;display:flex;align-items:center;gap:15px;border-bottom:1px solid var(--line)}.exitBtn{border:1px solid #e1e7d6;background:none;color:#8e9b7e;border-radius:50%;width:32px;height:32px;font-size:14px}.playHeader h2{font:600 17px 'Manrope';margin:0}.playHeader small{font-size:8px;letter-spacing:1.3px;color:#a4ad94;display:block;margin-bottom:5px}.playHeader .right{margin-left:auto;display:flex;gap:10px;align-items:center;font-size:10px;color:#91a07c}.progressTrack{height:3px;background:#e9eddf;max-width:1000px;margin:auto}.progressTrack i{display:block;height:100%;background:#a4b879;transition:width .3s}.arena{max-width:650px;margin:40px auto 0;text-align:center;padding:0 25px}.arena h1{font:600 26px 'Manrope';letter-spacing:-.8px;margin:8px 0 12px}.arena .sub{font-size:12px;color:#929d82;line-height:1.8;margin-bottom:30px;min-height:22px}.board{position:relative;min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;border-radius:15px;background:#fdfcf8;border:1px solid #e8e9df}.playHint{font-size:10px;color:#a7ad99;margin:20px auto;line-height:1.8}.roundInfo{font-size:9px;letter-spacing:1.5px;color:#9aa88b}.answerRow{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:22px 0}.answer{border:1px solid #dce3cf;background:#fcfcf4;border-radius:8px;padding:13px 19px;min-width:90px;color:#657b52;font-size:13px}.answer:hover{background:#edf1e2}.answer.big{font-size:25px;padding:17px 30px}.answer.correct{background:#e1ebcf}.feedback{min-height:24px;font-size:12px;margin-top:20px;color:#7b9166}.feedback.bad{color:#c1816e}.memoryGrid{display:grid;gap:7px;width:min(100%,310px)}.cell{aspect-ratio:1;background:#ebece3;border:1px solid #e1e4d6;border-radius:8px;display:grid;place-items:center;color:#778c5d;font-size:27px;padding:0}.cell.lit{background:#b1a0d0;border-color:#a38bc8;box-shadow:0 0 20px #b4a0d033}.cell.hit{background:#c1d3a3;border-color:#afc58f}.cell.miss{background:#e6b5a0;border-color:#dba38b}.cell.reveal{background:#cdbfe4}.sequencePad{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;width:270px}.pad{height:100px;border:0;border-radius:15px;opacity:.55;transform:scale(.97);font-size:28px;color:#fff}.pad.lit{opacity:1;transform:scale(1.03);box-shadow:0 0 25px #ced5b850}.symbol{font:80px Georgia;color:#8e7ac7}.stimulus{font:700 42px 'Manrope';letter-spacing:2px}.arrows{font-size:40px;letter-spacing:5px;color:#94a58a}.arrows b{color:#49684a}.searchGrid{display:grid;gap:7px;width:min(100%,330px)}.searchCell{border:0;background:#edf0e5;aspect-ratio:1;border-radius:5px;font:26px Georgia;color:#658d78}.signal{width:110px;height:110px;border-radius:50%;border:18px solid #73aa83;display:grid;place-items:center;font-size:26px;color:#8da17a}.signal.red{border-color:#d78f78}.compareBoard{display:flex;justify-content:center;align-items:center;gap:20px}.mathBox{background:#f1eee4;border-radius:12px;padding:25px 20px;font:500 28px 'Manrope';min-width:130px}.rule{font-size:10px;letter-spacing:2px;border-radius:25px;background:#e8edf7;color:#7190b1;padding:10px 17px;margin-bottom:25px}.number{font:500 80px 'Manrope';color:#466449}.equation{font:500 36px 'Manrope';color:#596e4c}.pattern{font:500 26px 'Manrope';color:#8c759f;letter-spacing:2px}.hanoi{height:220px;display:flex;align-items:stretch;width:100%;gap:9px}.tower{flex:1;position:relative;border:0;background:none;display:flex;flex-direction:column-reverse;justify-content:flex-start;align-items:center;padding-bottom:18px;gap:3px;min-width:0}.tower:before{content:'';position:absolute;bottom:10px;left:8%;width:84%;height:7px;background:#b9bd9f;border-radius:5px}.tower:after{content:'';position:absolute;bottom:15px;width:6px;height:160px;border-radius:4px;background:#d3d5bc;z-index:0}.disk{height:21px;border-radius:5px;z-index:1;max-width:94%}.tower.selected{background:#e9eedc;border-radius:10px}.slideGrid{display:grid;grid-template-columns:repeat(3,1fr);width:270px;gap:8px}.slideTile{height:76px;border:1px solid #d5dcc5;background:#e9eddb;border-radius:8px;font:500 25px 'Manrope';color:#758c58}.slideTile.blank{background:#f6f5ed;border:1px dashed #e0e4d2}.riverBoard{width:100%;display:grid;grid-template-columns:1fr 70px 1fr;gap:10px;min-height:200px;align-items:center}.bank{background:#eaf0de;border-radius:10px;min-height:180px;padding:12px;display:flex;flex-direction:column;justify-content:center;gap:7px}.bank small{font-size:8px;letter-spacing:1.4px;color:#9ba88a}.load{border:1px solid #ced9be;border-radius:6px;background:#fcfcf3;color:#7b8e63;padding:9px;font-size:11px}.load.selected{background:#cbdcac;border-color:#9eb57a}.river{height:200px;background:#d9e9e6;border-radius:20px;display:flex;align-items:center;justify-content:center;color:#6d9e99;font-size:22px}.routeMap{width:100%;max-width:440px;height:260px}.routeMap text{font-family:system-ui;pointer-events:none}.routeNode{cursor:pointer;outline:none}.routeNode:focus circle{stroke:#ed996d;stroke-width:4}.scoreHero{font:500 70px 'Manrope';color:#6a8455;letter-spacing:-4px;margin:20px 0 0}.scoreLabel{font-size:10px;color:#97a587}.resultStats{display:flex;justify-content:center;gap:30px;border-block:1px solid var(--line);padding:18px;margin:25px 0}.resultStats b{font:500 23px 'Manrope';display:block}.resultStats small{font-size:9px;color:#9fa98e}.sessionDots{display:flex;justify-content:center;gap:7px;margin:20px}.sessionDots i{width:9px;height:9px;border-radius:50%;background:#e2e7d8}.sessionDots i.done{background:#a5b87f}.checkList{display:grid;gap:9px;max-height:260px;overflow:auto}.checkList label{display:flex;gap:10px;font-size:12px;color:#8b987b;padding:8px;border-bottom:1px solid var(--line)}.checkList input{accent-color:#869d64}.responsiveSelect{border:1px solid #dfe6d1;background:#fcfcf5;color:#91a27e;border-radius:5px;padding:8px;font-size:10px}.resultPanel{background:#fcfbf6;border:1px solid #e2e8d6;border-radius:15px;padding:30px} @media(min-width:1450px){.gameArt{height:150px}.cardBody h3{font-size:16px}.cardBody p{font-size:11px}.cardBody{padding:19px}}@media(max-width:1150px){.sidebar{width:210px;padding:30px 19px}.mainWrap{margin-left:210px}.cardGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.homeHero{gap:20px}.heroTitle{font-size:34px}.dailyCard{padding:22px}.dailyArt{width:160px;right:-30px}.search{margin-left:0}}@media(max-width:800px){.sidebar{position:relative;width:100%;border-right:0;border-bottom:1px solid var(--line);padding:18px 5% 0;background:#f8f6f1}.sidebar .brand{font-size:24px}.spark{font-size:28px}.sideTop,.plusCard,.localNotice{display:none}.sidebar nav{display:flex;margin-top:18px;justify-content:space-between;gap:2px}.sidebar nav button{padding:11px 9px;font-size:10px;gap:5px;border-radius:6px 6px 0 0}.sidebar nav button span{font-size:16px;width:auto}.sidebar nav small{display:none}#shell{display:block}.mainWrap{margin-left:0}header{height:53px;padding:0 5%;font-size:10px}.avatar{width:27px;height:27px}.iconButton{font-size:18px}main{padding:25px 5%}.homeHero{gap:18px}.heroTitle{font-size:31px}.heroDesc{font-size:10px}.weekly{gap:7px}.day b{width:25px;height:25px}.dailyCard{min-height:233px}.dailyCard h2{font-size:22px}.dailyArt{width:125px;right:-30px;bottom:20px}.dailyCard p{max-width:130px;font-size:9px}.dailyCard .primary{margin-top:18px;font-size:9px}.cardGrid{gap:13px}.gameArt{height:115px}.cardBody{padding:12px}.cardBody h3{font-size:13px}.cardBody p{font-size:9px}.sectionHeader h2{font-size:18px}.filters{gap:6px}.chip{font-size:9px;padding:7px 11px}footer{padding:5px 5% 20px}.stats .stat{padding:17px}.stat b{font-size:27px}.arena{margin-top:30px}.sidebar nav button.active{background:#e9eddf}}
@media(max-width:520px){.homeHero{display:block}.heroTitle{font-size:35px}.heroDesc{max-width:280px}.weekly{position:absolute;right:5%;top:203px;gap:5px}.day{font-size:7px}.day b{width:22px;height:22px;font-size:8px}.heroDesc{max-width:200px}.dailyCard{margin-top:24px;min-height:204px;padding:24px}.dailyCard h2{font-size:24px}.dailyArt{width:180px;right:-5px;bottom:1px}.dailyCard p{font-size:10px;max-width:170px}.dailyCard .primary{margin-top:15px}.homeHero{margin-bottom:28px}.cardGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.gameArt{height:119px}.cardBody{padding:13px}.cardBody p{min-height:30px}.category{font-size:7px}.cardBody h3{font-size:13px}.cardBottom{font-size:7px;margin-top:10px}.sectionHeader span{font-size:8px}.sectionHeader h2{font-size:17px}.search{width:100%;margin:5px 0 0;padding:10px 14px}.bottomNote{padding:14px;font-size:9px}.bottomNote span{font-size:19px}.pageTitle{font-size:30px}.pageDesc{font-size:11px}.stats{gap:8px}.stats .stat{padding:14px 11px}.stat small{font-size:8px}.stat b{font-size:24px}.historyRow{gap:8px;font-size:10px}.historyRow small{font-size:8px}.panel{padding:18px}.playHeader{padding:18px}.playHeader h2{font-size:15px}.playHeader .right{font-size:9px}.arena{padding:0 16px;margin-top:26px}.arena h1{font-size:23px}.arena .sub{font-size:11px;margin-bottom:22px}.board{padding:15px;min-height:260px}.answer{padding:12px 15px;font-size:12px;min-width:75px}.arrows{font-size:32px;letter-spacing:3px}.stimulus{font-size:35px}.equation{font-size:28px}.pattern{font-size:22px}.mathBox{font-size:22px;padding:22px 14px;min-width:110px}.compareBoard{gap:10px}.hanoi{height:200px}.disk{height:20px}.tower:after{height:145px}.riverBoard{grid-template-columns:1fr 40px 1fr;gap:7px}.bank{padding:8px}.resultPanel{padding:22px 16px}.resultStats{gap:22px}dialog{padding:24px}.resultStats b{font-size:20px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
.cardBody p{color:#7f8d74}.cardBottom{color:#879575}.heroDesc{color:#7d8b72}.playHint{color:#82916f}.pageDesc{color:#7d8e70}.arena .sub{color:#7c8e6b}.scoreLabel{color:#7e916c}.resultStats small{color:#82946f}@media(max-width:520px){.weekly{position:static;gap:9px;margin-top:18px}.heroDesc{max-width:270px}}
.originalBadge{background:#fff7e9;color:#a28b60;border-color:#f2e5ca}.crewStations{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%}.crewStation{border:1px solid #e2dbe9;background:#f5f0f8;border-radius:10px;padding:15px 7px;display:flex;flex-direction:column;align-items:center;gap:10px;min-width:0}.crewStation>span{font-size:10px;color:#9e8bab}.crewStation strong{font-size:12px;font-weight:500;color:#856f95}.crewAvatar{display:grid;place-items:center;border-radius:50%;height:44px;width:44px;font:500 22px 'Manrope',system-ui;background:var(--avatar,#baa1cf);color:#fff}.emptyAvatar{background:#e4dceb;color:#b3a1c4}.crewChoices{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin-top:20px}.crewChoices .answer{min-width:70px;font-size:11px;padding:9px}.answer.picked{background:#d4c4e2;border-color:#af95c5}.swapScene{display:flex;justify-content:center;align-items:center;gap:25px;padding:20px 0}.swapScene b{display:grid;place-items:center;border:1px solid #dccfe5;border-radius:50%;width:80px;height:80px;background:#e6daef;font:500 22px 'Manrope';color:#967ca9}.swapScene>span{font-size:36px;color:#b7a1c9}.workshopNote{font-size:11px;line-height:1.8;color:#9f8caa;max-width:290px}.flowSummary{display:flex;justify-content:center;gap:24px;font-size:11px;color:#8d9b7a;margin-bottom:25px;width:100%}.flowSummary b{color:#617d49}.flowLanes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%}.flowLane{border:2px solid transparent;background:#eef2e7;border-radius:10px;padding:14px 8px}.flowLane.picked{border-color:#a0b483;background:#e4ecd7}.flowLane>span{font-size:12px;color:#84946c}.flowLane small{font-size:8px;color:#9da98b;display:block;margin-top:10px}.packages{display:flex;flex-direction:column;gap:5px;align-items:center;margin-top:13px}.packages i{font-style:normal;width:44px;height:31px;border-radius:4px;display:grid;place-items:center;color:#fff;font-size:22px;border:1px solid #d8dfca}.incoming{padding:20px 10px 0;text-align:left;width:100%}.incoming>span{font-size:8px;letter-spacing:1.4px;color:#a6b08d}.incoming p{font-size:10px;color:#849570;line-height:1.7;margin:8px 0}.marketGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;width:100%}.marketItem{padding:14px 8px;border:1px solid #e7dfe5;border-radius:9px;background:#f5eef3;display:flex;flex-direction:column;gap:8px}.marketItem>span{font-size:27px;color:#b191a5}.marketItem b{font-size:11px;font-weight:500;color:#a08c9a}.marketItem small{font-size:9px;color:#aa9c8e}.offerCard{border:1px solid #e4dbe3;background:#f7f0f5;border-radius:12px;padding:22px 30px;text-align:center}.offerCard>span{font-size:52px;color:#bc9db2}.offerCard h2{font:500 24px 'Manrope';color:#9b8196;margin:12px 0}.offerCard p{font-size:12px;color:#9d8e91}.offerCard small{font-size:10px;color:#b19bab}.installButton{border:1px solid #dce4ce;border-radius:20px;background:#edf1e4;color:#7b8f62;padding:9px 13px;font-size:10px;white-space:nowrap}#offlinePill{font-size:8px;border:1px solid #e0d6bd;background:#faf0d9;color:#b59d68;border-radius:12px;padding:5px 9px}body.installed #installButton{display:inline-block}.installSteps{padding-left:20px;font-size:12px;line-height:2;color:#81926e}.installStatus{background:#eff3e5;padding:12px 15px;border-radius:7px;font-size:11px;color:#8a9c71;line-height:1.8}.installStatus.ready{color:#658451;background:#e9f1df}.installStatus.warning{color:#a89871;background:#f5eedf}.installFeatures{display:flex;gap:9px;flex-wrap:wrap;margin:18px 0}.installFeatures span{padding:6px 9px;font-size:9px;border:1px solid #dce4cf;border-radius:15px;color:#8c9b76}@media(max-width:800px){body{padding-bottom:65px}.sidebar nav{position:fixed;bottom:0;left:0;right:0;z-index:20;padding:7px 10px calc(7px + env(safe-area-inset-bottom));margin:0;background:#f8f6f1f7;backdrop-filter:blur(12px);border-top:1px solid #e3e8d8;justify-content:space-around}.sidebar nav button{display:flex;flex-direction:column;gap:4px;font-size:9px;min-width:70px;border-radius:7px;padding:6px}.sidebar nav button span{font-size:19px}.sidebar{padding-bottom:16px;padding-top:calc(18px + env(safe-area-inset-top))}.mainWrap header{height:57px}.installButton{font-size:9px;padding:8px 10px}header>div{gap:10px}.crewStation{padding:12px 6px}.crewStation>span{font-size:9px}.marketGrid{grid-template-columns:repeat(2,1fr)}.flowSummary{font-size:10px;gap:16px}.swapScene{gap:15px}.swapScene b{width:70px;height:70px;font-size:20px}body:has(#playView:not([hidden])){padding-bottom:0}.mainWrap footer{padding-bottom:20px}}@media(max-width:390px){header #breadcrumb{max-width:120px;font-size:9px}.mainWrap header>div{gap:6px}.avatar{display:none}.installButton{font-size:8px;padding:7px 9px}.flowLane small{font-size:7px}.crewAvatar{width:37px;height:37px;font-size:19px}}
.mixCard{background:#e8eddf;padding:21px;border-radius:10px;margin-top:auto}.mixCard>span{font-size:8px;letter-spacing:1.3px;color:#8a9b73}.mixCard h3{font:600 22px/1.25 system-ui;letter-spacing:-.7px;margin:16px 0 10px}.mixCard p{font-size:10px;line-height:1.8;color:#879578}.mixCard button{border:0;background:transparent;padding:9px 0 0;font-size:10px;color:#7b9163;font-weight:600}.gameBadge{position:absolute;top:10px;left:10px;background:#fff5df;border:1px solid #e9ddc0;border-radius:4px;color:#a18a5f;font-size:7px;letter-spacing:.7px;padding:4px 6px}.atelierBadge{background:#eff2e5;border-color:#dce4cb;color:#8d9e70}.difficultyNote{padding:13px 15px;background:#eef2e4;border-radius:7px;color:#83966d!important;font-size:11px!important}.deepGrid{width:min(100%,420px)}.deepGrid .cell{font-size:clamp(14px,3vw,27px)}.deepPads{width:min(100%,360px);gap:9px}.deepPads .pad{height:auto;aspect-ratio:1;font-size:24px}.compound{font-size:clamp(16px,3vw,25px);min-width:0;flex:1;line-height:1.6}.advancedPattern{font-size:clamp(18px,3vw,25px);letter-spacing:0;line-height:1.8}.deadline{position:absolute;bottom:0;left:0;right:0;height:4px;border-radius:0 0 14px 14px;overflow:hidden;background:#ecebdd}.deadline i{display:block;width:100%;height:100%;background:#b7c995;animation:timeDrain linear forwards}@keyframes timeDrain{to{width:0}}.liveStats{display:flex;justify-content:space-between;width:100%;font:10px system-ui;color:#8a9b78;gap:15px;padding:0 4px 15px}.liveStats b{color:#647e4f;font-size:13px;font-weight:600;margin-left:5px}.trainScene{width:100%;max-width:520px}.railMap{width:100%;display:block;max-height:480px}.railSwitch{cursor:pointer;outline:none;touch-action:manipulation}.railSwitch:focus-visible circle{stroke:#e58c5f;stroke-width:4}.railSwitch:hover circle{fill:#f7e8c4}.arena:has(.trainScene){max-width:780px;margin-top:18px}.arena:has(.trainScene) .board{padding:16px}.arena:has(.rainField){max-width:770px;margin-top:18px}.arena:has(.rainField) .board{padding:16px}.arena:has(.rainField) .answerRow{margin-top:12px}.rainField{position:relative;overflow:hidden;height:310px;background:linear-gradient(#f4f5ed,#edf0e4);border-radius:10px;width:100%;display:grid;grid-template-columns:repeat(3,1fr)}.rainLane{border-right:1px dashed #d9e2ce}.rainLane:last-of-type{border-right:0}#fallingItems{position:absolute;inset:0}.mathDrop{position:absolute;transform:translateY(-50%);width:31%;border:1px solid #fff9;border-radius:8px;box-shadow:0 4px 8px #5667460a;min-height:46px;display:grid;place-items:center;padding:6px;font:500 17px/1.5 system-ui;color:#596847;white-space:normal;text-align:center}.mathDrop.lane0{left:1%}.mathDrop.lane1{left:34.3%}.mathDrop.lane2{left:67.3%}.dangerLine{position:absolute;left:0;right:0;bottom:7%;border-top:2px dashed #d39e83;color:#c0957c;font-size:7px;letter-spacing:2px;text-align:right;padding:5px 8px;pointer-events:none}.mathConsole{width:100%;max-width:410px}.mathInput{width:100%;min-height:43px;background:#fdfcf8;border:1px solid #dfe5d2;border-radius:7px;display:grid;place-items:center;color:#7f9368;font:500 23px system-ui;margin-bottom:8px}.mathKeys{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.mathKeys button{border:1px solid #dce4cd;border-radius:6px;background:#edf1e3;color:#77915b;padding:10px 4px;font-size:17px;min-height:42px}.mathKeys .mathSubmit{grid-column:span 6;background:#617e4e;color:#fff;font-size:12px;min-height:37px}.orbitField{width:100%;max-width:460px;touch-action:manipulation}.orbitField g{cursor:pointer}.arena:has(.orbitField){max-width:720px}.arena:has(.orbitField) .board{padding:18px}.slideTile{height:auto;aspect-ratio:1}.sequencePad .pad{touch-action:manipulation}.playHeader .right .exitBtn{margin-left:4px}@media(max-width:800px){.mixCard{display:none}}@media(max-width:520px){.arena:has(.trainScene),.arena:has(.rainField){padding:0 10px;margin-top:18px}.arena:has(.trainScene) h1,.arena:has(.rainField) h1{font-size:20px}.arena:has(.rainField) .sub,.arena:has(.trainScene) .sub{font-size:10px;margin-bottom:15px}.arena:has(.trainScene) .board,.arena:has(.rainField) .board{padding:10px}.railMap{max-height:410px}.liveStats{font-size:9px;gap:7px;padding-bottom:10px}.liveStats b{font-size:11px;margin-left:3px}.rainField{height:270px}.mathDrop{font-size:13px;min-height:41px;padding:5px 3px}.mathKeys{gap:5px}.mathKeys button{padding:8px 3px;min-height:42px}.mathKeys .mathSubmit{padding:7px}.mathConsole{max-width:none}.arena:has(.rainField) .feedback{margin-top:8px;font-size:10px}.arena:has(.rainField) .playHint{margin-top:8px;font-size:9px}.compareBoard{width:100%}.mathBox.compound{padding:16px 9px}.deepPads .pad{font-size:20px}.deepGrid{width:100%}.liveStats:has(b){flex-wrap:wrap}.railSwitch circle{r:23px}.gameBadge{font-size:6px}.advancedPattern{font-size:19px}.playHeader{gap:9px}.playHeader .right{gap:4px}}
h1,h2,h3,.heroTitle,.pageTitle,.cardBody h3,.playHeader h2,.arena h1,.scoreHero,.stat b,.resultStats b,.number,.equation,.pattern,.brand,.mathBox,.stimulus,.crewAvatar,.swapScene b{font-family:system-ui,sans-serif!important}#trainLayer{pointer-events:none}.railSwitch text{pointer-events:none}.orbitField text{pointer-events:none}
.mathKeys{grid-template-columns:repeat(4,1fr)}.mathKeys .mathSubmit{grid-column:auto;grid-row:span 2;font-size:11px;padding:7px}.mathKeys .zeroKey{grid-column:span 2}
.pairMap{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%}.pairItem{display:flex;flex-direction:column;align-items:center;gap:10px;background:#f0eaf6;border:1px solid #e2d8eb;border-radius:8px;padding:16px 10px}.pairItem span{color:#a28ab9;font-size:31px}.pairItem strong{color:#89729d;font-weight:500;font-size:12px}.associationQuestion{font-size:34px;color:#a18ab6;padding:22px 0}.chainNumber{font-size:65px;color:#a48a52;font-weight:500;line-height:1.2}.targetBadge{background:#eee3c6;border-radius:12px;padding:15px 25px;min-width:120px;margin-bottom:25px}.targetBadge small{display:block;font-size:8px;letter-spacing:2px;color:#ad985f}.targetBadge b{font-size:35px;font-weight:500;color:#9f8446}.numberPool{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-bottom:22px}.numberStone{min-width:62px;min-height:59px;border:1px solid #dbd7bf;border-radius:10px;background:#f2edda;color:#a28a4d;font-size:25px;padding:9px 15px}.numberStone.selected{border-color:#b69c5e;background:#e8dcb9;box-shadow:0 0 0 2px #b9a47225}.mathOperators{display:flex;gap:8px}.mathOperators .answer{min-width:50px;font-size:22px;padding:7px 16px}.parkingWrap{padding:5px 19px 5px 0;width:min(100%,410px)}.parkingBoard{position:relative;width:100%;aspect-ratio:1;border:5px solid #c9d3b5;border-radius:10px;background:#f0f3e8}.parkingGrid{position:absolute;inset:0;display:grid;gap:0}.parkingGrid i{border:1px solid #dce5d0}.vehicle{position:absolute;border:2px solid #ffffff80;border-radius:8px;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:3px;background:var(--car-color);color:#fff;font-size:12px;box-shadow:0 3px 6px #344b2f15}.vehicle span{font-size:18px;opacity:.7;line-height:1}.vehicle b{font-size:12px;font-weight:600}.vehicle.selectedVehicle{border-color:#fff;box-shadow:0 0 0 2px #9caa78,0 3px 6px #344b2f25}.targetVehicle b{font-size:8px;letter-spacing:1px}.parkingExit{position:absolute;left:100%;height:calc(100% / var(--board-size));display:flex;align-items:center;justify-content:center;background:#dce8c8;color:#88a266;font-size:25px;width:22px;border-radius:0 5px 5px 0;pointer-events:none}.vehicleControls{display:flex;gap:10px;justify-content:center;width:100%}.vehicleControls .answer{min-width:115px}.powerSummary{font-size:11px;color:#91a07a;line-height:1.8;margin-bottom:20px}.powerSummary b{color:#7b9560;font-weight:500}.powerBoard{display:grid;gap:4px;width:min(100%,360px)}.pipeTile{aspect-ratio:1;padding:0;background:#f0f1e7;border:1px solid #dce4cd;border-radius:7px}.pipeTile svg{width:100%;height:100%;display:block;overflow:hidden}.pipeTile path{stroke:#bac5ac;stroke-width:10;stroke-linecap:round;fill:none}.pipeTile circle{fill:#a6b397}.pipeTile.powered{background:#e5eed8;border-color:#b9cc9d}.pipeTile.powered path{stroke:#91b073}.pipeTile.powered circle{fill:#7a9e59}.pipeTile text{fill:#fff;font:12px system-ui}.radarPanels{display:grid;gap:16px;width:100%;max-width:520px}.radarPanel{background:#f0f5eb;border:1px solid #d9e4ce;border-radius:12px;padding:20px 16px}.radarLabel{font-size:8px;letter-spacing:1.5px;color:#91a383}.radarRule{min-height:45px;display:flex;gap:12px;justify-content:center;align-items:center;font-size:10px;color:#849a71;margin:8px 0 10px}.radarRule b{font-size:27px;font-weight:500}.radarSignal{height:140px;display:flex;align-items:center;justify-content:center;border:1px solid #dce7d3;background:radial-gradient(circle,#edf4e5,#e4eedb);border-radius:50%;width:140px;max-width:100%;margin:0 auto 22px}.radarSignal>span{font:75px Georgia,serif}.radarSignal small{font-size:9px;line-height:1.8;color:#a3b094;max-width:90px}.radarConfirm{width:100%;min-height:44px}.reviewNote{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid #dde6d0;background:#eef3e6;border-radius:8px;padding:14px 18px;font-size:10px;color:#8a9d73;margin-bottom:24px}.reviewNote button{border:0;background:none;padding:7px;color:#738d5c;font-size:10px;white-space:nowrap}.levelPath{display:grid;grid-template-columns:repeat(10,1fr);gap:5px;margin:15px 0}.levelPath button{padding:8px 0;background:#f1f3e9;border:1px solid #e0e5d3;color:#9eab8b;border-radius:5px;font-size:10px}.levelPath button.passed{background:#e2ecd4;border-color:#bed1a3;color:#76925b}.levelPath button.current{outline:2px solid #c2a16d;outline-offset:1px}.levelPathLegend{font-size:9px!important;line-height:1.8!important;color:#a4ad95!important}.levelPathLegend span{display:inline-block;margin-right:10px}.arena:has(.parkingBoard),.arena:has(.powerBoard){max-width:690px}.arena:has(.radarPanels){max-width:740px}@media(max-width:520px){.pairMap{gap:7px}.pairItem{padding:13px 6px}.pairItem span{font-size:26px}.pairItem strong{font-size:10px}.chainNumber{font-size:53px}.numberStone{min-width:49px;min-height:53px;font-size:22px;padding:8px 12px}.numberPool{gap:7px}.parkingWrap{padding-right:17px}.parkingExit{width:18px;font-size:22px}.vehicle{border-radius:6px;gap:1px}.vehicle b{font-size:10px}.targetVehicle b{font-size:6px;letter-spacing:.5px}.vehicle span{font-size:15px}.radarPanels{gap:9px}.radarPanel{padding:14px 9px}.radarSignal{height:112px;width:112px}.radarSignal>span{font-size:60px}.radarRule{font-size:8px;gap:8px}.radarRule b{font-size:24px}.radarLabel{font-size:7px}.reviewNote{padding:12px;font-size:9px}.levelPath{gap:4px}.levelPath button{font-size:9px}.powerBoard{gap:3px}.pipeTile{border-radius:5px}}
/* Stable touch controls stay outside the animated SVG scene. */
.actionScene{display:block;width:100%;max-width:420px;max-height:49vh;margin:12px auto;border-radius:20px;overflow:hidden;background:#173440;pointer-events:none}.actionControls{display:flex;gap:12px;max-width:420px;margin:14px auto 4px}.actionButton{flex:1;min-height:58px;font-size:14px;font-weight:750;touch-action:none;user-select:none;-webkit-user-select:none;border-radius:14px;border:1px solid #b6c6b6;background:#eef2e7;color:#304c40}.actionButton:active,.actionButton.selected{background:#365e50;color:#fff;border-color:#365e50}.actionForecast{font-size:11px;text-align:center;line-height:1.8;color:#637563;max-width:420px;margin:12px auto}.actionControls .primary{background:#365e50;color:#fff}.actionScene.raceScene{max-height:51vh}.actionControls button:focus-visible{outline:3px solid #ddae58;outline-offset:3px}@media(max-width:500px){.actionControls{gap:9px}.actionButton{font-size:12px;min-height:58px}.actionScene{max-height:47vh}.actionForecast{font-size:10px}}
.actionControls,.actionForecast{width:100%}.arena:has(.actionScene){padding-top:18px}.arena:has(.actionScene) .feedback{min-height:24px;margin:10px 0 0}.arena:has(.actionScene) .playHint{margin-top:14px}.actionScene{aspect-ratio:1/1;object-fit:contain}.actionScene.raceScene{aspect-ratio:420/440}
/* A focused game stage, distinct from the quiet library. */
#playView{width:100%;max-width:none;min-height:100svh;margin:0;padding:0 16px 26px;background:radial-gradient(ellipse at 50% 10%,#20384c 0%,#111e2c 65%);color:#e3edf3}#playView[hidden]{display:none}#playView .playHeader{max-width:1000px;margin:auto;padding:15px 0;height:74px;border:0}#playView .playHeader h2{font:650 19px system-ui;letter-spacing:-.4px;color:#edf4f3;margin-top:3px}#playView .playHeader small{color:#94adba;font-size:9px;letter-spacing:1.6px}#playView .playHeader .right{gap:12px;display:flex;align-items:center}#playView .exitBtn{background:#ffffff0b;border:1px solid #ffffff12;color:#c8d7dd;width:36px;height:36px;border-radius:12px;font-size:22px}#playView #gameCounter{color:#93aebc;font-size:11px}#playView>.progressTrack{max-width:1000px;margin:0 auto;background:#ffffff08;height:2px}#playView .arena{max-width:650px;padding:14px 18px 12px;margin:auto}#playView .arena h1{font:600 23px/1.25 system-ui;letter-spacing:-.6px;margin:10px 0 6px;color:#e5efee}#playView .sub{color:#97afbc;font-size:12px;margin:8px 0 17px}#playView .board{background:#0d1c2a;border:1px solid #8fa8be1c;border-radius:22px;box-shadow:0 20px 60px #030b143d;padding:17px;min-height:220px}#playView .playHint{color:#88a2af;font-size:11px;line-height:1.7;margin:14px 0 0}#playView .feedback{font-size:12px;color:#a6dcc9;min-height:22px;margin:12px 0 0}#playView .feedback.bad{color:#f0ad9e}#playView .roundInfo{font-size:9px;letter-spacing:2px;color:#77b8b4}#playView .liveStats{font-size:9px;font-weight:600;letter-spacing:1.1px;color:#7898ab;padding:0 4px 12px;align-items:center}#playView .liveStats span{display:flex;flex-direction:column;gap:5px}#playView .liveStats b{color:#dceee9;font-size:19px;letter-spacing:0;font-weight:650;margin:0}#playView .actionScene{max-width:420px;max-height:47svh;margin:0 auto 8px;border-radius:15px;border:1px solid #ffffff13;box-shadow:0 5px 18px #0003;aspect-ratio:1/1}#playView .raceScene{aspect-ratio:420/500;max-height:50svh}#playView .actionControls{margin:9px auto 0;gap:10px}#playView .actionButton{min-height:52px;font-size:12px;letter-spacing:.8px;background:linear-gradient(#254354,#1c3545);border-color:#6f9da84a;color:#d6e7e6;border-radius:12px;box-shadow:inset 0 1px #ffffff10,0 4px 8px #0002}#playView .actionButton:active,#playView .actionButton.selected,#playView .actionControls .primary{background:linear-gradient(#5db9ab,#3a8e89);color:#071f2b;border-color:#9be6d17a;box-shadow:0 3px 20px #50a99a15}#playView .actionForecast{color:#91acb6;line-height:1.5;font-size:10px;margin:11px 0 0}#playView .answer{background:#213848;color:#d4e7ec;border:1px solid #63899842;box-shadow:inset 0 1px #ffffff0a;border-radius:12px;min-height:46px}#playView .answer:hover{background:#2a4a59}#playView .cell{background:linear-gradient(140deg,#20374a,#182d3f);border:1px solid #6d96ae2e;box-shadow:inset 0 1px #ffffff0a,0 4px 8px #0001;border-radius:9px;color:#a7c5d0;transition:background .15s,box-shadow .15s}#playView .cell.lit,#playView .cell.reveal{background:linear-gradient(145deg,#8de4d3,#3a9d9f);border-color:#c2fff0;box-shadow:0 0 20px #67e4ca30,inset 0 1px #fff8;color:#173345}#playView .cell.hit{background:linear-gradient(145deg,#9dd1ab,#5aaf96);border-color:#bdebd3;color:#103f35}#playView .cell.miss{background:#a4575a;border-color:#ecaba0}#playView .pad{border:2px solid #ffffff2a;border-radius:16px;box-shadow:inset 0 3px #ffffff35,0 6px 0 #0003;filter:saturate(.85);opacity:.8;transition:filter .12s,opacity .12s}#playView .pad.lit{opacity:1;filter:brightness(1.7) saturate(1.1);box-shadow:0 0 28px #c2f9de55,inset 0 2px #fff9}#playView .deepGrid{padding:14px;max-width:440px;background:radial-gradient(ellipse,#27455655,transparent);border:1px solid #3c647b33;border-radius:17px}#playView .number,#playView .symbol,#playView .equation,#playView .pattern{color:#c6e0e8}#playView .rule{background:#31485d;color:#d2e6ef;border:1px solid #6e9eaf44}#playView .mathBox{background:#293d52;color:#d1dce4}#playView .rainField{background:radial-gradient(ellipse at top,#2d4869,#111e30);border:1px solid #537ca93a;box-shadow:inset 0 0 80px #071a2e;border-radius:15px}#playView .rainLane{border-color:#78abd014}#playView .mathDrop{box-shadow:0 6px 16px #0004,inset 0 2px #fff9;border:1px solid #ffffff66;border-radius:10px;color:#25384b;font-size:17px;font-weight:700}#playView .dangerLine{background:#e0a28510;border-color:#d38a70;color:#dca88e;font-size:8px;letter-spacing:2px}#playView .mathInput{background:#182b3b;border:1px solid #53829640;color:#d3e6ec;border-radius:11px;font-size:25px}#playView .mathKeys button{background:#294556;color:#e0efee;border:1px solid #7098a533;border-radius:10px;box-shadow:inset 0 1px #ffffff0c}#playView .mathKeys .mathSubmit{background:#70b9a8;color:#0a2c34}#playView .pairItem{background:#25364d;border:1px solid #8c9cc533;box-shadow:inset 0 1px #fff1;color:#e5ddf0}#playView .pairItem span{color:#b8a7de}#playView .associationQuestion{color:#cfc2ed}#playView .resultPanel{padding:25px;background:#ffffff06;border:1px solid #97bfd322;border-radius:24px}#playView .resultPanel .scoreHero{color:#9bd6bf}#playView .resultPanel .resultStats>div{background:#ffffff05;border-color:#ffffff0a}#playView .resultPanel .resultStats b{color:#e2ede8}#playView .resultPanel .scoreLabel,#playView .resultPanel small{color:#93aab9}.flowFinish{background:#ffffff08;border:1px solid #7198ac42;border-radius:9px;color:#b4cbd3;font-size:10px;padding:9px 11px}.flowFinish:hover{background:#ffffff13}.flowRibbon{display:flex;align-items:center;gap:18px;max-width:610px;margin:13px auto 0;padding:11px 15px;border:1px solid #6a9caa26;background:linear-gradient(105deg,#1c3848,#19313f);border-radius:13px}.flowRibbon[hidden]{display:none}.flowLevel{font-size:8px;letter-spacing:1.5px;color:#9eb6bf;white-space:nowrap}.flowLevel b{font-size:21px;color:#d7efe9;margin-left:5px;letter-spacing:0}.flowLevel small{display:block;font-size:7px;color:#7cd0b5;margin-top:2px}.flowStatus{flex:1;font-size:10px;color:#b4cdd4;line-height:1.5}.flowStatus i{display:block;height:3px;background:#ffffff09;margin-top:8px;border-radius:5px;overflow:hidden}.flowStatus em{display:block;background:#89cfb2;height:3px;border-radius:5px;transition:width .3s}.flowTempo{font-size:7px;letter-spacing:1px;color:#a2cbb9;max-width:65px;text-align:right;line-height:1.6}.modePicker{display:flex;gap:8px;margin:20px 0 10px}.modePicker button{flex:1;text-align:left;background:#f1f1eb;border:1px solid #dcdfd5;border-radius:12px;padding:12px;color:#748171}.modePicker strong{display:block;font-size:13px}.modePicker span{display:block;font-size:9px;margin-top:5px}.modePicker button.selected{background:#e1eee5;border-color:#67a28c;color:#315e50}.modeInfo{font-size:10px;line-height:1.7;color:#718575}.gameArt{background:#243b49!important}.gameArt svg{transition:transform .4s}.gameCard:hover .gameArt svg{transform:scale(1.04)}.gameBadge{background:#f6dbaf;color:#53402e}.gameCard{box-shadow:0 4px 16px #31443106}.gameCard .cardBody h3{font-weight:650}.gameCard .cardBottom{font-size:9px}
@media(max-width:600px){#playView{padding:0 10px 18px}#playView .playHeader{height:63px;padding:9px 0}#playView .playHeader h2{font-size:16px}#playView .playHeader small{font-size:7px;letter-spacing:1px}#playView .playHeader .right{gap:6px}#playView #gameCounter{display:none}#playView .arena{padding:8px 0 0}#playView .arena h1{font-size:20px;margin-top:8px}#playView .sub{font-size:10px;margin-bottom:11px}#playView .board{padding:12px;border-radius:17px}#playView .liveStats{padding-bottom:10px}#playView .liveStats b{font-size:16px}#playView .actionScene{max-height:42svh}#playView .raceScene{max-height:45svh}#playView .actionButton{min-height:51px;font-size:11px}#playView .deepGrid{gap:5px!important;padding:9px;width:100%}.flowRibbon{gap:11px;margin-top:9px;padding:9px 12px;border-radius:10px}.flowTempo{font-size:6px;max-width:50px}.flowStatus{font-size:9px}.flowLevel b{font-size:19px}.flowFinish{font-size:9px;padding:8px}#playView .playHint{font-size:9px;margin-top:10px}#playView .mathDrop{font-size:14px}#playView .mathKeys button{min-height:39px}#playView .rainField{height:225px}#playView .mathInput{font-size:21px;padding:8px}#playView .mathConsole{gap:8px}}
@media(prefers-reduced-motion:reduce){.flowStatus em,.gameArt svg,#playView .cell,#playView .pad{transition:none}}
#playView:has(.resultPanel) .flowRibbon,#playView:has(.resultPanel) .flowFinish,#playView:has(.resultPanel) button[aria-label="Oyuna ara ver"]{display:none}#playView .slideTile{background:linear-gradient(145deg,#34596c,#263f52);border-color:#6ba2b24a;color:#cbe3ea;box-shadow:inset 0 2px #fff1,0 4px 0 #071421;font-family:system-ui;font-weight:600}#playView .slideTile.blank{background:#0a1825;border:1px dashed #41637855;box-shadow:inset 0 2px 8px #0004}#playView .tower.selected{background:#5c9c8722}#playView .tower:after{background:linear-gradient(90deg,#698b92,#99b1ac,#41616c)}#playView .tower:before{background:linear-gradient(#95a5a0,#4a686e)}#playView .parkingBoard{background:#263b48;border-color:#819185;border-radius:13px;box-shadow:0 10px 20px #0004,inset 0 0 0 4px #1b303e}#playView .parkingGrid i{border-color:#99bfa015}#playView .vehicle{box-shadow:0 4px 6px #0004,inset 0 3px #fff5,inset 0 -3px #0002;border:1px solid #ffffff55;border-radius:9px;background:linear-gradient(135deg,color-mix(in srgb,var(--car-color) 75%,white),var(--car-color));color:#183747}#playView .vehicle:before{content:'';position:absolute;inset:18% 14%;border-radius:5px;background:linear-gradient(90deg,#16394b 0 20%,#ffffff00 20% 70%,#16394b 70%);opacity:.6;border:1px solid #ffffff4a}#playView .vehicle[aria-label*="dikey"]:before{background:linear-gradient(#16394b 0 20%,#ffffff00 20% 70%,#16394b 70%)}#playView .vehicle b,#playView .vehicle span{z-index:1;position:relative;text-shadow:0 1px #ffffff8a}#playView .selectedVehicle{outline:3px solid #f0c586;outline-offset:1px}#playView .parkingExit{background:#92c6ac;color:#173b41}#playView .pipeTile{background:linear-gradient(145deg,#233a49,#192d3c);border-color:#4b788742;box-shadow:inset 0 1px #fff1}#playView .pipeTile path{stroke:#5c7e8b}#playView .pipeTile circle{fill:#72939b}#playView .pipeTile.powered{background:radial-gradient(circle,#2c615b,#1d3d42);border-color:#66b39b7a}#playView .pipeTile.powered path{stroke:#94d8b5;filter:drop-shadow(0 0 3px #8cedab33)}#playView .pipeTile.powered circle{fill:#c0e6a6}#playView .radarPanel{background:linear-gradient(#1b3545,#162c3b);border-color:#7aadb62b;border-radius:18px}#playView .radarLabel{color:#7ba2b3}#playView .radarRule{color:#adc8cc}#playView .radarSignal{background:repeating-radial-gradient(circle,#2c4b5d 0px,#2c4b5d 1px,#142b3c 2px,#142b3c 25px);border-color:#527b904d;box-shadow:inset 0 0 40px #194c5a55,0 0 25px #316c6c0a}#playView .radarSignal small{color:#8aa8b5}#playView .radarConfirm{background:linear-gradient(#77c3b1,#4fa59a);color:#122e3b}#playView .crewStation{background:linear-gradient(#2d3b54,#233149);border-color:#8d9cb62e}#playView .crewStation strong{color:#d2c5e6}#playView .crewStation>span{color:#95a0bf}#playView .crewAvatar{box-shadow:inset 0 3px #fff3,0 5px 10px #0003}#playView .marketItem{background:#2a344a;border-color:#9f9db32b}#playView .marketItem b{color:#d0c7d3}#playView .marketItem small{color:#b8b2bf}#playView .secondary{background:#ffffff08;color:#b2c7cc;border:1px solid #7e9eaa33}#playView .textButton{color:#98c6bc}
.roadNetwork{display:block;width:100%;max-width:520px;overflow:visible;border-radius:17px}.roadNetwork [role=button]{cursor:pointer}.roadNetwork [role=button]:focus{outline:none}.roadNetwork [role=button]:focus circle:nth-child(2){stroke:#cc874d;stroke-width:4}.roadHUD{display:flex;width:100%;justify-content:space-between;padding:0 5px 14px;gap:15px}.roadHUD span{display:flex;flex-direction:column;font-size:8px;letter-spacing:1px;color:#89a8b6;gap:5px}.roadHUD b{font-size:22px;letter-spacing:0;color:#d6ebe7}.roadHUD b small{font-size:12px;color:#8fb1bc}.roadRules{width:100%;font-size:11px;line-height:1.7;color:#b1cbc7;padding:12px 3px 8px}.roadStops{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;width:100%;margin-top:8px}.roadStop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:53px;border:1px solid #689caa44;background:#243e4e;color:#d8ebe7;border-radius:10px}.roadStop b{font-size:16px}.roadStop span{font-size:9px;color:#9fbec5}.roadStop.visited{background:#315a51;opacity:.65}.roadStop:disabled:not(.visited){opacity:.38}.roadOrder{width:100%;font-size:8px;letter-spacing:1px;color:#7b9ba9;margin-top:14px;line-height:1.8}.roadOrder b{font-size:11px;letter-spacing:0;color:#c3dbd7;display:block;margin-top:2px}.routeReviewMap{margin:14px 0;width:100%;max-width:520px}.reviewOrder{padding:10px;background:#e8eee5;border-radius:8px;word-break:break-word}.roadCompare{margin:12px auto}.searchSample{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:17px;padding:10px 22px;border:1px solid #7cafc13a;background:#1c394b;border-radius:13px}.searchSample span{font-size:9px;letter-spacing:1.2px;color:#a1bec8}.searchSample div{width:60px;height:60px;color:#dfede7}.refinedSearch{width:min(100%,460px);gap:5px!important}#playView .refinedSearch .searchCell{aspect-ratio:1;min-width:0;width:100%;height:auto;padding:0;background:linear-gradient(#213f52,#1b3245);border:1px solid #82a4b42a;color:#b9d4dc;border-radius:8px}.refinedSearch svg{display:block;width:100%;height:100%}#playView .refinedSearch .searchCell:hover{background:#345767}#playView[data-game=route] .arena{max-width:720px}#playView[data-game=route] .board{padding:15px 17px}#playView[data-game=route] .answerRow{gap:8px}#playView[data-game=route] .answerRow button{font-size:11px;padding:10px 12px}@media(max-width:600px){.roadStops{grid-template-columns:repeat(6,1fr);gap:5px}.roadStop{min-height:48px}.roadStop span{font-size:8px}.roadRules{font-size:10px}.roadHUD b{font-size:19px}#playView[data-game=route] .board{padding:11px}.searchSample{margin-bottom:10px;padding:5px 15px}.searchSample div{width:50px;height:50px}}
.roadNetwork{overflow:hidden}
/* Universal touch ergonomics. Small viewports scroll content, never hide controls. */
html{overscroll-behavior-x:none}body{overflow-x:hidden}button,input,select{font-family:system-ui,sans-serif}button{min-height:44px}dialog{max-height:calc(100svh - 24px);max-width:min(560px,calc(100vw - 20px));overflow-y:auto;padding:22px}dialog .actions{position:sticky;bottom:-22px;background:#f8f6f1;padding:12px 0 16px;margin-bottom:-16px;z-index:4;box-shadow:0 -10px 15px #f8f6f1}dialog .actions button{min-height:48px;font-size:14px;flex:1}dialog .levelPath{grid-template-columns:repeat(5,1fr);gap:7px}dialog .levelPath button{min-height:44px;font-size:14px}dialog .modePicker button{min-height:66px}.responsiveSelect{min-height:48px;font-size:15px}.filterBar button,.filters button{min-height:44px}.cardBottom button{min-width:48px;min-height:48px}.favorite{min-width:44px;min-height:44px}.gameBadge{pointer-events:none}.roadNetwork{max-height:40svh}.roadStops{grid-template-columns:repeat(4,1fr)}.roadStop{min-height:52px}.roadStop b{font-size:18px}.roadStop span{font-size:11px}.roadRules{font-size:12px}.roadOrder b{font-size:13px}.searchCell{min-height:0!important}.levelPath{display:grid;grid-template-columns:repeat(5,1fr)}#playView .playHeader{position:sticky;top:0;z-index:12;background:#142637ed;backdrop-filter:blur(12px);border-bottom:1px solid #6c91a52b;max-width:1100px;height:66px}#playView .playHeader h2{font-size:18px}#playView .playHeader small{font-size:10px}#playView .exitBtn{width:46px;height:46px;min-width:46px;min-height:46px;font-size:26px}.flowFinish{min-height:44px;padding:8px 12px;font-size:12px}#playView .arena h1{font-size:23px}#playView .sub{font-size:13px;line-height:1.5}#playView .playHint{font-size:12px}#playView .feedback{font-size:13px;line-height:1.5}#playView .answerRow{flex-wrap:wrap;gap:9px}#playView .answerRow>button{min-height:48px;font-size:14px;min-width:80px;flex:1}#playView .actionControls{width:100%;gap:12px}#playView .actionButton{min-height:58px;font-size:15px}#playView .actionScene{max-height:43svh}#playView .raceScene{max-height:45svh}#playView .liveStats span{font-size:10px}#playView .liveStats b{font-size:20px}.flowStatus{font-size:12px}.flowLevel{font-size:9px}.flowLevel b{font-size:24px}.flowTempo{font-size:9px;max-width:64px}.flowRibbon{padding:12px;margin:9px auto}.flowStatus i{margin-top:6px}.flowLevel small{font-size:8px}#playView .mathKeys button{min-height:49px;font-size:20px}#playView .mathInput{font-size:25px;min-height:48px}#playView .rainField{height:clamp(190px,31svh,310px)}#playView .trainScene{width:100%;max-width:520px}#playView .railMap{max-height:48svh;width:100%}#playView .board{min-width:0}#playView .deepGrid{width:min(100%,440px)}#playView .cell{min-height:0;padding:0;aspect-ratio:1}#playView .pipeTile{min-height:0;min-width:0}#playView .slideTile{min-height:0}#playView .vehicle{min-height:0;min-width:0}.ceramicWorld,.vitrineWorld,.lightWorld{width:100%;border:1px solid #aabca526;border-radius:17px;overflow:hidden;position:relative}.vitrineWorld{background:radial-gradient(ellipse at 40% 0%,#8f755548,#271e35 55%,#171b2d);box-shadow:inset 0 0 55px #0004;padding:15px}.vitrineSign{display:flex;justify-content:space-between;align-items:center;color:#e2c899;letter-spacing:2px;font-size:11px;padding:4px 2px 15px}.vitrineSign i{font-size:10px;letter-spacing:0;color:#b2a98c;font-style:normal}.vitrineCabinet{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;transition:opacity .25s,transform .25s}.vitrineCabinet.curtain{opacity:.3;transform:scale(.985);pointer-events:none}.artifactCard{background:radial-gradient(ellipse at top,#7e6a6344,#2b2535);border:1px solid #b7986d55;border-bottom:4px solid #7c5b4e;border-radius:11px;color:#d9c8ac;min-height:110px;padding:8px 4px 10px;display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:0 5px 12px #0003,inset 0 1px #f5e0b522;position:relative}.artifactCard:before{content:'';position:absolute;inset:0;background:linear-gradient(120deg,#fff0 15%,#fff1 18%,#fff0 35%);pointer-events:none}.artifactCard svg{width:70px;max-width:100%;height:70px;filter:drop-shadow(0 2px 3px #0005);animation:artifactBreathe 5s ease-in-out infinite}.artifactCard:nth-child(even) svg{animation-delay:-2s}.artifactCard span{font-size:11px;line-height:1.3;text-align:center}.vitrineFoot{margin-top:12px;font-size:12px;color:#d3bf9e;text-align:center}.artifactCard:hover{border-color:#e7c993}.artifactCard:active{transform:translateY(2px)}@keyframes artifactBreathe{50%{transform:translateY(-3px)}}.ceramicWorld{background:radial-gradient(ellipse at top,#b68c6240,#4c3e36 60%,#273138);padding:10px 12px}.workshopShelf{height:85px;position:relative;border-bottom:5px solid #8f7355;box-shadow:0 5px 7px #0003;display:flex;justify-content:space-between}.workshopShelf>span{font-size:10px;color:#e2d1aa;letter-spacing:2px;align-self:center;max-width:100px;line-height:1.8}.shelfPots{display:flex;height:78px;align-items:flex-end}.shelfPots svg{height:70px;width:65px}.studioLamp{position:absolute;width:65px;height:50px;left:44%;top:-30px;background:linear-gradient(#ceac74,#735c43);border-radius:0 0 60% 60%;box-shadow:0 28px 60px #ffe5a333;animation:lampGlow 6s ease-in-out infinite}@keyframes lampGlow{50%{box-shadow:0 28px 75px #ffe5a355}}.kilnRow{display:flex;gap:10px;padding-top:14px}.kilnButton{flex:1;min-width:0;border-radius:10px;border:2px solid #786958;background:#393937;color:#dfd3b5;padding:8px 8px 10px;box-shadow:inset 0 1px #fff2,0 5px 9px #0003}.kilnButton.selected{border-color:#d2bd87;background:#4c4a3d}.kilnNumber{font-size:10px;letter-spacing:1px}.kilnChamber{height:75px;position:relative;border:5px solid #8a7b68;border-radius:30px 30px 7px 7px;background:radial-gradient(ellipse at bottom,#624a35,#211f25 75%);margin:8px 2px;overflow:hidden;box-shadow:inset 0 3px 10px #0008}.kilnChamber>span{position:relative;display:block;height:100%;z-index:1}.kilnChamber svg{height:100%;width:100%}.kilnFire{position:absolute;inset:30% 0 0;opacity:.1;background:radial-gradient(ellipse at bottom,#ffd685,#e88a3b66,transparent)}.firing .kilnFire{opacity:1;animation:kilnFlicker 1.9s ease-in-out infinite}.ready .kilnChamber{border-color:#9dc6a1;background:radial-gradient(ellipse at bottom,#8e94783d,#1e2d32)}@keyframes kilnFlicker{50%{opacity:.65;transform:scaleY(1.13)}}.kilnState{font-size:11px;white-space:nowrap}.kilnBar{display:block;height:5px;background:#ffffff17;border-radius:6px;overflow:hidden;margin-top:8px}.kilnBar em{display:block;height:100%;background:#e1ae72;transition:width .1s linear}.ready .kilnBar em{background:#a5d5a9}.orderStrip{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%;margin:12px 0}.orderTicket{min-width:0;min-height:87px;background:linear-gradient(#eddfbd,#c6b597);border:1px solid #dac6a2;border-radius:9px;color:#4c5149;padding:9px 7px;display:flex;flex-direction:column;justify-content:center;gap:6px;box-shadow:0 3px 8px #0003}.orderTicket>span{font-size:9px;letter-spacing:1px}.orderTicket b{font-size:12px;line-height:1.3}.orderTicket small{font-size:12px;font-weight:700}.ceramicConsole{width:100%}.ceramicNote{font-size:12px;color:#c5d5ce;line-height:1.5;min-height:28px}.recipeChoices{display:grid;gap:10px;margin:5px 0 12px}.recipeChoices>div>span{font-size:9px;color:#89a9b4;letter-spacing:1px}.recipeChoices>div>div{display:flex;gap:8px;margin-top:6px}.recipeChoices button{flex:1;min-width:0;min-height:47px;border:1px solid #7b9da33b;border-radius:9px;background:#223c4c;color:#b9d5db;font-size:12px}.recipeChoices button i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px}.recipeChoices button.selected{background:#537f75;border-color:#b5d5ab;color:#fff}.ceramicActions{display:flex;gap:9px}.ceramicActions button{min-height:50px;border-radius:10px}.ceramicActions .primary{flex:1;font-size:13px;background:#94bda0;color:#19383d}.ceramicActions button:last-child{background:#263e4b;border:1px solid #698e9b44;color:#b9d4d9;font-size:12px;padding:7px 10px}.lightWorld{background:#0c1c2c}.lightWorld svg{display:block;width:100%;max-height:40svh}.lightNote{text-align:center;font-size:12px;color:#b6d3db;min-height:35px;padding:9px;line-height:1.5}.lightChoices{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;width:100%;max-width:450px}.lightChoices button{min-height:54px;font-size:18px;font-weight:650;background:#264656;color:#d3e7e5;border:1px solid #6d9aa747;border-radius:11px}.lightChoices button:not(:disabled):hover{background:#3e716f}.plusStats{width:100%}#playView[data-game=ceramics] .arena{max-width:650px}#playView[data-game=ceramics] .board{padding:14px}#playView[data-game=ceramics] .playHint{font-size:11px}#playView[data-game=lightlab] .answers{width:100%}
@media(max-width:600px){main{padding:20px 14px}.cardGrid{gap:12px}.cardBody p{font-size:12px}.cardBody h3{font-size:17px}.cardBottom{font-size:11px}.filters{gap:6px}.filterBar button,.filters button{font-size:12px;padding:9px 12px}.mixCard button,.sidebar nav button{min-height:44px}.installButton{min-height:44px;font-size:12px}header{padding:0 12px}dialog{padding:18px}dialog .actions{bottom:-18px}dialog h2{font-size:26px}dialog p{font-size:13px!important;line-height:1.6}dialog .miniArt{max-height:85px}.modePicker span{font-size:11px}.modeInfo{font-size:12px}#playView{padding:0 8px 14px}#playView .playHeader{height:62px;padding:6px 2px}#playView .playHeader h2{font-size:16px}#playView .playHeader small{font-size:9px}#playView .arena{padding:6px 0 0}#playView .arena h1{font-size:20px;margin:8px 0 5px}#playView .sub{font-size:12px;margin:5px 0 10px}#playView .board{padding:11px;border-radius:14px}#playView .actionScene{max-height:37svh;width:auto;max-width:100%;margin:0 auto 8px}#playView .raceScene{max-height:41svh}#playView .actionControls{margin-top:6px;max-width:none}#playView .actionButton{font-size:14px;min-height:56px}#playView .actionForecast{font-size:11px;white-space:normal}#playView .answerRow{position:sticky;bottom:0;padding:10px 0 max(10px,env(safe-area-inset-bottom));background:linear-gradient(#122536ee,#122536);z-index:8;margin:8px 0 0}#playView .answerRow:empty{display:none}#playView .answerRow>button{min-height:49px;font-size:13px;min-width:90px}#playView .playHint{font-size:11px;margin:8px 4px 0;line-height:1.5}#playView .feedback{font-size:12px;min-height:20px;margin-top:8px}.flowRibbon{gap:10px;margin:7px 0 0;padding:9px 11px}.flowStatus{font-size:10px;line-height:1.5}.flowLevel{font-size:8px}.flowLevel b{font-size:22px}.flowTempo{font-size:8px}.flowLevel small{font-size:7px}.flowFinish{font-size:11px;min-height:44px;padding:7px 9px}#playView .mathKeys button{min-height:47px;font-size:20px}#playView .mathConsole{width:100%;max-width:420px;gap:7px}#playView .mathInput{font-size:23px;padding:6px;min-height:44px}#playView .rainField{height:clamp(155px,25svh,260px)}#playView .liveStats{padding:0 3px 10px;gap:9px}#playView .liveStats b{font-size:17px}#playView .liveStats span{font-size:9px}#playView .deepGrid{padding:6px;gap:5px!important}.roadNetwork{max-height:none;width:100%}.roadStops{grid-template-columns:repeat(4,1fr);gap:6px}.roadStop{min-height:50px}.roadStop span{font-size:10px}.roadRules{font-size:11px}.roadHUD{padding-bottom:10px}.roadOrder{font-size:9px}#playView .radarPanel{padding:11px 8px}.radarSignal{width:110px;height:110px;margin-bottom:12px}.radarRule{font-size:10px!important;flex-wrap:wrap}.radarConfirm{min-height:50px;font-size:14px}.vitrineWorld{padding:10px}.vitrineSign{font-size:10px;letter-spacing:1px;padding-bottom:10px}.vitrineSign i{font-size:9px}.vitrineCabinet{grid-template-columns:repeat(3,1fr);gap:7px}.artifactCard{min-height:88px;padding:5px 3px 7px}.artifactCard svg{width:54px;height:54px}.artifactCard span{font-size:10px;line-height:1.25}.vitrineFoot{font-size:11px;margin-top:9px}.workshopShelf{height:53px;border-bottom-width:4px}.shelfPots{height:50px}.shelfPots svg{height:48px;width:43px}.workshopShelf>span{font-size:9px;max-width:90px;letter-spacing:1px}.ceramicWorld{padding:7px 9px}.kilnRow{padding-top:9px;gap:7px}.kilnButton{padding:6px 5px 7px}.kilnChamber{height:55px;border-width:4px;margin:5px 0}.kilnNumber{font-size:9px}.kilnState{font-size:10px}.orderStrip{gap:6px;margin:9px 0}.orderTicket{min-height:73px;padding:7px 5px;gap:5px}.orderTicket b{font-size:11px}.orderTicket>span{font-size:8px}.ceramicNote{font-size:11px;min-height:24px}.recipeChoices{gap:6px;margin:3px 0 9px}.recipeChoices button{min-height:44px;font-size:11px}.recipeChoices>div>div{gap:6px;margin-top:3px}.ceramicActions{gap:7px}.ceramicActions button{min-height:49px}.ceramicActions .primary{font-size:12px}.ceramicActions button:last-child{font-size:11px;padding:6px}.lightWorld svg{max-height:34svh}.lightNote{font-size:11px;min-height:31px;padding:8px}.lightChoices{gap:8px}.lightChoices button{min-height:51px;font-size:18px}#playView[data-game=ceramics] .board{padding:10px}#playView[data-game=ceramics] .playHint{font-size:10px}#playView[data-game=ceramics] .sub{font-size:11px}#playView[data-game=ceramics] .feedback{min-height:17px;margin-top:6px}}
@media(max-height:720px) and (max-width:600px){#playView .actionScene{max-height:32svh}#playView .raceScene{max-height:36svh}#playView .sub{margin-bottom:7px}#playView .liveStats b{font-size:15px}.flowRibbon{padding:7px 9px}#playView .arena h1{font-size:18px}.lightWorld svg{max-height:29svh}.workshopShelf{display:none}.vitrineCabinet{gap:5px}.artifactCard{min-height:74px}.artifactCard svg{width:45px;height:45px}}
@media(prefers-reduced-motion:reduce){.artifactCard svg,.studioLamp,.firing .kilnFire{animation:none}.vitrineCabinet,.kilnBar em{transition:none}}
#playView.paused *{animation-play-state:paused!important}
@media(max-width:600px) and (max-height:780px){#playView[data-game=ceramics] .workshopShelf{display:none}#playView[data-game=ceramics] .orderTicket{min-height:66px}#playView[data-game=ceramics] .kilnChamber{height:50px}#playView[data-game=ceramics] .arena h1{margin-top:4px}#playView[data-game=ceramics] .sub{margin-bottom:7px}#playView[data-game=ceramics] .recipeChoices{gap:5px}}
@media(max-width:600px){.artifactCard{font-size:11px}.vitrineSign i{max-width:70px;text-align:right}.powerBoard{width:100%;max-width:430px}.hanoi .tower{min-width:48px}.slideGrid{max-width:100%;width:100%}}
.railSwitch circle:first-of-type{r:42px;fill:transparent!important;stroke:none!important}
@media(max-width:600px){#playView[data-game=parking] .board{padding:4px}#playView[data-game=parking] .parkingWrap{padding-right:12px}#playView[data-game=parking] .parkingBoard{border-width:3px}#playView[data-game=parking] .vehicle{min-width:44px!important;min-height:44px!important}#playView[data-game=parking] .parkingExit{width:14px;font-size:20px}}
.levelAnnouncement{position:fixed;top:76px;left:50%;transform:translateX(-50%);z-index:35;width:min(480px,calc(100% - 28px));padding:15px 18px;border-radius:14px;background:linear-gradient(120deg,#d1ebce,#9dc8bd);border:1px solid #e3ffe6;color:#183e40;box-shadow:0 12px 35px #06172077;pointer-events:none;opacity:0}.levelAnnouncement b{display:block;font-size:17px;letter-spacing:.5px}.levelAnnouncement span{display:block;font-size:12px;line-height:1.55;margin-top:5px}@keyframes levelMessage{0%{opacity:0;translate:0 -14px}9%,82%{opacity:1;translate:0 0}100%{opacity:0;translate:0 -10px}}#playView:has(.resultPanel) .levelAnnouncement{display:none}.brakeControl{flex:.8!important;background:linear-gradient(#795744,#514334)!important;color:#ffdfac!important}.brakeControl small{display:block;font-size:11px;margin-top:4px}.trafficControls{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;width:100%;max-width:420px;margin:9px auto}.trafficControls .actionButton{min-height:49px;font-size:12px}.pedestrianControl{grid-column:1/-1;min-height:47px;background:#8db7a4;color:#173e41;border:1px solid #c9e4ba;border-radius:10px;font-size:13px}.memoryOrderList{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;width:100%}.memoryOrderCard{background:linear-gradient(140deg,#35465a,#26364a);border:1px solid #8eabc13b;border-radius:14px;padding:15px 13px;text-align:center}.memoryPerson{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--person);color:#244350;font-size:22px;font-weight:650;margin:auto;box-shadow:inset 0 3px #fff3,0 3px 7px #0003}.memoryOrderCard h3{font-size:15px;color:#e0e5dd;margin:8px 0}.memoryOrderCard p{font-size:13px;color:#c5d9d7;line-height:1.9;margin:0}.memoryPhaseNote{font-size:12px;line-height:1.6;color:#a9c5cb;text-align:center;padding:12px 0 0}.memoryCustomer{display:flex;align-items:center;gap:12px;width:100%;padding:14px;background:#263f50;border-radius:12px}.memoryCustomer>span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#b7c9b5;color:#23414c;font-size:22px}.memoryCustomer>b{font-size:19px;color:#d4e5de}.memoryCustomer small{margin-left:auto;max-width:120px;font-size:11px;color:#9ab8c3;text-align:right}.bagChoices{width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:15px}.bagChoices button{min-height:66px;background:linear-gradient(#2c4b5c,#213c4e);border:1px solid #6a9da744;border-radius:10px;color:#d4e5df;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.bagChoices button.selected{background:linear-gradient(#739f8d,#527e79);border-color:#b5d7ae}.bagChoices b{font-size:12px}.bagChoices span{font-size:20px;font-weight:700}.memoryBagSummary{font-size:12px;color:#aec8cd;text-align:center;margin-top:13px}.memoryFocus{font-size:45px;color:#d8e4dc;padding:38px 0}.memoryUpdate{font-size:21px;color:#e2d2a9;line-height:1.7;padding:30px 20px;text-align:center;background:linear-gradient(120deg,#344959,#29394f);border:1px solid #8f9f8e44;border-radius:15px;margin:15px 0}.memoryScene{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.memoryRoom{border:1px solid #97b8b337;border-radius:13px;background:linear-gradient(#344b59,#293f4e);padding:11px 6px;text-align:center;box-shadow:inset 0 1px #fff1}.roomLabel{font-size:10px;color:#adc8cd;text-transform:uppercase;letter-spacing:1px}.roomTable{position:relative;display:flex;align-items:center;justify-content:center;height:93px;margin-top:8px}.roomTable:after{content:'';position:absolute;left:10%;right:10%;bottom:5px;height:10px;background:#8d7660;transform:skewX(-16deg);box-shadow:0 4px 0 #524e48}.roomPerson{width:30px;height:34px;display:grid;place-items:center;border-radius:50% 50% 20% 20%;background:#bfad92;color:#3b4f52;font-size:15px;z-index:1}.roomTable svg{width:65px;height:65px;z-index:1}.memoryRoom>b{display:block;color:#d8e2db;font-size:14px;margin:8px 0 4px}.memoryRoom>small{color:#b3c8c8;font-size:11px}.sceneRecall{width:100%;padding:32px 20px;text-align:center;border-radius:16px;background:radial-gradient(ellipse,#3d4f65,#283a50);border:1px solid #94acb637;display:flex;flex-direction:column;gap:20px}.sceneRecall span{font-size:10px;color:#b7a8c9;letter-spacing:2px}.sceneRecall b{font-size:25px;color:#d3d7e4}.sceneRecall small{color:#94b1bd}.safariGoal{width:100%;min-height:80px;background:#254854;border:1px solid #91b7a737;border-radius:13px;padding:8px 13px;display:flex;gap:15px;align-items:center;margin-bottom:11px}.safariGoal>span{font-size:10px;letter-spacing:1px;color:#a9c3bf;max-width:80px}.safariGoal>div{display:flex;align-items:center;flex:1;gap:9px}.safariGoal svg{width:80px;height:58px;flex-shrink:0}.safariGoal b{font-size:12px;color:#d2e2d9;line-height:1.5}.safariWorld{width:100%;border-radius:17px;overflow:hidden;border:1px solid #b3cdb23a;box-shadow:0 8px 25px #0003}.safariWorld svg{display:block;width:100%;max-height:44svh}.safariBird{cursor:crosshair}.safariBird:focus{outline:none}.safariBird:focus>circle{stroke:#ffe8a2;stroke-width:3}.birdWing{transform-origin:0px -2px;animation:birdFlutter 1.8s ease-in-out infinite}.safariBird:nth-child(even) .birdWing{animation-delay:-.8s}@keyframes birdFlutter{50%{transform:scaleY(.65) rotate(-8deg)}}.safariNote{font-size:12px;text-align:center;color:#b4d1ce;margin:12px 0 0}#playView[data-game=junction] .actionScene{max-height:37svh}#playView[data-game=scenememory] .arena{max-width:720px}#playView[data-game=parking] .sub{max-width:570px;margin-left:auto;margin-right:auto}
@media(max-width:600px){.levelAnnouncement{top:69px;padding:12px 14px}.levelAnnouncement b{font-size:15px}.levelAnnouncement span{font-size:11px}.trafficControls{gap:7px;margin-top:7px}.trafficControls .actionButton{min-height:47px;font-size:11px}.pedestrianControl{min-height:45px;font-size:12px}#playView[data-game=junction] .actionScene{max-height:29svh}#playView[data-game=junction] .sub{font-size:11px}.brakeControl small{font-size:10px}.memoryOrderList{gap:9px}.memoryOrderCard{padding:12px 9px}.memoryOrderCard h3{font-size:14px}.memoryOrderCard p{font-size:12px}.memoryCustomer{padding:10px;gap:9px}.memoryCustomer small{font-size:10px;max-width:115px}.memoryCustomer>b{font-size:17px}.bagChoices{gap:7px;margin-top:12px}.bagChoices button{min-height:61px}.bagChoices b{font-size:10px}.bagChoices span{font-size:19px}.memoryUpdate{font-size:18px;line-height:1.7;padding:24px 16px}.memoryScene{gap:7px;grid-template-columns:repeat(2,1fr)}.memoryRoom{padding:9px 6px}.roomTable{height:65px;margin-top:4px}.roomTable svg{width:52px;height:52px}.roomPerson{width:26px;height:29px;font-size:13px}.roomLabel{font-size:9px}.memoryRoom>b{font-size:12px;margin:6px 0 3px}.memoryRoom>small{font-size:10px}.sceneRecall{padding:27px 15px}.sceneRecall b{font-size:21px}.safariGoal{min-height:72px;gap:9px;padding:7px 9px}.safariGoal>span{font-size:9px;max-width:60px}.safariGoal>div{flex-direction:column;gap:0}.safariGoal svg{width:65px;height:43px}.safariGoal b{font-size:10px}.safariWorld svg{max-height:34svh}.safariNote{font-size:11px;margin-top:9px}}
@media(prefers-reduced-motion:reduce){.birdWing{animation:none}.levelAnnouncement{animation-duration:3.2s!important}@keyframes levelMessage{0%,90%{opacity:1}100%{opacity:0}}}

/* ===== İyileştirmeler: okunabilir kontrast (WCAG AA, en az 4.5:1) ===== */
footer,footer button{color:#5f6754}
.eyebrow{color:#646a55}
.heroDesc,.pageDesc{color:#56634b}
#breadcrumb{color:#5d6356}
.sectionHeader span{color:#5d6356}
.chip{color:#4f5945}
.cardBody p{color:#566150}
.cardBottom span{color:#536048}
.cardBottom button,.favorite{color:#4d5c3e}
.gameCard .category{filter:brightness(.62) saturate(1.2)}
.sidebar nav button{color:#4f564a}
.iconButton{color:#555e4c}
.installButton{color:#4f6339}
.secondary{color:#4f5d42}
.reviewNote span,.reviewNote button{color:#4f6339}
.day{color:#5d6356}
.day b{color:#5d6356}
.day.future b{opacity:.55}
.difficultyNote{color:#4d5f3b!important}
.levelPathLegend{font-size:11px!important;line-height:1.6!important;color:#55604a!important}
.modePicker button span,.modePicker button strong{color:#4b5745}
.modeInfo{color:#4b5d50}
#modalContent>p,#modalContent .setting{color:#55604b}
.localNotice{color:#5d6356}

/* ===== Sade açılış penceresi ===== */
.howTo{margin:10px 0 6px;padding-left:20px;color:#3f4a37;font-size:14px;line-height:1.55}
.howTo li{margin:4px 0}
.fullRules{margin:4px 0 10px;font-size:12.5px;color:#55604b}
.fullRules summary{cursor:pointer;color:#4f6339;font-weight:600;padding:4px 0}
.fullRules p{margin:6px 0 0;line-height:1.55}
.levelPickTitle{margin-top:14px;font-size:12px;font-weight:600;color:#4b5745;letter-spacing:.3px}
.starPath button{display:flex;flex-direction:column;align-items:center;gap:1px;padding:6px 0!important;color:#4f5d42!important;font-size:12px!important}
.starPath button b{font-weight:600}
.starPath button small{font-size:8px;letter-spacing:-.5px;color:#b58a2e}
.starPath button.passed{color:#3d5a2a!important}
.actions .practiceButton{flex-basis:100%}
.practiceBadge{display:inline-block;margin:0 auto 8px;padding:5px 12px;border-radius:999px;background:#f0c96b22;border:1px solid #f0c96b66;color:#f3d995;font-size:11px;letter-spacing:.8px}
.starRow{font-size:28px;letter-spacing:4px;color:#f0c96b;margin:6px 0 2px;display:flex;flex-direction:column;align-items:center}
.starRow small{font-size:11px;letter-spacing:1px;color:#a9c0cc}
.recordBadge{display:inline-block;margin:6px auto;padding:4px 12px;border-radius:999px;background:#f0c96b;color:#3a2c08;font-weight:700;font-size:12px}
.cardStars{color:#7a5a12!important;font-weight:600}

/* ===== Ana sayfa ===== */
.streakLine{margin-top:14px;font-size:13px;color:#56634b}
.streakLine b{color:#b4532c}
.homeMore{margin:28px 0 10px;text-align:center}
.homeMore p{font-size:12px;color:#5d6356;margin-top:10px}

/* ===== Yeni oyunlar (koyu oyun ekranı) ===== */
#playView .kvSlots,#playView .kvTiles{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:8px 0}
#playView .kvSlot,#playView .kvTile{width:40px;height:46px;border-radius:9px;font:700 20px system-ui;display:grid;place-items:center;padding:0}
#playView .kvSlot{background:#0b1724;border:1.5px dashed #6d96ae66;color:#f3e6c9}
#playView .kvSlot.filled{border-style:solid;border-color:#8de4d3aa;background:#173244}
#playView .kvSlot.locked{background:#26465a;color:#bfe9de}
#playView .kvTile{background:#213848;border:1px solid #63899866;color:#e8f2f4}
#playView .kvTile:disabled{opacity:.18}
#playView .kvHint{color:#a9c0cc;font-size:13px}
#playView .kvBig{font-size:34px;letter-spacing:2px;color:#f1f6f7}
#playView .kvTask{display:inline-block;margin-bottom:12px;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:1.5px}
#playView .kvTask.syn{background:#8de4d322;color:#8de4d3;border:1px solid #8de4d366}
#playView .kvTask.ant{background:#f0ad9e22;color:#f0ad9e;border:1px solid #f0ad9e66}
#playView .answerRow .kvWord{flex:1 1 40%;font-weight:600;letter-spacing:.5px}
#playView .kvReceipt{width:min(100%,320px);background:#f6f1e3;color:#2d2a22;border-radius:10px;padding:12px 14px;font:13px/1.4 ui-monospace,Menlo,monospace;box-shadow:0 8px 24px #0005}
#playView .kvReceipt div{display:flex;justify-content:space-between;gap:10px;padding:3px 0;border-bottom:1px dashed #cfc6ad}
#playView .kvReceipt .kvPaid{border:0;border-top:2px solid #2d2a22;margin-top:4px;font-weight:700}
#playView .kvReceipt .kvDiscount{color:#9a3d22}
#playView .kvEntry{margin-top:12px;font:700 28px system-ui;color:#f3e6c9;min-height:36px}
#playView .answerRow .kvPad{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;width:min(100%,330px);margin:auto}
#playView .kvPad .kvKey{min-width:0;font-size:20px;min-height:46px}
#playView .kvPad .kvOk{grid-column:1/-1;background:#3b7a68;border-color:#8de4d388;color:#fff;font-weight:700}
#playView .answerRow>.kvOk{background:#3b7a68;border-color:#8de4d388;color:#fff;font-weight:700}
#playView .kvTarget{background:#ffffff0a;border-radius:14px;padding:6px}
#playView .kvShape rect{fill:#9fc0ea}
#playView .kvTarget .kvShape rect{fill:#f0c96b}
#playView .answerRow .kvShapeBtn{flex:1 1 40%;padding:6px;min-height:0}
#playView .kvShapeBtn .kvShape{width:84px;height:84px}
#playView .kvMirror{width:min(100%,360px);gap:4px!important}
#playView .kvMirror .cell.srcSide{background:#14283a}
#playView .kvMirror .cell.srcSide.lit{background:linear-gradient(145deg,#f0c96b,#c99a3a);border-color:#ffe3a3}
#playView .kvMirror.axis-v .cell.axisEdge{box-shadow:4px 0 0 -1px #f0c96b}
#playView .kvMirror.axis-h .cell.axisEdge{box-shadow:0 4px 0 -1px #f0c96b}
#playView .kvShapeBtn .kvShape{margin:auto;width:84px!important;height:84px!important}
.fullRules p{color:#4f5a46}
.starPath button small{color:#8a6416}
.sideTop,.mixCard p{color:#5d6356}
.starPath button,.starPath button.current{color:#3f4b34!important}

/* ===== Tarayıcı + telefon uyumu ===== */
button,a,.cell,.kvTile,.kvSlot{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.kbdHint{display:none}
.finePointer #playView .kbdHint{display:block;margin:14px auto 0;font-size:11.5px;color:#9fb6c2;text-align:center}
#playView .keyNum{display:none}
.finePointer #playView .keyNum{display:inline-grid;place-items:center;min-width:17px;height:17px;margin-right:7px;padding:0 4px;border-radius:4px;border:1px solid #8fa8be55;background:#0d1c2a;color:#9fb6c2;font:600 10px ui-monospace,Menlo,monospace;vertical-align:middle}
#playView .kvShapeBtn .keyNum{position:absolute;margin:6px}
#playView .kvShapeBtn{position:relative}
.finePointer .gameCard{transition:transform .15s,box-shadow .15s}
.finePointer .gameCard:hover{transform:translateY(-2px);box-shadow:0 10px 26px #2b33221a}
:focus-visible{outline:2px solid #c2a16d;outline-offset:2px}
.updateBanner{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(16px + env(safe-area-inset-bottom));z-index:60;display:flex;align-items:center;gap:10px;padding:10px 12px 10px 16px;border-radius:14px;background:#2f4a36;color:#f4f1e6;box-shadow:0 12px 30px #0004;font-size:13px;max-width:calc(100vw - 24px)}
.updateBanner button{border:0;border-radius:9px;padding:8px 12px;background:#dfe9a9;color:#24361f;font-weight:700;font-size:12.5px}
.updateBanner .ghost{background:transparent;color:#f4f1e6;font-size:18px;padding:4px 8px}
@media (max-width:760px){.updateBanner{bottom:calc(84px + env(safe-area-inset-bottom))}}
@media (min-width:1100px){#playView .arena{max-width:760px;margin-left:auto;margin-right:auto}}
.updateBanner span{flex:1;white-space:nowrap}
.updateBanner button{white-space:nowrap}
@media (max-width:760px){.updateBanner{width:calc(100vw - 24px);box-sizing:border-box}}

/* ===== Zor oyunlar ===== */
#playView .hiddenSample{display:grid;place-items:center;width:50px;height:50px;font-size:26px;color:#f0c96b}
#playView .rule.ruleCombined{color:#f0c96b}
#playView .schulteTop{display:flex;justify-content:space-between;width:min(100%,380px);margin:0 auto 8px;font-size:13px;color:#a9c0cc}
#playView .schulteTop b{color:#8de4d3;font-size:16px}
#playView .schulteGrid{width:min(100%,380px);gap:5px!important}
#playView .schulteGrid .cell{font:700 clamp(14px,4.4vw,20px) system-ui;color:#e8f2f4}
#playView .schulteGrid .cell.hit{opacity:.35}
#playView .lightsGrid{width:min(100%,340px);gap:6px!important}
#playView .lightsGrid .cell.lit{background:radial-gradient(circle at 40% 35%,#fff3c4,#f0c96b 55%,#c4952f);border-color:#ffe6a3;box-shadow:0 0 18px #f0c96b55}
#playView .codeBoard{display:flex;flex-direction:column;gap:6px;align-items:center;width:100%}
#playView .codeRow{display:flex;align-items:center;gap:7px;padding:4px 8px;border-radius:10px;background:#ffffff08}
#playView .codeRow.current{background:#ffffff12;border:1px dashed #8fa8be55;margin-top:4px}
#playView .peg{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--peg);color:#0d1c2acc;font-size:13px;box-shadow:inset 0 -2px 0 #0003}
#playView .pegSlot{width:34px;height:34px;padding:0;border-radius:50%;background:transparent;border:0;display:grid;place-items:center}
#playView .pegSlot.empty{border:1.5px dashed #8fa8be77}
#playView .codeFb{min-width:64px;margin-left:6px;color:#f3e6c9;letter-spacing:1px;font-size:13px}
#playView .codeLegend{font-size:11px;color:#9fb6c2;margin-top:4px}
#playView .answerRow .codePalette{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;width:100%}
#playView .answerRow .pegBtn{flex:0 0 auto;min-width:0;width:48px;padding:0;display:grid;place-items:center}
#playView .sudokuGrid{display:grid;width:min(100%,390px);margin:auto;border:2px solid #c7d9a6;border-radius:6px;overflow:hidden;background:#0b1724}
#playView .sudokuGrid .sdk{aspect-ratio:1;min-width:0;padding:0;border:0;border-right:1px solid #8fa8be33;border-bottom:1px solid #8fa8be33;background:transparent;color:#8de4d3;font:600 clamp(15px,4.6vw,22px) system-ui;border-radius:0}
#playView .sudokuGrid.n9 .sdk{font-size:clamp(14px,4vw,20px)}
#playView .sudokuGrid .sdk.given{color:#f1f6f7;font-weight:700}
#playView .sudokuGrid .sdk.bR{border-right:2px solid #c7d9a6}
#playView .sudokuGrid .sdk.bB{border-bottom:2px solid #c7d9a6}
#playView .sudokuGrid .sdk.same{background:#ffffff0d}
#playView .sudokuGrid .sdk.sel{background:#2a4a59;box-shadow:inset 0 0 0 2px #f0c96b}
#playView .sudokuGrid .sdk.wrong{color:#f0ad9e;background:#a4575a33}
#playView .answerRow .sudokuPad{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;width:min(100%,390px);margin:auto}
#playView .answerRow .sudokuPad.n4{grid-template-columns:repeat(6,1fr)}
#playView .answerRow .sudokuPad.n9{grid-template-columns:repeat(6,1fr)}
#playView .sudokuPad .answer{min-width:0;font-size:18px;min-height:44px;padding:0}

/* ===== Dinleme ===== */
#playView .listenBoard{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}
#playView .listenBoard p{margin:0;color:#a9c0cc;font-size:13px}
#playView .listenWave{display:flex;align-items:center;gap:6px;height:60px}
#playView .listenWave i{width:8px;height:14px;border-radius:4px;background:#f0a6c866}
#playView .listenWave.on i{animation:wave .7s ease-in-out infinite;background:#f0a6c8}
#playView .listenWave.on i:nth-child(2){animation-delay:.1s}#playView .listenWave.on i:nth-child(3){animation-delay:.2s}#playView .listenWave.on i:nth-child(4){animation-delay:.3s}#playView .listenWave.on i:nth-child(5){animation-delay:.4s}
@keyframes wave{50%{height:52px}}
@media (prefers-reduced-motion:reduce){#playView .listenWave.on i{animation:none;height:36px}}
#playView .answerRow .padTone{flex:1 1 28%;min-height:64px;font-weight:700;background:hsl(var(--hue) 35% 26%);border-color:hsl(var(--hue) 50% 55% / .5)}
#playView .answerRow .padTone.lit{background:hsl(var(--hue) 70% 62%);color:#14202c;box-shadow:0 0 22px hsl(var(--hue) 80% 60% / .6)}
#playView .pitchPair{display:flex;gap:18px}
#playView .pitchPair span{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;border:2px solid #f0a6c866;font:700 22px system-ui;color:#f0a6c8;transition:transform .12s,background .12s}
#playView .pitchPair span.on{background:#f0a6c8;color:#3d2a3c;transform:scale(1.12)}
#playView .replayBtn,#playView .refTones button{background:#ffffff10;border:1px solid #8fa8be44;color:#d4e7ec;border-radius:999px;padding:7px 14px;font-size:12px}
#playView .replayBtn:disabled{opacity:.4}
#playView .refTones{display:flex;gap:8px}
#playView .beatRow{display:flex;gap:10px;min-height:22px}
#playView .beatRow i{width:16px;height:16px;border-radius:50%;background:#ffffff1c;border:1px solid #f0a6c855}
#playView .beatRow i.on{background:#f0a6c8;box-shadow:0 0 12px #f0a6c899}
#playView .answerRow .tapBig{flex:1 1 100%;min-height:120px;font:800 26px system-ui;letter-spacing:3px;background:radial-gradient(circle,#8a4a72,#4a2a43);border-color:#f0a6c888;user-select:none;-webkit-user-select:none}
#playView .answerRow .tapBig:active{transform:scale(.98);background:#b05c90}
.soundCheck{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 0;padding:10px 12px;border-radius:10px;background:#f6e9f0;color:#6a2f50;font-size:12.5px}
.soundCheck button{flex:0 0 auto}