/* Hyderabad mixtape: electric blue, signal pink, acid green, ink. */
:root{--blue:#292aff;--pink:#ff268e;--lime:#e6ff24;--ink:#100d22}body{background:#090818}.shell{background:linear-gradient(#605d72,#191927 48%,#343144);color:#fff;border-bottom:2px solid #c2c2e1}.brand .dot{color:#ff63b0}.logo-star{color:#d7ff35}.shell nav button.active{background:#dcff27;color:#131224;box-shadow:3px 3px #ff268e}.deck-launch{font:10px 'IBM Plex Mono';background:#2929ed;border:1px solid #aaa6fa;box-shadow:2px 2px #090a16;color:#f8f5ff;padding:8px 10px;white-space:nowrap}.deck-launch.has-audio:before{content:'● ';color:#dcff3a}.shell .motion{color:#ece9ff}.new-collage{height:350px;background:#17113c;background-image:linear-gradient(0deg,#fd228c1b 1px,transparent 1px),linear-gradient(90deg,#8a7bff22 1px,transparent 1px),radial-gradient(ellipse at 85% 80%,#59297d 0,transparent 55%);background-size:35px 35px,35px 35px,auto;border-bottom:2px solid #fa298e}.new-collage .welcome{top:75px}.new-collage .welcome h1{color:#f2f1e5;text-shadow:3px 3px #2729ff,6px 6px #f9007d;letter-spacing:-8px}.new-collage .welcome h1 em{color:#e6ff31;text-shadow:3px 3px #2729ff,6px 6px #f9007d}.new-collage .welcome p{color:#f4f4e8;background:#2929df;box-shadow:3px 3px #ff2c91}.new-collage .welcome>span{box-shadow:4px 4px #ee2f98;color:#111}.new-collage .star-a{display:none}.new-collage .orbit{border-color:#ff4bb6;box-shadow:0 0 15px #ff298b33}.new-collage .cd-object{top:64px}.new-collage .world-object{bottom:25px}.home-stamp{color:#e8ff51;border-color:#e8ff51;bottom:21px;right:38%}.sticker-a{left:4%;bottom:28px}.sticker-b{color:#191329}.sticker-c{background:#ff3e98;color:#140b1b}.title-spark{color:#ff35a1!important}.hero-skyline{position:absolute;bottom:-2px;right:13%;width:280px;height:110px;filter:drop-shadow(0 0 12px #aa40de66);pointer-events:none}.hero-auto{position:absolute;bottom:60px;right:29%;width:100px;height:69px;transform:rotate(-7deg);animation:autobob 4s ease-in-out infinite;animation-play-state:var(--motion);pointer-events:none}@keyframes autobob{50%{translate:8px -4px;rotate:3deg}}.punk-orbit{left:32%;bottom:20px}.entry-paths{display:grid;grid-template-columns:1fr 1fr;background:#111023;padding:22px 30px 25px;gap:22px;border-bottom:8px solid #2223f5}.entry-paths>button{display:flex;align-items:center;gap:19px;text-align:left;border:2px solid black;padding:17px 20px;box-shadow:5px 5px #8a79b8;transition:transform .3s;position:relative;overflow:hidden}.entry-paths>button:hover{transform:translateY(-4px) rotate(-1deg)}.entry-random{background:#e6ff24}.entry-area{background:#ff3d98}.entry-paths b{font:bold 25px/1.04 'Space Grotesk';letter-spacing:-1.1px;display:block}.entry-paths small{font:10px 'IBM Plex Mono';display:block;margin-top:7px}.entry-paths i{font:31px Arial;margin-left:auto}.dice{font:65px/1 Arial;transition:transform .5s}.entry-random:hover .dice{transform:rotate(150deg)}.sign-arrows{font:bold 35px/.6 Arial;transform:rotate(-8deg)}.journey-shelf{background:#d9d8ce}.journey-tile{box-shadow:5px 6px #141124}.cobalt .window-bar{background:#2925f8}.rose .window-bar{background:#cf0876}.tangerine .window-bar{background:#e74f18}.mint .window-bar{background:#0a574f}.home-extras{background-color:#2324e9;background-image:radial-gradient(#fc51b557 1px,transparent 1px)}.hyd-object{background:none;border:0;color:#f5fc51;position:relative}.hyd-object svg{width:120px;height:155px;display:block;margin:auto;transition:rotate .3s}.hyd-object:hover svg{rotate:-7deg}.hyd-object>span{font:10px 'IBM Plex Mono';background:#121125;padding:7px;display:inline-block;transform:rotate(-5deg)}.noticeboard-title h2{color:#ff3b9a}.area-actions{padding:0 30px 23px;display:flex;align-items:center;gap:18px}.area-actions button{background:#e6ff27;border:2px solid black;box-shadow:4px 4px #2424f4;padding:12px 16px;font:bold 12px 'IBM Plex Mono'}.area-actions>span{font:10px 'IBM Plex Mono'}#area{background:#ffc1d9;background-image:radial-gradient(#d7248033 .6px,transparent .6px);background-size:4px 4px}.area-heading h1{color:#2423e4;text-shadow:3px 3px #f5f859}.roll-art{position:absolute;top:18px;right:4%;width:220px;transform:rotate(6deg);pointer-events:none}.roll-art svg{width:190px;height:135px}.roll-art span{font:bold 26px Arial;display:block;color:#e9ff29;text-shadow:2px 2px #17112d;transform:rotate(-5deg)}#roll{position:relative;background:#11102b;background-image:linear-gradient(0deg,#43449740 1px,transparent 1px),linear-gradient(90deg,#43449740 1px,transparent 1px);background-size:28px 28px}.roll-heading h1{color:#ecff37;text-shadow:4px 4px #2930fd,6px 6px #e8268c}.roll-heading h1 span{color:#ff3598}.collection-tools button[aria-pressed=true]{background:#ff439c;color:#100d22;box-shadow:3px 3px #c5fd3c}.paper-rocks{background:#f94a9b}.paper-rocks svg{width:100%;height:140px}.paper-chai{background:#e2fc39}.paper-chai svg{width:95px;height:135px;float:right;filter:drop-shadow(3px 3px #ba6f6155)}.paper-chai .scrap-type{clear:both}.paper-rocks b,.paper-chai b{font-size:26px}.keepsake-wall{row-gap:32px}.keepsake{box-shadow:5px 6px #070817,6px 7px #9a90be}#cinema{background:#11102b;background-image:linear-gradient(90deg,#28204840 1px,transparent 1px);background-size:28px;color:#f4f2f9}.cinema-nav{color:#ecff3d;padding:18px 25px}.cinema-brand{color:#ff65b5}.cinema-chrome{margin:0 22px;border:2px solid #dbd7ee;box-shadow:7px 8px #f02d8e;background:#b4b4c7;padding:4px}.cinema-titlebar{display:flex;justify-content:space-between;align-items:center;gap:14px;background:#2922e4;color:#faffc9;padding:7px 10px;font:10px 'IBM Plex Mono';height:34px;overflow:hidden}.signal-wave{width:160px;height:30px;overflow:hidden;color:#f3ff48}.signal-wave svg{width:200px;height:30px;animation:sineflow 3s linear infinite;animation-play-state:var(--motion)}@keyframes sineflow{to{transform:translateX(-24.8px)}}.screen{aspect-ratio:16/8.4;border:1px solid #100f22}.screen-date{top:44px;bottom:auto;left:24px;right:auto;color:#e5ff38;background:#111125a0;font-size:9px}.screen-title{bottom:35px;max-width:calc(100% - 290px)}.screen-title h1{font:italic bold 43px/1 Georgia;color:#f7ffcc;text-shadow:2px 2px #100f26}.screen-disclaimer{bottom:10px;max-width:calc(100% - 275px)}.screen-corner{color:#faffd7}.route-window{position:absolute;bottom:18px;right:18px;width:224px;border:2px solid #19152c;box-shadow:4px 4px #ff359b;background:#d2d2df;color:#15132c;padding:3px;z-index:3;transform:rotate(1deg)}.route-title{background:#e2ff39;display:flex;align-items:center;justify-content:space-between;padding:3px 6px;font:bold 10px 'IBM Plex Mono';border:1px solid #17152a}.route-title button{width:22px;height:20px;background:#f6f5de;border:1px outset #dfe1e7;font:bold 17px/1 Arial;padding:0}.route-window #journey-map{width:100%;height:126px;background:#bfe4d2}.route-window .leaflet-tile-pane{filter:saturate(.5) contrast(1.05)}.route-caption{display:flex;align-items:center;justify-content:space-between;padding:5px 6px;background:#111127;color:#e2ff3e;font:8px 'IBM Plex Mono'}.route-caption b{font-weight:400}.route-window small{display:block;font:7px/1.5 'IBM Plex Mono';padding:3px 4px;background:#ddd8e4}.route-window .leaflet-control-attribution{font-size:7px;background:#eeeedb}.route-window .leaflet-control-attribution a{color:#292243}.journey-position{background:#ff2090;color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 2px #151335;display:grid;place-items:center;font-size:10px}.journey-position span{display:block}.transport{background:linear-gradient(#f0f1fa,#b4b2c6 50%,#d9d9e5);border-top:3px solid #848295;padding:10px 13px}.transport input{accent-color:#ec2594}.transport #note-toggle{background:#e8ff4a}.player-extras{display:flex;align-items:center;gap:12px;padding:25px 27px 7px;flex-wrap:wrap}.player-extras>button{background:#ff48a1;border:1px solid #e2d9f7;box-shadow:3px 3px #070719;color:#161027;padding:9px 11px;font:10px 'IBM Plex Mono'}.player-extras>button:nth-child(2){background:#dfff36}.player-extras>.deck-launch{margin-left:auto;background:#2922e8;color:white}.journey-volume{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font:9px 'IBM Plex Mono';color:#c8c3e5}.journey-volume input{width:80px;accent-color:#ddff39}.journey-volume small{width:100%;font-size:8px;opacity:.65}.cinema-below{padding-top:21px}.recording-picker label{color:#edff6e}.recording-picker select{background:#2922e4;border-color:#7d75de;color:white;box-shadow:3px 3px #f02f97}.sample-label{color:#f59ec6}.chapters button{background:#302d65}.chapters button[aria-pressed=true]{background:#edff40;color:#16132a;border-color:#edff40}.player-note{right:265px;top:70px;background:#ff79b6;color:#18112b}.cinema-keeps{display:flex;align-items:center;gap:25px;margin:24px 28px 0;padding:18px 4px 0;border-top:1px dashed #9d80d6}.cinema-keeps>button{background:#282248;color:#f3f2d7;padding:10px;border:1px solid #8262b6;font:10px 'IBM Plex Mono';transform:rotate(-3deg);box-shadow:3px 3px #ed3a95}.cinema-keeps>button span{display:inline-block;font-size:30px;margin-right:6px;color:#e8ff45;vertical-align:middle}.cinema-keeps>svg{width:94px;height:64px;animation:autobob 5s infinite;animation-play-state:var(--motion)}.cinema-keeps p{font:italic 15px/1.4 Georgia;color:#e4bfec;margin-left:auto}.cinema-keeps p b{font-size:19px;color:#edff47}.sound-deck{position:fixed;bottom:18px;right:22px;width:348px;padding:4px;background:linear-gradient(120deg,#a4a6bb,#e1e0ec,#8b8ca6);border:2px outset #f5f4fc;box-shadow:6px 7px #07081799;z-index:900;color:#111326;transform:rotate(-.5deg)}.deck-title{display:flex;align-items:center;justify-content:space-between;padding:4px 7px;background:#2521da;color:#f7f5d5;font:10px 'IBM Plex Mono'}.deck-title button{font:bold 15px Arial;background:#d0d1df;border:2px outset white;padding:0;width:19px;height:19px}.deck-display{background:#141620;color:#deff63;border:2px inset #acaebf;margin:5px 3px;display:flex;align-items:center;padding:10px 8px;gap:10px;min-height:66px}.deck-display>div:last-child{min-width:0}.deck-display b{display:block;font:11px 'IBM Plex Mono';overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:223px}.deck-display span{font:8px 'IBM Plex Mono';color:#afc881;display:block;margin-top:6px}.equalizer{display:flex;align-items:end;gap:2px;height:36px;flex-shrink:0}.equalizer i{display:block;width:3px;height:3px;background:#dfff31}.audio-playing .equalizer i{height:calc(9px + var(--bar)*2px);animation:eq .7s ease-in-out infinite alternate;animation-delay:calc(var(--bar)*-.09s);animation-play-state:var(--motion)}@keyframes eq{to{scale:1 .25}}.ducked.audio-playing .equalizer{opacity:.45}.deck-channels{display:flex;gap:4px;margin:6px 3px}.deck-channels button{flex:1;padding:7px 4px;background:#ddddeb;border:2px outset #f9f9ff;font:8px 'IBM Plex Mono';color:#171326}.deck-channels button[aria-pressed=true]{background:#ff459c;border:2px inset #fd8ac7}.deck-controls{display:flex;align-items:center;gap:9px;padding:5px 4px}.deck-controls>button{background:#e8ff37;border:2px outset #f6ffe4;padding:6px 11px}.deck-controls>button:disabled{opacity:.5}.deck-controls>label{font:8px 'IBM Plex Mono'}.deck-controls input[type=range]{width:80px;display:block;accent-color:#2426e7;margin:6px 0}.audio-picker{padding:8px 6px;border:1px solid #6c6e8a;background:#e6e5f1;cursor:pointer;position:relative}.audio-picker input{position:absolute;width:1px;height:1px;opacity:0}.audio-picker:focus-within{outline:2px solid #2426e7}.duck-option{font:9px 'IBM Plex Mono';display:flex;align-items:center;gap:5px;padding:4px}.duck-option input{accent-color:#ed288f}.deck-footnote{font:8px/1.6 'IBM Plex Mono';margin:5px 5px 6px;color:#444058}.sound-deck audio{display:none}.map-paper{background:#e6ff35}.places-heading,.map-tools{background:#ff48a2}.places-heading h1{color:#181134;text-shadow:3px 3px #edff2b}.map-flower{color:#2524ee}.sticker-rack button{border-color:#111022}.home-foot{background:#e8ff37}.screen.playing~.transport #play-small{background:#fe79bb}
@media(max-width:1000px){.shell{gap:12px;padding-inline:18px}.shell nav button{padding-inline:10px}.new-collage .welcome h1{font-size:84px}.hero-skyline{width:230px;right:15%}.hero-auto{right:32%;width:80px;bottom:48px}.home-stamp{right:44%;font-size:6px}.entry-paths b{font-size:21px}.entry-paths small{font-size:9px}.entry-paths{gap:16px;padding-inline:22px}.entry-paths>button{padding:15px;gap:12px}.dice{font-size:50px}.cinema-keeps{gap:16px}.cinema-keeps p{max-width:180px}.player-extras{gap:10px}.roll-art{width:170px}.roll-art svg{width:160px;height:120px}.roll-art span{font-size:22px}}
@media(max-width:760px){.new-collage{height:315px}.new-collage .welcome h1{font-size:72px}.new-collage .welcome{top:70px}.hero-skyline{width:195px;height:75px;right:18%}.hero-auto{width:67px;right:42%;bottom:13px}.home-stamp{display:none}.new-collage .world-object{bottom:21px;right:2%}.sticker-a{bottom:22px;left:4%;font-size:8px}.entry-paths>button{gap:10px;padding:13px}.entry-paths b{font-size:20px}.entry-paths small{font-size:8px;line-height:1.5}.dice{font-size:42px}.entry-paths i{font-size:22px}.roll-art{right:15px;top:30px;width:128px}.roll-art svg{width:123px;height:93px}.roll-art span{font-size:19px}.roll-heading h1{font-size:62px;max-width:70%;line-height:1.05}.roll-heading h1 span{display:none}.route-window{width:177px;right:11px;bottom:14px}.route-window #journey-map{height:102px}.route-title{font-size:9px}.route-window small{font-size:6px}.screen-title{max-width:calc(100% - 210px);left:20px;bottom:40px}.screen-title h1{font-size:31px}.screen-disclaimer{left:20px;max-width:calc(100% - 205px);font-size:8px}.screen-date{left:20px;top:37px;font-size:8px}.screen{aspect-ratio:16/10}.cinema-chrome{margin-inline:14px}.player-note{right:auto;left:15px;top:50px;max-width:220px;z-index:5}.player-extras{padding:23px 18px 2px}.cinema-keeps{margin-inline:18px;flex-wrap:wrap;gap:20px}.cinema-keeps p{max-width:none;width:100%;margin:0}.area-actions{padding-inline:23px;flex-wrap:wrap}.area-actions button{font-size:10px}.cinema-titlebar{font-size:8px}.cinema-titlebar .signal-wave{width:80px}.journey-volume{margin-left:auto}.player-extras>.deck-launch{margin-left:0}}
@media(max-width:560px){.shell{padding:10px 13px;gap:10px}.shell nav{order:4;margin-top:1px}.shell .deck-launch{margin-left:auto;font-size:9px;padding:6px}.shell .motion{font-size:0}.shell .motion span{margin-left:0}.brand{font-size:18px}.new-collage .welcome{top:70px}.new-collage .welcome h1{font-size:67px;letter-spacing:-6px}.entry-paths{grid-template-columns:1fr;gap:14px;padding:20px 17px 23px}.entry-paths>button{padding:14px 17px;gap:15px;min-height:84px}.entry-paths b{font-size:23px}.entry-paths small{font-size:9px}.entry-paths i{font-size:27px}.dice{font-size:48px}.entry-area .sign-arrows{font-size:29px;padding-inline:8px}.hero-skyline{right:2%;width:190px;bottom:-2px}.hero-auto{right:39%;bottom:18px;width:63px}.new-collage .cd-object{top:159px;right:10%;scale:.37;transform-origin:right top}.new-collage .world-object{display:none}.new-collage .welcome p{max-width:265px}.sticker-a{max-width:140px;bottom:17px}.new-collage{height:305px}.roll-art{width:99px;right:13px;top:38px}.roll-art svg{width:99px;height:83px}.roll-art span{font-size:16px}.roll-heading h1{font-size:52px;max-width:73%;margin-top:19px}.roll-heading>span{max-width:76%;font-size:8px}.roll-heading p{max-width:250px}.paper-rocks svg{height:120px}.paper-chai svg{width:83px;height:125px}.area-actions{padding:0 18px 23px;gap:15px}.area-actions button{font-size:10px}.area-actions>span{font-size:9px}.cinema-nav{padding:14px 16px;font-size:9px}.cinema-chrome{margin:0 9px;box-shadow:4px 5px #f52a93;padding:3px}.cinema-titlebar{height:29px;font-size:8px;padding:5px 6px}.cinema-titlebar>span:last-child{display:none}.screen{aspect-ratio:4/3.4}.route-window{width:143px;right:8px;bottom:11px;box-shadow:2px 2px #fc46a3}.route-window #journey-map{height:86px}.route-title{font-size:8px;padding:2px 4px}.route-title button{width:18px;height:17px;font-size:14px}.route-caption{font-size:7px;padding:4px}.route-window small{font-size:6px;line-height:1.4}.screen-title{left:14px;bottom:47px;max-width:calc(100% - 174px)}.screen-title h1{font-size:27px;line-height:.98;letter-spacing:-1px}.screen-title small{font-size:9px}.screen-disclaimer{left:14px;max-width:calc(100% - 174px);font-size:7px;bottom:14px}.screen-corner{left:13px;font-size:8px;top:13px}.screen-date{left:13px;top:31px;font-size:7px}.transport{padding:9px 7px;gap:7px}.transport button{padding:6px}.player-extras{padding:21px 14px 2px;gap:10px}.player-extras>button{font-size:9px;padding:8px}.journey-volume{margin-left:0;width:58%;font-size:8px;margin-top:5px}.journey-volume input{width:73px}.journey-volume small{font-size:7px}.player-extras>.deck-launch{margin-left:auto}.cinema-below{padding:23px 16px 17px}.cinema-below h2{font-size:22px}.cinema-keeps{gap:14px;margin:22px 15px 0}.cinema-keeps>svg{width:65px;height:48px}.cinema-keeps>button{font-size:8px;max-width:140px;padding:8px}.cinema-keeps>button span{font-size:20px}.cinema-keeps>button:nth-of-type(2){max-width:120px}.cinema-keeps p{font-size:14px}.cinema-keeps p b{font-size:17px}.player-note{max-width:220px;top:36px}.sound-deck{right:10px;bottom:10px;width:min(348px,calc(100vw - 20px));transform:none}.deck-title{font-size:9px}}
@media(prefers-reduced-motion:reduce){.signal-wave svg,.hero-auto,.cinema-keeps>svg{animation:none}.audio-playing .equalizer i{animation:none}}