.e8-spreadsheet-smash{--e8-smash-paper:#fff;--e8-smash-line:rgba(0,0,0,.12);--e8-smash-ink:var( --e8-ink )}.e8-spreadsheet-smash .e8-smash__invite{align-items:center;display:grid;gap:clamp(24px,4vw,48px)}.e8-spreadsheet-smash .e8-smash__heading{margin-bottom:.4em}.e8-spreadsheet-smash .e8-smash__intro{color:var(--e8-grey);max-width:34rem}.e8-spreadsheet-smash .e8-smash__play{margin-top:8px}.e8-spreadsheet-smash .e8-smash__howto{color:var(--e8-grey);font-size:.8125rem;margin:12px 0 0;max-width:30rem}.e8-spreadsheet-smash .e8-smash__stack{min-height:190px;position:relative}.e8-spreadsheet-smash .e8-smash__sheet{background:var(--e8-smash-paper);border:1px solid var(--e8-line);border-radius:10px;box-shadow:0 18px 40px -22px rgba(0,0,0,.5);display:block;max-width:280px;padding:10px 12px 12px;position:absolute;width:62%}.e8-spreadsheet-smash .e8-smash__sheet--0{left:2%;top:4%;transform:rotate(-7deg)}.e8-spreadsheet-smash .e8-smash__sheet--1{left:32%;top:26%;transform:rotate(4deg)}.e8-spreadsheet-smash .e8-smash__sheet--2{left:6%;top:58%;transform:rotate(-2deg)}.e8-spreadsheet-smash .e8-smash__sheet-grid{background-color:color-mix(in srgb,var(--e8-surface) 70%,#fff);background-image:linear-gradient(var(--e8-smash-line) 1px,transparent 1px),linear-gradient(90deg,var(--e8-smash-line) 1px,transparent 1px);background-size:100% 14px,33.33% 100%;border-radius:4px;display:block;height:42px;margin-bottom:8px}.e8-spreadsheet-smash .e8-smash__sheet-label{color:var(--e8-smash-ink);display:block;font-family:var(--e8-font-heading);font-size:.875rem;font-weight:700}@media(min-width:860px){.e8-spreadsheet-smash .e8-smash__invite{grid-template-columns:1.1fr .9fr}}@media(max-width:859px){.e8-spreadsheet-smash .e8-smash__stack{min-height:150px;order:-1}.e8-spreadsheet-smash .e8-smash__sheet{width:54%}}.e8-smash__dialog{background:transparent;border:0;border-radius:var(--e8-radius);color:var(--e8-ink);max-height:calc(100vh - 24px);max-width:none;overflow:visible;padding:0;width:min(1000px,100vw - 24px)}.e8-smash__dialog::backdrop{background:rgba(12,16,28,.72)}.e8-smash__dialog:not([open]){display:none}.e8-smash__frame{background:var(--e8-white);border-radius:var(--e8-radius);box-shadow:0 40px 90px -30px rgba(0,0,0,.6);display:flex;flex-direction:column;max-height:calc(100vh - 24px);overflow:hidden}.e8-smash__bar{align-items:center;background:var(--e8-charcoal);color:#fff;display:flex;gap:10px;padding:10px 12px}.e8-smash__title{font-family:var(--e8-font-heading);font-size:1rem;font-weight:700;letter-spacing:.01em;margin:0 auto 0 0}.e8-smash__stat{align-items:baseline;display:flex;font-size:.8125rem;gap:6px;margin:0}.e8-smash__stat strong{font-family:var(--e8-font-heading);font-size:1.25rem;font-variant-numeric:tabular-nums}.e8-smash__stat-label{font-size:.6875rem;letter-spacing:.06em;opacity:.7;text-transform:uppercase}.e8-smash__stat--time strong{display:inline-block;min-width:2ch;text-align:right}.e8-smash__icon-btn{align-items:center;background:transparent;border:1px solid hsla(0,0%,100%,.25);border-radius:999px;color:#fff;cursor:pointer;display:inline-flex;font:inherit;font-size:.75rem;gap:6px;padding:6px 10px}.e8-smash__icon-btn:hover{background:hsla(0,0%,100%,.12)}.e8-smash__icon-btn[aria-pressed=true]{background:var(--e8-forest);border-color:transparent}.e8-smash__close{padding:6px 8px}.e8-smash__field{background:radial-gradient(70% 60% at 18% 12%,color-mix(in srgb,var(--e8-forest) 55%,transparent) 0,transparent 72%),radial-gradient(60% 55% at 88% 85%,color-mix(in srgb,var(--e8-amber) 30%,transparent) 0,transparent 70%),linear-gradient(180deg,#171b26 0,#10131c 100%);cursor:crosshair;height:min(56vh,460px);outline:none;overflow:hidden;position:relative;touch-action:manipulation}.e8-smash__field:before{background-image:linear-gradient(hsla(0,0%,100%,.5) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.5) 1px,transparent 0);background-size:100% 40px,88px 100%;content:"";inset:0;opacity:.18;pointer-events:none;position:absolute}.e8-smash__live{height:1px;overflow:hidden;position:absolute;width:1px;clip:rect(0 0 0 0);white-space:nowrap}.e8-smash__target{background:var(--e8-smash-paper);border:1px solid var(--e8-line);border-radius:10px;box-shadow:0 14px 30px -12px rgba(0,0,0,.75);color:var(--e8-ink);cursor:pointer;font:inherit;opacity:0;overflow:hidden;padding:8px 10px 10px;position:absolute;text-align:left;transform:rotate(var(--tilt,0deg)) scale(.6);width:clamp(104px,17vw,150px)}.e8-smash__target:before{background:var(--e8-brick,#c0392b);content:"";inset:0 auto 0 0;position:absolute;width:4px}.e8-smash__target .e8-smash__sheet-grid{height:30px;margin-bottom:6px}.e8-smash__target .e8-smash__target-label{display:block;font-family:var(--e8-font-heading);font-size:.8125rem;font-weight:700;line-height:1.2}.e8-smash__target.is-in{opacity:1;transform:rotate(var(--tilt,0deg)) scale(1)}.e8-smash__target:hover{border-color:var(--e8-forest);transform:rotate(var(--tilt,0deg)) scale(1.04)}.e8-smash__target:focus-visible{outline:3px solid #fff;outline-offset:3px}.e8-smash__target.is-hit{pointer-events:none}.e8-smash__target.is-out{opacity:0;transform:rotate(var(--tilt,0deg)) translateY(10px) scale(.9)}.e8-smash__pop{font-family:var(--e8-font-heading);font-size:1.25rem;font-weight:800;text-shadow:0 2px 10px rgba(0,0,0,.5);transform:translate(-50%,-50%)}.e8-smash__capability,.e8-smash__pop{color:#fff;pointer-events:none;position:absolute}.e8-smash__capability{background:var(--e8-forest);border-radius:999px;box-shadow:0 8px 20px -8px rgba(0,0,0,.8);font-size:.75rem;font-weight:700;padding:5px 12px;transform:translate(-50%,10px);white-space:nowrap}.e8-smash__burst{background:var(--e8-smash-paper);border:1px solid var(--e8-line);border-radius:2px;height:13px;width:10px}.e8-smash__burst,.e8-smash__paddle{pointer-events:none;position:absolute}.e8-smash__paddle{background:linear-gradient(160deg,var(--e8-forest) 0,color-mix(in srgb,var(--e8-forest) 70%,#000) 100%);border-radius:12px 12px 6px 6px;box-shadow:0 10px 20px -10px rgba(0,0,0,.6);height:54px;left:0;margin:-27px 0 0 -27px;opacity:0;top:0;transform:translate(var(--x,-100px),var(--y,-100px)) rotate(-20deg);transition:opacity .2s;width:54px}.e8-smash__paddle:after{background:color-mix(in srgb,var(--e8-forest) 60%,#000);border-radius:3px;content:"";height:20px;inset:auto 0 -16px 50%;margin-left:-5px;position:absolute;width:10px}.e8-smash__field.is-playing .e8-smash__paddle{opacity:1}.e8-smash__panel{overflow-y:auto;padding:clamp(16px,3vw,28px)}.e8-smash__result-heading{font-family:var(--e8-font-heading);font-size:clamp(1.375rem,1.1rem + 1.2vw,1.875rem);margin:0 0 4px;outline:none}.e8-smash__result-score{color:var(--e8-forest);font-size:1.0625rem;font-weight:700;margin:0 0 2px}.e8-smash__result-meta{color:var(--e8-grey);font-size:.8125rem;margin:0 0 10px}.e8-smash__result-text{color:var(--e8-grey);margin:0 0 16px;max-width:44rem}.e8-smash__actions{display:flex;flex-wrap:wrap;gap:10px}.e8-smash__lb{border-top:1px solid var(--e8-line);margin-top:24px;padding-top:18px}.e8-smash__lb h3{font-family:var(--e8-font-heading);font-size:1rem;margin:0 0 10px}.e8-smash__board{border-collapse:collapse;font-size:.875rem;width:100%}.e8-smash__board td,.e8-smash__board th{border-bottom:1px solid var(--e8-line);padding:7px 10px;text-align:left}.e8-smash__board thead th{color:var(--e8-grey);font-size:.6875rem;letter-spacing:.06em;text-transform:uppercase}.e8-smash__board tbody th{color:var(--e8-grey);font-variant-numeric:tabular-nums;width:2rem}.e8-smash__board td:last-child,.e8-smash__board thead th:last-child{text-align:right}.e8-smash__board td:last-child{font-variant-numeric:tabular-nums;font-weight:700}.e8-smash__board tr.is-you{background:color-mix(in srgb,var(--e8-forest) 10%,transparent)}.e8-smash__lb-note{color:var(--e8-grey);font-size:.8125rem;margin:10px 0 0}.e8-smash__lb-form{align-items:flex-end;display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.e8-smash__lb-field{color:var(--e8-grey);display:flex;flex-direction:column;font-size:.75rem;gap:4px}.e8-smash__lb-field select{background:var(--e8-white);border:1px solid var(--e8-line);border-radius:8px;color:var(--e8-ink);font:inherit;font-size:.875rem;min-width:11rem;padding:8px 10px}.e8-smash__hint{border-top:1px solid var(--e8-line);color:var(--e8-grey);font-size:.75rem;margin:0;padding:8px 14px 12px}@media(max-width:599px){.e8-smash__dialog{inset:0;margin:0;max-width:100%;position:fixed;width:100%}.e8-smash__dialog,.e8-smash__frame{border-radius:0;height:100%;max-height:100%}.e8-smash__field{flex:1 1 auto;height:auto;min-height:320px}.e8-smash__title{font-size:.875rem}.e8-smash__stat strong{font-size:1.0625rem}.e8-smash__icon-btn{font-size:.6875rem;padding:6px 8px}.e8-smash__lb-field select{min-width:100%}.e8-smash__lb-form{display:grid}}@media(prefers-reduced-motion:no-preference){.e8-smash__target{transition:transform .22s cubic-bezier(.2,1.4,.4,1),opacity .22s,border-color .15s}.e8-smash__target.is-hit{filter:blur(1px);opacity:0;transform:rotate(var(--tilt,0deg)) scale(1.25)}.e8-smash__target.is-out{transition:transform .3s ease-in,opacity .3s ease-in}.e8-smash__paddle{transition:transform .08s linear,opacity .2s}.e8-smash__paddle.is-swing{animation:e8-smash-swing .22s ease-out}.e8-smash__pop{animation:e8-smash-pop .9s ease-out forwards}.e8-smash__capability{animation:e8-smash-cap 1.1s ease-out forwards}.e8-smash__burst{animation:e8-smash-shard .7s ease-out forwards}.e8-smash__sheet{transition:transform .3s ease}.e8-spreadsheet-smash:hover .e8-smash__sheet--0{transform:rotate(-9deg) translateY(-3px)}.e8-spreadsheet-smash:hover .e8-smash__sheet--2{transform:rotate(-4deg) translateY(3px)}@keyframes e8-smash-swing{0%{transform:translate(var(--x),var(--y)) rotate(-60deg) scale(.9)}60%{transform:translate(var(--x),var(--y)) rotate(18deg) scale(1.08)}to{transform:translate(var(--x),var(--y)) rotate(-20deg) scale(1)}}@keyframes e8-smash-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.7)}20%{opacity:1;transform:translate(-50%,-70%) scale(1.1)}to{opacity:0;transform:translate(-50%,-150%) scale(1)}}@keyframes e8-smash-cap{0%{opacity:0;transform:translate(-50%,20px) scale(.9)}15%{opacity:1;transform:translate(-50%,10px) scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,2px)}}@keyframes e8-smash-shard{0%{opacity:1;transform:translate(-50%,-50%) rotate(0deg)}to{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) rotate(var(--r))}}}@media(prefers-reduced-motion:reduce){.e8-smash__target{opacity:1;transform:rotate(var(--tilt,0deg))}.e8-smash__paddle{display:none}}