:root{--green: rgb(139, 215, 95);--teal: rgb(49, 165, 178);--mono: "Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--panel: 380px}*{box-sizing:border-box}html,body{background:#04070b;color:#ffffffd9;font-family:var(--mono);height:100%;margin:0;overflow:hidden}#globe{inset:0 0 0 var(--panel);position:fixed}#panel{background:#04070beb;border-right:1px solid rgba(255,255,255,.08);bottom:0;display:flex;flex-direction:column;gap:18px;left:0;overflow-y:auto;padding:26px 22px 22px;position:fixed;top:0;width:var(--panel);z-index:10}.back{color:var(--green);font-size:.74rem;text-decoration:none}.back:hover{text-decoration:underline}h1{background:linear-gradient(to right,var(--green),var(--teal));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:2rem;letter-spacing:.12em;margin:10px 0 8px;text-transform:uppercase}.lede{color:#ffffff80;font-size:.76rem;line-height:1.6;margin:0}.lede strong{color:#fffc;font-weight:400}h2{border-bottom:1px solid rgba(255,255,255,.1);font-size:.7rem;letter-spacing:.24em;margin:0 0 10px;padding-bottom:6px;text-transform:uppercase}h2 span{color:var(--green)}.hint{color:#fff6;font-size:.7rem;line-height:1.5;margin:-4px 0 10px}#drop{align-items:center;border:1px dashed rgba(139,215,95,.4);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:26px 16px;text-align:center;transition:background .25s,border-color .25s}#drop:hover,#drop.over{background:#8bd75f14;border-color:var(--green)}#drop .big{color:#fff;font-size:.9rem}#drop .small{color:#fff6;font-size:.68rem}#status{color:var(--green);font-size:.72rem;margin:0;min-height:1em}.card{align-items:center;border:1px solid transparent;border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:6px;position:relative;transition:background .2s,border-color .2s}.card:hover{background:#ffffff0d}.card.picked{background:#8bd75f1f;border-color:var(--green)}.card img{border-radius:4px;height:44px;object-fit:cover;width:62px}.meta{display:flex;flex-direction:column;flex:1;min-width:0}.meta strong{font-size:.76rem;font-weight:400}.meta em{color:#ffffff61;font-size:.66rem;font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.x{background:none;border:0;color:#ffffff4d;cursor:pointer;font-size:.7rem;padding:4px 6px}.x:hover{color:#fff}footer{display:flex;flex-direction:column;gap:8px;margin-top:auto;padding-top:10px}.btn{background:#8bd75f1a;border:1px solid rgba(139,215,95,.5);border-radius:10px;color:var(--green);cursor:pointer;font-family:var(--mono);font-size:.76rem;padding:11px 16px;transition:background .25s,border-color .25s}.btn:hover{background:#8bd75f33;border-color:var(--green)}.btn.quiet{background:none;border-color:#ffffff24;color:#ffffff73}.btn.quiet:hover{border-color:#ff787899;color:#ff8c8c}@media(max-width:760px){html,body{overflow:auto}#panel{border-bottom:1px solid rgba(255,255,255,.08);border-right:0;bottom:auto;height:auto;position:relative;width:100%}#globe{height:60vh;inset:auto;position:relative;width:100%}}.btn.quiet.armed{border-color:#ff7878;color:#ff8c8c}.field{display:flex;flex-direction:column;gap:5px}.field span{color:#fff6;font-size:.68rem}.field input{background:#ffffff0a;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#fff;font-family:var(--mono);font-size:.76rem;padding:9px 12px}.field input:focus{border-color:var(--green);outline:none}body.studio #hover-name{bottom:22px;color:#fff;font-family:var(--mono);font-size:.78rem;left:calc(var(--panel) + (100vw - var(--panel)) / 2);letter-spacing:.16em;opacity:0;pointer-events:none;position:fixed;text-shadow:0 2px 16px rgba(0,0,0,.9);text-transform:uppercase;transform:translate(-50%,6px);transition:opacity .22s ease,transform .22s ease;white-space:nowrap;z-index:500}body.studio #hover-name.on{opacity:1;transform:translate(-50%)}body.studio #search{left:calc(var(--panel) + (100vw - var(--panel)) / 2)}body.studio.country-open #hover-name,body.studio.touring #hover-name,body.studio.touring #search{opacity:0}@media(max-width:760px){body.studio #hover-name,body.studio #search{left:50%}}body.studio #strip-root{left:var(--panel)}body.studio #card-overlay,body.studio #tour,body.studio #tour:before{left:var(--panel)}@media(max-width:760px){body.studio #strip-root,body.studio #card-overlay,body.studio #tour,body.studio #tour:before{left:0}}body.studio.panel-hidden,body.studio.immersive{--panel: 0px}body.studio.panel-hidden #panel,body.studio.immersive #panel{transform:translate(-100%)}#panel{transition:transform .42s cubic-bezier(.16,1,.3,1)}#panel-toggle{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#04070bb3;border:1px solid rgba(255,255,255,.14);border-radius:0 8px 8px 0;color:#ffffffa6;cursor:pointer;font-family:var(--mono);font-size:.9rem;left:var(--panel);padding:10px 7px;position:fixed;top:50%;transform:translateY(-50%);transition:left .42s cubic-bezier(.16,1,.3,1),background .25s,color .25s;z-index:20}#panel-toggle:hover{background:#8bd75f29;color:var(--green)}body.studio.panel-hidden #panel-toggle{transform:translateY(-50%) rotate(180deg)}body.studio.immersive #panel-toggle{opacity:0;pointer-events:none}@media(max-width:760px){#panel-toggle{display:none}body.studio.panel-hidden #panel,body.studio.immersive #panel{transform:none}}body.studio #tour-play{bottom:auto;justify-content:center;left:auto;position:static;right:auto;transform:none;width:100%}body.studio #tour-play[hidden]{display:none}