/* Pişti — tüm seçiciler .ps- önekli */
.ps-root { padding: 12px; }
.ps-board { position: relative; width: 100%; background: #2e6b4c; background-image: radial-gradient(ellipse at 50% 45%, rgba(255,255,255,.12), transparent 65%); border-radius: 12px; overflow: hidden; user-select: none; -webkit-user-select: none; min-height: 300px; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .ps-board { background-color: #1f4a36; } }
:root[data-theme="dark"] .ps-board { background-color: #1f4a36; }
.ps-card { position: absolute; left: 0; top: 0; width: var(--cw); height: var(--ch); border-radius: calc(var(--cw) * .08); background: #fdfcf8; border: 1px solid rgba(0,0,0,.22); box-shadow: 0 1px 3px rgba(0,0,0,.3); color: #1b1b1b; transition: transform .42s cubic-bezier(.25,.8,.3,1), margin-top .15s ease, opacity .3s; will-change: transform; overflow: hidden; }
.ps-card.ps-red { color: #c0262d; }
.ps-card:not(.ps-up) { background: repeating-linear-gradient(45deg, #b8441a 0 4px, #cc5b2b 4px 8px); border: 2px solid #fdfcf8; }
.ps-card:not(.ps-up) > * { display: none; }
.ps-k { position: absolute; top: calc(var(--cw) * .04); left: calc(var(--cw) * .07); font-size: calc(var(--cw) * .26); line-height: 1; font-weight: 800; letter-spacing: -.05em; white-space: nowrap; font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; }
.ps-k i { font-style: normal; margin-left: .06em; font-size: .92em; }
.ps-k2 { top: auto; left: auto; bottom: calc(var(--cw) * .04); right: calc(var(--cw) * .07); transform: rotate(180deg); }
.ps-c { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; padding-top: calc(var(--cw) * .12); font-size: calc(var(--cw) * .58); line-height: 1; }
.ps-c.ps-f { font-family: Georgia, "Times New Roman", serif; font-weight: 700; font-size: calc(var(--cw) * .5); }
.ps-c.ps-f small { font-size: .55em; margin-left: .04em; }
.ps-card.ps-play { cursor: pointer; }
@media (hover: hover) { .ps-card.ps-play:hover { margin-top: calc(var(--cw) * -.14); box-shadow: 0 0 0 3px #facc15, 0 6px 14px rgba(0,0,0,.35); } }
.ps-card.ps-play:focus-visible { outline: 3px solid #facc15; outline-offset: 2px; }
.ps-badge { position: absolute; left: 0; top: 0; background: rgba(0,0,0,.55); color: #fff; font-size: 12.5px; font-weight: 700; padding: 2px 8px; border-radius: 999px; white-space: nowrap; pointer-events: none; z-index: 900; transition: transform .3s; font-variant-numeric: tabular-nums; }
.ps-label { position: absolute; left: 0; top: 0; color: rgba(255,255,255,.85); font-size: 13px; font-weight: 700; pointer-events: none; z-index: 900; white-space: nowrap; }
.ps-flash { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(.6); background: #facc15; color: #1b1b1b; font-weight: 900; font-size: clamp(22px, 6vw, 40px); padding: 6px 22px; border-radius: 14px; box-shadow: 0 8px 24px rgba(0,0,0,.35); opacity: 0; pointer-events: none; z-index: 1000; transition: opacity .2s, transform .3s cubic-bezier(.3,1.6,.5,1); letter-spacing: .02em; }
.ps-flash.ps-show { opacity: 1; transform: translate(-50%, -50%) scale(1); }
.ps-status { font-weight: 700; color: var(--ink); min-height: 1.5em; margin: 10px 0 0; font-size: 15.5px; }
.ps-sum { width: 100%; border-collapse: collapse; font-size: 14.5px; margin: 0 0 14px; text-align: left; }
.ps-sum th, .ps-sum td { padding: 5px 6px; border-bottom: 1px solid var(--line); }
.ps-sum td:not(:first-child), .ps-sum th:not(:first-child) { text-align: right; font-variant-numeric: tabular-nums; }
.ps-sum tr.ps-tot td { font-weight: 800; color: var(--ink); }
.ps-root .g-modal { max-width: 360px; width: calc(100% - 32px); }
@media (max-width: 480px) { .ps-root { padding: 8px; } .ps-bar .g-btn, .ps-bar .g-select { padding: 6px 10px; font-size: 14px; min-height: 36px; } .ps-badge { font-size: 11.5px; padding: 1px 6px; } }