/* Rind Snap: original melon art, transparent stage and outlined white gift copy. */
html.tt-shell .gift-copy small { display:block; color:var(--muted); font-size:14px; margin-top:5px; }
.source-page #rs-stage { position:absolute; width:1080px; height:1920px; transform-origin:top left; color:#fff; font-family:system-ui, sans-serif; font-weight:900; -webkit-text-stroke:9px #25263e; paint-order:stroke fill; stroke-linejoin:round; text-shadow:none; }
.source-page #rs-stage * { box-sizing:border-box; paint-order:stroke fill; stroke-linejoin:round; }
html.source-page[data-transparent="0"] body { background:#16181b; }
#rs-stage [hidden] { display:none; }
.rs-top { position:absolute; left:48px; right:48px; top:40px; display:flex; justify-content:space-between; align-items:flex-start; }
.rs-brand { color:#ffd43b; font-size:26px; letter-spacing:5px; margin:0 0 8px; }
.rs-top h1 { font-size:96px; line-height:1; margin:0; letter-spacing:-4px; }
.rs-top h1 span { color:#ffd43b; }
.rs-clock { text-align:right; font-variant-numeric:tabular-nums; }
.rs-clock strong { display:block; font-size:78px; line-height:1.05; color:#ffd43b; }
.rs-clock span { font-size:28px; display:block; margin-top:10px; letter-spacing:2px; }
.rs-hud { position:absolute; top:205px; left:48px; right:48px; display:flex; align-items:baseline; justify-content:space-between; gap:24px; }
.rs-hud p { margin:0; font-size:44px; }
.rs-hud b { font-size:90px; }
.rs-hud span { font-size:32px; color:#ffd43b; }
#tags { font-size:42px; color:#ffd43b; }
.rs-legend { position:absolute; top:365px; left:60px; right:60px; text-align:center; }
.rs-legend h2 { font-size:42px; color:#ffd43b; margin:0; line-height:1.1; }
.rs-sub { font-size:29px; margin:12px 0 20px; }
#legend-rows { display:flex; flex-direction:column; gap:12px; }
.rs-row { display:grid; grid-template-columns:76px 1fr; align-items:center; gap:16px; border:4px solid #ffd43b; border-radius:24px; padding:10px 18px; text-align:left; }
.rs-row .icon { width:72px; height:72px; display:flex; align-items:center; justify-content:center; font-size:44px; color:#fff; }
.rs-row .icon img { width:70px; height:70px; object-fit:contain; }
.rs-row b { display:block; font-size:34px; line-height:1.05; color:#fff; }
.rs-row i { display:block; font-style:normal; font-size:26px; line-height:1.2; margin-top:5px; color:#fff; }
.rs-prompt { color:#ffd43b; font-size:34px; margin:16px 0 0; }
.rs-board { position:absolute; top:420px; left:60px; width:960px; height:850px; }
.rs-chopping { position:absolute; left:0; right:0; height:180px; bottom:0; border-radius:50%; border:12px solid #25263e; background:repeating-linear-gradient(4deg, #e9b876 0 18px, #d9a361 20px 25px, #efc58e 28px 56px); box-shadow:inset 0 -24px 0 #c98b49; }
.rs-melon { position:absolute; left:80px; top:40px; width:800px; height:700px; transform:scale(var(--bulge, 1), var(--squash, 1)); transform-origin:50% 75%; transition:transform .14s ease-out; }
.rs-rind { width:100%; height:100%; }
.rs-crack { stroke:#ffd9d0; stroke-width:13px; filter:drop-shadow(0 4px 0 #cc4e50); display:none; }
.rs-melon[data-cracks="1"] #crack-one, .rs-melon[data-cracks="2"] .rs-crack { display:block; }
.rs-bands { position:absolute; left:28px; right:28px; top:240px; height:250px; }
.rs-band { position:absolute; left:0; right:0; height:40px; border:6px solid var(--band); border-bottom-width:11px; border-radius:50%; box-shadow:0 3px 0 #25263e80; }
.rs-band.thick { border-width:11px; height:50px; }
.rs-band.sweep { filter:drop-shadow(0 0 8px #ffd43b); }
.rs-band-name { position:absolute; top:-19px; left:100px; right:100px; font-size:30px; line-height:1.15; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.rs-overflow { position:absolute; left:0; right:0; bottom:-35px; margin:0; text-align:center; font-size:40px; color:#ffd43b; }
.rs-board.small { top:1170px; height:170px; }
.rs-board.small .rs-melon { width:250px; height:219px; left:355px; top:-35px; }
.rs-board.small .rs-chopping { width:450px; left:255px; height:75px; }
.rs-board.small .rs-bands { display:none; }
.rs-bounce { position:absolute; left:0; right:0; top:0; text-align:center; font-size:44px; color:#ffd43b; }
.rs-result { position:absolute; left:60px; right:60px; top:420px; min-height:800px; text-align:center; display:flex; flex-direction:column; align-items:center; justify-content:center; isolation:isolate; }
.rs-result > p, .rs-result > h2 { position:relative; z-index:1; }
.rs-crown { font-size:200px; color:#ffd43b; margin:0; line-height:1; }
.rs-kicker { font-size:40px; letter-spacing:8px; color:#ffd43b; margin:22px 0; }
#popper { font-size:126px; line-height:1.02; margin:0; width:100%; overflow-wrap:anywhere; }
#result-bands { font-size:48px; margin:30px 0 0; }
#result-next { font-size:34px; margin:20px 0 0; }
.rs-splash { position:absolute; z-index:-1; width:850px; height:720px; top:10px; border-radius:50%; background:radial-gradient(ellipse, #ff799077, #ff547d22 55%, transparent 70%); }
.rs-splash i { position:absolute; width:55px; height:90px; background:#ff6c84; border:7px solid #ffe69f; border-radius:55% 45% 60% 40%; transform:rotate(var(--angle)); animation:rs-juice .8s ease-out both; }
@keyframes rs-juice { from { translate:0 240px; scale:0; } to { translate:0 0; scale:1; } }
.rs-queue { position:absolute; left:40px; right:40px; top:1350px; margin:0; text-align:center; color:#ffd43b; font-size:36px; }
.rs-leaders { position:absolute; left:60px; right:60px; top:1425px; text-align:center; }
.rs-leaders h2 { font-size:27px; letter-spacing:3px; color:#ffd43b; margin:0 0 14px; }
.rs-leaders ol { display:flex; justify-content:center; gap:26px; list-style:none; margin:0; padding:0; }
.rs-leaders li { font-size:30px; max-width:290px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.rs-callout { position:absolute; left:60px; right:60px; top:1570px; margin:0; min-height:130px; text-align:center; color:#ffd43b; font-size:48px; line-height:1.15; overflow-wrap:anywhere; }
.rs-mode { position:absolute; top:1730px; left:40px; right:40px; font-size:28px; letter-spacing:3px; text-align:center; color:#ffd43b; }
.rs-recent { position:absolute; top:1780px; left:65px; right:65px; display:flex; align-items:center; justify-content:center; gap:16px; font-size:28px; text-align:center; margin:0; }
.rs-recent .tt-core-avatar { background:transparent; border:2px solid #ffd43b; flex:none; }
.rs-footer { position:absolute; left:20px; right:20px; top:1870px; font-size:21px; text-align:center; margin:0; -webkit-text-stroke:5px #25263e; }
.rs-callout:empty, .rs-recent:empty, .rs-queue:empty, .rs-overflow:empty, .rs-bounce:empty { display:none; }
.source-page #rs-stage .tt-core-overlay-status { position:absolute; left:200px; top:310px; width:680px; max-width:none; transform:none; margin:0; z-index:4; }
.source-page #rs-stage .tt-core-notice { font-size:30px; padding:20px; }
.source-page #rs-stage .tt-core-notice strong { font-size:32px; }
html[data-reduced-motion="1"] .rs-melon { transition:none; }
html[data-reduced-motion="1"] .rs-splash i { animation:none; }