:root{--ink:#f6f8ff;--muted:#aec0d6;--mint:#91eed3;--lavender:#c5b6ff;--panel:#14233e;--border:#ffffff25}
body{background:radial-gradient(circle at 90% 5%,#152d58,transparent 32%),#09152d;color:var(--ink);min-height:100vh}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.15;background-image:linear-gradient(#86a7ec30 1px,transparent 1px),linear-gradient(90deg,#86a7ec30 1px,transparent 1px);background-size:24px 24px}
header{background:#0b1730de;backdrop-filter:blur(18px);border-bottom:1px solid var(--border);position:relative;z-index:3}header nav{display:flex;gap:22px}header nav a{white-space:nowrap}.brand{font-weight:900;letter-spacing:.04em}.harry-root{max-width:1420px;margin:auto;padding:30px 28px 65px;position:relative;z-index:1}.harry-root h1,.harry-root h2,.harry-root h3{color:var(--ink)}.harry-root button,.harry-root .button-link{border-radius:11px}.harry-root button.primary,.harry-root .primary{background:var(--mint);color:#092b2f;border:0;font-weight:800}.harry-root button:hover{transform:translateY(-1px)}.harry-root .eyebrow{color:var(--mint);font-weight:900;letter-spacing:.18em;font-size:12px}.harry-hero{min-height:375px;border-radius:25px;overflow:hidden;position:relative;background:linear-gradient(105deg,#113b63,#2d3b80 67%,#142746);border:1px solid #ffffff30;display:flex;align-items:center;padding:46px 50px}.harry-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0a1b39ba,transparent 75%),repeating-linear-gradient(0deg,#ffffff0b 0 1px,transparent 1px 28px),repeating-linear-gradient(90deg,#ffffff0b 0 1px,transparent 1px 28px)}.harry-hero-copy{position:relative;z-index:2;max-width:670px}.harry-hero h1{font-size:clamp(52px,6.8vw,90px);letter-spacing:-.07em;line-height:1.04;margin:15px 0}.harry-hero h1 span{color:var(--mint)}.harry-hero p{font-size:18px;line-height:1.5;color:#e0efff;max-width:480px}.harry-hero-art{position:absolute;right:-1%;bottom:-9%;width:58%;max-height:110%;object-fit:contain;filter:drop-shadow(0 20px 35px #0007);z-index:1}.harry-chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.harry-chips span{border:1px solid #ffffff6b;background:#ffffff1e;border-radius:30px;padding:8px 13px;font-size:12px;font-weight:800}.harry-joke{margin-top:24px;background:#ccf6dc;color:#12303b;border-radius:20px;padding:27px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px}.harry-joke .eyebrow{color:#2b6b61}.harry-joke h2{font-size:27px;color:#12303b;margin:7px 0}.harry-joke p{margin:0;font-size:18px;font-weight:700}.harry-joke button{background:#15334b;color:white;border:0;white-space:nowrap}.harry-section{margin-top:44px}.harry-section-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:17px}.harry-section-head h2{font-size:30px;letter-spacing:-.04em;margin:7px 0}.harry-section-head p{color:var(--muted);margin:0}.harry-music{display:grid;grid-template-columns:330px 1fr;gap:20px}.harry-player{border-radius:21px;background:linear-gradient(145deg,#9f7edc,#4d478e 58%,#182e62);min-height:300px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative}.harry-player:before{content:'♫';position:absolute;right:-10px;top:-40px;color:#ffffff2b;font-size:220px}.harry-player .harry-disc{font-size:55px;position:relative}.harry-player p{font-size:20px;font-weight:800;position:relative}.harry-player iframe{border:0;width:100%;border-radius:13px;position:relative}.harry-player a{position:relative;margin-top:9px;font-weight:700}.harry-track-list{background:#132544;border:1px solid var(--border);border-radius:21px;padding:12px}.harry-track{display:flex;align-items:center;gap:14px;border-radius:12px;padding:11px 12px;min-height:66px}.harry-track:nth-child(odd){background:#ffffff0d}.harry-track>div{flex:1;min-width:0}.harry-track strong,.harry-track span{display:block;overflow-wrap:anywhere}.harry-track span{color:var(--muted);font-size:13px;margin-top:4px}.harry-track-number{color:#8da3c4!important}.harry-play{width:39px;height:39px;border-radius:50%!important;background:white!important;color:#132a4f!important;border:0}.harry-track button:not(.harry-play){font-size:12px;padding:8px}.harry-art-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.harry-art{border-radius:20px;overflow:hidden;background:#172747;border:1px solid var(--border)}.harry-art-open{display:block;width:100%;padding:0;border:0;background:#dce7f7}.harry-art img{display:block;width:100%;height:250px;object-fit:cover}.harry-art .card-body{padding:15px}.harry-art h3{margin:0 0 7px}.harry-art p{color:var(--muted);margin:0 0 12px}.harry-creative{display:grid;grid-template-columns:1fr 1fr;gap:20px}.harry-creative .panel{border-radius:20px;min-height:270px;padding:25px;overflow:hidden}.harry-emoji-panel{background:#624c91}.harry-messages-panel{background:#213e64}.harry-creative h2{font-size:27px}.harry-emoji-face{font-size:90px;line-height:1.1;text-align:right}.harry-emoji-options{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.harry-emoji-options button{min-width:46px;font-size:26px}.harry-message-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:17px}.harry-message{background:#ffffff17;border-radius:13px;padding:15px}.harry-message p{margin:8px 0;overflow-wrap:anywhere}.harry-message small{color:#d0dff4}.harry-pending{border:1px solid #f5dc83}.harry-admin{margin-top:36px;border-radius:20px;background:#162947}.harry-admin p{color:var(--muted)}.harry-gate{max-width:550px;margin:80px auto;padding:35px;border-radius:22px}.harry-gate h1{font-size:39px}.harry-gate label{display:block;margin:17px 0}.harry-gate input{width:100%}#harry-dialog{max-width:min(640px,92vw);background:#162847;color:white;border:1px solid #ffffff40;border-radius:19px;padding:28px}#harry-dialog label{display:block;margin:13px 0}#harry-dialog input,#harry-dialog textarea{width:100%;margin-top:6px}#harry-dialog h2{margin-right:30px}.harry-art-large{max-width:100%;max-height:70vh;object-fit:contain}#harry-toast{position:fixed;bottom:20px;right:20px;padding:12px 18px;border-radius:13px;background:var(--mint);color:#15333b;z-index:10;opacity:0;pointer-events:none}#harry-toast.show{opacity:1}.harry-empty{padding:27px;color:var(--muted);background:#ffffff12;border-radius:14px}
@media(max-width:900px){.harry-music,.harry-creative{grid-template-columns:1fr}.harry-hero-art{opacity:.4;width:72%;right:-14%}.harry-art-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.harry-root{padding:17px 15px 45px}.harry-hero{padding:35px 24px;min-height:350px}.harry-hero h1{font-size:52px}.harry-hero-art{width:105%;right:-38%;opacity:.24}.harry-joke,.harry-section-head{display:block}.harry-joke button,.harry-section-head button{margin-top:14px}.harry-art-grid,.harry-message-list{grid-template-columns:1fr}.harry-track{flex-wrap:wrap}.harry-track-number{display:none!important}header nav{gap:8px}header nav a{font-size:12px}}
.harry-joke-actions{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.harry-joke-actions button{max-width:100%}@media(max-width:600px){.harry-joke-actions{align-items:flex-start;margin-top:15px}}
.harry-playlist{background:linear-gradient(135deg,#18284f,#32275e 70%,#173f59);border:1px solid var(--border);border-radius:21px;padding:22px;max-width:920px;margin:auto}.harry-playlist iframe{border:0;border-radius:15px;display:block;max-width:100%}.harry-playlist>a{display:inline-block;margin-top:14px;color:var(--mint);font-weight:800}.harry-playlist .harry-empty{min-height:220px;display:grid;place-items:center;text-align:center}
header{height:100px;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:0 5vw;background:transparent;backdrop-filter:none;border-bottom:1px solid #ffffff12;position:relative;z-index:3}header nav{gap:25px}header .account{border-radius:30px;font-size:12px}header nav a.active{color:var(--mint)}.harry-playlist{text-align:center;background:var(--panel)}.harry-playlist .stage{margin:0 auto}.harry-playlist .station{margin-bottom:13px}.harry-playlist #harry-spotify{width:100%;max-width:520px;margin:8px auto}.harry-playlist .audio-controls{margin:13px auto}.harry-playlist #harry-visualiser{pointer-events:none}
@media(max-width:1000px){header{padding:0 24px}header nav{gap:15px}}@media(max-width:700px){header{height:auto;min-height:80px;flex-wrap:wrap;padding:17px 20px;gap:15px}header nav{order:3;width:100%;justify-content:space-between;gap:12px;overflow:auto;font-size:11px;padding-bottom:2px}}
header .brand{font-weight:650;letter-spacing:.5px}.harry-playlist .play{border-radius:50%}
.harry-music-game{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:20px;align-items:stretch}.harry-music-game .harry-playlist{max-width:none;width:100%;margin:0}.harry-game-link{display:flex;flex-direction:column;gap:12px;overflow:hidden;padding:15px;border:1px solid #91edff70;border-radius:21px;background:linear-gradient(145deg,#16264d,#2f2562);color:#fff;text-decoration:none;box-shadow:0 16px 36px #03091540;transition:transform .18s ease,box-shadow .18s ease}.harry-game-link:hover,.harry-game-link:focus-visible{transform:translateY(-4px);box-shadow:0 22px 42px #03091580}.harry-game-link img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:12px;image-rendering:pixelated}.harry-game-label{font-size:11px;font-weight:900;letter-spacing:.16em;color:#8df4db}.harry-game-link strong{font-size:31px;line-height:1}.harry-game-link>span:not(.harry-game-label):not(.harry-game-play){color:#dce6ff}.harry-game-play{display:block;margin-top:auto;background:#8df4db;color:#0d2533;border-radius:10px;padding:11px 15px;text-align:center;font-weight:900}.harry-game-all{font-size:12px;text-align:center}.harry-all-games{display:inline-block;margin-top:14px;color:var(--mint);font-weight:800}@media(max-width:950px){.harry-music-game{grid-template-columns:1fr}.harry-game-link{max-width:520px;width:100%;margin:auto}}

.harry-games-picker{min-width:0;display:flex;flex-direction:column;overflow:hidden;padding:15px;border:1px solid #91edff70;border-radius:21px;background:linear-gradient(145deg,#16264d,#2f2562);box-shadow:0 16px 36px #03091540}
.harry-picker-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}
.harry-picker-heading strong{font-size:13px;color:#eef5ff}
.harry-picker-track{display:flex;min-width:0;flex:1;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#91edff90 transparent}
.harry-picker-card{display:flex;flex:0 0 100%;min-width:0;flex-direction:column;gap:10px;padding:2px 4px 6px;color:#fff;text-decoration:none;scroll-snap-align:start}
.harry-picker-card img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:12px;image-rendering:pixelated;background:#10243f}
.harry-picker-card strong{font-size:29px;line-height:1.1}
.harry-picker-description{font-size:13px;line-height:1.45;color:#dce6ff}
.harry-picker-card .harry-game-play{margin-top:auto}
.harry-picker-navigation{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:12px 0 5px;color:#dce6ff;font-size:12px}
.harry-picker-navigation button{min-width:40px;min-height:35px;padding:5px 10px;border:1px solid #91edff70;background:#24466b;color:#fff;font-size:20px}
.harry-picker-navigation button:disabled{opacity:.4;cursor:not-allowed}
.harry-picker-all{display:block;text-align:center;padding:8px 5px;color:#8df4db;font-size:12px;font-weight:800;text-decoration:underline;text-underline-offset:3px}
.harry-picker-all:hover,.harry-picker-all:focus-visible{color:#fff}
@media(max-width:950px){.harry-games-picker{width:100%;max-width:520px;margin:auto;min-height:0;order:-1}.harry-picker-card{min-height:420px}}

.harry-list-shell{display:grid;grid-template-columns:minmax(0,1fr) 23px;gap:5px;height:490px;min-height:0}
.harry-top-list{height:100%;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;display:flex;flex-direction:column;gap:9px;padding-right:2px}
.harry-top-list::-webkit-scrollbar{width:10px}
.harry-top-list::-webkit-scrollbar{display:none}
.harry-scroll-rail{display:flex;flex-direction:column;align-items:center;gap:5px}
.harry-scroll-rail button{width:22px;height:24px;padding:0;border:1px solid #91eed360;border-radius:5px;background:#233a60;color:#91eed3;font-size:11px}
.harry-scroll-rail button:disabled{opacity:.5;cursor:not-allowed}
.harry-scroll-track{position:relative;width:7px;flex:1;border-radius:10px;background:repeating-linear-gradient(to bottom,#91eed365 0 6px,transparent 6px 11px);cursor:pointer}
.harry-scroll-thumb{position:absolute;left:-3px;top:0;width:13px;min-height:20px;border:1px solid #b9ffe6;border-radius:8px;background:#91eed3;box-shadow:0 0 8px #91eed370;pointer-events:none}
.harry-top-item{display:grid;grid-template-columns:22px 76px minmax(0,1fr) 16px;align-items:center;gap:8px;min-height:106px;padding:8px;border:1px solid #ffffff2b;border-radius:12px;background:#ffffff0e;color:#fff;text-decoration:none}
.harry-top-item:hover,.harry-top-item:focus-visible{border-color:#91eed3;background:#ffffff1c}
.harry-top-rank{color:#8df4db;font-size:17px;font-weight:900;text-align:center}
.harry-top-item img{display:block;width:76px;height:70px;object-fit:cover;border-radius:8px;image-rendering:pixelated;background:#0b1d32}
.harry-top-copy{min-width:0;display:flex;flex-direction:column;gap:5px}
.harry-top-copy strong{font-size:15px;line-height:1.2;overflow-wrap:anywhere}
.harry-top-copy small{color:#bdd0e4;font-size:11px}
.harry-top-arrow{color:#8df4db;font-size:18px}
.harry-top-loading{padding:14px;color:#dce6ff;font-size:13px}
@media(max-width:950px){.harry-list-shell{height:420px}}