:root{--purple:#170826;--purple2:#2a1050;--violet:#6b35d8;--pink:#e34bc4;--yellow:#f2ef55;--white:#fff;--cyan:#20c8e5;--red:#df244d;--ink:#180d29}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#09050f;color:var(--white);font-family:Poppins,Arial,sans-serif}.tour-poster-page{min-height:100vh;padding:18px;background:#09050f}.poster{position:relative;width:min(100%,900px);margin:0 auto;min-height:1273px;padding:30px 34px 24px;background:var(--purple);overflow:hidden;border:2px solid var(--yellow);box-shadow:0 0 0 8px #09050f,0 0 0 10px rgba(242,239,85,.18)}.poster:before,.poster:after{content:"";position:absolute;pointer-events:none;border-radius:50%;background:rgba(107,53,216,.16)}.poster:before{width:620px;height:620px;left:-300px;top:190px}.poster:after{width:720px;height:720px;right:-380px;top:-240px;background:rgba(227,75,196,.08)}.poster-header{position:relative;z-index:2;display:grid;grid-template-columns:125px 1fr 125px;align-items:start;gap:12px}.corner-logo{display:block;width:108px;height:92px;background:#fff;border:4px solid var(--white);box-shadow:6px 7px 0 #05030a;overflow:hidden}.corner-logo img{width:100%;height:100%;object-fit:contain}.logo-left{transform:rotate(-4deg);justify-self:start}.logo-right{transform:rotate(4deg);justify-self:end}.poster-title{text-align:center;padding-top:14px}.eyebrow{font-size:12px;font-weight:900;letter-spacing:.16em;color:var(--yellow);margin-bottom:12px}.poster-title h1{font-family:Anton,Impact,sans-serif;font-size:64px;line-height:.88;letter-spacing:.02em;margin:0;color:#fff}.poster-title h1 span{color:var(--yellow)}.tour-strip{display:inline-block;margin-top:22px;padding:9px 38px;background:var(--pink);color:var(--ink);font-size:11px;font-weight:900;letter-spacing:.08em;border-radius:7px;transform:rotate(-1deg);box-shadow:0 5px 0 rgba(0,0,0,.28)}.poster-intro{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:flex-end;margin:48px 4px 22px}.intro-copy{font-size:18px;line-height:1.42;font-weight:800}.intro-copy span{color:var(--pink)}.intro-copy b{color:var(--yellow)}.scribble{text-align:right;color:var(--pink);font-weight:900;font-size:12px;line-height:1.2;transform:rotate(5deg)}.poster-main{position:relative;z-index:2;display:grid;grid-template-columns:1.03fr .97fr;gap:28px;align-items:center}.booth-list{display:grid;gap:11px}.booth{position:relative;min-height:104px;display:grid;grid-template-columns:58px 1fr 24px;align-items:center;gap:12px;padding:14px 18px 14px 12px;border:2px solid #fff;border-radius:12px;text-decoration:none;color:#fff;box-shadow:6px 7px 0 #09050f;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease}.booth:hover{transform:translate(-3px,-4px);box-shadow:9px 10px 0 #09050f}.booth:before{content:"";position:absolute;left:0;top:0;bottom:0;width:8px;background:var(--yellow)}.booth-1{background:var(--violet)}.booth-2{background:var(--yellow);color:var(--ink)}.booth-2:before{background:var(--pink)}.booth-3{background:var(--red)}.booth-3:before{background:var(--yellow)}.booth-4{background:var(--purple2)}.booth-4:before{background:var(--cyan)}.booth-num{position:absolute;right:13px;top:8px;font-size:8px;font-weight:900;opacity:.85}.booth-icon{width:48px;height:48px;border:3px solid currentColor;border-radius:50%;display:grid;place-items:center;font-size:28px;font-weight:900;line-height:1}.booth h2{margin:0;font-size:18px;line-height:1.05;font-weight:900}.booth p{margin:5px 0 0;font-size:8px;font-weight:800;letter-spacing:.08em}.arrow{font-size:23px;font-weight:900}.feature-photo{position:relative;justify-self:center;width:min(100%,370px);transform:rotate(1.2deg)}.photo-frame{background:#fff;padding:11px 11px 16px;box-shadow:9px 11px 0 #05030a;border:1px solid #ddd}.photo-frame img{display:block;width:100%;aspect-ratio:1082/1347;object-fit:cover}.photo-caption{margin:-1px 14px 0;background:var(--yellow);color:var(--ink);padding:9px;text-align:center;font-size:10px;font-weight:900;letter-spacing:.05em;box-shadow:0 5px 0 #09050f}.photo-tape{position:absolute;z-index:3;top:-13px;right:26px;width:100px;height:28px;background:rgba(255,239,112,.8);transform:rotate(5deg)}.photo-sticker{position:absolute;z-index:4;left:-22px;bottom:70px;background:var(--pink);color:#fff;padding:9px 12px;font-size:13px;font-weight:900;line-height:.9;transform:rotate(-8deg);border:2px solid #fff;box-shadow:4px 5px 0 #09050f}.opening-card{position:relative;z-index:2;margin:50px 0 17px;background:#fff;color:var(--ink);border-radius:13px;padding:18px;text-align:center;box-shadow:7px 8px 0 #09050f}.opening-card div{font-size:18px;font-weight:900}.opening-card strong{display:block;color:var(--pink);font-size:25px;line-height:1.05}.opening-card small{display:block;color:var(--violet);font-size:10px;font-weight:800;margin-top:2px}.opening-card small b{color:var(--pink)}.hashtags{position:relative;z-index:2;display:flex;gap:7px;flex-wrap:wrap}.hashtags span{padding:5px 10px;background:var(--violet);border-radius:4px;font-size:7px;font-weight:900}.hashtags span:nth-child(2){background:var(--pink)}.hashtags span:nth-child(3){background:var(--yellow);color:var(--ink)}.hashtags span:nth-child(4){background:#51318b}.poster footer{position:relative;z-index:2;margin-top:28px;padding-top:18px;border-top:2px solid var(--yellow);text-align:center;font-size:9px;font-weight:800;letter-spacing:.08em}.poster footer span{color:var(--pink)}
/* shared activity pages */
.tour-page{min-height:100vh;background:#f8f3ff;color:var(--ink);font-family:Poppins,Arial,sans-serif;overflow-x:hidden}.tour-shell{position:relative;z-index:1;width:min(1180px,100%);margin:auto;padding:18px 20px 54px}.tour-top{display:flex;align-items:center;justify-content:space-between;padding:10px 0 20px}.tour-brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:inherit}.tour-brand img{width:54px;height:54px;object-fit:contain;background:#fff;border:3px solid var(--yellow);box-shadow:5px 6px 0 var(--purple);transform:rotate(-4deg)}.tour-brand b{display:block;font-size:14px;letter-spacing:.1em}.tour-brand span span{display:block;font-size:9px;color:var(--violet);font-weight:800}.tour-x{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--purple);color:#fff;text-decoration:none;box-shadow:4px 5px 0 var(--violet)}
.activity-main{width:min(1000px,100%);margin:auto;padding:25px 20px 60px}.tour-back{display:inline-flex;align-items:center;gap:8px;color:#fff;background:var(--purple);padding:9px 13px;text-decoration:none;font-size:10px;font-weight:900;text-transform:uppercase;box-shadow:4px 4px 0 var(--violet)}.activity-head{text-align:center;padding:25px 0 30px}.activity-head h1{margin:0;font-size:clamp(32px,7vw,58px);line-height:.9}.activity-head p{max-width:650px;margin:15px auto;color:#746681;line-height:1.6;font-size:13px;font-weight:600}.activity-booth{position:relative;max-width:860px;margin:0 auto;padding:22px 18px 18px;border:3px solid var(--purple);border-radius:26px;overflow:hidden;box-shadow:10px 11px 0 var(--purple)}.activity-panel{position:relative;background:#fff;border:3px solid var(--purple);border-radius:22px;padding:24px;box-shadow:8px 9px 0 var(--purple)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:10px;font-weight:900}.field input,.field select,.field textarea{width:100%;padding:13px 14px;border:2px solid #d8c9ea;border-radius:10px;background:#fcf9ff;outline:none;font:600 12px Poppins}.field textarea{min-height:120px}.activity-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:2px solid var(--purple);border-radius:10px;padding:12px 16px;background:var(--violet);color:#fff;font:900 11px Poppins;cursor:pointer;text-decoration:none;box-shadow:4px 4px 0 var(--purple)}.btn.alt{background:var(--yellow);color:var(--purple)}.question-list{display:grid;gap:16px}.question{border:2px solid var(--purple);border-radius:15px;padding:17px;background:#fffdf6;box-shadow:4px 4px 0 var(--yellow)}.choices{display:grid;gap:8px}.choice{display:flex;align-items:center;gap:9px;padding:10px 12px;border:2px solid #eadff3;border-radius:9px;background:#fff;font-size:11px;font-weight:700}.result{margin-top:20px;padding:17px;border:3px solid var(--purple);border-radius:12px;background:var(--red);color:#fff;font-size:13px;font-weight:900;display:none}.wall-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.wall-card{aspect-ratio:1/1.15;border:3px solid var(--purple);border-radius:13px;background:linear-gradient(145deg,#251043,#7137e8);padding:14px;display:flex;flex-direction:column;justify-content:space-between;color:#fff;overflow:hidden;box-shadow:5px 5px 0 var(--yellow)}.upload-wall{border:3px dashed var(--violet);border-radius:15px;padding:30px;text-align:center;margin-bottom:20px;background:#fffde9}.upload-wall input{display:none}.upload-wall label{cursor:pointer;font-size:12px;font-weight:900;color:var(--violet)}.tour-footer{text-align:center;padding-top:40px;color:#8f809e;font-size:9px;font-weight:700;letter-spacing:.12em}.tour-footer span{color:var(--violet)}
@media(max-width:720px){.tour-poster-page{padding:0}.poster{min-height:auto;width:100%;padding:18px 16px 22px;border-width:1px;box-shadow:none}.poster-header{grid-template-columns:72px 1fr 72px;gap:8px}.corner-logo{width:68px;height:58px;border-width:3px;box-shadow:4px 5px 0 #05030a}.poster-title{padding-top:5px}.eyebrow{font-size:7px;margin-bottom:8px}.poster-title h1{font-size:clamp(34px,10vw,52px)}.tour-strip{font-size:7px;padding:7px 10px;margin-top:14px;white-space:nowrap}.poster-intro{margin:34px 2px 18px}.intro-copy{font-size:13px}.scribble{font-size:8px}.poster-main{grid-template-columns:1fr;gap:24px}.booth{min-height:88px}.booth h2{font-size:15px}.booth p{font-size:7px}.feature-photo{width:min(78vw,360px)}.opening-card{margin-top:38px}.opening-card div{font-size:14px}.opening-card strong{font-size:21px}.hashtags span{font-size:6px;padding:5px 7px}.poster footer{font-size:7px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.wall-grid{grid-template-columns:1fr 1fr}}
@media(min-width:721px){.poster{aspect-ratio:210/297}}
/* BACK TO WEBSITE BUTTON */
.back-home {
  position: fixed;
  top: 18px;
  left: 18px;
  z-index: 9999;

  display: inline-flex;
  align-items: center;
  gap: 6px;

  padding: 10px 16px;

  background: #ffffff;
  color: #24103b;

  border: 2px solid #f4ef3a;
  border-radius: 999px;

  font-family: Arial, sans-serif;
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;

  box-shadow: 4px 4px 0 #000000;
}

.back-home:hover {
  transform: translateY(-2px);
}

@media (max-width: 600px) {
  .back-home {
    top: 10px;
    left: 10px;
    padding: 8px 12px;
    font-size: 11px;
  }
}