.scratch-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:25px}.scratch-heading h2{margin:8px 0;font-weight:500;letter-spacing:.06em}.scratch-heading p{color:var(--muted);font-size:13px;line-height:1.8;margin:0}.scratch-stamp{flex-shrink:0;font-size:11px;letter-spacing:.16em;border:1px solid var(--line);border-radius:100px;padding:8px 12px;color:var(--muted)}
.scratch-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.8fr);gap:24px;align-items:start}.scratch-table,.scratch-shop{min-width:0}.scratch-wallet{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:18px}.scratch-wallet small,.scratch-wallet>span{color:var(--muted);font-size:12px}.scratch-wallet strong{display:block;font-size:36px;line-height:1.5;font-weight:500;font-variant-numeric:tabular-nums}.scratch-wallet svg{width:16px;height:16px;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.5}
.scratch-ticket-wrap{position:relative;isolation:isolate}.scratch-canvas{display:block;width:100%;height:auto;aspect-ratio:720/510;background:#f2efdf;border:1px solid #d8d4bd;border-radius:20px;touch-action:none;cursor:crosshair;outline:none;box-shadow:0 14px 40px #061a2525}.scratch-canvas:focus-visible{box-shadow:0 0 0 3px #9eddd2,0 14px 40px #061a2525}.scratch-progress{height:4px;background:#749e9820;border-radius:10px;margin:16px 0 7px;overflow:hidden}.scratch-progress i{display:block;height:100%;width:0;background:#a3cfc1;transition:width .18s}.scratch-progress-label{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;gap:10px}.scratch-actions{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.scratch-actions .button{padding:11px 15px;min-height:42px}.scratch-status{min-height:48px;font-size:13px;line-height:1.8;color:var(--muted)}
.scratch-catalogue{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0 24px}.scratch-ticket-choice{padding:12px 9px;text-align:left;min-height:105px;display:flex;flex-direction:column;gap:8px;border:1px solid var(--line);border-radius:12px;background:#6598930a;color:var(--text);cursor:pointer;font:inherit;transition:border-color .2s,background .2s,transform .15s}.scratch-ticket-choice strong{font-size:13px;font-weight:500}.scratch-ticket-choice span{font-size:11px;color:var(--muted)}.scratch-ticket-choice[aria-pressed="true"]{border-color:#9ed2c4;background:#8bbcb422}.scratch-ticket-choice:disabled{opacity:.5;cursor:default}.scratch-ticket-choice:hover:not(:disabled){background:#8bbcb41c}.scratch-ticket-choice:active:not(:disabled){transform:scale(.97)}
.scratch-shop{padding:20px;border:1px solid var(--line);border-radius:16px;background:#5a8e9509}.scratch-shop h3{font-size:15px;font-weight:500;margin:0 0 14px}.scratch-upgrade{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 0;border-bottom:1px solid var(--line)}.scratch-upgrade strong{display:block;font-size:13px;font-weight:500;margin-bottom:6px}.scratch-upgrade p{font-size:11px;line-height:1.6;color:var(--muted);margin:0}.scratch-upgrade .button{font-size:11px;min-width:70px;padding:9px 10px;flex-shrink:0}
.scratch-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;border-block:1px solid var(--line);padding:18px 0;margin-top:18px}.scratch-stats span{font-size:11px;color:var(--muted)}.scratch-stats b{display:block;font-size:17px;font-weight:500;color:var(--text);margin-top:7px;font-variant-numeric:tabular-nums}

.scratch-rule{margin-top:25px;border:1px solid var(--line);border-radius:12px;padding:16px;font-size:12px;color:var(--muted);line-height:1.9}.scratch-rule summary{cursor:pointer;color:var(--text)}.scratch-rule ul{padding-left:18px;margin-bottom:0}.scratch-confirm{padding:18px;margin:15px 0;border:1px solid #d9b47766;border-radius:12px;background:#bba46410}.scratch-confirm[hidden]{display:none}.scratch-confirm p{font-size:12px;line-height:1.8;color:var(--muted)}.scratch-save-note{font-size:11px;color:var(--muted);margin-top:16px;line-height:1.8}.scratch-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px}.scratch-bottom button{font:inherit;font-size:11px;color:var(--muted);background:none;border:none;padding:8px;cursor:pointer}.scratch-toast{position:absolute;inset:42% 12% auto;pointer-events:none;text-align:center;font-size:clamp(20px,4vw,34px);font-weight:500;letter-spacing:.04em;color:#173e36;text-shadow:0 2px 12px #fff8;opacity:0;transform:translateY(12px);z-index:2}.scratch-toast.show{animation:scratch-win .9s ease-out both}.scratch-toast.loss{color:#a85443}@keyframes scratch-win{0%{opacity:0;transform:translateY(14px) scale(.9)}25%{opacity:1;transform:translateY(0) scale(1)}75%{opacity:1}100%{opacity:0;transform:translateY(-25px)}}
@media(max-width:1000px){.scratch-layout{grid-template-columns:minmax(0,1fr)}.scratch-shop{display:block}.scratch-catalogue{margin-top:18px}.scratch-heading{flex-wrap:wrap}.scratch-stamp{font-size:10px}}
@media(max-width:520px){.scratch-wallet strong{font-size:30px}.scratch-catalogue{grid-template-columns:repeat(2,minmax(0,1fr))}.scratch-ticket-choice{min-height:78px}.scratch-shop{display:block;padding:16px}.scratch-actions .button{flex:1;font-size:12px;padding:10px 9px}.scratch-wallet{align-items:center}.scratch-wallet>span{max-width:110px;line-height:1.7}.scratch-stats{gap:8px}.scratch-stats b{font-size:15px}.scratch-canvas{border-radius:14px}}
@media(prefers-reduced-motion:reduce){.scratch-toast.show{animation:none;opacity:1;transform:none}.scratch-ticket-choice,.scratch-progress i{transition:none}}

.scratch-actions .button[hidden]{display:none}.scratch-active-rule{border-top:1px solid var(--line);padding-top:20px;margin-top:20px}.scratch-active-rule h3{margin:10px 0}.scratch-active-rule p{font-size:12px;line-height:1.9;color:var(--muted)}.scratch-active-rule .help-note{padding:10px 12px;background:#96bba112;border-radius:9px}
.scratch-dish-choice{width:100%;min-height:96px;margin:0 0 24px;padding:14px;background:#86b5a310}.scratch-dish-choice strong{font-size:15px}.scratch-catalogue .scratch-ticket-choice{gap:7px}

.scratch-exchange{border-top:1px solid var(--line);padding-top:22px;margin-top:20px}.scratch-exchange-intro,.scratch-exchange-preview,.scratch-exchange-status,.scratch-exchange-rules p{color:var(--muted);font-size:12px;line-height:1.8}.scratch-exchange label{display:block;font-size:12px;color:var(--muted);margin:14px 0 8px}.scratch-exchange select,.scratch-exchange .custom-select{width:100%;min-width:0}.scratch-exchange-account{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#8bbcb412;border:1px solid var(--line);border-radius:12px;padding:12px;margin:14px 0}.scratch-exchange-account span{font-size:11px;color:var(--muted)}.scratch-exchange-account strong{display:block;font-size:20px;font-weight:500;color:var(--text);font-variant-numeric:tabular-nums;margin-top:6px}.scratch-exchange-account small{max-width:125px;text-align:right;line-height:1.8;font-size:11px;color:var(--muted)}.scratch-exchange-input{display:flex;gap:8px}.scratch-exchange-input input{width:0;flex:1;min-width:0;color:var(--text);font:inherit;background:#8bbcb412;border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-variant-numeric:tabular-nums}.scratch-exchange .button{font-size:12px;min-height:42px;padding:10px 13px}.scratch-exchange-preview{min-height:42px;margin:10px 0}.scratch-exchange-actions{display:flex;gap:8px;flex-wrap:wrap}.scratch-exchange-status:empty{display:none}.scratch-exchange-status{color:var(--text)}.scratch-exchange-rules{margin-top:16px;font-size:12px;color:var(--muted)}.scratch-exchange-rules summary{cursor:pointer}.scratch-exchange-rules p{margin:10px 0 0}.scratch-exchange input:focus-visible{outline:2px solid #9ed2c4;outline-offset:2px}