@import url('fonts/fonts.css');
:root{
  --u: min(calc(100vw / 390), calc(100vh / 760));
  --ink:#3B1D0E; --cream:#FFF8EA; --red:#E8322B; --green:#2DB84C; --amber:#FFB020;
  --pad: calc(var(--u)*14);
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{width:100%;height:100%;overflow:hidden}
body{font-family:'Nunito',sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased;
  background:#FF8A2B;}
.app{position:relative;width:100vw;height:100vh;display:flex;flex-direction:column;overflow:hidden;
  padding:calc(var(--u)*12) var(--pad) calc(var(--u)*16)}
/* ---------- sunny background ---------- */
.bg{position:absolute;inset:0;z-index:0;overflow:hidden;
  background:
   radial-gradient(120% 70% at 50% 18%, #FFF1A8 0%, #FFD45A 28%, #FFAE3A 55%, #FF7B2E 82%, #F2582A 100%);}
.bg::before{content:"";position:absolute;left:50%;top:18%;width:260vmax;height:260vmax;transform:translate(-50%,-50%);
  background:repeating-conic-gradient(from 0deg, rgba(255,255,255,.20) 0deg 7deg, rgba(255,255,255,0) 7deg 18deg);
  -webkit-mask:radial-gradient(circle, #000 0%, rgba(0,0,0,.55) 22%, transparent 48%);mask:radial-gradient(circle, #000 0%, rgba(0,0,0,.55) 22%, transparent 48%);}
.bg::after{content:"";position:absolute;inset:0;background:url(img/bg-bokeh.jpg) center/cover;mix-blend-mode:soft-light;opacity:.55}
.bokeh{position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
   radial-gradient(circle at 12% 22%, rgba(255,255,255,.55) 0 calc(var(--u)*7), transparent calc(var(--u)*8)),
   radial-gradient(circle at 86% 12%, rgba(255,255,255,.45) 0 calc(var(--u)*11), transparent calc(var(--u)*12)),
   radial-gradient(circle at 92% 48%, rgba(255,240,180,.45) 0 calc(var(--u)*6), transparent calc(var(--u)*7)),
   radial-gradient(circle at 6% 64%, rgba(255,255,255,.35) 0 calc(var(--u)*10), transparent calc(var(--u)*11)),
   radial-gradient(circle at 78% 86%, rgba(255,255,255,.30) 0 calc(var(--u)*14), transparent calc(var(--u)*15)),
   radial-gradient(circle at 30% 92%, rgba(255,230,160,.35) 0 calc(var(--u)*6), transparent calc(var(--u)*7));}
.app>*:not(.bg):not(.bokeh):not(.plus1){position:relative;z-index:2}

/* ---------- wordmark ---------- */
.wm{font-family:'Lilita One',sans-serif;line-height:1;letter-spacing:.01em;white-space:nowrap;display:inline-flex;gap:.18em;align-items:flex-end}
.wm span{-webkit-text-stroke:.09em var(--ink);paint-order:stroke fill;
  text-shadow:0 .07em 0 var(--ink),0 .12em 0 var(--ink), 0 .2em .25em rgba(90,30,0,.35)}
.wm .g{color:#FFF4DE}.wm .f{color:var(--red)}
.wm .stamp{display:inline-block;width:.62em;height:.62em;margin-left:.04em;margin-bottom:.08em;position:relative}
.wm .stamp i{position:absolute;left:28%;top:0;width:44%;height:52%;border-radius:50% 50% 30% 30%;background:linear-gradient(#57d36a,#1f8f37);box-shadow:0 0 0 .05em var(--ink)}
.wm .stamp b{position:absolute;left:0;bottom:0;width:100%;height:42%;border-radius:.06em;background:linear-gradient(#45c45a,#1d7f32);box-shadow:0 0 0 .05em var(--ink)}

/* ---------- top bar ---------- */
.topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:calc(var(--u)*50)}
.hearts{display:flex;gap:calc(var(--u)*3)}
.heart{width:calc(var(--u)*32);height:calc(var(--u)*30);filter:drop-shadow(0 calc(var(--u)*2) 0 rgba(120,20,10,.45))}
.topbar .wm{font-size:calc(var(--u)*27);justify-self:center}
.round{justify-self:end;font-family:'Fredoka';font-weight:700;font-size:calc(var(--u)*15);color:#fff;
  background:linear-gradient(#8A4A22,#5B2C12);padding:calc(var(--u)*6) calc(var(--u)*12);border-radius:999px;
  box-shadow:inset 0 calc(var(--u)*2) 0 rgba(255,255,255,.25),0 calc(var(--u)*3) 0 #3B1A08,0 calc(var(--u)*5) calc(var(--u)*10) rgba(80,20,0,.3);line-height:1}
.round small{font-size:.7em;opacity:.75;font-weight:600}

/* ---------- progress spine row ---------- */
.progress{margin-top:calc(var(--u)*8);display:flex;align-items:flex-end;gap:calc(var(--u)*3);height:calc(var(--u)*40);
  padding:calc(var(--u)*5) calc(var(--u)*8) 0;background:linear-gradient(180deg,rgba(255,255,255,.35),rgba(255,255,255,.18));border-radius:calc(var(--u)*14);
  box-shadow:inset 0 0 0 calc(var(--u)*1.5) rgba(255,255,255,.55);position:relative}
.progress::after{content:"";position:absolute;left:calc(var(--u)*4);right:calc(var(--u)*4);bottom:calc(var(--u)*-2);height:calc(var(--u)*7);border-radius:calc(var(--u)*4);
  background:linear-gradient(#C9824A,#8B4F24);box-shadow:0 calc(var(--u)*3) calc(var(--u)*5) rgba(90,30,0,.35)}
.pspine{flex:1;height:100%;border-radius:calc(var(--u)*4) calc(var(--u)*4) calc(var(--u)*1) calc(var(--u)*1);position:relative;
  background:linear-gradient(90deg,rgba(0,0,0,.22),rgba(255,255,255,.28) 35%,rgba(0,0,0,0) 60%,rgba(0,0,0,.25)),var(--c);
}
.pspine::before,.pspine::after{content:"";position:absolute;left:12%;right:12%;height:calc(var(--u)*2);background:#F5C64A;border-radius:2px;opacity:.9}
.pspine::before{top:18%}.pspine::after{bottom:18%}
.pspine.empty{background:rgba(255,255,255,.35);box-shadow:inset 0 0 0 calc(var(--u)*1.5) rgba(255,255,255,.7)}
.pspine.empty::before,.pspine.empty::after{display:none}
.pspine.now{background:rgba(255,255,255,.75);box-shadow:0 0 0 calc(var(--u)*2) #fff,0 0 calc(var(--u)*12) #FFF6B0}
.pspine.now::before,.pspine.now::after{display:none}
.pspine.plaque::marker{}
.plq{position:absolute;bottom:calc(100% + var(--u)*-6);left:50%;transform:translateX(-50%);font-family:'Fredoka';font-weight:700;font-size:calc(var(--u)*9);
  color:#6B3B00;background:linear-gradient(#FFE58A,#E8A930);border-radius:calc(var(--u)*4);padding:0 calc(var(--u)*3);box-shadow:0 1px 0 #8B5A00;line-height:1.4;z-index:3;top:calc(var(--u)*-11);bottom:auto}
.pspine.empty .plq{background:rgba(255,255,255,.8);color:#B9772D;box-shadow:none}

/* ---------- glossy buttons ---------- */
.btn{display:flex;align-items:center;justify-content:center;gap:.4em;border:none;font-family:'Lilita One';letter-spacing:.03em;color:#fff;
  font-size:calc(var(--u)*26);height:calc(var(--u)*64);border-radius:calc(var(--u)*22);position:relative;
  text-shadow:0 calc(var(--u)*2) 0 rgba(0,0,0,.25);
  background:linear-gradient(180deg,var(--b1) 0%,var(--b2) 100%);
  box-shadow:inset 0 calc(var(--u)*-5) 0 rgba(0,0,0,.14),0 calc(var(--u)*6) 0 var(--b3),0 calc(var(--u)*12) calc(var(--u)*18) rgba(120,30,0,.35)}
.btn::before{content:"";position:absolute;left:5%;right:5%;top:calc(var(--u)*5);height:38%;border-radius:calc(var(--u)*16) calc(var(--u)*16) calc(var(--u)*30) calc(var(--u)*30);
  background:linear-gradient(rgba(255,255,255,.55),rgba(255,255,255,.08))}
.btn.green{--b1:#6BE36F;--b2:#22A63F;--b3:#137A2A}
.btn.red{--b1:#FF7A55;--b2:#E8322B;--b3:#A3191A}
.btn.blue{--b1:#5CC8FF;--b2:#1E7FE0;--b3:#0F55A3}
.btn.purple{--b1:#B98BFF;--b2:#7A3FE0;--b3:#5223A3}
.btn.cream{--b1:#FFFDF6;--b2:#FFE9C2;--b3:#D69A4E;color:var(--ink);text-shadow:none}

/* ---------- fact screen ---------- */
.qrow{display:flex;align-items:center;gap:calc(var(--u)*12);margin-top:calc(var(--u)*14)}
.ring{flex:none;width:calc(var(--u)*78);height:calc(var(--u)*78);position:relative;border-radius:50%;
  background:radial-gradient(circle at 50% 35%,#fff,#FFF1D6);box-shadow:0 calc(var(--u)*5) 0 #C98A3E,0 calc(var(--u)*10) calc(var(--u)*16) rgba(120,40,0,.35),inset 0 0 0 calc(var(--u)*3) #fff}
.ring svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.ring .n{position:absolute;inset:0;display:grid;place-items:center;font-family:'Lilita One';font-size:calc(var(--u)*34);color:var(--ink)}
.ring .n small{position:absolute;bottom:18%;font-family:'Fredoka';font-weight:600;font-size:calc(var(--u)*9);letter-spacing:.1em;color:#B0702E}
.qbox{flex:1}
.chip{display:inline-flex;align-items:center;gap:calc(var(--u)*6);font-family:'Fredoka';font-weight:700;font-size:calc(var(--u)*13);color:#fff;
  background:linear-gradient(#C2312B,#8E1F1C);padding:calc(var(--u)*4) calc(var(--u)*12) calc(var(--u)*4) calc(var(--u)*4);border-radius:999px;box-shadow:0 calc(var(--u)*3) 0 #5E1210;letter-spacing:.06em;text-transform:uppercase}
.chip img{width:calc(var(--u)*22);height:calc(var(--u)*22);border-radius:calc(var(--u)*5);object-fit:cover;border:calc(var(--u)*1.5) solid #FFD86B}
.chip .diff{background:rgba(255,255,255,.22);border-radius:999px;padding:0 calc(var(--u)*7);font-size:.85em}
.question{font-family:'Lilita One';font-size:calc(var(--u)*29);line-height:1.04;color:#fff;margin-top:calc(var(--u)*6);
  -webkit-text-stroke:calc(var(--u)*5) var(--ink);paint-order:stroke fill;text-shadow:0 calc(var(--u)*3) 0 var(--ink),0 calc(var(--u)*6) calc(var(--u)*10) rgba(90,30,0,.35)}
.question em{font-style:normal;color:#FFE14D}
.cards{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:calc(var(--u)*12);margin-top:calc(var(--u)*14)}
.card{position:relative;background:linear-gradient(180deg,#FFFFFF,#FFF4DE);border-radius:calc(var(--u)*22);padding:calc(var(--u)*6);display:flex;flex-direction:column;min-height:0;
  box-shadow:0 calc(var(--u)*6) 0 #E2A85E,0 calc(var(--u)*14) calc(var(--u)*22) rgba(130,40,0,.35),inset 0 0 0 calc(var(--u)*1.5) rgba(255,255,255,.9)}
.card .pic{flex:1;min-height:0;border-radius:calc(var(--u)*17);background-size:cover;background-position:center;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)}
.card .pic::after{content:"";position:absolute;inset:0;background:linear-gradient(160deg,rgba(255,255,255,.35) 0%,rgba(255,255,255,0) 30%)}
.card .txt{flex:none;font-family:'Fredoka';font-weight:600;font-size:calc(var(--u)*16.5);line-height:1.15;text-align:center;padding:calc(var(--u)*9) calc(var(--u)*4) calc(var(--u)*6);color:var(--ink);
  min-height:calc(var(--u)*66);display:flex;align-items:center;justify-content:center}
.card .ltr{position:absolute;top:calc(var(--u)*-6);left:calc(var(--u)*-6);width:calc(var(--u)*32);height:calc(var(--u)*32);border-radius:50%;z-index:3;
  display:grid;place-items:center;font-family:'Lilita One';font-size:calc(var(--u)*18);color:#fff;background:linear-gradient(#FFC93C,#F08A12);
  box-shadow:0 calc(var(--u)*3) 0 #B35C00,inset 0 calc(var(--u)*2) 0 rgba(255,255,255,.5);border:calc(var(--u)*2.5) solid #fff}
.hints{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(var(--u)*12);margin-top:calc(var(--u)*20)}
.hint{height:calc(var(--u)*66);border-radius:calc(var(--u)*20);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--u)*1);
  font-family:'Fredoka';font-weight:700;font-size:calc(var(--u)*12);color:#fff;letter-spacing:.05em;text-transform:uppercase;position:relative;
  background:linear-gradient(var(--b1),var(--b2));box-shadow:inset 0 calc(var(--u)*-4) 0 rgba(0,0,0,.14),0 calc(var(--u)*5) 0 var(--b3),0 calc(var(--u)*10) calc(var(--u)*14) rgba(120,30,0,.3);text-shadow:0 1px 0 rgba(0,0,0,.25)}
.hint::before{content:"";position:absolute;left:6%;right:6%;top:calc(var(--u)*4);height:36%;border-radius:calc(var(--u)*14) calc(var(--u)*14) calc(var(--u)*24) calc(var(--u)*24);background:linear-gradient(rgba(255,255,255,.5),rgba(255,255,255,.05))}
.hint .ic{font-family:'Lilita One';font-size:calc(var(--u)*24);line-height:1;letter-spacing:0;text-transform:none;display:flex;align-items:center;gap:calc(var(--u)*4)}
.hint .ic svg{width:calc(var(--u)*26);height:calc(var(--u)*26)}
.hint .cnt{position:absolute;top:calc(var(--u)*-7);right:calc(var(--u)*-5);min-width:calc(var(--u)*22);height:calc(var(--u)*22);border-radius:999px;background:#fff;color:var(--ink);font-size:calc(var(--u)*12);display:grid;place-items:center;box-shadow:0 calc(var(--u)*2) 0 rgba(0,0,0,.2);text-shadow:none}

/* ---------- start ---------- */
.s-top{display:flex;justify-content:space-between;align-items:center}
.pill{display:inline-flex;align-items:center;gap:calc(var(--u)*6);font-family:'Fredoka';font-weight:700;font-size:calc(var(--u)*14);color:#fff;
  background:linear-gradient(#8A4A22,#5B2C12);border-radius:999px;padding:calc(var(--u)*4) calc(var(--u)*14) calc(var(--u)*4) calc(var(--u)*4);
  box-shadow:inset 0 calc(var(--u)*2) 0 rgba(255,255,255,.25),0 calc(var(--u)*3) 0 #3B1A08,0 calc(var(--u)*6) calc(var(--u)*10) rgba(80,20,0,.25)}
.pill img{width:calc(var(--u)*30);height:calc(var(--u)*30);object-fit:contain;margin:calc(var(--u)*-4) 0}
.pill .em{font-size:1.2em;line-height:1}
.pill.plain{padding:calc(var(--u)*6) calc(var(--u)*14)}
.hero-wm{text-align:center;margin-top:calc(var(--u)*18)}
.hero-wm .wm{font-size:calc(var(--u)*76)}
.tagline{display:inline-block;margin-top:calc(var(--u)*16);font-family:'Fredoka';font-weight:700;font-size:calc(var(--u)*17);color:#fff;letter-spacing:.02em;
  background:linear-gradient(#C2312B,#8E1F1C);padding:calc(var(--u)*6) calc(var(--u)*20);border-radius:calc(var(--u)*10);box-shadow:0 calc(var(--u)*4) 0 #5E1210,0 calc(var(--u)*8) calc(var(--u)*12) rgba(90,20,0,.3);position:relative}
.hero{flex:1;min-height:0;position:relative;display:flex;align-items:flex-end;justify-content:center;margin-top:calc(var(--u)*6)}
.hero .glow{position:absolute;left:50%;top:55%;width:calc(var(--u)*380);height:calc(var(--u)*380);transform:translate(-50%,-50%);border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,230,.95) 0%,rgba(255,240,170,.6) 30%,rgba(255,220,120,0) 68%)}
.hero .cov{position:absolute;bottom:14%;height:42%;aspect-ratio:223/257;border-radius:calc(var(--u)*8);background-size:cover;box-shadow:0 calc(var(--u)*10) calc(var(--u)*18) rgba(100,30,0,.4),inset 0 0 0 1px rgba(255,255,255,.2)}
.hero .owl{position:relative;height:100%;max-height:calc(var(--u)*420);object-fit:contain;filter:drop-shadow(0 calc(var(--u)*14) calc(var(--u)*16) rgba(100,30,0,.45))}
.daily{display:flex;align-items:center;gap:calc(var(--u)*12);margin-top:calc(var(--u)*6);background:linear-gradient(#FFFFFF,#FFF2D9);border-radius:calc(var(--u)*22);padding:calc(var(--u)*12) calc(var(--u)*16);
  box-shadow:0 calc(var(--u)*5) 0 #E2A85E,0 calc(var(--u)*12) calc(var(--u)*20) rgba(130,40,0,.3)}
.daily .day{flex:none;width:calc(var(--u)*62);height:calc(var(--u)*66);border-radius:calc(var(--u)*14);background:linear-gradient(#FF7A55,#E8322B);color:#fff;text-align:center;font-family:'Lilita One';
  box-shadow:0 calc(var(--u)*4) 0 #A3191A;display:flex;flex-direction:column;justify-content:center;line-height:1}
.daily .day b{font-size:calc(var(--u)*30);font-weight:400}.daily .day small{font-family:'Fredoka';font-weight:700;font-size:calc(var(--u)*11);letter-spacing:.1em}
.daily h3{font-family:'Lilita One';font-weight:400;font-size:calc(var(--u)*22);line-height:1.05}
.daily p{font-family:'Fredoka';font-weight:600;font-size:calc(var(--u)*14);color:#8A5A33;margin-top:calc(var(--u)*3)}
.daily .ghost{margin-left:auto;text-align:center;font-family:'Fredoka';font-weight:700;font-size:calc(var(--u)*11);color:#8A5A33;letter-spacing:.06em}
.daily .ghost b{display:block;font-family:'Lilita One';font-weight:400;font-size:calc(var(--u)*28);color:var(--ink);letter-spacing:0}
.play{margin-top:calc(var(--u)*20);height:calc(var(--u)*76);font-size:calc(var(--u)*32);border-radius:calc(var(--u)*26)}
.subrow{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(var(--u)*10);margin-top:calc(var(--u)*20)}
.subrow .btn{height:calc(var(--u)*48);font-size:calc(var(--u)*16);font-family:'Fredoka';font-weight:700;border-radius:calc(var(--u)*16);letter-spacing:.02em}

/* ---------- bookcase ---------- */
.title{font-family:'Lilita One';text-align:center;color:#fff;font-size:calc(var(--u)*34);line-height:1;margin-top:calc(var(--u)*16);
  -webkit-text-stroke:calc(var(--u)*5) var(--ink);paint-order:stroke fill;text-shadow:0 calc(var(--u)*3) 0 var(--ink),0 calc(var(--u)*6) calc(var(--u)*10) rgba(90,30,0,.35)}
.subtitle{text-align:center;font-family:'Fredoka';font-weight:700;color:#7A3A10;font-size:calc(var(--u)*15);margin-top:calc(var(--u)*6)}
.case{flex:1;min-height:0;margin-top:calc(var(--u)*14);border-radius:calc(var(--u)*24);padding:calc(var(--u)*12);position:relative;
  background:linear-gradient(90deg,#9A5A2C,#C17A40 15%,#B36F38 50%,#C17A40 85%,#9A5A2C);
  box-shadow:inset 0 calc(var(--u)*3) 0 rgba(255,220,170,.5),inset 0 calc(var(--u)*-6) 0 rgba(0,0,0,.2),0 calc(var(--u)*8) 0 #6B3A17,0 calc(var(--u)*18) calc(var(--u)*26) rgba(100,30,0,.4)}
.case-in{height:100%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(6,1fr);gap:0 calc(var(--u)*12);border-radius:calc(var(--u)*14);padding:calc(var(--u)*4) calc(var(--u)*10);
  background:linear-gradient(180deg,#5A2E14,#7A4321);box-shadow:inset 0 calc(var(--u)*8) calc(var(--u)*14) rgba(0,0,0,.45);position:relative}
.shelfcell{position:relative;display:flex;align-items:flex-end;padding:calc(var(--u)*7) 0 calc(var(--u)*7)}
.shelfcell::after{content:"";position:absolute;left:calc(var(--u)*-10);right:calc(var(--u)*-10);bottom:0;height:calc(var(--u)*7);background:linear-gradient(#D89155,#9A5A2C);box-shadow:0 calc(var(--u)*3) calc(var(--u)*4) rgba(0,0,0,.4)}
.shelfcell:nth-child(odd)::after{right:calc(var(--u)*-6)}.shelfcell:nth-child(even)::after{left:calc(var(--u)*-6)}
.bspine{position:relative;z-index:1;width:100%;height:100%;border-radius:calc(var(--u)*6) calc(var(--u)*10) calc(var(--u)*10) calc(var(--u)*6);display:flex;align-items:center;gap:calc(var(--u)*8);padding:0 calc(var(--u)*10) 0 calc(var(--u)*8);
  background:linear-gradient(180deg,rgba(255,255,255,.28) 0%,rgba(255,255,255,0) 30%,rgba(0,0,0,0) 70%,rgba(0,0,0,.3) 100%),var(--c);
  box-shadow:0 calc(var(--u)*3) calc(var(--u)*4) rgba(0,0,0,.35);transition:.3s}
.bspine::before,.bspine::after{content:"";position:absolute;top:12%;bottom:12%;width:calc(var(--u)*3);background:linear-gradient(#FFE59A,#C9932E);border-radius:2px}
.bspine::before{left:calc(var(--u)*42)}.bspine::after{right:calc(var(--u)*12)}
.bspine .med{flex:none;width:calc(var(--u)*28);height:calc(var(--u)*28);border-radius:50%;background-size:330%;background-position:50% 36%;box-shadow:0 0 0 calc(var(--u)*2) #E8B54A,0 calc(var(--u)*2) calc(var(--u)*3) rgba(0,0,0,.4)}
.bspine .lb{flex:1;text-align:center;font-family:'Fredoka';font-weight:700;font-size:calc(var(--u)*17);letter-spacing:.08em;text-transform:uppercase;
  color:#FFE39A;text-shadow:0 calc(var(--u)*1.5) 0 rgba(0,0,0,.45)}
.case.dim .bspine:not(.pick){filter:saturate(.85) brightness(.9);transform:scale(.97)}
.bspine.pick{transform:translateX(calc(var(--u)*8)) scale(1.07);z-index:5;
  box-shadow:0 0 0 calc(var(--u)*3) #FFF2B0,0 0 calc(var(--u)*18) calc(var(--u)*6) rgba(255,222,90,.85),0 calc(var(--u)*8) calc(var(--u)*14) rgba(0,0,0,.45)}
.bspine.pick .lb{color:#fff;text-shadow:0 0 calc(var(--u)*8) #FFE070,0 calc(var(--u)*1.5) 0 rgba(0,0,0,.45)}
.picked{display:flex;align-items:center;gap:calc(var(--u)*14);margin-top:calc(var(--u)*22);background:linear-gradient(#FFFFFF,#FFF2D9);border-radius:calc(var(--u)*22);padding:calc(var(--u)*10) calc(var(--u)*12);
  box-shadow:0 calc(var(--u)*5) 0 #E2A85E,0 calc(var(--u)*12) calc(var(--u)*20) rgba(130,40,0,.3)}
.picked .cv{flex:none;width:calc(var(--u)*62);aspect-ratio:223/257;border-radius:calc(var(--u)*8);background-size:cover;box-shadow:0 calc(var(--u)*4) calc(var(--u)*8) rgba(0,0,0,.3);transform:rotate(-5deg)}
.picked h3{font-family:'Lilita One';font-weight:400;font-size:calc(var(--u)*28);line-height:1;color:#C2312B}
.picked p{font-family:'Fredoka';font-weight:600;font-size:calc(var(--u)*14);color:#8A5A33;margin-top:calc(var(--u)*4)}
.picked .btn{margin-left:auto;height:calc(var(--u)*56);padding:0 calc(var(--u)*18);font-size:calc(var(--u)*22);border-radius:calc(var(--u)*18)}

/* ---------- reveal ---------- */
.rv-hero{flex:1;min-height:0;position:relative;display:flex;align-items:center;justify-content:center;margin-top:calc(var(--u)*6)}
.rays{position:absolute;left:50%;top:50%;width:calc(var(--u)*640);height:calc(var(--u)*640);transform:translate(-50%,-50%);
  background:repeating-conic-gradient(from 0deg,rgba(255,255,255,.55) 0 6deg,rgba(255,255,255,0) 6deg 15deg);
  -webkit-mask:radial-gradient(circle,#000 10%,transparent 60%);mask:radial-gradient(circle,#000 10%,transparent 60%)}
.rv-glow{position:absolute;left:50%;top:50%;width:calc(var(--u)*360);height:calc(var(--u)*360);transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,255,220,1),rgba(255,240,160,.0) 70%)}
.bigcard{position:relative;height:100%;max-height:calc(var(--u)*330);aspect-ratio:1/1.0;max-width:86%;transform:rotate(-3deg);background:linear-gradient(#fff,#FFF4DE);border-radius:calc(var(--u)*26);padding:calc(var(--u)*8);display:flex;flex-direction:column;
  box-shadow:0 0 0 calc(var(--u)*4) #7BE36F,0 0 calc(var(--u)*30) calc(var(--u)*6) rgba(120,255,120,.55),0 calc(var(--u)*18) calc(var(--u)*30) rgba(100,30,0,.45)}
.bigcard .pic{flex:1;border-radius:calc(var(--u)*20);background-size:cover;background-position:center}
.bigcard .txt{font-family:'Fredoka';font-weight:700;font-size:calc(var(--u)*17);text-align:center;padding:calc(var(--u)*8) calc(var(--u)*6) calc(var(--u)*4);line-height:1.15}
.stamp-fact{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%) rotate(-10deg);font-family:'Lilita One';font-size:calc(var(--u)*62);line-height:1;color:#B6F56A;
  padding:calc(var(--u)*6) calc(var(--u)*22) calc(var(--u)*10);border-radius:calc(var(--u)*16);background:linear-gradient(#3DC456,#1C8A34);
  border:calc(var(--u)*5) solid #E9FFD0;-webkit-text-stroke:calc(var(--u)*4) #0E5A20;paint-order:stroke fill;
  box-shadow:0 0 0 calc(var(--u)*4) #0E5A20,0 calc(var(--u)*10) calc(var(--u)*18) rgba(0,60,10,.45),inset 0 calc(var(--u)*4) 0 rgba(255,255,255,.3);text-shadow:0 calc(var(--u)*4) 0 #0E5A20}
.wtf{position:absolute;width:calc(var(--u)*128);top:calc(var(--u)*-6);left:calc(var(--u)*-4);transform:rotate(-14deg);filter:drop-shadow(0 calc(var(--u)*8) calc(var(--u)*10) rgba(100,20,0,.4));z-index:4}
.fakes{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(var(--u)*10);margin-top:calc(var(--u)*10)}
.fake{position:relative;background:#fff;border-radius:calc(var(--u)*14);padding:calc(var(--u)*4);opacity:.9;box-shadow:0 calc(var(--u)*4) 0 rgba(160,80,20,.5)}
.fake .pic{height:calc(var(--u)*58);border-radius:calc(var(--u)*10);background-size:cover;background-position:center;filter:grayscale(1) brightness(.85) contrast(.9)}
.fake .t{font-family:'Fredoka';font-weight:600;font-size:calc(var(--u)*11);line-height:1.1;color:#8C7A6A;text-align:center;padding:calc(var(--u)*4) calc(var(--u)*2) calc(var(--u)*2);text-decoration:line-through;text-decoration-color:rgba(232,50,43,.6)}
.fake .fs{position:absolute;left:50%;top:calc(var(--u)*32);transform:translate(-50%,-50%) rotate(-12deg);font-family:'Lilita One';font-size:calc(var(--u)*20);color:#E8322B;border:calc(var(--u)*3) solid #E8322B;border-radius:calc(var(--u)*6);padding:0 calc(var(--u)*6);background:rgba(255,255,255,.88);letter-spacing:.04em}
.sheet{margin:calc(var(--u)*16) calc(var(--pad)*-1) calc(var(--u)*-16);padding:calc(var(--u)*20) var(--pad) calc(var(--u)*20);background:linear-gradient(#FFFDF7,#FFF1D8);border-radius:calc(var(--u)*30) calc(var(--u)*30) 0 0;position:relative;
  box-shadow:0 calc(var(--u)*-8) calc(var(--u)*24) rgba(120,40,0,.3),inset 0 calc(var(--u)*3) 0 #fff}
.sheet .owl{position:absolute;right:calc(var(--u)*8);top:calc(var(--u)*-70);width:calc(var(--u)*96);filter:drop-shadow(0 calc(var(--u)*6) calc(var(--u)*8) rgba(80,20,0,.35))}
.sheet h2{font-family:'Lilita One';font-weight:400;font-size:calc(var(--u)*34);line-height:1;color:#E8322B;padding-right:calc(var(--u)*90)}
.sheet h2 small{display:block;font-family:'Fredoka';font-weight:700;font-size:calc(var(--u)*13);letter-spacing:.12em;color:#2DB84C;margin-bottom:calc(var(--u)*4)}
.sheet p{font-family:'Nunito';font-weight:800;font-size:calc(var(--u)*16.5);line-height:1.35;margin-top:calc(var(--u)*8);color:#4A2A16}
.chips{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--u)*10);margin-top:calc(var(--u)*12)}
.fchip{border-radius:calc(var(--u)*16);background:#fff;padding:calc(var(--u)*8) calc(var(--u)*10);display:flex;align-items:center;gap:calc(var(--u)*8);box-shadow:0 0 0 calc(var(--u)*2) #F5DDB4,0 calc(var(--u)*3) 0 #EBC58A}
.fchip .e{font-size:calc(var(--u)*26)}.fchip b{display:block;font-family:'Lilita One';font-weight:400;font-size:calc(var(--u)*20);line-height:1}.fchip span{font-family:'Fredoka';font-weight:600;font-size:calc(var(--u)*12);color:#8A5A33}
.sheet .row{display:flex;gap:calc(var(--u)*10);margin-top:calc(var(--u)*16)}
.sheet .row .btn{flex:1}
.sheet .row .btn.cream{flex:none;width:calc(var(--u)*64);font-size:calc(var(--u)*24)}
.plus1{position:absolute;font-family:'Lilita One';font-size:calc(var(--u)*16);color:#fff;background:linear-gradient(#6BE36F,#22A63F);border-radius:999px;padding:calc(var(--u)*2) calc(var(--u)*8);box-shadow:0 calc(var(--u)*2) 0 #137A2A;z-index:5}
.pspine.new{box-shadow:0 0 0 calc(var(--u)*2) #fff,0 0 calc(var(--u)*14) calc(var(--u)*3) #FFF27A}
.confetti i{position:absolute;width:calc(var(--u)*9);height:calc(var(--u)*14);border-radius:2px;z-index:3}
.paused{justify-self:end}

/* ---------- end ---------- */
.end-head{text-align:center;margin-top:calc(var(--u)*8)}
.end-head .wm{font-size:calc(var(--u)*40)}
.end-head .d{font-family:'Fredoka';font-weight:700;font-size:calc(var(--u)*14);color:#7A3A10;margin-top:calc(var(--u)*8);letter-spacing:.04em}
.banner{margin:calc(var(--u)*10) auto 0;font-family:'Lilita One';font-size:calc(var(--u)*40);color:#FFE14D;line-height:1;text-align:center;
  -webkit-text-stroke:calc(var(--u)*6) var(--ink);paint-order:stroke fill;text-shadow:0 calc(var(--u)*4) 0 var(--ink),0 calc(var(--u)*8) calc(var(--u)*14) rgba(90,30,0,.35)}
.endpanel{flex:1;min-height:0;margin-top:calc(var(--u)*12);display:grid;grid-template-columns:1.05fr 1fr;gap:calc(var(--u)*10);background:linear-gradient(#FFFFFF,#FFF2D9);border-radius:calc(var(--u)*26);padding:calc(var(--u)*14);
  box-shadow:0 calc(var(--u)*6) 0 #E2A85E,0 calc(var(--u)*14) calc(var(--u)*22) rgba(130,40,0,.3)}
.towerwrap{position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;border-radius:calc(var(--u)*18);
  background:radial-gradient(ellipse at 50% 100%,#FFE3A8,#FFF6E4 70%);padding:calc(var(--u)*10) calc(var(--u)*8) 0;overflow:hidden}
.tower{width:100%;display:flex;flex-direction:column-reverse;align-items:center;position:relative;z-index:2}
.tbook{height:calc(var(--u)*24);border-radius:calc(var(--u)*4) calc(var(--u)*7) calc(var(--u)*7) calc(var(--u)*4);position:relative;display:flex;align-items:center;justify-content:center;
  font-family:'Fredoka';font-weight:700;font-size:calc(var(--u)*10);letter-spacing:.1em;color:#FFE39A;text-shadow:0 1px 0 rgba(0,0,0,.4);text-transform:uppercase;
  background:linear-gradient(180deg,rgba(255,255,255,.3),rgba(255,255,255,0) 35%,rgba(0,0,0,0) 65%,rgba(0,0,0,.3)),var(--c);box-shadow:0 calc(var(--u)*2) calc(var(--u)*3) rgba(0,0,0,.3)}
.tbook::after{content:"";position:absolute;right:calc(var(--u)*-5);top:calc(var(--u)*3);bottom:calc(var(--u)*3);width:calc(var(--u)*6);background:repeating-linear-gradient(#FFF7E6 0 2px,#E9DCC2 2px 3px);border-radius:0 3px 3px 0}
.tbook .gl{position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 calc(var(--u)*1.5) rgba(255,214,120,.0)}
.ghostrow{height:calc(var(--u)*24);width:80%;border:calc(var(--u)*2) dashed rgba(180,120,60,.45);border-radius:calc(var(--u)*6);margin-bottom:calc(var(--u)*0)}
.tshelf{width:108%;height:calc(var(--u)*10);background:linear-gradient(#D89155,#9A5A2C);border-radius:calc(var(--u)*4);box-shadow:0 calc(var(--u)*3) calc(var(--u)*5) rgba(0,0,0,.3);position:relative;z-index:3}
.tlabel{position:absolute;top:calc(var(--u)*8);left:50%;transform:translateX(-50%);font-family:'Fredoka';font-weight:700;font-size:calc(var(--u)*11);color:#B0702E;letter-spacing:.08em;white-space:nowrap}
.plaques{position:absolute;left:calc(var(--u)*6);bottom:calc(var(--u)*16);display:flex;flex-direction:column-reverse;gap:calc(var(--u)*6);z-index:4}
.plaques span{width:calc(var(--u)*26);height:calc(var(--u)*26);border-radius:calc(var(--u)*6);display:grid;place-items:center;font-family:'Lilita One';font-size:calc(var(--u)*13);color:#6B3B00;background:linear-gradient(#FFE58A,#E8A930);box-shadow:0 calc(var(--u)*2) 0 #8B5A00}
.plaques span.off{background:#F1E3C9;color:#C9A57A;box-shadow:none}
.scorebox{display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center;padding:calc(var(--u)*4) 0}
.score{font-family:'Lilita One';font-size:calc(var(--u)*96);line-height:.9;color:#E8322B;-webkit-text-stroke:calc(var(--u)*5) var(--ink);paint-order:stroke fill;text-shadow:0 calc(var(--u)*5) 0 var(--ink)}
.score small{font-size:.38em;color:var(--ink);-webkit-text-stroke:0;text-shadow:none}
.scorelbl{font-family:'Fredoka';font-weight:700;font-size:calc(var(--u)*14);letter-spacing:.12em;color:#8A5A33;margin-top:calc(var(--u)*4)}
.rank{display:flex;align-items:center;gap:calc(var(--u)*4);margin-top:calc(var(--u)*6)}
.rank img{width:calc(var(--u)*86);margin:calc(var(--u)*-6) 0}
.rankpill{font-family:'Fredoka';font-weight:700;font-size:calc(var(--u)*13);color:#fff;background:linear-gradient(#3E7BE0,#1F4FB0);border-radius:999px;padding:calc(var(--u)*4) calc(var(--u)*12);box-shadow:0 calc(var(--u)*3) 0 #12347A}
.stats{display:flex;gap:calc(var(--u)*6);justify-content:center;width:100%}
.stat{flex:1;background:#FFF;border-radius:calc(var(--u)*12);padding:calc(var(--u)*6) calc(var(--u)*2);box-shadow:0 0 0 calc(var(--u)*1.5) #F2D7A8;font-family:'Fredoka';font-weight:700;font-size:calc(var(--u)*10);color:#8A5A33;letter-spacing:.05em}
.stat b{display:block;font-family:'Lilita One';font-weight:400;font-size:calc(var(--u)*20);color:var(--ink);letter-spacing:0;line-height:1.1}
.share{display:flex;gap:calc(var(--u)*12);margin-top:calc(var(--u)*14);align-items:stretch}
.sharetext{flex:1;background:#2B1A10;border-radius:calc(var(--u)*18);padding:calc(var(--u)*10) calc(var(--u)*14);color:#FFF4DE;font-family:'Nunito';font-weight:800;font-size:calc(var(--u)*13);line-height:1.35;
  box-shadow:0 calc(var(--u)*5) 0 #160C06,inset 0 0 0 calc(var(--u)*2) rgba(255,255,255,.08);position:relative}
.sharetext .sq{font-size:calc(var(--u)*15);letter-spacing:calc(var(--u)*1);line-height:1.2}
.sharetext .lbl{position:absolute;top:calc(var(--u)*-9);right:calc(var(--u)*10);font-family:'Fredoka';font-weight:700;font-size:calc(var(--u)*10);background:#FFE14D;color:var(--ink);padding:calc(var(--u)*1) calc(var(--u)*8);border-radius:999px;letter-spacing:.08em}
.sharecol{display:flex;flex-direction:column;gap:calc(var(--u)*14);width:44%}
.sharecol .btn{flex:1;font-size:calc(var(--u)*28);height:auto;min-height:calc(var(--u)*80);flex-direction:column;gap:0}
.sharecol .btn svg{width:calc(var(--u)*30);height:calc(var(--u)*30)}
.next{font-family:'Fredoka';font-weight:700;text-align:center;font-size:calc(var(--u)*13);color:#7A3A10;background:rgba(255,255,255,.55);border-radius:calc(var(--u)*14);padding:calc(var(--u)*8) calc(var(--u)*4);line-height:1.15}
.next b{display:block;font-family:'Lilita One';font-weight:400;font-size:calc(var(--u)*20);color:var(--ink)}

.hero .shadow{position:absolute;bottom:1%;left:50%;transform:translateX(-50%);width:62%;height:7%;border-radius:50%;background:radial-gradient(closest-side,rgba(120,40,0,.45),rgba(120,40,0,0))}
.sheet .owl{right:calc(var(--u)*6);top:calc(var(--u)*-34);width:calc(var(--u)*92)}
.slot{flex:1;max-height:calc(var(--u)*30);display:flex;align-items:center;justify-content:center;position:relative;width:100%;padding:calc(var(--u)*1) 0 calc(var(--u)*1) calc(var(--u)*22)}
.slot .tbook{height:92%;width:var(--w)}
.slot.ghost .gh{height:88%;width:84%;border:calc(var(--u)*2) dashed rgba(180,110,50,.55);border-radius:calc(var(--u)*6);display:grid;place-items:center;font-family:'Fredoka';font-weight:700;font-size:calc(var(--u)*10);color:#B0702E;letter-spacing:.1em}
.slot.empty .gh{height:88%;width:84%;border-radius:calc(var(--u)*6);background:rgba(230,190,130,.18)}
.slot .pq{position:absolute;left:0;top:50%;transform:translateY(-50%);width:calc(var(--u)*22);height:calc(var(--u)*22);border-radius:calc(var(--u)*6);display:grid;place-items:center;font-family:'Lilita One';font-size:calc(var(--u)*12);color:#6B3B00;background:linear-gradient(#FFE58A,#E8A930);box-shadow:0 calc(var(--u)*2) 0 #8B5A00}
.slot .pq.off{background:#F1E3C9;color:#C9A57A;box-shadow:none}
.tower{flex:1;justify-content:flex-start}
.towerwrap{padding-top:calc(var(--u)*6)}
.rank img{width:calc(var(--u)*120)}

.slot{padding:0 0 0 calc(var(--u)*22);max-height:calc(var(--u)*32)}
.slot .tbook{height:100%;font-size:calc(var(--u)*11)}
.slot.ghost .gh,.slot.empty .gh{height:86%}

.sheet .owl{top:calc(var(--u)*10);width:calc(var(--u)*80)}
.sheet h2{padding-right:calc(var(--u)*84)}
.sheet p{margin-top:calc(var(--u)*14)}
/* ---------- ranked-list full reveal ---------- */
.lr-hero{position:relative;margin-top:calc(var(--u)*10);padding:calc(var(--u)*10) calc(var(--u)*4) calc(var(--u)*4);display:flex;flex-direction:column;align-items:center;text-align:center}
.lr-hero .rays{width:calc(var(--u)*560);height:calc(var(--u)*560)}
.lr-stamp{position:relative;font-family:'Lilita One';font-size:calc(var(--u)*40);line-height:1;color:#B6F56A;transform:rotate(-6deg);
  padding:calc(var(--u)*3) calc(var(--u)*18) calc(var(--u)*7);border-radius:calc(var(--u)*12);background:linear-gradient(#3DC456,#1C8A34);
  border:calc(var(--u)*4) solid #E9FFD0;-webkit-text-stroke:calc(var(--u)*3) #0E5A20;paint-order:stroke fill;
  box-shadow:0 0 0 calc(var(--u)*3) #0E5A20,0 calc(var(--u)*8) calc(var(--u)*14) rgba(0,60,10,.4),inset 0 calc(var(--u)*3) 0 rgba(255,255,255,.3);text-shadow:0 calc(var(--u)*3) 0 #0E5A20}
.lr-fact{position:relative;font-family:'Lilita One';font-size:calc(var(--u)*25);line-height:1.08;color:#fff;margin-top:calc(var(--u)*12);padding:0 calc(var(--u)*6);
  -webkit-text-stroke:calc(var(--u)*5) var(--ink);paint-order:stroke fill;text-shadow:0 calc(var(--u)*3) 0 var(--ink),0 calc(var(--u)*6) calc(var(--u)*10) rgba(90,30,0,.35)}
.lr-fact em{font-style:normal;color:#FFE14D}
.lr-hero .wtf2{position:absolute;right:calc(var(--u)*-6);top:calc(var(--u)*-8);width:calc(var(--u)*84);transform:rotate(12deg);filter:drop-shadow(0 calc(var(--u)*6) calc(var(--u)*8) rgba(100,20,0,.4))}
.lr-hero .you{position:absolute;left:calc(var(--u)*0);top:calc(var(--u)*0);font-family:'Fredoka';font-weight:700;font-size:calc(var(--u)*12);color:#fff;background:linear-gradient(#6BE36F,#22A63F);border-radius:999px;padding:calc(var(--u)*3) calc(var(--u)*10);box-shadow:0 calc(var(--u)*2) 0 #137A2A;letter-spacing:.06em}
.sheet.list{flex:1;min-height:0;display:flex;flex-direction:column;margin-top:calc(var(--u)*14);padding-top:calc(var(--u)*16)}
.lhead{display:flex;align-items:center;gap:calc(var(--u)*8)}
.lhead img{width:calc(var(--u)*34);height:calc(var(--u)*38);border-radius:calc(var(--u)*5);object-fit:cover;box-shadow:0 calc(var(--u)*2) calc(var(--u)*4) rgba(0,0,0,.3);transform:rotate(-6deg)}
.lhead h3{font-family:'Lilita One';font-weight:400;font-size:calc(var(--u)*23);line-height:1;color:#E8322B}
.lhead h3 small{display:block;font-family:'Fredoka';font-weight:700;font-size:calc(var(--u)*11);letter-spacing:.12em;color:#B0702E;margin-bottom:calc(var(--u)*2)}
.rlist{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:space-between;margin-top:calc(var(--u)*10);gap:calc(var(--u)*5)}
.rrow{flex:1;max-height:calc(var(--u)*58);display:grid;grid-template-columns:calc(var(--u)*30) calc(var(--u)*30) 1fr;align-items:center;gap:calc(var(--u)*8);background:#fff;border-radius:calc(var(--u)*14);padding:calc(var(--u)*4) calc(var(--u)*10) calc(var(--u)*4) calc(var(--u)*6);
  box-shadow:0 0 0 calc(var(--u)*1.5) #F5DDB4,0 calc(var(--u)*3) 0 #EBC58A}
.rrow.top{background:linear-gradient(90deg,#FFF6CF,#fff 60%);box-shadow:0 0 0 calc(var(--u)*2.5) #FFC93C,0 calc(var(--u)*3) 0 #E0A21E,0 0 calc(var(--u)*14) rgba(255,200,60,.5)}
.medal{width:calc(var(--u)*30);height:calc(var(--u)*30);border-radius:50%;display:grid;place-items:center;font-family:'Lilita One';font-size:calc(var(--u)*16);color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.3);
  background:linear-gradient(#C9B7A4,#9C8774);box-shadow:inset 0 calc(var(--u)*2) 0 rgba(255,255,255,.5),0 calc(var(--u)*2) 0 rgba(0,0,0,.2)}
.medal.g{background:linear-gradient(#FFE16B,#E8A21E)}.medal.s{background:linear-gradient(#F1F3F6,#A9B1BC)}.medal.b{background:linear-gradient(#F3B27A,#C2702E)}
.flag{font-size:calc(var(--u)*26);line-height:1;text-align:center}
.rinfo{min-width:0}
.rtop{display:flex;justify-content:space-between;align-items:baseline;gap:calc(var(--u)*6)}
.rname{font-family:'Fredoka';font-weight:700;font-size:calc(var(--u)*15);line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rname small{font-weight:600;color:#9A6A40;font-size:.8em}
.rval{font-family:'Lilita One';font-size:calc(var(--u)*19);color:var(--ink);white-space:nowrap}
.rval small{font-size:.65em}
.bar{height:calc(var(--u)*8);border-radius:999px;background:#F5E6CC;margin-top:calc(var(--u)*4);overflow:hidden}
.bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#FFB020,#FF6A2B);box-shadow:inset 0 calc(var(--u)*2) 0 rgba(255,255,255,.4)}
.rrow.top .bar i{background:linear-gradient(90deg,#3DC456,#1C8A34)}
.rrow.scale{background:repeating-linear-gradient(135deg,#FFF9EE 0 8px,#FFF1DA 8px 16px);box-shadow:0 0 0 calc(var(--u)*1.5) dashed #E3C08A;border:calc(var(--u)*1.5) dashed #D9A55E}
.rrow.scale .bar i{background:linear-gradient(90deg,#7FA7E8,#3E6FD0)}
.rrow.scale .medal{background:none;box-shadow:none;color:#B0702E;font-size:calc(var(--u)*10);font-family:'Fredoka';font-weight:700;text-shadow:none;letter-spacing:.04em}
.expand{align-self:center;margin-top:calc(var(--u)*10);font-family:'Fredoka';font-weight:700;font-size:calc(var(--u)*14);color:#1E7FE0;background:#EAF5FF;border-radius:999px;padding:calc(var(--u)*6) calc(var(--u)*16);box-shadow:0 0 0 calc(var(--u)*1.5) #B9DCFF,0 calc(var(--u)*3) 0 #B9DCFF}
.dyk{margin-top:calc(var(--u)*10);display:flex;gap:calc(var(--u)*8);align-items:flex-start;font-family:'Nunito';font-weight:800;font-size:calc(var(--u)*13.5);line-height:1.3;color:#4A2A16;background:#FFF;border-radius:calc(var(--u)*14);padding:calc(var(--u)*8) calc(var(--u)*10);box-shadow:0 0 0 calc(var(--u)*1.5) #F5DDB4}
.dyk b{color:#E8322B;white-space:nowrap}
.src{font-family:'Fredoka';font-weight:500;font-size:calc(var(--u)*10);color:#B08A64;margin-top:calc(var(--u)*6);text-align:center}
.sheet.list .row{margin-top:calc(var(--u)*10)}
.lr-fact{z-index:4;font-size:calc(var(--u)*22);margin-top:calc(var(--u)*10);padding:0 calc(var(--u)*30)}
.lr-stamp{font-size:calc(var(--u)*34);z-index:4}
.lr-hero .wtf2{width:calc(var(--u)*70);right:calc(var(--u)*-8);top:calc(var(--u)*-14);z-index:5}
.lr-hero .confetti{z-index:1}
.lr-hero{padding-top:calc(var(--u)*6)}
.rrow{min-height:0;padding-top:calc(var(--u)*3);padding-bottom:calc(var(--u)*3)}
.rlist{gap:calc(var(--u)*4);margin-top:calc(var(--u)*8)}
.expand{margin-top:calc(var(--u)*8);padding:calc(var(--u)*4) calc(var(--u)*16)}
.dyk{margin-top:calc(var(--u)*8);font-size:calc(var(--u)*13)}
.sheet.list{margin-top:calc(var(--u)*10);padding-top:calc(var(--u)*14)}
.lr-hero .you{z-index:5}
.stamp-fact{top:60%;font-size:calc(var(--u)*50)}
.wtf{left:auto;right:calc(var(--u)*-26);top:calc(var(--u)*-26);width:calc(var(--u)*104);transform:rotate(12deg)}
.src.l{text-align:left;margin-top:calc(var(--u)*8)}

.hero .owl{height:108%;max-height:none;margin-bottom:calc(var(--u)*-6)}
.hero .glow{width:calc(var(--u)*440);height:calc(var(--u)*440)}
.lad{position:absolute;bottom:4%;display:flex;flex-direction:column;align-items:center;gap:calc(var(--u)*4);z-index:3}
.lad.l{left:0}.lad.r{right:0;bottom:30%}
.lad img{height:calc(var(--u)*92);filter:drop-shadow(0 calc(var(--u)*6) calc(var(--u)*8) rgba(100,30,0,.4))}
.lad span{font-family:'Fredoka';font-weight:700;font-size:calc(var(--u)*11);color:#fff;background:rgba(91,44,18,.85);border-radius:999px;padding:calc(var(--u)*2) calc(var(--u)*9);white-space:nowrap}
.lad .up{background:none;color:#fff;font-size:calc(var(--u)*14);letter-spacing:.2em;text-shadow:0 2px 0 rgba(150,60,0,.5);opacity:.9}
@media (min-aspect-ratio: 3/5){ .lad img{height:calc(var(--u)*130)} .lad.l{left:3%} .lad.r{right:3%} .lad span{font-size:calc(var(--u)*13)} }

.hero .owl{height:100%;margin-bottom:0}
.lad.r{bottom:auto;top:30%}
@media (min-aspect-ratio: 3/5){ .hero .owl{height:106%} .lad.r{top:26%;right:4%} }
@media (max-aspect-ratio: 3/5){ .lad.r{display:none} }
@media (min-aspect-ratio: 3/5){ .lad.r{top:12%;right:2%} }