:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#090b10;color:#eef5ef;line-height:1.5}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 18% 12%,rgba(64,236,140,.18),transparent 30rem),radial-gradient(circle at 82% 8%,rgba(66,188,245,.16),transparent 28rem),linear-gradient(135deg,#080b10,#101923 54%,#080a0d)}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit}.app-shell{width:min(1180px,calc(100% - 36px));margin:0 auto;padding:22px 0 48px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px;padding:14px 0}.brand{display:inline-flex;align-items:center;gap:12px;color:#f8fff9;text-decoration:none;font-weight:800;font-size:1.04rem}.brand-mark{display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(122,255,178,.38);border-radius:7px;background:linear-gradient(145deg,#8fe53638,#3db3ff14);color:#7cffb0;box-shadow:0 0 30px #42ff9724}.topbar-note,.fine-print,.warning{color:#a7b3ad;font-size:.92rem}.setup-grid,.game-layout{display:grid;grid-template-columns:minmax(360px,.82fr) minmax(440px,1.18fr);gap:28px;align-items:stretch}.intro-panel,.setup-card,.playlist-panel,.round-card,.results-card,.loading-screen{border:1px solid rgba(255,255,255,.11);border-radius:8px;background:linear-gradient(180deg,#141d27f5,#0a0f16f5),#10141ce6;box-shadow:0 24px 80px #00000057,inset 0 1px #ffffff0a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.intro-panel{padding:34px;display:flex;flex-direction:column;justify-content:center;gap:30px;min-height:485px;text-align:center}.hero-icon{width:54px;height:54px;margin:0 auto 18px;display:flex;align-items:center;justify-content:center;gap:4px;color:#9be83d;border:1px solid rgba(155,232,61,.38);border-radius:8px;background:#9be83d14}.hero-icon span{width:5px;border-radius:999px;background:#9be83d}.hero-icon span:nth-child(1){height:18px}.hero-icon span:nth-child(2){height:30px}.hero-icon span:nth-child(3){height:22px}.mono-label{margin:0 0 12px;color:#7cffb0;font-family:SFMono-Regular,Consolas,monospace;font-size:.78rem;letter-spacing:0;text-transform:uppercase}h1,h2,p{margin-top:0}h1{margin-bottom:18px;font-size:clamp(2.4rem,6vw,4.4rem);line-height:1;letter-spacing:0}h2{font-size:1.35rem;line-height:1.15}.lede{max-width:440px;margin-inline:auto;color:#c7d4ce;font-size:1.08rem}.provider-row,.action-row,.link-row{display:flex;flex-wrap:wrap;gap:10px}.provider,.secondary-action,.link-row a{border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#ffffff0d;color:#d9e8df;padding:12px 15px;text-decoration:none;font-weight:800}.provider.active{border-color:#9be83db3;color:#9be83d;background:#9be83d17}.provider span{display:inline-block;margin-left:8px;color:#8e9a94;font-size:.72rem;text-transform:uppercase}.setup-card{padding:36px;display:grid;gap:18px}label{display:grid;gap:8px;color:#dce7e1;font-weight:700}label span{font-size:.92rem}input{width:100%;min-height:58px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#03060ac7;color:#f6fff8;padding:0 16px;outline:none}input:focus{border-color:#7cffb0;box-shadow:0 0 0 4px #7cffb01f}.form-row{display:grid;grid-template-columns:.62fr 1fr;gap:14px}.primary-action{min-height:54px;border:0;border-radius:8px;background:linear-gradient(135deg,#9be83d,#65e68f 46%,#50d6ff);color:#06100c;padding:0 20px;font-weight:900;box-shadow:0 16px 40px #50d6ff2e}.secondary-action{min-height:54px;min-width:96px}.error-box{border:1px solid rgba(255,121,121,.38);border-radius:8px;background:#ff79791f;color:#ffd5d5;padding:12px 14px}.playlist-note{margin-top:-10px;margin-bottom:2px;color:#a7b3ad;font-size:.88rem}.info-callout{margin:2px 0;border:1px solid rgba(80,214,255,.24);border-radius:8px;background:#50d6ff0f;color:#cfe6ef;padding:14px 16px}.loading-screen,.results-card{width:min(760px,100%);margin:0 auto;padding:42px;text-align:center}.disc-loader,.hidden-disc{border-radius:50%;background:radial-gradient(circle at center,#080b10 0 16%,#7cffb0 17% 18%,transparent 19%),repeating-radial-gradient(circle at center,#ffffff26 0,#ffffff26 2px,#ffffff08 2px,#ffffff08 10px),linear-gradient(135deg,#1a1f2a,#080a0f)}.disc-loader{width:112px;height:112px;margin:0 auto 28px;animation:spin 1.8s linear infinite}.skeleton-stack{display:grid;gap:10px;margin-top:30px}.skeleton-stack span{height:18px;border-radius:8px;background:linear-gradient(90deg,#ffffff0f,#7cffb02e,#ffffff0f)}.playlist-panel{padding:26px;align-self:start;position:sticky;top:18px}.stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:22px 0}.stat{border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:12px;background:#ffffff0a}.stat span{display:block;color:#93a29a;font-size:.8rem}.stat strong{display:block;overflow-wrap:anywhere;color:#f5fff7;font-size:1rem}.round-card{padding:26px;position:relative}.round-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.round-header h1{font-size:clamp(2rem,5vw,4.2rem)}.clip-pill{border-radius:8px;background:#7cffb01f;color:#7cffb0;padding:10px 12px;font-weight:800;white-space:nowrap}.art-stage{display:grid;place-items:center;min-height:310px;margin:12px 0 20px;border:1px solid rgba(255,255,255,.11);border-radius:8px;background:radial-gradient(circle at 50% 46%,rgba(155,232,61,.15),transparent 12rem),linear-gradient(135deg,rgba(124,255,176,.08),transparent 34%),#04070b9e;position:relative;overflow:hidden}.art-stage img,.hidden-disc{width:min(250px,62vw);aspect-ratio:1;object-fit:cover;box-shadow:0 20px 60px #00000080}.art-stage.revealed{padding-bottom:74px}.art-stage.revealed img{border-radius:8px}.art-stage:not(.revealed) .hidden-disc{filter:blur(8px) saturate(.7);opacity:.68}.play-button{position:absolute;display:grid;width:94px;height:94px;place-items:center;border:0;border-radius:50%;background:#7cffb0;box-shadow:0 0 0 14px #7cffb01f,0 20px 60px #7cffb03d}.art-stage.revealed .play-button{bottom:18px;width:58px;height:58px;box-shadow:0 0 0 8px #7cffb01a,0 16px 36px #7cffb02e}.art-stage.revealed .play-button span{margin-left:5px;border-top-width:10px;border-bottom-width:10px;border-left-width:16px}.play-button span{width:0;height:0;margin-left:8px;border-top:16px solid transparent;border-bottom:16px solid transparent;border-left:24px solid #07110d}.play-progress{height:8px;margin:-8px 0 18px;overflow:hidden;border-radius:999px;background:#ffffff14}.play-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#9be83d,#50d6ff);transition:width .12s linear}.attempt-rail{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:18px}.attempt-rail span{border-radius:8px;background:#ffffff12;color:#9eaaa4;padding:10px 8px;text-align:center;font-weight:800}.attempt-rail .current{background:#50d6ff29;color:#9ee7ff}.attempt-rail .used{background:#7cffb029;color:#7cffb0}.guess-form{display:grid;gap:14px}.suggestions{z-index:5;max-height:280px;overflow:auto;list-style:none;margin:-4px 0 2px;padding:8px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#111720;box-shadow:0 20px 50px #00000061}.suggestions button{width:100%;border:0;border-radius:8px;background:transparent;color:#eef5ef;padding:12px;text-align:left}.suggestions button.active,.suggestions button:hover{background:#7cffb01a}.suggestions strong,.suggestions span{display:block}.suggestions span{color:#9caaa3;font-size:.88rem}.guess-feedback{display:grid;gap:8px}.guess-feedback div{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;border-radius:8px;padding:10px 12px;border:1px solid transparent}.guess-feedback span{color:#f7fbf8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guess-feedback strong{flex:0 0 auto;font-size:.78rem;text-transform:uppercase}.guess-feedback .wrong{border-color:#ff686866;background:#ff535324}.guess-feedback .wrong strong{color:#ff8c8c}.guess-feedback .artist{border-color:#ffd35c75;background:#ffd35c26}.guess-feedback .artist strong{color:#ffd35c}.reveal-panel{display:grid;gap:8px;text-align:center;justify-items:center}.correct-text{color:#7cffb0;font-weight:900}.miss-text{color:#ff8c8c;font-weight:900}.scoreline{display:flex;align-items:baseline;justify-content:center;gap:12px;margin:18px 0 28px}.scoreline strong{font-size:clamp(3rem,10vw,6rem);line-height:.9;color:#7cffb0}.scoreline span{color:#c7d4ce;font-size:1.3rem}.stat-grid.results{grid-template-columns:repeat(3,minmax(0,1fr))}.results-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.wordle-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:10px;margin:26px 0}.tile{display:grid;min-height:72px;place-items:center;border-radius:8px;font-weight:900}.tile.correct{background:#3ecf78;color:#06100c}.tile.miss{background:#343b45;color:#f4f4f4}.tile small{font-size:.72rem}@keyframes spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}@media (max-width: 860px){.app-shell{width:min(100% - 20px,720px);padding-top:14px}.topbar,.round-header{flex-direction:column;align-items:flex-start}.setup-grid,.game-layout{grid-template-columns:1fr}.intro-panel{min-height:auto;padding:28px}.setup-card,.round-card,.results-card,.loading-screen{padding:22px}.form-row,.stat-grid.results{grid-template-columns:1fr}.playlist-panel{position:static}.art-stage{min-height:230px}}