/* Soul Spin: a violet listening room, warm paper tiles and a vinyl game wheel. */
.soul-spin-page{--ss-gold:#f3cd83;--ss-mint:#b8ead8;max-width:1240px;padding-bottom:40px}
.soul-spin-page [hidden]{display:none!important}.ss-topline{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding:22px 0;font-size:12px}.ss-topline>a{color:var(--pink)}.ss-topline>span{font-size:10px;letter-spacing:.16em;color:var(--muted)}
.ss-intro{display:flex;justify-content:space-between;gap:35px;align-items:center;padding:38px 0 30px}.ss-intro h1{font-size:clamp(2.8rem,5.7vw,4.8rem);line-height:1.1;margin:10px 0 16px;letter-spacing:-.045em}.ss-intro h1 em{color:var(--pink)}.ss-intro p{font-size:16px;margin:0;max-width:600px;color:var(--muted)}.ss-live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--ss-mint);margin-right:6px}.ss-stamp{flex:0 0 216px;padding:18px 22px;border:1px solid #816245;background:linear-gradient(135deg,#322332,#211728);transform:rotate(3deg);border-radius:5px;color:var(--ss-gold)}.ss-stamp>span{font-size:10px;letter-spacing:.18em}.ss-stamp strong{display:block;font:italic 26px/1.15 'Playfair Display',Georgia,serif;margin:8px 0}.ss-stamp small{font-size:10px;color:#e0cdb2}
.ss-stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:12px;background:#1b1424;margin-bottom:22px}.ss-stat{padding:16px 20px;border-right:1px solid var(--line)}.ss-stat:last-child{border:0}.ss-stat small{display:block;text-transform:uppercase;letter-spacing:.1em;font-size:10px;color:var(--muted)}.ss-stat strong{font-size:23px;color:var(--ss-gold);font-weight:600}.ss-stat span{font-size:12px;color:var(--muted);margin-left:5px}
.ss-layout{display:grid;grid-template-columns:330px minmax(0,1fr);gap:22px;align-items:start}.ss-deck{border:1px solid #584064;border-radius:14px;background:radial-gradient(ellipse at top,#493052 0,#26192e 58%,#1c1425 100%);padding:23px;text-align:center;position:relative}.ss-deck-label{font-size:10px;letter-spacing:.2em;color:var(--pink);margin:0 0 16px}.ss-turntable{position:relative;width:100%;max-width:280px;margin:0 auto 19px;isolation:isolate}.ss-turntable:before{content:'';position:absolute;z-index:2;top:-4px;left:calc(50% - 9px);width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-top:22px solid var(--ss-gold);filter:drop-shadow(0 3px 3px #0008)}.ss-record{display:block;width:100%;filter:drop-shadow(0 12px 13px #0009);transition:transform 1.25s cubic-bezier(.16,.7,.16,1)}.ss-deck button{width:100%;min-height:48px;border-radius:7px}.ss-spin-button{background:var(--pink);color:#241229;border:1px solid var(--pink);font-weight:700;font-size:16px;box-shadow:0 5px 0 #956b88}.ss-spin-button:disabled{box-shadow:none;opacity:.55}.ss-spin-caption{font-size:12px;color:#d2bdd9;min-height:39px;margin:14px 0 0}.ss-disc-outcome{position:absolute;top:53px;right:12px;border:1px solid #6a526e;background:#1a1225;padding:3px 9px;border-radius:20px;font-size:10px;color:var(--ss-gold);z-index:3}.ss-side-note{color:var(--muted);font-size:12px;line-height:1.6;margin:17px 6px 0}.ss-side-note b{color:var(--ss-gold)}
.ss-board-panel{min-width:0;border:1px solid #654671;border-radius:14px;background:linear-gradient(145deg,#2d1e38,#201729);padding:24px;box-shadow:0 10px 35px #0002}.ss-board-head{display:flex;justify-content:space-between;align-items:center;gap:15px}.ss-category{color:var(--ss-gold);font-size:11px;letter-spacing:.12em;text-transform:uppercase}.ss-edition{font-size:11px;color:var(--muted)}.ss-chances{display:flex;align-items:center;gap:6px;padding:15px 0 20px;font-size:11px;color:var(--muted)}.ss-chances b{font-weight:400;margin-left:auto}.ss-life{width:12px;height:12px;border:1px solid #6a5076;border-radius:50%;background:#2d2035}.ss-life.on{background:var(--ss-mint);border-color:var(--ss-mint);box-shadow:0 0 9px #b8ead822}
.ss-board{display:flex;flex-wrap:wrap;justify-content:center;align-content:center;gap:10px 17px;background:#160f1f;border:1px solid #3d2a48;box-shadow:inset 0 2px 14px #0005;border-radius:9px;min-height:138px;padding:22px 15px}.ss-word{display:flex;gap:3px;max-width:100%}.ss-tile{display:flex;align-items:center;justify-content:center;width:clamp(18px,2.5vw,30px);height:42px;border-radius:3px;background:#ede2ed;color:#281730;border-bottom:3px solid #b7a3bf;font:bold 20px/1 'DM Sans',sans-serif;box-shadow:0 2px 5px #0005}.ss-tile.blank{background:linear-gradient(140deg,#4e375d,#372840);border:1px solid #765582;color:transparent}.ss-tile.punctuation{background:transparent;color:#e5d5ec;box-shadow:none;border:0;width:11px}.ss-message{font-size:13px;line-height:1.6;color:#ebddec;padding:14px 0 10px;min-height:65px;margin:0}.ss-hint{border-left:3px solid var(--ss-gold);color:#efdab7;background:#362638;padding:10px 14px;font-size:13px;margin:0 0 14px}
.ss-keyboard{display:flex;flex-direction:column;gap:5px}.ss-key-row{display:flex;gap:5px;justify-content:center}.ss-key{flex:1;max-width:51px;min-width:0;min-height:44px;padding:5px 0;border-radius:5px;background:#46314f;border:1px solid #725481;font-size:14px;font-weight:700;color:#fff}.ss-key.vowel{border-color:#ab916b;color:#f6d895;background:#42313d}.ss-key:disabled{opacity:.42}.ss-key.hit:disabled{opacity:1;color:#d1f5e9;border-color:#658a7c;background:#304d42}.ss-key.miss:disabled{background:#221827;color:#8d789b;opacity:.8;text-decoration:line-through;border-color:#3f2c49}.ss-key:not(:disabled):hover{background:#795c89;transform:translateY(-1px)}.ss-key-legend{font-size:11px;color:var(--muted);text-align:center;margin:9px 0 14px}.ss-actions{display:flex;gap:9px;flex-wrap:wrap;border-top:1px solid #52355f;padding-top:15px}.ss-actions button{min-height:44px;padding:9px 14px;font-size:12px;flex:1}.ss-solve-toggle{background:var(--ss-mint);color:#18382e;border-color:var(--ss-mint);font-weight:700}.ss-hint-button{color:var(--ss-gold);border-color:#7b644e;background:transparent}.ss-solve-form{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}.ss-solve-form label{width:100%;font-size:13px;color:var(--pink)}.ss-solve-form input{flex:1;min-width:130px;width:100%;padding:11px 13px;border:1px solid #886296;background:#170f20;color:#fff;border-radius:6px;font-size:16px}.ss-solve-form button{font-size:13px;background:var(--pink);color:#29152e;font-weight:700}.ss-give-up{font-size:11px;color:var(--muted);padding:7px 0;background:none;border:0;display:block;margin:12px auto 0;text-decoration:underline}.ss-forfeit{font-size:12px;color:var(--muted);padding:12px;border:1px solid var(--line);border-radius:6px;margin-top:12px}.ss-forfeit button{font-size:12px;margin:5px}
.ss-result{padding:20px 0 0}.ss-result h2{font-size:28px;margin:0 0 8px;color:var(--ss-gold)}.ss-result p{font-size:14px;margin:0 0 12px;color:#d4c2db}.ss-answer{font-weight:700;color:#fff}.ss-result-links{display:flex;gap:18px;flex-wrap:wrap;font-size:12px;color:var(--pink);margin:12px 0}.ss-result-links a{text-decoration:underline;text-underline-offset:4px}.ss-result button{min-height:44px;font-size:13px}.ss-share{background:var(--ss-mint);color:#16392e;border-color:var(--ss-mint);font-weight:700}.ss-share-status{font-size:12px;color:var(--ss-mint);margin-top:10px}.ss-copy textarea{width:100%;min-height:160px;font-size:14px;padding:12px;border:1px solid var(--line);background:#170f20;color:var(--ink)}.ss-copy label{display:block;font-size:12px;margin:12px 0 5px}
.ss-bonus{margin-top:22px;border:1px solid #776044;background:linear-gradient(130deg,#352636,#201729);border-radius:14px;padding:23px}.ss-bonus h2{font-size:25px;margin:6px 0 10px;color:var(--ss-gold)}.ss-bonus p{font-size:13px;color:var(--muted);margin:0 0 10px}.ss-bonus.locked{display:flex;align-items:center;justify-content:space-between;gap:25px;border-style:dashed}.ss-bonus-icon{font-size:38px;color:var(--ss-gold)}.ss-bonus .ss-board{min-height:100px;margin:15px 0}.ss-bonus .ss-hint{color:#efdab7;margin-bottom:0}.ss-bonus .ss-bonus-kicker{font-size:10px;color:var(--ss-gold);letter-spacing:.14em;text-transform:uppercase}.ss-comeback{margin:20px 0 0;border-top:1px solid var(--line);padding-top:14px;color:var(--muted);font-size:12px;display:flex;justify-content:space-between;gap:10px}.ss-countdown{font-variant-numeric:tabular-nums;color:var(--ss-mint);white-space:nowrap}
.ss-how{display:grid;grid-template-columns:1fr 1.4fr;gap:55px;border-top:1px solid var(--line);margin-top:44px;padding-top:32px}.ss-how h2{font-size:32px;margin:0 0 15px}.ss-how p{font-size:14px;color:var(--muted)}.ss-how ol{padding:0 0 0 20px;margin:0;display:grid;gap:15px}.ss-how li{padding-left:8px;font-size:13px;color:var(--muted)}.ss-how li::marker{color:var(--pink)}.ss-how li b{color:var(--ink)}.ss-footnote{font-size:11px;color:var(--muted);max-width:850px;margin-top:25px}.ss-more{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:13px;color:var(--pink);padding-top:12px}.ss-loading{padding:55px;border:1px solid var(--line);border-radius:14px;text-align:center;color:var(--pink)}.ss-storage-note{font-size:13px;background:#493431;border:1px solid #806a52;border-radius:7px;padding:13px 18px;margin-bottom:18px}.ss-storage-note button{margin-left:10px;font-size:12px}.ss-mobile-meta{display:none}
.ss-promo{display:flex;align-items:center;gap:28px;border:1px solid #765584;border-radius:12px;background:radial-gradient(ellipse at left,#42284e,#1e1428 75%);padding:28px 34px;margin:32px 0}.ss-promo-disc{flex:0 0 88px;width:88px;height:88px;display:grid;place-items:center;border-radius:50%;border:5px solid #151019;background:repeating-radial-gradient(circle,#251c30 0 2px,#131019 3px 5px);box-shadow:0 6px 14px #0005}.ss-promo-disc span{display:grid;place-items:center;width:39px;height:39px;background:var(--pink);color:#2d173b;border-radius:50%;font-size:12px;font-weight:700}.ss-promo-copy{flex:1}.ss-promo-copy h2{font-size:28px;margin:3px 0 8px}.ss-promo-copy p{font-size:14px;color:var(--muted);margin:0}.ss-promo .eyebrow{font-size:10px}.ss-promo>.btn{white-space:nowrap}.ss-promo .btn{background:var(--pink);color:#29152e}
@media(min-width:1000px){.ss-tile{width:29px}.ss-board-panel{padding:27px}}
@media(max-width:900px){.ss-layout{grid-template-columns:250px minmax(0,1fr);gap:15px}.ss-deck{padding:20px 14px}.ss-board-panel{padding:19px}.ss-tile{width:22px;font-size:17px;height:35px}.ss-word{gap:2px}.ss-board{gap:10px;padding:20px 10px}.ss-stamp{flex-basis:190px}.ss-stamp strong{font-size:24px}.ss-how{gap:30px}.ss-promo{padding:25px;gap:22px}}
@media(max-width:700px){.ss-intro{padding:26px 0 24px;gap:10px}.ss-intro h1{font-size:2.9rem}.ss-intro .eyebrow{font-size:10px}.ss-intro p{font-size:14px}.ss-stamp{display:none}.ss-topline>span{display:none}.ss-topline{padding:16px 0}.ss-stats{margin-bottom:14px}.ss-stat{padding:11px 10px}.ss-stat strong{font-size:20px}.ss-stat small{font-size:8px;letter-spacing:.05em}.ss-stat span{font-size:9px;margin-left:3px}.ss-layout{display:flex;flex-direction:column;gap:14px}.ss-controls-column{width:100%;order:2}.ss-board-panel{width:100%;order:1;padding:18px}.ss-turntable{max-width:142px;margin:0;grid-row:1/4;grid-column:1}.ss-deck{display:grid;grid-template-columns:142px 1fr;gap:0 20px;text-align:left;padding:15px 20px;align-items:center}.ss-deck-label{grid-column:2;margin:0 0 7px;font-size:9px}.ss-deck button{grid-column:2;min-height:44px;font-size:14px}.ss-spin-caption{grid-column:2;font-size:11px;margin:9px 0 0;min-height:0}.ss-disc-outcome{top:auto;right:auto;bottom:9px;left:57px;font-size:9px}.ss-side-note{display:none}.ss-tile{width:clamp(17px,5.4vw,28px);height:38px;font-size:19px}.ss-word{gap:3px}.ss-board{min-height:110px;padding:19px 8px;gap:10px 14px}.ss-key{min-height:44px;font-size:13px}.ss-key-row{gap:4px}.ss-keyboard{gap:5px}.ss-actions button{font-size:12px;padding:10px 9px}.ss-chances{padding:11px 0 15px}.ss-message{padding:12px 0;min-height:59px;font-size:12px}.ss-how{grid-template-columns:1fr;gap:14px;margin-top:30px;padding-top:26px}.ss-bonus{margin-top:14px;padding:20px}.ss-bonus.locked{gap:14px}.ss-bonus h2{font-size:22px}.ss-comeback{font-size:11px}.ss-promo{flex-wrap:wrap;gap:16px;padding:22px}.ss-promo-disc{flex-basis:60px;width:60px;height:60px}.ss-promo-disc span{width:28px;height:28px;font-size:9px}.ss-promo-copy h2{font-size:25px}.ss-promo-copy p{font-size:13px}.ss-promo>.btn{width:100%;text-align:center}.ss-promo-copy{min-width:170px}}
@media(max-width:380px){.ss-intro h1{font-size:2.55rem}.ss-board-panel{padding:13px}.ss-word{gap:2px}.ss-tile{width:17px;height:31px;font-size:16px}.ss-board{gap:8px 12px}.ss-key-row{gap:3px}.ss-deck{padding:13px;grid-template-columns:114px 1fr;gap:0 12px}.ss-turntable{max-width:114px}.ss-disc-outcome{left:35px}.ss-deck-label{font-size:8px}.ss-category{font-size:10px}.ss-edition{font-size:10px}.ss-actions{gap:6px}}
@media(prefers-reduced-motion:reduce){.ss-record{transition:none}.ss-key:not(:disabled):hover{transform:none}}

@supports(width:1cqw){.ss-board{container-type:inline-size}.ss-word{--fit-tile:min(29px,calc((100cqw - (var(--word-length) - 1)*3px)/var(--word-length)))}.ss-word .ss-tile{width:var(--fit-tile);font-size:clamp(12px,var(--fit-tile),20px)}.ss-word .ss-tile.punctuation{width:min(11px,var(--fit-tile))}}

.ss-mobile-spin{display:none}@media(max-width:700px){.ss-mobile-spin{display:block;width:100%;min-height:44px;margin-bottom:14px;background:var(--pink);border-color:var(--pink);color:#29152e;font-size:14px;font-weight:700}.ss-mobile-spin:disabled{font-size:12px;background:#34213f;border-color:#5d4269;color:var(--pink);opacity:1}}
