/* Yardım merdiveni (#225): "İpucu" düğmesi, üst satırdaki fikir adı / ipucu, soluk halka ve sonuç kartındaki usta satırı.
   Tek vurgu oyun alanı: düğme sağ üstte, sesin altında ve sakin; halka sudadır ama dokunuşu yutmaz. Ölçüler: düğme ≥44 px. */
#game-ui .intro>small{font-style:italic}
#game-ui #level-goal{font:italic clamp(13px,1.6vw,15px)/1.4 Georgia,serif;max-width:430px;min-height:1px}
#game-ui #level-goal[data-mode=hint]{font-style:normal;font-size:clamp(14px,1.7vw,16px);color:#fff2d6}
#game-ui #level-goal:empty{display:none}
#game-ui .intro>.help-note{display:block;font:italic 13px/1.4 Georgia,serif;color:#f0e4c9;max-width:430px;margin:3px auto 0}
#game-ui .intro>.help-note[hidden]{display:none}
#game-ui .help-pill{position:absolute;z-index:9;right:15px;top:calc(max(16px,env(safe-area-inset-top)) + 58px);display:flex;align-items:center;justify-content:center;min-width:76px;max-width:112px;min-height:44px;padding:6px 14px;border:1px solid #e2c98e99;border-radius:22px;background:#13352bcc;color:#f7e9c6;font:14px/1.15 Georgia,serif;letter-spacing:.2px;text-align:center;filter:drop-shadow(0 3px 5px #00191266);transition:background .15s,opacity .15s}
#game-ui .help-pill:hover{background:#314c37e6}
#game-ui .help-pill[aria-disabled=true]{opacity:.55;cursor:default}
#game-ui .help-pill[hidden],#game-ui:has(#result:not([hidden])) .help-pill{display:none}
/* Rahat gölet (#273): the hint pill steps aside and "Bölüme dön" takes its place and size (it is the same pill). */
#game-ui[data-relaxed] #help-open{display:none}
/* The endless count is a thin glyph: larger than the digits, so a child still finds it in the tray. */
#game-ui #count[data-inf]{font-size:32px;line-height:.7}
#game-ui .help-ring{position:absolute;z-index:4;pointer-events:none;transform:translate(-50%,-50%);border-radius:50%;border:2px solid #f7e2a6;box-shadow:0 0 0 1px #0a2a2488,0 0 14px #f7d98a55;opacity:.6;animation:help-breathe 2.6s ease-in-out infinite}
#game-ui .help-ring[hidden]{display:none}
#game-ui .help-ring[data-kind=master]{border-style:dashed}
#game-ui .help-ring[data-heavy=true]{border-width:4px}
#game-ui .help-ring>i{position:absolute;inset:40%;border-radius:50%;border:1.5px solid #f7e2a6}
#game-ui .help-ring>span{position:absolute;bottom:calc(100% + 5px);left:50%;transform:translateX(-50%);white-space:nowrap;font:13px/1.2 Georgia,serif;color:#fdf0cc;text-shadow:0 1px 4px #04211c,0 0 8px #04211c}
/* Öğretici halkası (#267): nişan halkada değilken kesik çizgili, halkadayken düz ve kalın (fark renkte değil biçimde); nabız yok, net kalır. */
#game-ui .help-ring[data-kind=coach]{border-style:dashed;opacity:.95;animation:none}
#game-ui .help-ring[data-kind=coach][data-on=true]{border-style:solid;border-width:5px}
#game-ui .help-ring[data-kind=coach][data-on=true]>i{border-width:3px}
/* Koç halkaları feneri hemen altından tutar: yazı halkanın altına iner, fenerin ve ışığının üstüne binmez. */
#game-ui .help-ring[data-kind=coach]>span{font-size:15px;bottom:auto;top:calc(100% + 6px)}
@keyframes help-breathe{0%,100%{opacity:.5}50%{opacity:.85}}
#result .result-help{font:italic 14px/1.6 Georgia,serif;color:#f0e4c9;margin:-6px auto 12px}#result .result-help[hidden]{display:none}
@media(max-width:600px){
 #game-ui .intro{width:calc(100% - 200px)}
 #game-ui #level-goal,#game-ui .intro>.help-note{max-width:100%}
}
@media(max-width:374px){#game-ui .intro{width:calc(100% - 190px)}#game-ui #level-goal[data-mode=hint]{font-size:13px}}
/* Azaltılmış hareket: halka nabız atmaz, ortalama parlaklıkta durur; sonuç aynı. */
@media(prefers-reduced-motion:reduce){#game-ui .help-ring{animation:none;opacity:.7}#game-ui .help-pill{transition:none}}
#result .result-wish-asked{font:14px/1.5 Georgia,serif;color:#e9ddc0;margin:0 auto 6px;max-width:34em}#result .result-wish-asked[hidden]{display:none}
/* Kısa yatay ekranda sonuç kartı zaten sıkışık (diorama.css, 550 px): dilek yeniden okunur ama burada yalnız karşılığı kalır. */
@media(max-height:550px){#result .result-wish-asked{display:none}}
/* Bölüm kartı (#225): "3 yıldız için en çok N taş" uzun bir parçadır; kendi satırında durur ve gerekirse sarar. Satır başındaki
   "·" kartın taşan kısmında kalır (style.css, map-meta), yani görünmez; sarılan satırlar asılı girintiyle görünür kısımdan başlar. */
.map-meta>span>span:nth-child(2){flex:0 0 100%;white-space:normal;padding-left:1.6em;text-indent:-1.6em}