[hidden]{display:none!important}
.game-shell{min-height:620px}.mode-switch{display:flex;gap:5px;background:#f5f0f3;border-radius:13px;padding:4px}.mode-switch button{border:0;background:transparent;color:var(--muted);font-weight:800;padding:10px 15px;border-radius:10px}.mode-switch button[aria-pressed=true]{background:#fff;color:#664b8a;box-shadow:0 2px 7px #51405f16}.discovery-count{margin-left:auto;white-space:nowrap;font:900 20px Nunito,sans-serif;color:var(--violet)}.gesture-hint{margin:0;text-align:center;font-size:15px;color:#656674}.gesture-hint b{color:#454452}.board{background:#fffcf7;min-height:0;border-color:#e9e2d7}.board svg{height:auto;width:100%;min-height:0;aspect-ratio:720/440;touch-action:none;user-select:none;display:block}.line-touch{cursor:grab;outline:none}.line-touch:active{cursor:grabbing}.line-touch:focus .focus-ring{stroke:#574d7b;stroke-width:3;stroke-dasharray:4 3}.focus-ring{stroke:transparent;fill:none}.rotate-touch{cursor:crosshair}.board text{font-family:Nunito,sans-serif;pointer-events:none}.live-reading{display:flex;align-items:center;justify-content:center;gap:10px 20px;flex-wrap:wrap;min-height:58px;text-align:center;padding:10px 14px;background:var(--aqua-soft);border-radius:14px}.live-reading strong{font:900 19px Nunito,sans-serif;color:#256d77}.live-reading span{color:#49666c;font-size:15px}.discoveries{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.discovery{border:1px dashed #d7cfdc;border-radius:15px;background:#faf7fa;min-width:0;padding:10px 6px;color:#807487;text-align:center;font-family:Nunito,sans-serif}.discovery svg{display:block;width:100%;height:65px}.discovery strong{display:block;font-size:14px}.discovery small{font:12px 'Source Sans 3',sans-serif;display:block;margin-top:4px}.discovery:disabled{cursor:default}.discovery.found{background:#fff;border:1px solid #a8d6be;color:#296b49;box-shadow:0 3px 9px #38674a0a}.discovery.found:hover{background:#f0faf4}.discovery-message{min-height:24px;margin:0;text-align:center;color:#6d6678;font-size:14px}.hunt-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.hunt-choice{border:2px solid #e2dae7;background:#fffaf5;border-radius:20px;overflow:hidden;padding:0;transition:transform .18s,border-color .18s}.hunt-choice:hover{transform:translateY(-3px);border-color:var(--violet)}.hunt-choice:focus-visible,.mode-switch button:focus-visible,.discovery:focus-visible{outline:3px solid #8178bd;outline-offset:3px}.hunt-choice svg{display:block;width:100%;height:auto}.hunt-choice>span{display:block;background:#fff;padding:12px;font-weight:800;color:#666077}.hunt-choice.correct{border-color:#46a06d;background:#e9f9ef}.hunt-choice.wrong{border-color:#d66d86}.hunt-choice:disabled{cursor:default}.hunt-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:75px}.hunt-bottom p{flex:1;color:#5c586a;line-height:1.5}.hunt-bottom .start{flex-shrink:0}.hunt-result{text-align:center;padding:28px 12px;background:var(--green-soft);border-radius:20px}.hunt-result h2{font:900 24px Nunito,sans-serif}.hunt-result button{margin:5px}.start-demo{height:90px;position:relative;margin:10px auto 20px;max-width:300px}.start-demo span{position:absolute;left:15%;top:45%;width:70%;height:6px;border-radius:10px;background:#55b9c7}.start-demo span:nth-child(2){background:#d66d86;transform:rotate(-35deg)}.start-demo i{position:absolute;left:48%;top:39%;width:17px;height:17px;border:3px solid #fff;background:#8178bd;border-radius:50%}.start-demo span:after,.start-demo span:before{content:'';position:absolute;top:-6px;width:18px;height:18px;border:3px solid currentColor;background:#fff;border-radius:50%;color:#55b9c7}.start-demo span:before{left:10%}.start-demo span:after{right:10%}.start-demo span:nth-child(2):before,.start-demo span:nth-child(2):after{color:#d66d86}
@media(max-width:620px){.toolbar{justify-content:center}.mode-switch{width:100%;justify-content:center}.mode-switch button{flex:1;padding:9px 8px}.gesture-hint{font-size:13px}.discoveries{grid-template-columns:repeat(2,1fr);gap:8px}.discovery{padding:6px}.discovery svg{height:42px}.discovery-count{font-size:17px}.live-reading{gap:4px;min-height:74px}.live-reading strong{font-size:17px}.live-reading span{font-size:13px}.hunt-choices{grid-template-columns:1fr;gap:10px}.hunt-choice{display:flex;align-items:center;justify-content:center}.hunt-choice svg{width:65%;max-height:155px}.hunt-choice>span{flex:1;background:transparent}.hunt-bottom{flex-direction:column;align-items:stretch}.hunt-bottom p{margin:5px 0}.mission{padding:10px;gap:9px}.mission-icon{height:40px;min-width:40px}.board svg{aspect-ratio:720/520}.discovery-message{font-size:13px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.hunt-choice{transition:none}}

.start-demo span:before,.start-demo span:after{display:none}

.start-demo svg{display:block;width:100%;height:100%;overflow:visible}

/* Fullscreen is a viewport-sized game layout, not a longer page. */
#gameShell:fullscreen{width:100vw;height:100dvh;min-height:0;max-height:100dvh;border:0;border-radius:0;overflow:hidden;display:flex;flex-direction:column;background:var(--paper)}
#gameShell:fullscreen .toolbar{flex:0 0 auto;padding:8px 12px;gap:8px}
#gameShell:fullscreen .play{flex:1;min-height:0;min-width:0;padding:10px 14px;gap:10px}
#gameShell:fullscreen #explorePanel{grid-template-columns:minmax(0,1fr) 260px;grid-template-rows:auto auto auto minmax(0,1fr) auto}
#gameShell:fullscreen #explorePanel>.mission{grid-column:1/-1;padding:8px 12px}
#gameShell:fullscreen .mission-icon{height:36px;min-width:36px;font-size:21px}
#gameShell:fullscreen #gestureHint{grid-column:1/-1}
#gameShell:fullscreen .board{grid-column:1;grid-row:3/6;height:100%;min-height:0;overflow:hidden}
#gameShell:fullscreen .board svg{width:100%;height:100%;min-height:0;aspect-ratio:auto}
#gameShell:fullscreen .live-reading{grid-column:2;grid-row:3;min-height:0;padding:10px}
#gameShell:fullscreen .discoveries{grid-column:2;grid-row:4;grid-template-columns:repeat(2,minmax(0,1fr));min-height:0;align-content:center;gap:8px}
#gameShell:fullscreen .discovery{min-height:0;padding:6px}
#gameShell:fullscreen .discovery svg{height:clamp(30px,8vh,65px)}
#gameShell:fullscreen .discovery-message{grid-column:2;grid-row:5;min-height:0;font-size:13px}
#gameShell:fullscreen #huntPanel{grid-template-rows:auto auto minmax(0,1fr) auto auto}
#gameShell:fullscreen .hunt-choices{min-height:0;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
#gameShell:fullscreen .hunt-choice{display:flex;flex-direction:column;min-height:0;min-width:0;transform:none}
#gameShell:fullscreen .hunt-choice svg{flex:1;min-height:0;width:100%;height:100%;max-height:none}
#gameShell:fullscreen .hunt-choice>span{flex:0 0 auto;padding:8px;width:100%}
#gameShell:fullscreen .hunt-bottom{min-height:0;gap:8px}
#gameShell:fullscreen .hunt-bottom p{margin:0}
#gameShell:fullscreen .hunt-result{padding:10px}
#gameShell:fullscreen #huntPanel:has(#huntResult:not([hidden])){grid-template-rows:auto auto auto auto minmax(0,1fr)}
#gameShell:fullscreen .hunt-result h2{margin:8px 0}
@media(max-width:620px){
 #gameShell:fullscreen .toolbar{padding:6px;gap:5px}
 #gameShell:fullscreen .tools{justify-content:center;flex-wrap:wrap;gap:4px}
 #gameShell:fullscreen .reset{font-size:12px;padding:7px;min-height:36px}
 #gameShell:fullscreen .play{padding:8px;gap:7px}
 #gameShell:fullscreen #explorePanel{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) auto auto auto}
 #gameShell:fullscreen .board{grid-column:1;grid-row:3}
 #gameShell:fullscreen .live-reading{grid-column:1;grid-row:4;padding:6px;gap:3px}
 #gameShell:fullscreen .discoveries{grid-column:1;grid-row:5;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}
 #gameShell:fullscreen .discovery svg{height:30px}
 #gameShell:fullscreen .discovery strong{font-size:11px}
 #gameShell:fullscreen .discovery small{font-size:10px}
 #gameShell:fullscreen .discovery-message{grid-column:1;grid-row:6;font-size:12px}
 #gameShell:fullscreen .hunt-choices{grid-template-columns:1fr;grid-template-rows:repeat(3,minmax(0,1fr));gap:6px}
 #gameShell:fullscreen .hunt-choice{flex-direction:row}
 #gameShell:fullscreen .hunt-choice svg{width:70%;height:100%}
 #gameShell:fullscreen .hunt-choice>span{width:30%;font-size:13px;padding:4px}
}
@media(min-width:621px) and (max-height:560px){
 #gameShell:fullscreen .toolbar{padding:4px 8px;gap:4px}
 #gameShell:fullscreen .mode-switch button,#gameShell:fullscreen .reset{padding:6px 9px;min-height:34px;font-size:13px}
 #gameShell:fullscreen .play{gap:5px;padding:6px 10px}
 #gameShell:fullscreen #explorePanel{grid-template-columns:minmax(0,1fr) 245px}
 #gameShell:fullscreen .mission{padding:5px 8px}
 #gameShell:fullscreen .mission strong{font-size:16px}
 #gameShell:fullscreen .mission-icon{height:30px;min-width:30px}
 #gameShell:fullscreen .live-reading{padding:4px;gap:2px}
 #gameShell:fullscreen .live-reading strong{font-size:15px}
 #gameShell:fullscreen .live-reading span{font-size:12px}
 #gameShell:fullscreen .discovery svg{height:24px}
 #gameShell:fullscreen .discovery{padding:3px}
 #gameShell:fullscreen .discovery small{display:none}
 #gameShell:fullscreen .discovery-message{font-size:12px}
}
@media(max-width:620px){
 #gameShell:fullscreen #fullscreenBtn{font-size:0;min-width:52px}
 #gameShell:fullscreen #fullscreenBtn::after{content:'⤢ Çık';font-size:12px}
 #gameShell:fullscreen .discovery small{display:none}
 #gameShell:fullscreen .discovery strong{font-size:10px;line-height:1.2}
 #gameShell:fullscreen .discovery svg{height:24px}
 #gameShell:fullscreen .mission-icon,#gameShell:fullscreen .mission small{display:none}
 #gameShell:fullscreen .mission strong{font-size:14px;margin:0}
 #gameShell:fullscreen .mission{padding:7px!important}
}
@media(max-width:620px) and (max-height:700px){
 #gameShell:fullscreen .live-reading span,#gameShell:fullscreen .discovery-message{display:none}
 #gameShell:fullscreen #explorePanel{grid-template-rows:auto auto minmax(0,1fr) auto auto}
 #gameShell:fullscreen .live-reading strong{font-size:14px}
 #gameShell:fullscreen .gesture-hint{font-size:12px}
 #gameShell:fullscreen .mode-switch button{font-size:12px;padding:7px}
}
@media(min-width:621px) and (max-height:560px){
 #gameShell:fullscreen .discoveries{grid-template-rows:repeat(2,minmax(0,1fr))}
 #gameShell:fullscreen .discovery strong{font-size:11px;line-height:1.1}
 #gameShell:fullscreen .discovery svg{height:18px}
}