#canak-open{background:#24492d;color:#f7e6ba;border:1px solid #d3b365;border-radius:9px;padding:7px 12px;cursor:pointer;white-space:nowrap;font-family:inherit;font-weight:700;font-size:14px}
.canak-rules,.canak-account-summary{max-width:650px;margin:8px auto;text-align:center;font-size:14px;color:#f5efdd;padding:0 12px}
.canak-mode #skor-modal{padding:10px;box-sizing:border-box}
.canak-mode #skor-kutu{box-sizing:border-box;min-width:0;width:min(520px,92vw);max-height:88dvh;overflow:auto;background:#173f30;color:#fff0cb;padding:12px 16px}
.canak-mode #skor-kutu h2{font-size:18px;margin:6px 0}
.canak-mode #skor-liste .satir{font-size:16px;padding:4px}
.canak-mode #skor-not{color:#efe1bb}
#canak-dialog{position:fixed;inset:0;margin:auto;box-sizing:border-box;width:min(520px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:hidden;border:2px solid #d8b96c;border-radius:18px;padding:0;background:#173f30;color:#fff0cb;box-shadow:0 12px 40px #0008;font:16px/1.4 system-ui;zoom:1}
#canak-dialog[open]{display:flex;flex-direction:column}
#canak-dialog>header,#canak-dialog>footer{flex:none;display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#173f30}
#canak-dialog>header{border-bottom:1px solid #d8b96c55}
#canak-dialog>header h2{margin:0;font-size:18px}
#canak-dialog>header button{min-width:44px;min-height:44px;font-size:24px;line-height:1}
#canak-dialog>footer{justify-content:flex-end;border-top:1px solid #d8b96c55}
#canak-dialog .canak-dialog-body{flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:0 14px}
#canak-dialog::backdrop{background:#051c18bb}
#canak-dialog p,#canak-dialog h3,#canak-dialog small{display:block;margin:10px 0;line-height:1.4}
#canak-dialog select,#canak-dialog button{background:#285a43;color:#fff0cb;border:1px solid #b89d58;border-radius:9px;padding:10px;margin:4px;font-size:15px;max-width:100%}
#canak-dialog select option{background:#285a43;color:#fff0cb}
#canak-dialog button:disabled{opacity:.45;cursor:not-allowed}
.canak-celebrate{display:flex;align-items:center;justify-content:center;gap:15px;padding:18px 10px;border:1px solid #e8c269;border-radius:14px;background:radial-gradient(ellipse,#80622155,#163d2b);margin-bottom:12px;overflow:hidden;isolation:isolate}
.canak-celebrate h3{font-size:22px;color:#ffe39b}.canak-celebrate p{color:#fff1d3;font-size:17px;font-weight:700}
.canak-pot{position:relative;width:92px;height:90px;flex:none;display:grid;place-items:center}.canak-pot img{width:90px;animation:canak-shatter 1.3s ease-in-out both}
.canak-pot i{position:absolute;left:42px;top:35px;width:15px;height:20px;background:linear-gradient(135deg,#ecd59c,#8b562b);clip-path:polygon(0 0,100% 18%,67% 100%,12% 73%);opacity:0;animation:canak-shard 1.25s .35s ease-out both}
@keyframes canak-shatter{0%,15%{transform:rotate(0);opacity:1}25%{transform:rotate(-8deg)}35%{transform:rotate(8deg)}45%{transform:scale(1.06);opacity:1}65%,100%{transform:scale(.6);opacity:0}}
@keyframes canak-shard{0%{transform:translate(0,0) rotate(0);opacity:0}5%{opacity:1}100%{transform:translate(var(--dx),var(--dy)) rotate(var(--r));opacity:0}}
.canak-floating{position:fixed;z-index:182;left:50%;top:35%;transform:translateX(-50%);width:min(520px,94vw);background:#173f30}
.canak-treat{position:fixed;z-index:220;bottom:16px;right:16px;max-width:min(460px,90vw);display:flex;align-items:center;gap:12px;padding:12px 18px;background:#174736f5;border:2px solid #ddbf72;border-radius:14px;color:#fff2d4;box-shadow:0 4px 20px #0007;pointer-events:none;animation:canak-serve .4s ease-out}
.canak-treat img{width:58px;height:68px;object-fit:contain}.canak-treat>span:first-child{font-size:42px}
@keyframes canak-serve{from{transform:translateY(18px);opacity:0}to{transform:translateY(0);opacity:1}}
@media(max-height:480px){#canak-dialog>header,#canak-dialog>footer{padding:4px 10px}#canak-dialog .canak-dialog-body{font-size:14px}.canak-celebrate{padding:8px;gap:8px}.canak-pot{height:65px;width:65px}.canak-pot img{width:65px}.canak-celebrate h3{font-size:18px}.canak-rules,.canak-account-summary{font-size:12px;margin:3px auto}}
@media(prefers-reduced-motion:reduce){.canak-pot img,.canak-pot i,.canak-treat{animation:none}.canak-pot i{display:none}}