.hex-saves{color:#302718;background:#f2e5c6;max-width:780px;min-height:100dvh;margin:0 auto;padding:clamp(20px,5vw,48px);font-family:Arial,sans-serif;font-size:16px;line-height:1.5}.hex-saves *{box-sizing:border-box}.hex-saves h1{margin:20px 0 12px;font-size:2rem;line-height:1.1}.hex-saves h2{margin:0 0 10px;font-size:1.15rem}.hex-saves p{margin:10px 0}.hex-saves a{color:#214f55;text-underline-offset:3px;text-decoration:underline}.hex-saves section{border-top:1px solid #bca985;padding:22px 0}.hex-saves-private{background:#e3d2ad;border-left:4px solid #8a602a;padding:12px 14px}.hex-saves button{color:#fff9e9;min-height:46px;font:inherit;cursor:pointer;background:#234e51;border:1px solid #163b40;border-radius:6px;padding:10px 18px;font-weight:700}.hex-saves button:hover{background:#173c40}.hex-saves :focus-visible{outline-offset:4px;outline:3px solid #b95c23}.hex-saves-note{color:#5d513d;font-size:14px}.hex-saves-file{gap:8px;font-weight:700;display:grid}.hex-saves input[type=file]{font:inherit;max-width:100%;min-height:44px;font-weight:400}.hex-saves input::file-selector-button{font:inherit;cursor:pointer;background:#e2d1ac;border:1px solid #9f8860;border-radius:5px;min-height:44px;margin-right:10px;padding:8px 12px}.hex-saves-preview{padding:18px 0 0}.hex-saves dl{grid-template-columns:repeat(4,1fr);gap:12px;margin:0;display:grid}.hex-saves dl div{background:#e8d8b6;border-radius:5px;padding:10px}.hex-saves dt{font-size:13px}.hex-saves dd{margin:0;font-size:24px;font-weight:700}.hex-saves-choice{cursor:pointer;align-items:flex-start;gap:12px;padding:14px 0;display:flex}.hex-saves-choice input{accent-color:#234e51;width:20px;height:20px;margin-top:3px}.hex-saves-choice small{color:#5d513d;display:block}.hex-saves-error,.hex-saves-success{border-radius:5px;padding:12px 14px}.hex-saves-error{color:#762616;background:#f4d4c5}.hex-saves-success{color:#294222;background:#dce6c6}.hex-saves nav{flex-wrap:wrap;gap:8px 24px;padding:14px 0;display:flex}.hex-saves nav a{align-items:center;min-height:44px;display:inline-flex}@media (max-width:450px){.hex-saves dl{grid-template-columns:repeat(2,1fr)}.hex-saves button{width:100%}}