.discovery-board{justify-content:center}.game-options{display:flex;align-items:center;justify-content:center;gap:12px;width:100%}.answer,.size-choice{border:2px solid #dceade;background:#f8fbf6;border-radius:22px;color:var(--ink);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;width:130px;height:130px}.answer span{font-size:58px;line-height:1}.answer small{font-size:14px;font-weight:800}.answer.correct,.size-choice.correct{border-color:#6eb78d;background:#e6f6e9}.listen{font-size:18px}.size-choice{width:150px;height:150px}.size-choice span{line-height:1}.size-choice .large{font-size:90px}.size-choice .small{font-size:45px}.levels{display:flex;gap:8px}.level{border:1px solid var(--line);border-radius:12px;background:#f8faf7;color:var(--green);font-weight:800;padding:8px 14px}.level[aria-pressed=true]{background:#dff2e4;border-color:#67ae87}.puzzle-slots{width:min(34vh,260px);aspect-ratio:1;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(var(--rows),1fr);gap:3px}.puzzle-slot,.puzzle-piece{padding:0;position:relative;border:2px dashed #9bb7a3;border-radius:8px;background:#f2f8ef;overflow:hidden;min-width:0;min-height:0}.puzzle-slot span,.puzzle-piece span{position:absolute;display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#fff;color:#235e4e;font-size:13px;font-weight:850;left:4px;top:4px}.puzzle-slot span{left:50%;top:50%;transform:translate(-50%,-50%)}.puzzle-slot.placed{border:0}.puzzle-slot svg,.puzzle-piece svg{display:block;width:100%;height:100%}.puzzle-pieces{display:flex;gap:8px;justify-content:center}.puzzle-piece{width:min(18vw,90px);height:min(15vh,90px);border-style:solid}.puzzle-piece.selected{border-color:#3d8262;outline:3px solid #a6d5b2}.puzzle-piece:disabled{opacity:.2}.credit{font-size:11px;color:var(--muted);text-align:center}.credit a{text-decoration:underline}
@media (max-width:900px), (hover:none) and (max-width:1366px){.discovery-board{gap:clamp(4px,1dvh,10px)}.game-options{gap:6px}.answer{width:min(27vw,19dvh,130px);height:min(27vw,19dvh,130px)}.answer span{font-size:clamp(32px,9dvh,58px)}.answer small{font-size:12px}.size-choice{width:min(37vw,23dvh,150px);height:min(37vw,23dvh,150px)}.size-choice .large{font-size:clamp(48px,14dvh,90px)}.size-choice .small{font-size:clamp(25px,7dvh,45px)}.puzzle-slots{width:min(35dvh,44vw,250px)}.puzzle-piece{width:min(20vw,12dvh,80px);height:min(20vw,12dvh,80px)}.level{padding:6px 12px}.credit{font-size:10px;line-height:1.1}}
@media (orientation:landscape) and (max-height:550px){.discovery-board{gap:3px}.discovery-board .hint{display:none}.puzzle-slots{width:min(31dvh,120px)}.puzzle-piece{width:min(13dvh,52px);height:min(13dvh,52px)}.level{padding:3px 10px}.answer{width:min(20dvh,85px);height:min(20dvh,85px)}.answer span{font-size:min(10dvh,46px)}.size-choice{width:min(30dvh,110px);height:min(30dvh,110px)}.size-choice .large{font-size:min(18dvh,70px)}.size-choice .small{font-size:min(9dvh,35px)}}

/* Yapboz parçası fareyi veya parmağı izler. */
.puzzle-piece{touch-action:none;-webkit-tap-highlight-color:transparent;user-select:none}
.puzzle-piece.is-dragging{opacity:.2}
.puzzle-drag{position:fixed;z-index:10000;pointer-events:none;transform:translate(-50%,-70%);overflow:hidden;border-radius:8px;filter:drop-shadow(0 4px 5px #0004)}
.puzzle-drag svg{display:block;width:100%;height:100%}