/* UbayBian Home v0.5 · Adventure UI */
:root{
  --adv-sky:#29b9f4;
  --adv-sky-deep:#168bd2;
  --adv-navy:#17354d;
  --adv-glass:rgba(247,252,255,.78);
  --adv-glass-strong:rgba(255,255,255,.9);
  --adv-coral:#ff7180;
  --adv-orange:#ff9b5c;
  --adv-yellow:#ffd14b;
  --adv-blue:#2a9ae8;
  --adv-purple:#6658ce;
}

body.adventure-home{
  padding:0;
  overflow-x:hidden;
  background:
    radial-gradient(circle at 11% 8%,rgba(255,255,255,.95) 0 2px,transparent 3px),
    radial-gradient(circle at 29% 14%,rgba(255,244,155,.92) 0 2px,transparent 3px),
    radial-gradient(circle at 66% 9%,rgba(255,255,255,.9) 0 2px,transparent 3px),
    radial-gradient(circle at 83% 19%,rgba(255,247,176,.9) 0 3px,transparent 4px),
    radial-gradient(circle at 92% 46%,rgba(255,255,255,.82) 0 2px,transparent 3px),
    radial-gradient(circle at 5% 74%,rgba(255,255,255,.7) 0 2px,transparent 3px),
    linear-gradient(145deg,#2cbdf5 0%,#24a9ed 45%,#188bd1 100%);
}
body.adventure-home:before,
body.adventure-home:after{
  content:"";position:fixed;pointer-events:none;z-index:0;border-radius:50%;filter:blur(.2px);
}
body.adventure-home:before{
  width:330px;height:330px;left:-120px;top:15%;opacity:.23;
  background:radial-gradient(circle at 50% 50%,transparent 0 34%,rgba(255,255,255,.46) 35% 37%,transparent 38% 51%,rgba(255,255,255,.24) 52% 54%,transparent 55%);
  transform:rotate(-20deg);
}
body.adventure-home:after{
  width:300px;height:300px;right:-95px;bottom:-80px;opacity:.15;
  background:radial-gradient(circle at 48% 46%,#fff 0 5%,transparent 6%),radial-gradient(circle at 50% 50%,transparent 0 29%,#fff 30% 32%,transparent 33%);
}

body.adventure-home .shell{
  position:relative;z-index:1;
  width:100%;max-width:none;min-height:100vh;margin:0;
  background:transparent;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;overflow:visible;
}

/* floating navigation */
body.adventure-home .topbar{
  min-height:76px;padding:13px 42px;background:transparent;color:#fff;gap:20px;
}
body.adventure-home .brand{
  font-size:22px;font-weight:900;text-shadow:0 2px 6px rgba(8,75,124,.28);
}
body.adventure-home .brand>span:last-child{color:#fff4be;}
body.adventure-home .brand-icon{font-size:28px;filter:drop-shadow(0 4px 6px rgba(7,79,126,.24));}
body.adventure-home .top-nav{
  position:absolute;left:50%;transform:translateX(-50%);
  gap:2px;padding:6px;
  border:1px solid rgba(255,255,255,.58);border-radius:999px;
  background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(226,246,255,.57));
  box-shadow:0 10px 22px rgba(18,103,158,.18),inset 0 1px 0 rgba(255,255,255,.86);
  backdrop-filter:blur(12px);
}
body.adventure-home .top-nav button{
  color:#17354d;opacity:1;font-size:13px;font-weight:900;padding:9px 15px;
}
body.adventure-home .top-nav button:hover,
body.adventure-home .top-nav button.active{
  color:#17354d;background:rgba(255,255,255,.84);box-shadow:0 5px 12px rgba(20,93,142,.13);
}
body.adventure-home .version{
  margin-left:auto;color:#17354d;border:1px solid rgba(255,255,255,.7);
  background:rgba(236,249,255,.68);font-weight:700;padding:5px 10px;
  box-shadow:0 5px 14px rgba(13,87,137,.13);backdrop-filter:blur(8px);
}
body.adventure-home .quiet,
body.adventure-home .family-logout{
  border:1px solid rgba(255,255,255,.72);color:#17354d;
  background:linear-gradient(180deg,rgba(255,255,255,.84),rgba(226,245,255,.72));
  border-radius:999px;min-height:40px;padding:9px 16px;
  box-shadow:0 7px 18px rgba(12,83,132,.17),inset 0 1px 0 #fff;
}

body.adventure-home main{
  min-height:calc(100vh - 76px);padding:6px 38px 30px;background:transparent;
}
body.adventure-home footer{display:none;}
body.adventure-home .app-main-grid{
  grid-template-columns:290px minmax(0,1fr);gap:22px;min-height:calc(100vh - 114px);
}

/* profile + badges */
body.adventure-home .side-menu{gap:12px;}
body.adventure-home .side-profile,
body.adventure-home .badge-card{
  border:1px solid rgba(255,255,255,.65);
  background:linear-gradient(150deg,rgba(255,255,255,.90),rgba(225,247,255,.79));
  box-shadow:0 9px 22px rgba(16,94,148,.22),inset 0 1px 0 rgba(255,255,255,.96);
  backdrop-filter:blur(12px);
}
body.adventure-home .side-profile{
  position:relative;overflow:visible;min-height:105px;padding:16px 16px 14px 87px;
  display:block;border-radius:21px;
}
body.adventure-home .side-profile:before{
  content:"⭐";position:absolute;left:-10px;top:-15px;width:92px;height:92px;display:grid;place-items:center;
  font-size:82px;line-height:1;filter:drop-shadow(0 8px 10px rgba(175,105,6,.24));z-index:0;
}
body.adventure-home .profile-avatar{
  position:absolute;left:18px;top:24px;z-index:1;width:55px;height:55px;
  background:linear-gradient(145deg,#d7f6ff,#aee7fb);border:3px solid #fff;font-size:34px;
  box-shadow:0 6px 12px rgba(16,95,145,.18);
}
body.adventure-home .profile-info h2{font-size:20px;line-height:1;margin:3px 0 3px;}
body.adventure-home .profile-info p{font-size:11px;color:#284b61;}
body.adventure-home .xp-badge{margin-top:12px;gap:6px;position:relative;z-index:2;}
body.adventure-home .xp-main,
body.adventure-home .coin-main,
body.adventure-home .xp-level{padding:5px 9px;font-size:10px;box-shadow:inset 0 1px 0 rgba(255,255,255,.65);}
body.adventure-home .badge-card{position:relative;min-height:105px;padding:14px 16px 13px;border-radius:21px;overflow:hidden;}
body.adventure-home .badge-title{font-size:12px;color:#44647a;}
body.adventure-home .badge-empty{font-size:10px;color:#5e7d91;}
body.adventure-home .adventure-badge-rack{display:flex;gap:10px;margin-top:13px;align-items:center;}
body.adventure-home .adventure-badge-rack span{
  width:34px;height:34px;display:grid;place-items:center;border-radius:11px;font-size:20px;
  background:linear-gradient(145deg,#fff2ae,#e2f5ff);border:1px solid rgba(255,255,255,.82);
  box-shadow:0 5px 10px rgba(17,94,145,.12);
}

/* side menu adventure cards */
body.adventure-home .side-tile{
  position:relative;overflow:hidden;min-height:66px;padding:11px 90px 11px 16px;border:1px solid rgba(255,255,255,.55);
  border-radius:18px;color:#17354d;box-shadow:0 8px 18px rgba(19,84,134,.23),inset 0 1px 0 rgba(255,255,255,.52);
  transition:transform .15s ease,box-shadow .15s ease;
}
body.adventure-home .side-tile:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(16,76,126,.29),inset 0 1px 0 rgba(255,255,255,.7);}
body.adventure-home .side-tile-icon{
  width:42px;height:42px;border-radius:13px;background:rgba(255,255,255,.45);font-size:24px;
  border:1px solid rgba(255,255,255,.36);box-shadow:inset 0 1px 0 rgba(255,255,255,.5);
}
body.adventure-home .side-tile-text{font-size:13px;color:#15364d;}
body.adventure-home .side-tile-sub{font-size:10px;color:#284b62;opacity:.86;}
body.adventure-home .side-tile.review-tile{background:linear-gradient(135deg,#82d9ff 0%,#66b9f8 55%,#8e8bf0 100%);}
body.adventure-home .side-tile.adventure-brain{background:linear-gradient(135deg,#ff7a87 0%,#ffaf65 60%,#ffc66a 100%);}
body.adventure-home .side-tile.adventure-memory{background:linear-gradient(135deg,#506db6 0%,#5b56bd 58%,#6b62cf 100%);color:#fff;}
body.adventure-home .side-tile.adventure-memory .side-tile-text,
body.adventure-home .side-tile.adventure-memory .side-tile-sub{color:#fff;}
body.adventure-home .side-tile.adventure-reward{background:linear-gradient(135deg,#ffd064 0%,#ffad3e 52%,#ff8a43 100%);}
body.adventure-home .side-tile.review-tile:after,
body.adventure-home .side-tile.adventure-brain:after,
body.adventure-home .side-tile.adventure-memory:after,
body.adventure-home .side-tile.adventure-reward:after{
  position:absolute;right:8px;bottom:-5px;font-size:40px;letter-spacing:-13px;filter:drop-shadow(0 5px 8px rgba(12,56,95,.18));opacity:.96;
}
body.adventure-home .side-tile.review-tile:after{content:"❓📋";}
body.adventure-home .side-tile.adventure-brain:after{content:"🧩🎲";}
body.adventure-home .side-tile.adventure-memory:after{content:"🧠✨";}
body.adventure-home .side-tile.adventure-reward:after{content:"🎁🏆";}

/* main adventure area */
body.adventure-home .main-col>div{gap:12px;grid-template-rows:auto auto auto minmax(180px,1fr);}
body.adventure-home .hero-daily{
  min-height:142px;padding:23px 30px;border-radius:25px;border:1px solid rgba(255,255,255,.55);
  background:
    radial-gradient(circle at 78% 35%,rgba(255,255,255,.16),transparent 19%),
    linear-gradient(110deg,#ffb05d 0%,#ff9567 44%,#ff6f83 100%);
  box-shadow:0 12px 25px rgba(118,63,64,.22),inset 0 1px 0 rgba(255,255,255,.56);
  overflow:hidden;
}
body.adventure-home .hero-daily:before{
  content:"";position:absolute;right:150px;bottom:-80px;width:460px;height:180px;border-radius:50%;
  background:rgba(255,122,111,.18);transform:rotate(-8deg);
}
body.adventure-home .hero-daily:after{content:"✦  ✦  ⭐";right:14px;top:8px;width:auto;height:auto;background:none;color:#fff4b8;font-size:20px;letter-spacing:18px;opacity:.95;}
body.adventure-home .hero-kicker{font-size:11px;color:#713c20;letter-spacing:.10em;}
body.adventure-home .hero-text h1{font-size:37px;line-height:1.02;color:#fff;font-weight:900;text-shadow:0 3px 0 rgba(148,75,54,.26);}
body.adventure-home .hero-text p{color:#5d3d2f;font-size:12px;font-weight:600;}
body.adventure-home .hero-meta{color:#7f3b27;font-size:10px;font-weight:800;}
body.adventure-home .hero-action{width:150px;height:100%;display:grid;place-items:center;}
body.adventure-home .hero-trophy{font-size:64px;filter:drop-shadow(0 9px 10px rgba(102,55,45,.28));transform:rotate(3deg);}

body.adventure-home .controls-panel{
  position:relative;min-height:118px;margin:0;padding:17px 44% 16px 18px;
  border:1px solid rgba(255,255,255,.66);border-radius:22px;
  background:linear-gradient(135deg,rgba(255,255,255,.72),rgba(211,243,255,.61));
  box-shadow:0 10px 22px rgba(16,91,142,.19),inset 0 1px 0 rgba(255,255,255,.91);
  backdrop-filter:blur(12px);overflow:hidden;
}
body.adventure-home .controls-row{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}
body.adventure-home .controls-pill{
  min-width:0;padding:7px 10px;border:1px solid rgba(139,201,230,.67);box-shadow:0 5px 12px rgba(19,97,147,.10);
}
body.adventure-home .controls-pill select{min-width:0;width:100%;}
body.adventure-home .start-row{position:relative;z-index:2;margin-top:12px;flex-wrap:nowrap;}
body.adventure-home .start-btn{background:linear-gradient(135deg,#ff9861,#ff653d);box-shadow:0 7px 16px rgba(215,86,44,.28);}
body.adventure-home .review-btn{background:linear-gradient(180deg,#f0fff2,#dcf7df);box-shadow:0 5px 12px rgba(64,139,73,.13);}
body.adventure-home .review-info{color:#234d67;white-space:nowrap;}
body.adventure-home .adventure-map{
  position:absolute;right:18px;top:15px;width:40%;height:88px;z-index:1;pointer-events:none;
  transform:rotate(1.5deg);
}
body.adventure-home .adventure-map-road{
  position:absolute;left:5%;right:4%;top:20px;height:50px;border-radius:50% 40% 50% 45%;
  background:#f6d699;border:7px solid rgba(255,255,255,.82);box-shadow:0 5px 0 rgba(67,112,132,.18),inset 0 0 0 2px rgba(179,126,52,.16);
  clip-path:polygon(0 35%,9% 9%,25% 15%,36% 66%,51% 78%,64% 23%,80% 10%,100% 35%,95% 72%,79% 75%,64% 56%,50% 94%,34% 84%,19% 46%,4% 69%);
}
body.adventure-home .adventure-map:before{content:"🚩";position:absolute;left:4px;bottom:2px;font-size:26px;z-index:3;}
body.adventure-home .adventure-map:after{content:"🏅";position:absolute;right:0;top:3px;font-size:29px;z-index:3;filter:drop-shadow(0 4px 4px rgba(132,72,33,.18));}
body.adventure-home .adventure-map-scenery{position:absolute;inset:0;z-index:2;font-size:18px;letter-spacing:45px;white-space:nowrap;padding:0 27px;color:#438b60;}

body.adventure-home .rules-strip{margin:0;gap:8px;}
body.adventure-home .rules-strip span{
  padding:6px 11px;font-size:9px;color:#fff;border:1px solid rgba(255,255,255,.35);
  background:linear-gradient(180deg,#2a8ddd,#1b70c1);box-shadow:0 5px 11px rgba(19,86,145,.16);
}
body.adventure-home .rules-strip span:nth-child(2){background:linear-gradient(180deg,#ff8f59,#ef6844);}
body.adventure-home .rules-strip span:nth-child(3){background:linear-gradient(180deg,#7c67d7,#594abd);}
body.adventure-home .rules-strip span:nth-child(4){background:linear-gradient(180deg,#ffc953,#eaa52b);}

body.adventure-home .today-summary{
  min-height:210px;margin:0;padding:100px 24px 28px;border-radius:23px;color:#17354d;
  background:
    radial-gradient(circle at 88% 38%,rgba(255,255,255,.58),transparent 26%),
    linear-gradient(135deg,rgba(240,251,255,.83),rgba(184,230,250,.70));
  border:1px solid rgba(255,255,255,.65);box-shadow:0 12px 25px rgba(17,92,145,.18),inset 0 1px 0 rgba(255,255,255,.9);
  backdrop-filter:blur(12px);overflow:hidden;
}
body.adventure-home .today-summary:before{
  content:"🤖";position:absolute;left:26px;top:22px;width:62px;height:62px;display:grid;place-items:center;border-radius:50%;font-size:38px;
  background:linear-gradient(145deg,#fff2aa,#d8f5ff);border:4px solid rgba(255,255,255,.85);box-shadow:0 7px 14px rgba(19,94,143,.16);
}
body.adventure-home .today-summary:after{
  content:"🪐     🤖";right:35px;bottom:12px;font-size:62px;opacity:.14;transform:rotate(-8deg);
}
body.adventure-home .today-summary strong{font-size:14px;color:#17354d;}
body.adventure-home .today-summary p{font-size:11px;color:#17354d;opacity:.92;}

@media (min-width:1500px){
  body.adventure-home main{padding-left:44px;padding-right:44px;}
  body.adventure-home .app-main-grid{grid-template-columns:300px minmax(0,1fr);gap:24px;}
  body.adventure-home .hero-text h1{font-size:40px;}
}

@media (max-width:1100px){
  body.adventure-home .top-nav{position:static;transform:none;}
  body.adventure-home main{padding:10px 16px 24px;}
  body.adventure-home .app-main-grid{grid-template-columns:240px minmax(0,1fr);}
  body.adventure-home .controls-panel{padding-right:18px;}
  body.adventure-home .adventure-map{display:none;}
}

@media (max-width:760px){
  body.adventure-home .topbar{padding:10px 14px;gap:8px;flex-wrap:wrap;}
  body.adventure-home .brand{font-size:18px;}
  body.adventure-home .top-nav{order:3;width:100%;justify-content:center;}
  body.adventure-home .version{margin-left:auto;}
  body.adventure-home main{padding:10px 12px 22px;}
  body.adventure-home .app-main-grid{display:block;}
  body.adventure-home .side-menu{margin-bottom:14px;display:grid;grid-template-columns:1fr 1fr;}
  body.adventure-home .side-profile,body.adventure-home .badge-card{grid-column:1/-1;}
  body.adventure-home .side-tile{padding-right:58px;}
  body.adventure-home .side-tile:after{font-size:28px!important;}
  body.adventure-home .hero-daily{padding:20px 18px;}
  body.adventure-home .hero-text h1{font-size:30px;}
  body.adventure-home .hero-action{width:82px;}.hero-trophy{font-size:48px!important;}
  body.adventure-home .controls-panel{padding:14px;}
  body.adventure-home .controls-row{grid-template-columns:1fr;}
  body.adventure-home .start-row{flex-wrap:wrap;}
  body.adventure-home .review-info{white-space:normal;}
  body.adventure-home .today-summary{min-height:165px;padding-top:88px;}
}