.jelly{--bg:#0a0a0a;--panel:#15151a;--panel-2:#1d1d24;--text:#f3f0e8;--muted:#8a8a90;--gold:#e8c547;--gold-deep:#b8941c;--red:#d64545;--green:#4ade80;--border:#2a2a33;--radius:10px;--shadow:0 8px 30px #0006;background:radial-gradient(1200px 600px at 70% -10%, #e8c54714, transparent 60%), radial-gradient(800px 400px at -10% 110%, #e8c5470d, transparent 60%), var(--bg);color:var(--text);border-radius:14px;margin-top:1.25rem;padding:18px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.4}.jelly *{box-sizing:border-box}.jelly .jelly-bar{justify-content:space-between;align-items:baseline;gap:1rem;padding:2px 4px 14px;display:flex}.jelly .jelly-bar-title{letter-spacing:.02em;font-size:1.1rem;font-weight:700}.jelly .card+.card{margin-top:20px}.jelly a{color:var(--gold);text-decoration:none}.jelly a:hover{text-decoration:underline}.jelly .muted{color:var(--muted)}.jelly .small{font-size:.85rem}.jelly .hidden{display:none!important}.jelly .container{flex-direction:column;gap:20px;max-width:760px;margin:0 auto;padding:24px;display:flex}.jelly .card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px}.jelly .card h2{letter-spacing:.02em;margin:0 0 18px;font-size:1.2rem}.jelly .score{color:var(--gold);font-variant-numeric:tabular-nums;font-weight:600}.jelly input[type=text]{background:var(--panel-2);width:100%;color:var(--text);border:1px solid var(--border);font:inherit;border-radius:8px;padding:10px 12px}.jelly input[type=text]:focus{border-color:var(--gold-deep);outline:none}.jelly button{background:var(--gold);color:#1a1a1a;font:inherit;cursor:pointer;border:0;border-radius:8px;padding:10px 18px;font-weight:600;transition:filter .12s}.jelly button:hover:not(:disabled){filter:brightness(1.1)}.jelly button:disabled{opacity:.5;cursor:not-allowed}.jelly button.ghost{color:var(--muted);border:1px solid var(--border);background:0 0}.jelly .actions{align-items:center;gap:12px;margin-top:8px;display:flex}.jelly .intro{text-align:center}.jelly .intro-step{flex-direction:column;align-items:center;gap:24px;padding:24px 8px;animation:.32s ease-out laneIn;display:flex}.jelly .intro-step.hidden{display:none}.jelly .intro-credit{justify-content:center;align-items:center;min-height:280px;padding:50px 20px;transition:opacity .5s;animation:.9s ease-out creditIn;display:flex}.jelly .intro-credit.fade-out{opacity:0}@keyframes creditIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.jelly .credit-line{color:#ffffffc7;letter-spacing:.02em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:1.6rem;font-style:italic}.jelly .credit-line strong{color:var(--gold);letter-spacing:.01em;text-shadow:0 0 18px #e8c5474d;font-style:normal;font-weight:700}.jelly .intro-cinema{aspect-ratio:3/4;background:#000;border-radius:12px;width:100%;max-width:460px;max-height:70vh;margin:0 auto;transition:opacity .8s;position:relative;overflow:hidden;box-shadow:0 18px 55px #000000a6}.jelly .intro-cinema.fade-out{opacity:0}.jelly .intro-cinema.hidden{display:none}.jelly .skip-intro{z-index:5;letter-spacing:.12em;text-transform:uppercase;color:#ffffffd9;cursor:pointer;-webkit-backdrop-filter:blur(8px);background:#00000080;border:1px solid #ffffff2e;border-radius:999px;padding:7px 14px;font-size:.72rem;font-weight:700;transition:background .15s,border-color .15s,color .15s;position:absolute;top:14px;right:14px}.jelly .skip-intro:hover{border-color:var(--gold-deep);color:var(--gold);background:#000000b3}.jelly .intro-cinema__photo{object-fit:cover;object-position:center 28%;width:100%;height:100%;animation:26s ease-out forwards kenburns;position:absolute;inset:0}@keyframes kenburns{0%{opacity:0;transform:scale(1)}9%{opacity:1}to{opacity:1;transform:scale(1.13)}}.jelly .intro-cinema__scrim{pointer-events:none;background:linear-gradient(#0003 0%,#0000 28%,#0000008c 60%,#000000ed 100%),radial-gradient(125% 80% at 50% 32%,#0000 52%,#0000008c 100%);position:absolute;inset:0}.jelly .intro-cinema__transcript{pointer-events:none;flex-direction:column;justify-content:flex-end;gap:10px;max-height:72%;display:flex;position:absolute;bottom:22px;left:24px;right:24px;overflow:hidden}.jelly .t-line{color:#fff;text-shadow:0 2px 14px #000000f2;opacity:0;font-family:Georgia,Times New Roman,serif;font-size:1.1rem;font-style:italic;line-height:1.4;transition:opacity .6s,transform .6s;transform:translateY(14px)}.jelly .t-line.is-visible{opacity:1;transform:none}.jelly .t-line em{color:var(--gold);font-style:italic}.jelly .jelly-word{color:var(--gold);letter-spacing:.005em;text-shadow:0 0 18px #e8c5478c,0 2px 14px #000000f2;font-size:1.45em;font-style:normal;font-weight:700;display:inline-block}.jelly .t-line.is-visible .jelly-word{animation:.7s cubic-bezier(.34,1.56,.64,1) .4s both jellyPop}@keyframes jellyPop{0%{opacity:0;transform:scale(.6)translateY(6px)}to{opacity:1;transform:none}}.jelly .intro-title{color:var(--gold);letter-spacing:.02em;margin:0;font-size:1.6rem}.jelly .rules{text-align:left;flex-direction:column;gap:12px;max-width:540px;margin:0;padding-left:22px;line-height:1.5;display:flex}.jelly .rules li::marker{color:var(--gold)}.jelly .rules strong{color:var(--gold)}.jelly .intro button{padding:12px 30px;font-size:1rem}.jelly .intro-welcome__photo{border:1px solid var(--gold-deep);border-radius:12px;width:190px;max-width:62%;display:block;box-shadow:0 12px 36px #0000008c}.jelly .intro-cta{flex-direction:column;align-items:center;gap:14px;display:flex}.jelly .sound-note{letter-spacing:.1em;color:var(--gold);border:1px solid var(--gold-deep);background:#e8c54714;border-radius:999px;margin:0;padding:8px 20px;font-size:.9rem;font-weight:700}@media (max-width:520px){.jelly .t-line{font-size:.98rem}.jelly .intro-cinema__transcript{gap:8px;bottom:16px;left:18px;right:18px}}.jelly .song-indicator{letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:14px;font-size:.78rem;font-weight:700}.jelly .round-bar{justify-content:space-between;align-items:baseline;margin-bottom:14px;display:flex}.jelly .round-label{color:var(--muted);font-size:.95rem}.jelly .round-points strong{color:var(--gold);font-variant-numeric:tabular-nums;font-size:1.1rem}.jelly audio{width:100%}.jelly .tracks{flex-direction:column;gap:8px;margin:6px 0 18px;display:flex}.jelly .lane{background:var(--panel-2);border:1px solid var(--border);opacity:.55;border-radius:10px;grid-template-columns:44px 1fr;align-items:center;gap:12px;padding:10px 14px;transition:opacity .2s,border-color .2s,box-shadow .2s,transform .25s;animation:.25s ease-out laneIn;display:grid}@keyframes laneIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:.55;transform:none}}.jelly .lane.is-current,.jelly .lane.is-playing{opacity:1}.jelly .lane.is-current{border-color:var(--gold-deep);box-shadow:0 0 0 1px #e8c54759,0 6px 24px #e8c54714}.jelly .lane--complete{padding:14px 16px}.jelly .lane--complete .lane-canvas-wrap{height:80px}.jelly .lane--complete .lane-label{color:var(--gold)}.jelly .lane-play{background:var(--gold);color:#1a1a1a;cursor:pointer;border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:flex}.jelly .lane-play:before{content:"";border-top:7px solid #0000;border-bottom:7px solid #0000;border-left:11px solid #1a1a1a;width:0;height:0;margin-left:3px}.jelly .lane-play.is-playing:before{background:linear-gradient(#1a1a1a,#1a1a1a) 0/3px 100% no-repeat,linear-gradient(#1a1a1a,#1a1a1a) 100%/3px 100% no-repeat;border:0;width:10px;height:12px;margin-left:0}.jelly .lane-body{min-width:0}.jelly .lane-head{color:var(--muted);align-items:baseline;gap:10px;margin-bottom:4px;font-size:.8rem;display:flex}.jelly .lane-label{color:var(--text);font-size:.9rem;font-weight:600}.jelly .lane-points{color:var(--gold)}.jelly .lane-time{font-variant-numeric:tabular-nums;margin-left:auto}.jelly .lane-canvas-wrap{height:52px;position:relative}.jelly .lane-canvas{cursor:pointer;width:100%;height:100%;display:block}.jelly .guess-form{flex-wrap:wrap;gap:8px;display:flex}.jelly .guess-wrap{flex:1;min-width:220px;position:relative}.jelly .guess-wrap input[type=text]{width:100%}.jelly .suggestions{background:var(--panel-2);border:1px solid var(--border);z-index:50;border-radius:8px;max-height:260px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 14px 36px #0000008c}.jelly .suggestions li{cursor:pointer;color:var(--text);border-radius:6px;padding:8px 12px;font-size:.92rem}.jelly .suggestions li.is-active,.jelly .suggestions li:hover{color:var(--gold);background:#e8c54724}.jelly .guess-feedback{border-left:3px solid var(--red);color:#e7a8a8;background:#d645451f;border-radius:8px;margin-top:12px;padding:10px 14px;font-size:.92rem}.jelly .guess-feedback.shake{animation:.38s shake}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(2px)}}.jelly .reveal-hero{aspect-ratio:4/3;border:1px solid var(--gold-deep);background:radial-gradient(circle at 30% 30%, #e8c54733, transparent 60%), radial-gradient(circle at 75% 70%, #d645452e, transparent 60%), var(--panel);border-radius:14px;width:100%;max-height:540px;margin-bottom:18px;animation:.45s ease-out heroIn;position:relative;overflow:hidden;box-shadow:0 12px 40px #00000080}@keyframes heroIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:none}}.jelly .reveal-hero__img{object-fit:cover;width:100%;height:100%;animation:.7s ease-out imgIn;display:block;position:absolute;inset:0}@keyframes imgIn{0%{opacity:0;filter:blur(8px);transform:scale(1.05)}to{opacity:1;filter:none;transform:none}}.jelly .reveal-hero__shade{pointer-events:none;background:linear-gradient(#0000 0% 30%,#000000d9 100%),linear-gradient(#00000059 0%,#0000 25%);position:absolute;inset:0}.jelly .reveal-hero__content{flex-direction:column;justify-content:flex-end;gap:12px;padding:22px;display:flex;position:absolute;inset:0}.jelly .reveal-hero__caption{flex-direction:column;gap:6px;display:flex}.jelly .reveal-hero h2{color:var(--gold);letter-spacing:-.01em;text-shadow:0 2px 14px #000000b3;margin:0;font-size:clamp(1.8rem,5vw,2.6rem);font-weight:700;line-height:1.05}.jelly .reveal-result{letter-spacing:.02em;text-transform:uppercase;text-shadow:0 1px 6px #000000b3;margin:0;font-size:.8rem;font-weight:600}.jelly .reveal-result.ok{color:var(--green)}.jelly .reveal-result.wrong{color:var(--red)}.jelly .reveal-hero__player{-webkit-backdrop-filter:blur(14px)saturate(140%);background:#0a0a0a8c;border:1px solid #ffffff14;border-radius:12px;padding:10px 14px;box-shadow:0 8px 30px #00000080}.jelly .reveal-hero__player .lane{opacity:1;box-shadow:none;background:0 0;border:0;grid-template-columns:48px 1fr;gap:14px;margin:0;padding:0;animation:none}.jelly .reveal-hero__player .lane-canvas-wrap{height:64px}.jelly .reveal-hero__player .lane-play{width:48px;height:48px;box-shadow:0 4px 14px #e8c54773}.jelly .reveal-hero__player .lane-play:before{border-top-width:9px;border-bottom-width:9px;border-left-width:14px;margin-left:4px}.jelly .reveal-hero__player .lane-play.is-playing:before{width:12px;height:14px}.jelly .reveal-hero__player .lane-label{color:var(--gold)}.jelly .reveal-hero__player .lane-head{color:#ffffffa6}@media (max-width:520px){.jelly .reveal-hero{aspect-ratio:1}.jelly .reveal-hero__content{padding:16px}.jelly .reveal-hero__player{padding:8px 10px}}.jelly .end-screen{animation:.4s ease-out heroIn}.jelly .end-screen h2{color:var(--gold);letter-spacing:.01em;margin:0 0 4px;font-size:1.9rem}.jelly .end-tagline{color:var(--muted);margin:0 0 8px;font-style:italic}.jelly .results-list{flex-direction:column;gap:6px;margin:18px 0;padding:0;list-style:none;display:flex}.jelly .results-list li{background:var(--panel-2);border:1px solid var(--border);border-left-width:3px;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;padding:12px 14px;display:flex}.jelly .result-links{flex-basis:100%}.jelly .results-list li.won{border-left-color:var(--green)}.jelly .results-list li.missed{border-left-color:var(--red)}.jelly .result-name{font-weight:600}.jelly .result-pts{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.85rem}.jelly .results-list li.won .result-pts{color:var(--gold)}.jelly .results-list li.missed .result-pts{color:#d6a0a0}.jelly .final-score{border:1px solid var(--gold-deep);background:linear-gradient(135deg,#e8c5471f,#0000);border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:18px;padding:16px 20px;display:flex}.jelly .final-score span{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:.8rem}.jelly .final-score strong{color:var(--gold);font-variant-numeric:tabular-nums;font-size:2rem}.jelly .stream-links{flex-wrap:wrap;gap:6px;display:flex}.jelly .stream-link{letter-spacing:.08em;text-transform:uppercase;color:#ffffffc7;white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:999px;align-items:center;padding:6px 12px;font-size:.7rem;font-weight:700;text-decoration:none;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.jelly .stream-link:hover{text-decoration:none}.jelly .stream-link--spotify:hover{color:#34d572;background:#1db95429;border-color:#1db95499}.jelly .stream-link--apple:hover{color:#ff7686;background:#fc3c4f29;border-color:#fc3c4f99}.jelly .reveal-hero__streams{z-index:6;position:absolute;top:14px;right:14px}.jelly .reveal-hero__streams .stream-link{color:#ffffffeb;-webkit-backdrop-filter:blur(8px);background:#0000008c;border-color:#fff3}.jelly .share-card{margin-bottom:18px}.jelly .share-label{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 8px;font-size:.78rem;font-weight:700}.jelly .share-preview{background:var(--panel-2);border:1px solid var(--border);color:var(--text);white-space:pre-wrap;word-break:break-word;-webkit-user-select:all;user-select:all;border-radius:10px;margin:0 0 12px;padding:14px 16px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1rem;line-height:1.55}