.club h2{max-width:none}.club textarea{display:block;width:100%;box-sizing:border-box;border:1px solid var(--hb);background:var(--hp);border-radius:5px;color:inherit;padding:12px;font:inherit;resize:vertical;min-height:85px}.club-workspace{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:22px;align-items:start;border:1px solid var(--hb);border-radius:8px;background:var(--hp);padding:20px}.club-canvas{display:block;max-width:100%;width:100%;height:auto;border-radius:5px}.club-tools{display:flex;flex-direction:column;gap:14px}.club-tools label{font-size:12px}.club-tools input[type=color]{width:100%;padding:4px;min-height:42px}.club-check{display:flex!important;align-items:center;gap:10px;flex-direction:row!important;font-size:12px;margin:12px 0}.club [hidden],.club-workspace[hidden]{display:none!important}.club button[aria-pressed=true]{border-color:var(--ha);color:var(--ha);box-shadow:inset 0 -2px var(--ha)}.capsule-body{font-size:24px;line-height:1.6;white-space:pre-wrap}.club .hub-card textarea{margin-bottom:15px}
.detective-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(240px,1fr);gap:22px}.detective-frame{position:relative;aspect-ratio:16/9;background:#090811;border-radius:6px;overflow:hidden}.detective-frame>img{display:block;width:100%;height:100%;object-fit:contain}.detective-hotspot{position:absolute;transform:translate(-50%,-50%);padding:0!important;width:38px;height:38px;min-height:38px!important;border-radius:50%!important;background:#131020d9!important;border:2px solid #ffdcab!important;color:white!important;box-shadow:0 0 0 6px #ffffff22}.detective-scenes{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:18px}.detective-scenes button{flex:1;min-width:130px;text-align:left;justify-content:start}.detective-info p{font-size:13px}.detective-info h3{margin-top:12px}.detective-tag{display:inline-block;font-size:10px;letter-spacing:1px;padding:6px 9px;border:1px solid var(--hb);color:var(--ha)}.detective-video{margin-top:20px}.detective-video video{width:100%;max-height:65vh;background:#09070c}.detective-source{margin:14px 0;color:var(--hm);font-size:11px}
.then-categories{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:18px}.comparison{position:relative;width:100%;aspect-ratio:16/9;background:#11101c;overflow:hidden;border-radius:8px}.comparison img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}.comparison .then-image{clip-path:inset(0 calc(100% - var(--split,50%)) 0 0)}.comparison-line{position:absolute;top:0;bottom:0;left:var(--split,50%);width:2px;background:white;pointer-events:none}.comparison-handle{display:grid;place-items:center;position:absolute;top:50%;left:0;transform:translate(-50%,-50%);width:44px;height:44px;border:1px solid var(--ha);border-radius:3px;background:var(--ha);color:#17111e}.comparison-labels{position:absolute;inset:15px 15px auto;display:flex;justify-content:space-between;pointer-events:none}.comparison-labels span{font-size:11px;padding:8px;background:#130e1cd4;color:#fff}.comparison-input{margin-top:14px}.comparison-input input{width:100%;accent-color:var(--ha)}
.connections-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(250px,1fr);gap:24px}.character-board{position:relative;align-self:start;padding:20px;background:repeating-linear-gradient(0deg,#ffffff03 0 1px,transparent 1px 25px),var(--hp);border:1px solid var(--hb);border-radius:8px}.character-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:70px 22px;position:relative}.character-card{display:block!important;padding:7px!important;background:var(--hp)!important;transform:rotate(-2deg);min-width:0;z-index:1}.character-card:nth-child(even){transform:rotate(2deg)}.character-card img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.character-card strong{display:block;font-size:10px;text-align:center;padding:8px 0 3px}.connection-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.connection-lines line{stroke:var(--hb);stroke-width:2;stroke-dasharray:6 4}.connection-lines line.selected{stroke:var(--ha);stroke-width:3;stroke-dasharray:none}.character-profile>img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:4px}.character-profile p{font-size:13px}.character-profile .connection-link{display:flex;width:100%;margin:8px 0;font-size:11px;text-align:left;justify-content:start}.character-profile>.hub-button{margin:10px 0;font-size:11px}
.car-stereo{background:linear-gradient(150deg,#2e2930,#100e16)!important;border:2px solid #635265!important;border-radius:18px!important;padding:25px!important;box-shadow:inset 0 0 0 6px #0005,0 15px 50px #0003}.stereo-brand{letter-spacing:4px;font-size:10px;color:#e9ddeb;padding:0 0 20px}.car-stereo .music-summary{background:linear-gradient(135deg,#151e24,#142029);border:1px solid #55646d;padding:20px;border-radius:6px}.car-stereo .music-copy{color:#d9e9e6}.car-stereo .music-copy h2{color:#c9f5df!important;font-family:monospace;font-size:clamp(28px,4vw,42px)}.car-stereo .album-link{max-width:125px}.stereo-bars{display:flex;gap:4px;height:24px;align-items:end;margin-top:12px}.stereo-bars i{display:block;width:5px;height:calc(5px + mod(var(--n),5)*4px);background:#88c5ad;opacity:.5}.car-stereo[data-playing=true] .stereo-bars i{animation:radioMeter .9s calc(var(--n)*-.12s) infinite alternate ease-in-out}.radio-presets{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;padding:20px 0}.radio-presets button{font-size:10px!important;min-width:0}.radio-presets button[aria-pressed=true]{color:#c9f5df;border-color:#88c5ad}.radio-dials{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.radio-dials>button{border-radius:50%;min-width:46px}.radio-dials label{flex:1;min-width:150px}.radio-dials output{font-size:11px;color:#c9f5df}.radio-time{min-width:90px}.radio-official{margin-top:16px}.radio-official a{font-size:11px;margin-right:10px}.club-radio .radio-note{color:#ccbccc!important}@keyframes radioMeter{from{height:5px}to{height:24px}}
@media(max-width:900px){.club-workspace,.detective-layout,.connections-layout{grid-template-columns:1fr}.club-workspace{padding:12px}.club-tools{display:grid;grid-template-columns:1fr 1fr}.club-tools textarea,.club-tools .hub-actions,.club-tools>.club-tools,.club-tools>a{grid-column:1/-1}.character-grid{gap:50px 14px}.radio-presets{grid-template-columns:repeat(3,minmax(0,1fr))}.character-profile{display:block}.character-profile>img{max-width:350px}.car-stereo{padding:18px!important}.comparison-labels span{font-size:9px}}
@media(max-width:500px){.club-tools{grid-template-columns:1fr}.character-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 25px}.character-board{padding:15px}.detective-scenes{gap:6px}.detective-scenes button{min-width:90px;font-size:11px}.car-stereo .music-summary{padding:12px}.radio-presets{grid-template-columns:repeat(2,minmax(0,1fr))}.car-stereo .album-link{max-width:85px}.comparison-labels{inset:8px 8px auto}.comparison-labels span{max-width:45%;font-size:8px}.comparison{aspect-ratio:4/3}.character-profile h3{font-size:26px}}
.club-nav{display:flex;flex-wrap:wrap;gap:10px 22px;margin-bottom:35px;border-block:1px solid var(--hb);padding:16px 0}.club-nav a{color:var(--ha);font-size:11px;min-height:30px;display:inline-flex;align-items:center}.comparison{touch-action:pan-y}.club .club-check{display:flex}.car-stereo #music-toggle{border-radius:50%;min-width:90px;min-height:75px}.radio-official p{margin-bottom:10px}