@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Syne Variable;font-style:normal;font-display:swap;font-weight:400 800;src:url(/assets/syne-greek-wght-normal-5tOOQDeJ.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Syne Variable;font-style:normal;font-display:swap;font-weight:400 800;src:url(/assets/syne-latin-ext-wght-normal-JjI8ZrW1.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Syne Variable;font-style:normal;font-display:swap;font-weight:400 800;src:url(/assets/syne-latin-wght-normal-BVsvWWA4.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--accent:#ff3d7f;--on-accent:#fff;--success:#4ade80;--danger:#ff5c5c;--gold:#ffc53d;--page:#0f0f11;--surface-1:#17171a;--surface-2:#1f1f23;--surface-3:#2a2a30;--hairline:#ffffff12;--hairline-strong:#ffffff24;--fg-1:#f5f4f0;--fg-2:#a3a29c;--fg-3:#63625d;--font-display:"Syne Variable", "Inter Variable", system-ui, sans-serif;--font-body:"Inter Variable", system-ui, -apple-system, sans-serif;--radius-card:24px;--radius-sm:16px;--radius-pill:9999px;--dur-ui:.16s;--dur-arrive:.52s;--ease-ui:cubic-bezier(.4, 0, .2, 1);--ease-arrive:cubic-bezier(.19, 1, .22, 1);--ease-snappy:cubic-bezier(.175, .885, .32, 1.1);--decade-1950:#f5a524;--decade-1960:#ff7a3d;--decade-1970:#ffc53d;--decade-1980:#ff4da6;--decade-1990:#a78bfa;--decade-2000:#4d9fff;--decade-2010:#2dd4bf;--decade-2020:#4ade80}@supports (color:color(display-p3 1 1 1)){:root{--accent:color(display-p3 1 .24 .5)}}@media (prefers-reduced-motion:reduce){:root{--dur-ui:0s;--dur-arrive:0s}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}*{box-sizing:border-box}html{text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--page);color:var(--fg-1);font-family:var(--font-body);letter-spacing:-.013em;overscroll-behavior-y:none;margin:0;font-size:15px}button,input{letter-spacing:inherit;font-family:inherit}h1,h2,h3{text-wrap:balance;margin:0}::selection{background:color-mix(in srgb, var(--accent) 30%, transparent)}#root{justify-content:center;min-height:100dvh;display:flex}.app{width:100%;max-width:440px;min-height:100dvh;padding:calc(14px + env(safe-area-inset-top)) 18px calc(18px + env(safe-area-inset-bottom));flex-direction:column;display:flex}.app[data-phase=listen],.app[data-phase=challenge]{height:100dvh;overflow:hidden}.display{font-family:var(--font-display);font-variation-settings:"wght" 700;letter-spacing:-.02em;font-weight:700;line-height:1}.button{border-radius:var(--radius-pill);font-variation-settings:"wght" 560;letter-spacing:-.01em;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;height:52px;transition:transform .1s var(--ease-ui), background var(--dur-ui) var(--ease-ui), color var(--dur-ui) var(--ease-ui), opacity var(--dur-ui) var(--ease-ui);border:none;outline:none;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-size:16px;font-weight:560;display:inline-flex}.button.solid{background:var(--accent);color:var(--on-accent)}.button.tinted{color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, var(--surface-1))}.button.secondary{background:var(--surface-2);color:var(--fg-1)}.button.ghost{color:var(--fg-2);background:0 0;height:44px;padding:0 12px}.button.big{width:100%;height:60px;font-size:17px}.button.small{height:38px;padding:0 14px;font-size:14px}@media (hover:hover){.button.solid:not(:disabled):hover{opacity:.92}.button.secondary:not(:disabled):hover{background:var(--surface-3)}.button.ghost:not(:disabled):hover{color:var(--fg-1)}}.button:not(:disabled):active{transform:scale(.97)}.button:disabled{cursor:not-allowed}.button.solid:disabled{background:var(--surface-2);color:var(--fg-3)}.button.tinted:disabled{color:var(--fg-3);background:var(--surface-1)}.button:focus-visible,input:focus-visible,.slot:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 50%, transparent);outline-offset:2px}.field{border-radius:var(--radius-pill);border:1px solid var(--hairline);background:var(--surface-1);min-width:0;height:52px;color:var(--fg-1);transition:border-color var(--dur-ui) var(--ease-ui);outline:none;flex:1;padding:0 20px;font-size:16px}.field::placeholder{color:var(--fg-3)}.field:focus{border-color:var(--hairline-strong)}.field.code{font-family:var(--font-display);font-variation-settings:"wght" 700;letter-spacing:.16em;text-transform:uppercase;font-size:20px;font-weight:700}.field.code::placeholder{font-family:var(--font-body);font-variation-settings:"wght" 400;letter-spacing:-.01em;text-transform:none;font-size:16px;font-weight:400}.row{animation:rise var(--dur-arrive) var(--ease-arrive);align-items:center;gap:8px;display:flex}.row .remove{border-radius:var(--radius-pill);background:var(--surface-1);width:44px;height:44px;color:var(--fg-3);cursor:pointer;transition:transform .1s var(--ease-ui), color var(--dur-ui) var(--ease-ui);border:none;flex-shrink:0;font-size:18px}.row .remove:active{transform:scale(.9)}.label{color:var(--fg-2);font-variation-settings:"wght" 500;letter-spacing:.01em;margin-bottom:10px;font-size:13px;font-weight:500}.status{color:var(--fg-2);text-align:center;letter-spacing:0;font-size:14px}.segmented{background:var(--surface-1);border-radius:var(--radius-pill);isolation:isolate;grid-auto-columns:1fr;grid-auto-flow:column;padding:4px;display:grid;position:relative}.segmented:before{content:"";z-index:-1;width:calc((100% - 8px) / var(--n));border-radius:var(--radius-pill);background:var(--surface-3);transform:translateX(calc(var(--i) * 100%));transition:transform var(--dur-arrive) var(--ease-arrive);position:absolute;top:4px;bottom:4px;left:4px}.segmented button{height:44px;color:var(--fg-2);font-variation-settings:"wght" 560;border-radius:var(--radius-pill);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color var(--dur-ui) var(--ease-ui), transform .1s var(--ease-ui);white-space:nowrap;background:0 0;border:none;font-size:15px;font-weight:560}.segmented button:active{transform:scale(.96)}.segmented button[aria-pressed=true]{color:var(--fg-1)}.dots{align-items:center;gap:4px;display:inline-flex}.dots i{background:var(--surface-3);width:6px;height:6px;transition:background var(--dur-ui) var(--ease-ui), transform var(--dur-arrive) var(--ease-snappy);border-radius:50%}.dots i.on{background:var(--accent)}.dots i.new{animation:pop var(--dur-arrive) var(--ease-snappy)}.setup{flex-direction:column;flex:1;gap:22px;padding-top:4vh;display:flex}.brand{text-align:center;padding-bottom:6px}.brand .mark{font-family:var(--font-display);font-variation-settings:"wght" 800;letter-spacing:-.04em;background:linear-gradient(100deg, var(--accent), var(--decade-1970));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:52px;font-weight:800;line-height:1;display:inline-block}.brand .tag{color:var(--fg-2);margin-top:8px;font-size:15px}.stack{flex-direction:column;gap:10px;display:flex}.setup-art{flex:1;justify-content:center;align-items:center;min-height:0;display:flex;container-type:size}.vinyl.idle{cursor:default;width:min(52vw,200px,100cqh);height:min(52vw,200px,100cqh);animation:14s linear infinite spin}.vinyl.idle .label{opacity:1;width:36%;height:36%;font-size:28px}@container (height<=120px){.vinyl.idle{display:none}}.setup-foot{flex-direction:column;gap:12px;margin-top:0;padding-top:8px;display:flex}.links{justify-content:center;gap:4px;display:flex}.howto{color:var(--fg-2);letter-spacing:0;font-size:14px;line-height:1.55}.howto summary{cursor:pointer;text-align:center;color:var(--fg-2);font-variation-settings:"wght" 560;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;height:44px;font-weight:560;list-style:none;display:flex}.howto summary::-webkit-details-marker{display:none}.howto p{background:var(--surface-1);border-radius:var(--radius-sm);margin:8px 0 0;padding:14px 16px}.pass{flex-direction:column;flex:1;justify-content:center;gap:18px;display:flex}.hero-card{background:var(--surface-1);border:1px solid var(--hairline);text-align:center;animation:pop var(--dur-arrive) var(--ease-arrive);border-radius:32px;padding:34px 24px 30px}.hero-card .hint{color:var(--fg-2);font-size:14px}.hero-card .who{font-family:var(--font-display);font-variation-settings:"wght" 700;letter-spacing:-.03em;overflow-wrap:anywhere;margin:8px 0 14px;font-size:40px;font-weight:700;line-height:1.05}.hero-card .dots i{width:8px;height:8px}.scoreboard{flex-direction:column;gap:6px;display:flex}.score-row{background:var(--surface-1);border-radius:var(--radius-sm);align-items:center;gap:12px;padding:12px 16px;font-size:15px;display:flex}.score-row.current{background:var(--surface-2)}.score-row.winner{background:color-mix(in srgb, var(--gold) 12%, var(--surface-1))}.score-row.winner .name:after{content:" 👑"}.score-row .name{font-variation-settings:"wght" 560;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-weight:560;overflow:hidden}.score-row .num{font-variation-settings:"wght" 600;color:var(--fg-2);font-variant-numeric:tabular-nums;text-align:right;min-width:2ch;font-size:14px;font-weight:600}.turn-header{justify-content:space-between;align-items:center;gap:12px;min-height:36px;display:flex}.turn-header .who{font-family:var(--font-display);font-variation-settings:"wght" 700;letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:22px;font-weight:700;overflow:hidden}.turn-header .meta{color:var(--fg-2);font-variant-numeric:tabular-nums;flex-shrink:0;align-items:center;gap:10px;font-size:13px;display:flex}.listen{flex-direction:column;flex:1;gap:14px;min-height:0;display:flex}.vinyl-zone{flex-direction:column;align-items:center;gap:12px;padding:4px 0 2px;display:flex}.vinyl-zone.compact{flex-direction:row;justify-content:center;gap:14px}.vinyl-zone.compact .vinyl{width:84px;height:84px}.vinyl-zone.compact .vinyl .label{width:30px;height:30px;font-size:14px}.vinyl{cursor:pointer;border:1px solid var(--hairline);width:156px;height:156px;transition:transform .1s var(--ease-ui), width var(--dur-arrive) var(--ease-arrive), height var(--dur-arrive) var(--ease-arrive);-webkit-tap-highlight-color:transparent;background:repeating-radial-gradient(circle,#18181b 0 2px,#212125 3px,#18181b 4px),#18181b;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;animation:2.2s linear infinite paused spin;display:flex;position:relative}.vinyl:after{content:"";background:conic-gradient(from 200deg, transparent 0 20%, #ffffff0f 30%, transparent 40%, transparent 60%, #ffffff0d 70%, transparent 80%);pointer-events:none;border-radius:50%;position:absolute;inset:0}.vinyl:active{transform:scale(.96)}.vinyl.spinning{animation-play-state:running}.vinyl .label{background:var(--accent);width:56px;height:56px;font-family:var(--font-display);font-variation-settings:"wght" 800;color:var(--on-accent);transition:opacity var(--dur-ui) var(--ease-ui);border-radius:50%;justify-content:center;align-items:center;font-size:24px;font-weight:800;display:flex}.vinyl .glyph{color:var(--fg-1);opacity:0;transition:opacity var(--dur-ui) var(--ease-ui);justify-content:center;align-items:center;font-size:30px;display:flex;position:absolute;inset:0}.vinyl:not(.spinning) .glyph{opacity:1}.vinyl:not(.spinning) .label{opacity:.3}@keyframes spin{to{transform:rotate(360deg)}}.timeline{scrollbar-width:none;flex-direction:column;flex:1;gap:6px;min-height:0;padding-bottom:96px;display:flex;overflow-y:auto}.timeline::-webkit-scrollbar{display:none}.timeline.readonly{padding-bottom:12px}.timeline-card{background:var(--surface-1);animation:rise var(--dur-arrive) var(--ease-arrive);border:1px solid #0000;border-radius:20px;align-items:center;gap:12px;padding:10px 12px 10px 10px;display:flex}.timeline-card img{object-fit:cover;background:var(--surface-2);border-radius:14px;flex-shrink:0;width:52px;height:52px}.timeline-card .info{flex:1;min-width:0}.timeline-card .title{font-variation-settings:"wght" 560;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:560;overflow:hidden}.timeline-card .artist{color:var(--fg-2);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;font-size:13px;display:flex;overflow:hidden}.timeline-card.starter{border-color:var(--hairline);background:0 0}.timeline-card.starter img{opacity:.8}.starter-tag{color:var(--fg-3);flex-shrink:0;font-size:12px}.starter-tag:before{content:"·";margin-right:6px}.year-chip{font-family:var(--font-display);font-variation-settings:"wght" 700;letter-spacing:0;font-variant-numeric:tabular-nums;border-radius:var(--radius-pill);flex-shrink:0;padding:7px 12px;font-size:15px;font-weight:700}.slot{border:1px dashed var(--hairline-strong);border-radius:var(--radius-pill);height:38px;color:var(--fg-2);font-variation-settings:"wght" 560;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:background var(--dur-ui) var(--ease-ui), color var(--dur-ui) var(--ease-ui), border-color var(--dur-ui) var(--ease-ui), height var(--dur-ui) var(--ease-ui), transform .1s var(--ease-ui);background:0 0;flex-shrink:0;font-size:13px;font-weight:560}.slot:active{transform:scale(.97)}.slot.picked{background:var(--accent);color:var(--on-accent);border:1px solid #0000;height:44px}.slot.marked{cursor:default;background:color-mix(in srgb, var(--gold) 16%, var(--surface-1));height:42px;color:var(--gold);border:1px solid #0000;justify-content:center;align-items:center;display:flex}.action-bar{width:100%;max-width:440px;padding:14px 18px calc(16px + env(safe-area-inset-bottom));background:linear-gradient(transparent, var(--page) 38%);gap:10px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.action-bar .button{flex:1}.action-bar .button.skip{flex:none}.reveal{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:18px;display:flex;position:relative}.reveal-glow{pointer-events:none;background:radial-gradient(60% 45% at 50% 42%, color-mix(in srgb, var(--glow) 22%, transparent), transparent 70%);animation:fade var(--dur-arrive) var(--ease-arrive);position:absolute;inset:0}.reveal-card{background:var(--surface-1);border:1px solid var(--hairline);width:min(76vw,292px);animation:flip var(--dur-arrive) var(--ease-arrive);border-radius:28px;padding:14px 14px 20px;position:relative}.reveal-card img{aspect-ratio:1;object-fit:cover;background:var(--surface-2);border-radius:18px;width:100%}.reveal-card .title{font-variation-settings:"wght" 600;letter-spacing:-.02em;margin-top:16px;padding:0 6px;font-size:19px;font-weight:600}.reveal-card .artist{color:var(--fg-2);margin-top:3px;font-size:14px}.reveal-card .year-chip{margin-top:14px;padding:8px 20px;font-size:22px;display:inline-block}.reveal-card.wrong{animation:flip var(--dur-arrive) var(--ease-arrive), shake .4s var(--ease-ui) var(--dur-arrive)}.result-badge{border-radius:var(--radius-pill);font-variation-settings:"wght" 600;letter-spacing:-.01em;height:40px;animation:pop var(--dur-arrive) var(--ease-snappy);align-items:center;padding:0 18px;font-size:16px;font-weight:600;display:inline-flex;position:relative}.result-badge.good{color:var(--success);background:color-mix(in srgb, var(--success) 14%, var(--surface-1))}.result-badge.bad{color:var(--danger);background:color-mix(in srgb, var(--danger) 14%, var(--surface-1))}.result-sub{color:var(--fg-2);letter-spacing:0;margin-top:-8px;font-size:14px;position:relative}.challenge-list{flex-direction:column;gap:6px;width:min(76vw,292px);display:flex;position:relative}.challenge-row{color:var(--fg-2);background:var(--surface-1);border-radius:var(--radius-sm);justify-content:space-between;padding:9px 14px;font-size:13.5px;display:flex}.challenge-row.good{color:var(--success)}.reveal .button.big{position:relative}.lobby,.join{flex-direction:column;flex:1;gap:24px;display:flex}.join{padding-top:7vh}.topbar{justify-content:flex-end;min-height:44px;margin:-4px -8px 0 0;display:flex}.code-hero{text-align:center;padding:8px 0 4px}.code-hero .label{margin-bottom:12px}.code-cells{justify-content:center;gap:8px;display:flex}.code-cells span{background:var(--surface-1);border:1px solid var(--hairline);width:56px;height:68px;font-family:var(--font-display);font-variation-settings:"wght" 800;animation:pop var(--dur-arrive) var(--ease-snappy) both;animation-delay:calc(var(--i) * 60ms);border-radius:18px;justify-content:center;align-items:center;font-size:34px;font-weight:800;display:flex}.code-hero .url{color:var(--fg-2);-webkit-user-select:all;user-select:all;letter-spacing:0;margin-top:14px;font-size:14px}.player-list{flex-wrap:wrap;gap:8px;display:flex}.player-pill{background:var(--surface-1);border-radius:var(--radius-pill);font-variation-settings:"wght" 560;height:42px;animation:pop var(--dur-arrive) var(--ease-snappy);align-items:center;gap:8px;padding:0 16px;font-size:15px;font-weight:560;display:flex}.player-pill .you{color:var(--accent);font-variation-settings:"wght" 500;font-size:13px;font-weight:500}.player-pill.empty{border:1px dashed var(--hairline-strong);background:0 0;width:88px;animation:none}.waiting{color:var(--fg-2);text-align:center;letter-spacing:0;padding:8px 0;font-size:14px}.notice{background:color-mix(in srgb, var(--danger) 14%, var(--surface-1));color:var(--danger);border-radius:var(--radius-sm);letter-spacing:0;padding:10px 14px;font-size:13.5px}.connect{text-align:center;color:var(--fg-2);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;display:flex}.connect .code-cells span{border-radius:14px;width:44px;height:54px;font-size:26px}.responses{flex-direction:column;gap:6px;padding-bottom:96px;display:flex}.response-row{background:var(--surface-1);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;padding:11px 16px;font-size:15px;display:flex}.response-row .state{color:var(--fg-3);font-size:13px}.response-row.challenged .state{color:var(--gold)}.response-row.passed .state{color:var(--fg-2)}.gameover{text-align:center;flex-direction:column;flex:1;justify-content:center;gap:26px;display:flex;position:relative}.gameover .crown{animation:pop var(--dur-arrive) var(--ease-snappy);font-size:56px}.gameover .winner-name{font-family:var(--font-display);font-variation-settings:"wght" 800;letter-spacing:-.03em;overflow-wrap:anywhere;font-size:46px;font-weight:800;line-height:1}.gameover .sub{color:var(--fg-2);margin-top:10px}.confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti i{width:8px;height:14px;animation:fall var(--fall-dur,1.6s) var(--ease-ui) var(--fall-delay,0s) forwards;opacity:0;border-radius:2px;position:absolute;top:-12px}@keyframes fall{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:.9;transform:translateY(110vh) rotate(var(--spin-to,540deg))}}@keyframes pop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fade{0%{opacity:0}}@keyframes flip{0%{opacity:0;transform:perspective(800px)rotateY(90deg)scale(.92)}to{opacity:1;transform:perspective(800px)rotateY(0)scale(1)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(2px)}}