/* rekosk.dev: the save-file notice window */
/* ---------- save-file notice: a .win that pops up after the first intro (localStorage: achievements, sound setting, notice seen) ---------- */
.save-win{width:min(500px,92vw);height:auto;max-height:min(600px,86vh)}
.save-win .win-view{position:relative;padding:26px 26px 24px}
.save-in{position:relative;min-width:0}
.save-top{display:flex;align-items:center;gap:16px}
.save-disk{flex:none;width:62px;height:62px;overflow:visible;rotate:8deg;transition:rotate .5s cubic-bezier(.34,1.56,.64,1),scale .5s cubic-bezier(.34,1.56,.64,1);animation:saveDiskIn .7s .15s cubic-bezier(.34,1.56,.64,1) backwards}
.save-win:hover .save-disk{rotate:-6deg;scale:1.08}
@keyframes saveDiskIn{from{scale:0;rotate:-90deg}}
.save-disk path{stroke:#0b0b0b;stroke-width:2.4;stroke-linejoin:round;stroke-linecap:round}
.save-disk .sd-body{fill:var(--or)}
.save-disk .sd-shutter{fill:#cfc8bc}
.save-disk .sd-slot{fill:none}
.save-disk .sd-label{fill:#f4f1ea}
.save-disk .sd-lines{fill:none;stroke-width:2}
.save-h{margin:0;font-size:clamp(22px,2.4vw,27px);line-height:1.25;letter-spacing:-.02em;color:#0b0b0b}
.save-h .sec-brush{animation:none}
.save-p{clear:right;margin:12px 0 0;font-size:15px;line-height:1.65;color:var(--mid)}
.save-h+.save-p{clear:none}
.save-top+.save-p{margin-top:18px;font-weight:700;color:var(--white)}
.save-p b{font-weight:800;color:var(--white);box-shadow:inset 0 -.38em 0 rgba(254,119,0,.45)}
.save-btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.save-ok{min-height:48px;padding:0 24px;font-size:15px;font-weight:700}
.save-ok:focus-visible,.save-link:focus-visible,.foot-save:focus-visible{outline:2px dashed var(--or);outline-offset:3px}
.foot-save{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--fog);font-weight:600;cursor:pointer}
.foot-save:hover{color:var(--or)}
.foot-save .ico{width:18px;height:18px;transition:rotate .35s cubic-bezier(.34,1.56,.64,1)}
.foot-save:hover .ico{rotate:-10deg}
@media (max-width:600px){.save-win .win-view{padding:20px 18px}.save-disk{width:48px;height:48px}}
@media (prefers-reduced-motion:reduce){.save-disk,.save-ok{transition:none;animation:none}}