.scratch-page{color:#fff4d6;background:#17131d;min-height:100vh;padding:1.25rem 1rem 3rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.scratch-shell{width:min(1200px,100%);margin:0 auto}.scratch-header{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1rem;display:flex}.scratch-kicker{color:#24d6e8;font-size:.72rem;font-weight:1000}.scratch-header h1{letter-spacing:0;margin:.15rem 0 0;font:1000 3.7rem/.95 system-ui,sans-serif}.scratch-lifetime{text-align:right;border-left:4px solid #fc0;padding-left:.8rem;font-size:.62rem;display:grid}.scratch-lifetime strong{color:#fc0;font-size:1.45rem}.scratch-workspace{grid-template-columns:minmax(0,1.7fr) minmax(300px,.72fr);align-items:start;gap:1rem;display:grid}.scratch-scene{aspect-ratio:3/2;background:#302c28;border:3px solid #fff4d6;position:relative;overflow:hidden;box-shadow:8px 8px #24d6e8}.scratch-field{z-index:2;touch-action:none;cursor:crosshair;-webkit-user-select:none;user-select:none;border-radius:7%;width:54.2%;height:60.4%;position:absolute;top:19.8%;left:22.9%;overflow:hidden}.scratch-results{color:#fff4d6;background:#720d28;grid-template-rows:.65fr repeat(3,1fr);gap:3%;padding:4%;display:grid;position:absolute;inset:0}.scratch-instruction{color:#fc0;border-bottom:2px solid #fc0;place-items:center;font-size:.72rem;font-weight:1000;display:grid}.scratch-result-row{grid-template-columns:1fr .36fr;gap:3%;min-width:0;display:grid}.scratch-symbols{grid-template-columns:repeat(3,minmax(0,1fr));gap:2%;display:grid}.scratch-symbols span{color:#17131d;background:#fff4d6;border:2px solid #fc0;place-items:center;min-width:0;font-size:.62rem;font-weight:1000;display:grid;overflow:hidden}.scratch-result-row>strong{color:#17131d;text-align:center;overflow-wrap:anywhere;background:#fc0;place-items:center;min-width:0;padding:2%;font-size:.58rem;display:grid}.scratch-coating{pointer-events:none;grid-template-rows:repeat(6,1fr);grid-template-columns:repeat(10,1fr);display:grid;position:absolute;inset:0}.scratch-coating i{opacity:1;background:linear-gradient(125deg,#d7d8da,#777b81 46%,#e6e7e8 75%,#96999e);border:1px solid #36393f3d;transition:opacity 90ms,transform .11s;transform:scale(1.04);box-shadow:inset 0 0 5px #ffffff80}.scratch-coating i:nth-child(3n){background:linear-gradient(45deg,#92969b,#e4e5e6 52%,#71757a)}.scratch-coating i.is-revealed,.scratch-field.is-complete .scratch-coating i{opacity:0;transform:scale(.68)rotate(4deg)}.scratch-console{gap:.8rem;display:grid}.scratch-progress-panel,.scratch-claim{background:#29232f;border:3px solid #fff4d6;padding:.9rem}.scratch-progress-panel{box-shadow:6px 6px #d63176}.scratch-panel-head{color:#24d6e8;justify-content:space-between;gap:.5rem;font-size:.65rem;font-weight:1000;display:flex}.scratch-panel-head strong{color:#fc0}.scratch-meter{background:#17131d;border:2px solid #fff4d6;height:18px;margin-top:.7rem}.scratch-meter div{background:#fc0;height:100%;transition:width .12s}.scratch-progress-panel p{min-height:2.4rem;margin:.7rem 0;font-size:.66rem;line-height:1.4}.scratch-progress-panel button,.scratch-new{color:#fff;cursor:pointer;background:#d63176;border:2px solid #fff4d6;width:100%;min-height:48px;font:1000 .78rem ui-monospace,monospace}.scratch-progress-panel button:disabled,.scratch-new:disabled{cursor:not-allowed;opacity:.35}.scratch-progress-panel small{color:#a9a0af;text-align:center;margin-top:.6rem;font-size:.52rem;display:block}.scratch-claim{border-color:#5b5362;min-height:250px}.scratch-claim.is-open{border-color:#fc0;box-shadow:6px 6px #fc0}.scratch-winner{color:#fc0;text-align:center;border:2px solid #fc0;margin:.8rem 0;padding:.7rem;font-size:.65rem}.scratch-winner strong{font:1000 1.15rem system-ui,sans-serif}.scratch-claim dl{margin:0}.scratch-claim dl div{border-top:1px dashed #746b7b;grid-template-columns:1fr auto;gap:.5rem;padding:.42rem 0;font-size:.6rem;display:grid}.scratch-claim dd{margin:0}.scratch-claim dl div:last-child{color:#24d6e8;font-weight:1000}.scratch-claim p{color:#fc0;margin:.7rem 0 0;font-size:.62rem;line-height:1.4}.scratch-pending{color:#827989;text-align:center;place-items:center;min-height:190px;font-size:.62rem;line-height:1.8;display:grid}.scratch-new{background:0 0}.scratch-back{color:inherit;margin-top:1.5rem;font-weight:800;display:inline-block}.scratch-page button:focus-visible,.scratch-back:focus-visible{outline-offset:3px;outline:4px solid #24d6e8}@media (max-width:800px){.scratch-page{padding:1rem .75rem 3rem}.scratch-header h1{font-size:2.45rem}.scratch-workspace{grid-template-columns:minmax(0,1fr)}.scratch-instruction{font-size:.48rem}.scratch-symbols span,.scratch-result-row>strong{border-width:1px;font-size:.4rem}.scratch-claim.is-open dl{padding-bottom:4.75rem}}@media (max-width:390px){.scratch-header h1{font-size:2.1rem}.scratch-lifetime{max-width:92px}}@media (prefers-reduced-motion:reduce){.scratch-coating i,.scratch-meter div{transition:none}}