/* JOHN V17.9.41 · WAF-safe extracted game styles · generated from V17.9.22 in document order */

/* inline-style-0  */
:root{
  --ink:#fff; --muted:#c8c8d6; --panel:rgba(10,9,19,.78);
  --panel2:rgba(27,18,44,.86); --accent:#9a57ff; --accent2:#ffcc45;
  --good:#4df0a4; --bad:#ff5a76; --cyan:#5fe7ff;
}
*{box-sizing:border-box}
html,body{height:100%;margin:0;background:#08070c;color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;overflow:hidden}
button{font:inherit}
#app{height:100%;position:relative;isolation:isolate;background:#0a0911}
.bg{position:absolute;inset:0;background-size:cover;background-position:center;transition:background-image .45s ease,filter .35s ease;z-index:-3}
.bg:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.52) 76%,rgba(0,0,0,.82));}
.scan{position:absolute;inset:0;z-index:-2;pointer-events:none;opacity:.13;background:repeating-linear-gradient(0deg,rgba(255,255,255,.04),rgba(255,255,255,.04) 1px,transparent 1px,transparent 4px)}
.topbar{position:absolute;top:max(10px,env(safe-area-inset-top));left:10px;right:10px;display:flex;gap:8px;align-items:center;z-index:20}
.brand{font-weight:900;letter-spacing:.4px;text-shadow:0 3px 18px #000}
.spacer{flex:1}
.pill{background:rgba(0,0,0,.62);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:8px 11px;font-weight:800;font-size:13px;box-shadow:0 8px 20px rgba(0,0,0,.18)}
.iconbtn{width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:rgba(0,0,0,.64);color:white;font-size:18px;cursor:pointer}
.screen{position:absolute;inset:0;display:none;padding:72px 18px 18px;align-items:center;justify-content:center}
.screen.active{display:flex}
.card{width:min(760px,96vw);max-height:82vh;overflow:auto;background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid rgba(255,255,255,.16);border-radius:24px;padding:22px;box-shadow:0 30px 100px rgba(0,0,0,.48);backdrop-filter:blur(11px)}
h1{font-size:clamp(34px,7vw,72px);line-height:.95;margin:0 0 10px;text-transform:uppercase;letter-spacing:-2px}
h2{font-size:clamp(26px,5vw,46px);margin:0 0 8px}
.sub{color:var(--muted);font-size:clamp(15px,2.7vw,20px);line-height:1.45}
.kicker{color:var(--accent2);font-weight:900;letter-spacing:1.5px;text-transform:uppercase;font-size:13px}
.btnrow{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.primary,.secondary,.choice{border:0;border-radius:16px;padding:14px 18px;font-weight:900;cursor:pointer;min-height:50px}
.primary{background:linear-gradient(135deg,#7e3cff,#b966ff);color:white;box-shadow:0 10px 25px rgba(154,87,255,.32)}
.secondary{background:rgba(255,255,255,.1);color:white;border:1px solid rgba(255,255,255,.14)}
.choice{width:100%;text-align:left;background:rgba(255,255,255,.08);color:white;border:1px solid rgba(255,255,255,.13);margin:6px 0}
.choice:hover{background:rgba(154,87,255,.19)}
.heroimg{width:min(640px,100%);max-height:38vh;object-fit:contain;object-position:center;border-radius:18px;margin:12px auto 0;display:block;filter:drop-shadow(0 18px 25px rgba(0,0,0,.35))}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:15px}
.stat{padding:11px;border-radius:14px;background:rgba(255,255,255,.07);text-align:center}
.stat b{display:block;font-size:19px}
.stat small{color:var(--muted)}
.toast{position:absolute;left:50%;top:16%;transform:translateX(-50%) translateY(-12px);opacity:0;background:rgba(5,5,10,.88);border:1px solid rgba(255,255,255,.2);padding:10px 15px;border-radius:999px;font-weight:900;z-index:50;transition:.2s}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
#hud{position:absolute;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));z-index:15;display:none}
.hudbox{background:rgba(8,8,14,.76);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);border-radius:18px;padding:10px 12px;display:flex;align-items:center;gap:10px}
.progress{height:10px;flex:1;background:rgba(255,255,255,.12);border-radius:99px;overflow:hidden}
.progress>i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--accent),var(--cyan));border-radius:99px;transition:width .12s}
#arena{position:absolute;inset:72px 0 72px;display:none}
#tapField{position:absolute;inset:0;overflow:hidden}
.target{position:absolute;width:68px;height:68px;border-radius:50%;display:grid;place-items:center;font-size:34px;background:radial-gradient(circle at 35% 30%,#fff 0 8%,#b86aff 10%,#6a30d9 55%,#2b0f62 100%);border:3px solid rgba(255,255,255,.88);box-shadow:0 8px 25px rgba(107,47,217,.5);animation:pop .18s ease}
@keyframes pop{from{transform:scale(.35);opacity:.1}to{transform:scale(1);opacity:1}}
.float{position:absolute;font-size:24px;font-weight:1000;pointer-events:none;text-shadow:0 2px 7px #000;animation:rise .7s ease forwards}
@keyframes rise{to{transform:translateY(-55px);opacity:0}}
.rhythm{position:absolute;left:50%;top:0;bottom:0;width:min(560px,98vw);transform:translateX(-50%);display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:0 8px}
.lane{position:relative;background:linear-gradient(180deg,rgba(0,0,0,.28),rgba(0,0,0,.58));border-left:1px solid rgba(255,255,255,.08);border-right:1px solid rgba(255,255,255,.08)}
.hitline{position:absolute;bottom:76px;left:0;right:0;height:5px;background:#fff;box-shadow:0 0 16px #fff}
.rhythmNote{position:absolute;left:12%;right:12%;height:34px;border-radius:10px;background:linear-gradient(135deg,#8b48ff,#d16bff);border:2px solid white;box-shadow:0 5px 20px rgba(154,87,255,.55)}
.note{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;height:auto!important;min-height:0!important;
 padding:10px 12px!important;margin:8px 0!important;border-radius:13px!important;background:rgba(95,231,255,.065)!important;
 border:1px solid rgba(95,231,255,.19)!important;box-shadow:none!important;text-align:center!important;line-height:1.45!important;
 overflow-wrap:anywhere!important}
.padrow{position:absolute;left:50%;transform:translateX(-50%);bottom:13px;width:min(560px,98vw);display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:0 8px;z-index:16}
.pad{height:58px;border:1px solid rgba(255,255,255,.28);border-radius:14px;background:rgba(18,14,29,.84);color:white;font-weight:1000;font-size:22px}
.pad.flash{background:#fff;color:#211232;transform:translateY(2px)}
.storyline{font-size:clamp(21px,4vw,35px);font-weight:1000;line-height:1.15;margin:12px 0}
.bigchoice{font-size:clamp(24px,5vw,42px);font-weight:1000;margin:8px 0;color:var(--accent2)}
.ending{font-size:clamp(21px,4vw,34px);font-weight:1000}
.smallnote{font-size:12px;color:#bcb8c7;margin-top:10px}

.miniwrap{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:18px}
.minibox{width:min(720px,94vw);background:rgba(8,8,15,.84);backdrop-filter:blur(11px);border:1px solid rgba(255,255,255,.17);border-radius:22px;padding:18px;box-shadow:0 24px 70px rgba(0,0,0,.45)}
.minibox h3{margin:0 0 8px;font-size:clamp(24px,5vw,38px)}
.commentcard{font-size:clamp(21px,4vw,32px);font-weight:850;line-height:1.25;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:20px;margin:14px 0;min-height:120px;display:flex;align-items:center}
.actiongrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.actionbtn{border:0;border-radius:16px;padding:16px 10px;color:#fff;font-weight:950;font-size:17px;cursor:pointer}
.replybtn{background:linear-gradient(135deg,#7252ff,#b35dff)}
.ignorebtn{background:linear-gradient(135deg,#3a3b48,#242631)}
.cuttrack{position:relative;height:54px;background:rgba(255,255,255,.1);border-radius:18px;margin:22px 0;overflow:hidden;border:1px solid rgba(255,255,255,.12)}
.cutzone{position:absolute;top:0;bottom:0;background:rgba(77,240,164,.4);border-left:3px solid #4df0a4;border-right:3px solid #4df0a4}
.cutcursor{position:absolute;top:-8px;bottom:-8px;width:7px;background:#fff;box-shadow:0 0 18px #fff;border-radius:5px}
.cutbtn{width:100%;padding:18px;border:0;border-radius:17px;background:linear-gradient(135deg,#ffcc45,#ff8a45);font-weight:1000;font-size:24px;cursor:pointer}
.thumbgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}
.thumb{min-height:150px;border-radius:17px;border:2px solid rgba(255,255,255,.13);background:linear-gradient(145deg,rgba(154,87,255,.22),rgba(0,0,0,.35));color:#fff;padding:14px;font-weight:950;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;text-align:center}
.thumb:hover{border-color:#fff}
.hypegrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}
.hypebtn{height:min(27vh,190px);border:2px solid rgba(255,255,255,.5);border-radius:25px;color:white;font-size:clamp(28px,7vw,66px);font-weight:1000;background:rgba(58,30,99,.72);cursor:pointer;box-shadow:0 12px 35px rgba(0,0,0,.28)}
.hypebtn.active{background:#fff;color:#4d2682;transform:scale(.98)}
.combo{text-align:center;font-size:clamp(22px,4vw,34px);font-weight:1000;color:var(--accent2);margin:10px}

.introstage{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center}
.anchorWrap{position:relative;width:min(40vw,230px);aspect-ratio:1/1;display:grid;place-items:center;filter:drop-shadow(0 0 26px rgba(154,87,255,.45))}
.anchorRing,.anchorRing2{position:absolute;inset:8%;border:2px solid rgba(255,255,255,.18);border-radius:50%;animation:spinRing 7s linear infinite}
.anchorRing2{inset:18%;border-style:dashed;animation-direction:reverse;opacity:.6}
.anchorBadge{position:relative;width:100%;height:100%;display:grid;place-items:center;background:radial-gradient(circle at 50% 35%,rgba(95,231,255,.18),rgba(154,87,255,.1) 35%,rgba(0,0,0,.0) 60%)}
.anchorSvg{width:78%;height:78%;animation:anchorBob 2.2s ease-in-out infinite}
.introTitle{font-size:clamp(28px,7vw,64px);font-weight:1000;letter-spacing:-1px;text-transform:uppercase}
.introSub{font-size:clamp(16px,3vw,22px);color:#ddd}
.introTiny{font-size:clamp(13px,2vw,16px);color:#bfb8ca;letter-spacing:1px;text-transform:uppercase}
.sparkline{display:flex;gap:8px;justify-content:center;align-items:center}
.sparkline i{display:block;width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,#ffcc45,#9a57ff);animation:pulseDot 1.3s ease-in-out infinite}
.sparkline i:nth-child(2){animation-delay:.18s}.sparkline i:nth-child(3){animation-delay:.36s}.sparkline i:nth-child(4){animation-delay:.54s}
@keyframes anchorBob{0%,100%{transform:translateY(0) rotate(-4deg) scale(1)}50%{transform:translateY(-7px) rotate(5deg) scale(1.03)}}
@keyframes spinRing{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes pulseDot{0%,100%{transform:scale(.7);opacity:.45}50%{transform:scale(1.25);opacity:1}}
.linkbtn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.creditline{margin-top:14px;color:#d9d3e6;font-size:clamp(14px,2.3vw,19px)}


html,body{
  width:100%;
  min-height:100%;
  min-height:-webkit-fill-available;
  overscroll-behavior:none;
  -webkit-text-size-adjust:100%;
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;
}
body{position:fixed;inset:0;overflow:hidden}
#app{height:100dvh;min-height:-webkit-fill-available}
button,a{
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  user-select:none;
  touch-action:manipulation;
}
button{-webkit-appearance:none;appearance:none}
.card{
  max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 92px);
  -webkit-overflow-scrolling:touch;
}
.screen{
  padding-top:calc(72px + env(safe-area-inset-top));
  padding-right:max(18px,env(safe-area-inset-right));
  padding-bottom:max(18px,env(safe-area-inset-bottom));
  padding-left:max(18px,env(safe-area-inset-left));
}
#arena{
  top:calc(72px + env(safe-area-inset-top));
  bottom:calc(72px + env(safe-area-inset-bottom));
}
.padrow{bottom:calc(13px + env(safe-area-inset-bottom))}
#hud{
  left:max(12px,env(safe-area-inset-left));
  right:max(12px,env(safe-area-inset-right));
}
.primary,.secondary,.choice,.actionbtn,.thumb,.hypebtn,.pad,.cutbtn{min-height:48px}
@media (hover:none) and (pointer:coarse){
  .primary:active,.secondary:active,.choice:active,.actionbtn:active,.thumb:active,.hypebtn:active,.pad:active,.cutbtn:active{
    transform:scale(.985);
  }
}
@media (max-width:430px){
  .topbar{gap:6px;left:max(6px,env(safe-area-inset-left));right:max(6px,env(safe-area-inset-right))}
  .brand{max-width:44vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .pill{font-size:10px;padding:7px 8px}
  .iconbtn{width:38px;height:38px;flex:0 0 38px}
  .heroimg{max-height:31vh}
}
@media (orientation:landscape) and (max-height:500px){
  .screen{padding-top:58px;padding-bottom:8px;align-items:flex-start}
  .topbar{top:max(4px,env(safe-area-inset-top))}
  .card{max-height:calc(100dvh - 70px);padding:14px}
  .heroimg{max-height:29vh}
  #arena{top:56px;bottom:58px}
  .padrow{bottom:calc(5px + env(safe-area-inset-bottom))}
  .pad{height:48px}
  .hypebtn{height:min(31vh,120px)}
}


.pigCameo{
  position:absolute; z-index:80; width:56px; height:56px; border:0; border-radius:50%;
  display:grid; place-items:center; font-size:34px; cursor:pointer; opacity:.96;
  background:radial-gradient(circle at 35% 28%,#fff 0 7%,#ffc0cb 9%,#e9779e 66%,#9b365b 100%);
  box-shadow:0 8px 22px rgba(0,0,0,.35),0 0 16px rgba(255,142,183,.30);
  border:2px solid rgba(255,255,255,.82);
  animation:pigPop .2s ease,pigWobble .9s ease-in-out infinite alternate;
}
@keyframes pigPop{from{transform:scale(.2) rotate(-30deg);opacity:0}to{transform:scale(1);opacity:1}}
@keyframes pigWobble{from{rotate:-7deg}to{rotate:7deg}}
.pigFail{
  position:absolute; inset:0; z-index:120; pointer-events:none; display:flex; align-items:center; justify-content:center;
  background:radial-gradient(circle,rgba(148,38,78,.18),rgba(0,0,0,.02) 55%,transparent 70%);
}
.pigFailBox{
  text-align:center; transform:rotate(-4deg); animation:pigFailBoom .65s ease forwards;
  text-shadow:0 5px 18px #000;
}
.pigFailFace{font-size:clamp(74px,22vw,150px);line-height:.9}
.pigFailText{font-size:clamp(30px,10vw,76px);font-weight:1000;color:#ffb3cb;letter-spacing:-2px}
@keyframes pigFailBoom{
  0%{transform:scale(.2) rotate(-18deg);opacity:0}
  30%{transform:scale(1.14) rotate(6deg);opacity:1}
  70%{transform:scale(.96) rotate(-3deg);opacity:1}
  100%{transform:scale(.72) translateY(-30px);opacity:0}
}
.rhymeWord{font-size:clamp(18px,3.8vw,29px);font-weight:1000;line-height:1.28;margin:12px 0 16px}
.hnCompactStoryCopy,.v1763CareChapter{font-size:clamp(14px,2.2vw,18px);line-height:1.5}
#careRail1763 .v1763EventChoices button,#careWork1763 .v1763EventChoices button{min-height:52px;padding:10px 12px;font-size:clamp(13px,2.8vw,16px);line-height:1.25}
#careRail1763 .v1763EventChoices,#careWork1763 .v1763EventChoices{display:grid;grid-template-columns:1fr;gap:8px;margin-top:10px}#careRail1763 .v1763EventChoices button,#careWork1763 .v1763EventChoices button,.careChoiceRow .careChoiceBtn{width:100%;border:1px solid rgba(255,255,255,.15);border-radius:12px;background:rgba(255,255,255,.075);color:#fff;font-weight:850;text-align:left;box-shadow:none}.v1763CareChapter,.hnCompactStoryCopy{font-size:clamp(14px,2.8vw,17px)!important;line-height:1.48}.rhymeWord{font-size:clamp(18px,5vw,28px)!important;line-height:1.25!important}.rhymeGrid button{font-size:clamp(13px,3vw,16px)!important;line-height:1.25}
.hnEventHelpClose,#v12ModalClose{touch-action:manipulation;min-width:44px!important;min-height:44px!important;position:relative;z-index:20}
.hnMiniBriefHero{display:flex;gap:12px;align-items:center;padding:14px;border:1px solid rgba(255,255,255,.13);border-radius:16px;background:linear-gradient(135deg,rgba(50,89,145,.3),rgba(100,49,125,.24))}.hnMiniBriefHero>span{font-size:38px}.hnMiniBriefHero small,.hnNowCurrent small,.hnUnlockReward>small{font-size:9px;font-weight:900;letter-spacing:.14em;color:#8edfff}.hnMiniBriefHero h3,.hnNowCurrent h3,.hnUnlockReward h3{margin:3px 0 0}.hnMiniBriefGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}.hnMiniBriefGrid>div{padding:11px;border:1px solid rgba(255,255,255,.11);border-radius:13px;background:rgba(255,255,255,.045)}.hnMiniBriefGrid p{margin:4px 0 0;font-size:13px;line-height:1.4;color:#c9d0de}.hnMiniStart{width:100%;min-height:52px}.hnReward17929{margin-top:14px;padding:12px;border:1px solid rgba(255,212,92,.35);border-radius:14px;background:linear-gradient(135deg,rgba(255,210,84,.12),rgba(105,71,180,.14))}.hnReward17929>div:first-child{display:flex;gap:8px;align-items:center;color:#ffe18a}.hnRewardRows{display:grid!important;grid-template-columns:repeat(4,1fr);gap:6px;margin:9px 0}.hnRewardRows span{display:grid;padding:7px;border-radius:9px;background:rgba(0,0,0,.2);text-align:center}.hnRewardRows small{font-size:9px}.hnNowCurrent{padding:14px;border-left:4px solid #ffd45c;background:rgba(255,255,255,.045)}.hnNowCurrent p{margin-bottom:0;line-height:1.45}.hnUnlockReward{text-align:center;padding:14px}.hnUnlockReward>span{display:block;font-size:55px;margin-bottom:6px}.hnUnlockReward p{line-height:1.5}.hnUnlockReward button{width:100%;margin-top:8px}@media(max-width:560px){.hnMiniBriefGrid{grid-template-columns:1fr}.hnRewardRows{grid-template-columns:1fr 1fr}.hnMiniBriefHero{padding:10px}.hnMiniBriefHero>span{font-size:31px}}
.hnNextHook17930{display:grid!important;grid-template-columns:auto 1fr;gap:2px 8px!important;align-items:center;margin-top:10px;padding:9px 10px;border-radius:10px;background:rgba(0,0,0,.24);text-align:left!important}.hnNextHook17930 b{color:#8edfff}.hnNextHook17930 span{font-weight:850}.hnNextHook17930 small{grid-column:2;line-height:1.35;color:#bbc4d5}.hnChoiceArchive{display:grid;gap:8px}.hnChoiceArchive article{display:grid;gap:4px;padding:11px;border:1px solid rgba(255,255,255,.11);border-radius:12px;background:rgba(255,255,255,.045)}.hnChoiceArchive article small{font-size:9px;letter-spacing:.1em;color:#8edfff;text-transform:uppercase}.hnChoiceArchive article b{font-size:14px}.hnChoiceArchive article span{color:#ffd45c;font-size:12px;font-weight:800}
@media(max-width:680px){.hnCompactStoryCopy,.v1763CareChapter{font-size:14px}.rhymeWord{font-size:20px}#careRail1763 .v1763EventChoices,#careWork1763 .v1763EventChoices{display:grid;grid-template-columns:1fr;gap:8px}}
.rhymeGrid{display:grid;grid-template-columns:1fr;gap:9px}
.rhymeBtn{border:1px solid rgba(255,255,255,.16);border-radius:16px;padding:15px;background:rgba(255,255,255,.08);color:#fff;font-weight:900;font-size:17px;text-align:left}
.memoryGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
.memPad{height:min(21vh,130px);border:2px solid rgba(255,255,255,.28);border-radius:22px;color:#fff;font-size:clamp(27px,8vw,52px);font-weight:1000;background:rgba(42,29,65,.82)}
.memPad[data-pad="0"]{background:rgba(93,63,180,.75)}
.memPad[data-pad="1"]{background:rgba(185,67,118,.72)}
.memPad[data-pad="2"]{background:rgba(37,134,160,.72)}
.memPad[data-pad="3"]{background:rgba(183,137,42,.72)}
.memPad.lit{filter:brightness(1.9);transform:scale(.96);box-shadow:0 0 30px rgba(255,255,255,.55)}


.pigArena{
  position:relative; height:min(46vh,360px); margin-top:16px; overflow:hidden;
  border-radius:22px; border:1px solid rgba(255,255,255,.14);
  background:
    linear-gradient(180deg,rgba(53,22,77,.84),rgba(18,12,34,.96)),
    radial-gradient(circle at 50% 18%,rgba(255,255,255,.09),transparent 36%);
}
.tinoThrow{
  position:absolute; top:10px; left:50%; transform:translateX(-50%);
  font-weight:1000; letter-spacing:1px; font-size:clamp(18px,4vw,28px);
  color:#ffd5e6; text-shadow:0 4px 14px #000;
}
.pigLaneLine{
  position:absolute; top:0; bottom:0; width:2px;
  background:linear-gradient(180deg,transparent,rgba(255,255,255,.10),transparent);
}
.throwCount{
  position:absolute; top:10px; right:12px; font-size:13px; font-weight:900;
  background:rgba(0,0,0,.35); padding:6px 9px; border-radius:999px;
  border:1px solid rgba(255,255,255,.14)
}
.dodgeTip{
  position:absolute; left:50%; top:46px; transform:translateX(-50%);
  font-size:13px; color:#d7cde7; text-align:center;
}
.johnRunner{
  position:absolute; bottom:16px; width:64px; height:64px; margin-left:-32px;
  display:grid; place-items:center; font-size:42px; z-index:3;
  filter:drop-shadow(0 8px 12px rgba(0,0,0,.35));
  transition:left .12s ease;
}
.pigProjectile{
  position:absolute; top:-46px; width:48px; height:48px; margin-left:-24px;
  display:grid; place-items:center; font-size:34px; z-index:2;
  filter:drop-shadow(0 8px 10px rgba(0,0,0,.35));
}
.dodgeButtons{
  display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:14px;
}
.dodgeBtn{
  min-height:56px; border:0; border-radius:18px; color:#fff; font-size:24px; font-weight:1000;
  background:linear-gradient(135deg,#6d3cff,#b85cff); cursor:pointer;
}


.tinoFigure{
  position:absolute; top:10px; left:50%; transform:translateX(-50%);
  display:flex; flex-direction:column; align-items:center; gap:4px; z-index:4;
  filter:drop-shadow(0 8px 16px rgba(0,0,0,.35));
}
.tinoFace{
  width:68px; height:68px; border-radius:50%;
  display:grid; place-items:center; font-size:38px;
  background:radial-gradient(circle at 38% 28%,#fff 0 7%,#f0cdb5 9%,#cc9370 66%,#77452f 100%);
  border:3px solid rgba(255,255,255,.85);
  box-shadow:0 0 18px rgba(255,255,255,.14);
}
.tinoBody{
  padding:8px 12px; border-radius:16px;
  background:linear-gradient(135deg,#4d2677,#8b4eff);
  border:1px solid rgba(255,255,255,.18); color:#fff; font-weight:1000; font-size:14px;
}
.tinoArms{
  position:absolute; top:46px; left:50%; width:130px; height:36px; transform:translateX(-50%);
}
.tinoArm{
  position:absolute; top:0; width:54px; height:12px; border-radius:999px;
  background:linear-gradient(90deg,#cf9c79,#ad6d45);
}
.tinoArm.left{ left:-8px; transform:rotate(22deg); transform-origin:right center; }
.tinoArm.right{ right:-8px; transform:rotate(-22deg); transform-origin:left center; }
.tinoArm.throwing.left{ animation:armThrowL .28s ease; }
.tinoArm.throwing.right{ animation:armThrowR .28s ease; }
@keyframes armThrowL{0%{transform:rotate(22deg)}50%{transform:rotate(-10deg)}100%{transform:rotate(22deg)}}
@keyframes armThrowR{0%{transform:rotate(-22deg)}50%{transform:rotate(10deg)}100%{transform:rotate(-22deg)}}

.johnRunner{
  position:absolute; bottom:16px; width:74px; height:74px; margin-left:-37px;
  display:grid; place-items:center; z-index:3;
  transition:left .13s ease, transform .16s ease, filter .16s ease;
}
.johnAvatar{
  font-size:46px; line-height:1;
  filter:drop-shadow(0 8px 12px rgba(0,0,0,.35));
}
.johnLabel{
  position:absolute; bottom:-10px; left:50%; transform:translateX(-50%);
  font-size:11px; font-weight:1000; background:rgba(0,0,0,.42); color:#fff;
  padding:3px 7px; border-radius:999px; border:1px solid rgba(255,255,255,.16);
}
.johnRunner.dodge .johnAvatar{ animation:johnDodge .22s ease; }
.johnRunner.hit .johnAvatar{ animation:johnHit .42s ease; }
@keyframes johnDodge{
  0%{transform:translateX(0) scale(1)}
  35%{transform:translateX(-8px) scale(1.04)}
  100%{transform:translateX(0) scale(1)}
}
@keyframes johnHit{
  0%{transform:translateY(0) rotate(0) scale(1)}
  28%{transform:translateY(-10px) rotate(-10deg) scale(1.1)}
  55%{transform:translateY(6px) rotate(10deg) scale(.98)}
  100%{transform:translateY(0) rotate(0) scale(1)}
}
.comboPill{
  position:absolute; top:10px; left:12px; z-index:5;
  font-size:13px; font-weight:1000; padding:6px 10px; border-radius:999px;
  background:rgba(0,0,0,.36); border:1px solid rgba(255,255,255,.14); color:#fff;
}
.bossBarWrap{
  margin-top:10px; border-radius:999px; overflow:hidden; height:14px;
  background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.12);
}
.bossBar{
  height:100%; width:100%;
  background:linear-gradient(90deg,#ff7eb1,#ffb347,#ffe066);
  transition:width .16s ease;
}
.bossText{
  font-size:13px; font-weight:900; color:#ffdbe8; margin-top:8px;
}
.throwButtons3{
  display:grid; grid-template-columns:1fr 1fr 1fr; gap:10px; margin-top:14px;
}
.throwBtn{
  min-height:56px; border:0; border-radius:18px; color:#fff; font-size:21px; font-weight:1000;
  background:linear-gradient(135deg,#6d3cff,#b85cff); cursor:pointer;
}
.hitSplash{
  position:absolute; font-size:26px; font-weight:1000; color:#fff; z-index:10; pointer-events:none;
  text-shadow:0 4px 14px #000; animation:splashRise .55s ease forwards;
}
@keyframes splashRise{to{transform:translateY(-36px) scale(1.15);opacity:0}}


.castRow{display:flex;gap:14px;justify-content:center;align-items:stretch;flex-wrap:wrap;margin:14px 0 6px}
.castPortrait{position:relative;flex:1 1 180px;max-width:240px;min-width:160px;border-radius:20px;overflow:hidden;background:linear-gradient(180deg,rgba(40,28,71,.88),rgba(14,12,23,.88));border:1px solid rgba(255,255,255,.16);box-shadow:0 18px 40px rgba(0,0,0,.28)}
.castPortrait img{display:block;width:100%;height:180px;object-fit:contain;object-position:center bottom;background:radial-gradient(circle at 50% 30%,rgba(124,87,255,.22),rgba(95,231,255,.10) 45%,transparent 70%)}
.castCaption{padding:10px 12px;font-size:13px;font-weight:1000;letter-spacing:.4px;text-transform:uppercase;text-align:center}
.storyArt{margin-top:12px}
.overlayWrap{position:absolute;inset:0;z-index:300;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(4,4,9,.72);backdrop-filter:blur(12px)}
.overlayWrap.show{display:flex}
.overlayCard{width:min(680px,94vw);background:linear-gradient(180deg,rgba(34,22,56,.96),rgba(13,10,21,.96));border:1px solid rgba(255,255,255,.16);border-radius:24px;padding:22px;box-shadow:0 30px 90px rgba(0,0,0,.5)}
.overlayTitle{font-size:clamp(28px,7vw,54px);font-weight:1000;line-height:1;letter-spacing:-1px;text-transform:uppercase;margin:0 0 8px}
.overlayText{color:#ddd;line-height:1.45;font-size:clamp(15px,2.8vw,20px)}
.overlayBtns{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.overlayBtns button{min-width:150px}
.duoBadge{display:inline-flex;gap:8px;align-items:center;justify-content:center;margin:8px 0 0;font-size:13px;font-weight:1000;color:#ddd;flex-wrap:wrap}
.duoBadge span{padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14)}
.topAvatarDock{display:none;align-items:center;gap:8px}
.topAvatar{width:28px;height:28px;border-radius:50%;overflow:hidden;border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.08)}
.topAvatar img{width:100%;height:100%;object-fit:cover}
.phasePill{position:absolute;top:42px;left:12px;z-index:5;font-size:12px;font-weight:1000;padding:6px 10px;border-radius:999px;background:rgba(255,235,163,.18);border:1px solid rgba(255,235,163,.25);color:#ffe8a3}
@media (min-width:760px){.topAvatarDock{display:flex}}


.speechGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0 4px}
.bubble{position:relative;padding:12px 14px;border-radius:18px;font-size:14px;line-height:1.35;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);box-shadow:0 10px 24px rgba(0,0,0,.18)}
.bubble.left{background:linear-gradient(180deg,rgba(108,76,255,.22),rgba(255,255,255,.05));}
.bubble.right{background:linear-gradient(180deg,rgba(255,122,184,.22),rgba(255,255,255,.05));}
.bubble:after{content:"";position:absolute;bottom:-8px;width:14px;height:14px;background:inherit;border-right:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14);transform:rotate(45deg)}
.bubble.left:after{left:20px}
.bubble.right:after{right:20px}
.trollLives{margin:10px 0 0;font-size:13px;font-weight:1000;color:#ffd3db}
.trollMode{margin-top:14px;padding:12px;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.18)}
.trollWindowField{position:relative;min-height:180px;margin-top:10px;border-radius:18px;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.09)}
.trollWindow{position:absolute;min-width:150px;max-width:200px;padding:10px 12px;border-radius:14px;background:linear-gradient(180deg,rgba(45,47,66,.96),rgba(22,24,34,.96));border:1px solid rgba(255,255,255,.15);box-shadow:0 18px 32px rgba(0,0,0,.25);font-size:13px;line-height:1.28}
.trollWindow .ttl{display:block;font-size:11px;letter-spacing:.4px;color:#ffb8c9;margin-bottom:6px;font-weight:1000}
.replyChoices{display:grid;grid-template-columns:1fr;gap:10px;margin-top:12px}
.replyChoiceBtn{border:0;border-radius:16px;padding:14px 12px;text-align:left;font-size:14px;line-height:1.35;color:#fff;background:linear-gradient(135deg,#402c71,#6f4bff);box-shadow:0 12px 28px rgba(88,58,168,.25);cursor:pointer}
.replyChoiceBtn:hover{transform:translateY(-1px)}
.commentTone{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;margin-bottom:8px;font-size:12px;font-weight:1000;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}
.commentcard.big{font-size:20px;line-height:1.35;min-height:120px}

/* V11: Rescue mode + ad management */
.rescueOverlay{position:absolute;inset:0;z-index:110;display:flex;align-items:center;justify-content:center;padding:14px;background:rgba(8,5,14,.86);backdrop-filter:blur(8px)}
.rescueCard{position:relative;width:min(720px,96vw);height:min(560px,78vh);overflow:hidden;border-radius:24px;border:1px solid rgba(255,255,255,.18);background:radial-gradient(circle at 50% 30%,rgba(143,77,255,.28),rgba(12,9,20,.98) 65%);box-shadow:0 30px 80px rgba(0,0,0,.5)}
.rescueHeader{position:absolute;left:14px;right:14px;top:12px;z-index:3;display:flex;align-items:center;gap:12px}
.rescueTino{width:68px;height:68px;border-radius:50%;overflow:hidden;border:2px solid rgba(255,255,255,.75);flex:0 0 68px;background:#24152f}
.rescueTino img{width:100%;height:100%;object-fit:cover}
.rescueCopy{flex:1}.rescueCopy b{display:block;font-size:clamp(18px,4vw,28px)}.rescueCopy small{color:#d7cbdf}
.rescueTimer{font-size:clamp(24px,7vw,44px);font-weight:1000;color:#ffcf55;min-width:75px;text-align:right}
.rescueField{position:absolute;left:10px;right:10px;top:94px;bottom:54px;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025)}
.rescuePig{position:absolute;width:58px;height:58px;border:0;border-radius:50%;display:grid;place-items:center;font-size:38px;background:radial-gradient(circle at 35% 28%,#fff 0 7%,#ffc0cb 9%,#e9779e 66%,#9b365b 100%);border:2px solid rgba(255,255,255,.85);box-shadow:0 10px 24px rgba(0,0,0,.35);animation:pigPop .16s ease}
.rescueScore{position:absolute;bottom:15px;left:18px;right:18px;text-align:center;font-size:16px;font-weight:1000;color:#fff}
.adSlot{display:none;margin-top:12px;width:min(520px,92%);padding:10px 12px;border-radius:16px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);text-align:left}
.adSlot.show{display:block}.adSlot img{width:72px;height:52px;object-fit:cover;border-radius:10px;float:left;margin-right:10px}.adSlot b{display:block;color:#ffdc73}.adSlot small{display:block;color:#bbb;margin-top:2px}.adSlot a{color:#8feaff;text-decoration:none;font-weight:800}
.interstitialAd{position:absolute;inset:0;z-index:340;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(0,0,0,.76);backdrop-filter:blur(10px)}.interstitialAd.show{display:flex}.interstitialCard{width:min(560px,92vw);border-radius:22px;padding:20px;background:linear-gradient(180deg,#241936,#0d0b13);border:1px solid rgba(255,255,255,.16);box-shadow:0 28px 70px rgba(0,0,0,.5)}.interstitialCard img{width:100%;max-height:180px;object-fit:cover;border-radius:14px;margin-bottom:12px}.sponsored{font-size:11px;letter-spacing:1px;color:#aaa;text-transform:uppercase;font-weight:900}.interstitialCard h3{font-size:28px;margin:5px 0}.interstitialCard p{color:#ddd;line-height:1.4}.adActions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
@media(max-width:600px){.rescueCard{height:72vh}.rescuePig{width:54px;height:54px;font-size:35px}}

@media (max-width:650px){.speechGrid{grid-template-columns:1fr}.trollWindowField{min-height:210px}}

@media (max-width:650px){.thumbgrid{grid-template-columns:1fr}.thumb{min-height:82px}.commentcard{min-height:100px}}

@media (max-width:650px){
  .stats{grid-template-columns:repeat(2,1fr)}
  .card{padding:18px}
  .brand{font-size:13px}
  .pill{font-size:11px;padding:7px 9px}
}

/* ===== V13.6 MESSAGE GENERATOR · SPONSORED STORIES ===== */
:root{--v12pink:#ff3f8f;--v12blue:#55dffa;--v12gold:#ffd359;--v12green:#52e7a8;--v12red:#ff5c76}
#topStats{display:none!important}.v12Hud{display:flex;gap:6px;align-items:center;flex-wrap:nowrap;max-width:min(720px,72vw);overflow:hidden}.hudChip{display:flex;gap:6px;align-items:center;background:rgba(5,7,15,.78);border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:7px 9px;min-width:78px;box-shadow:0 8px 22px rgba(0,0,0,.24)}.hudChip b{font-size:clamp(12px,2vw,17px);white-space:nowrap}.hudChip small{display:block;font-size:9px;color:#aeb5ca;text-transform:uppercase;letter-spacing:.5px}.xpChip{min-width:145px}.xpMini{height:5px;background:rgba(255,255,255,.12);border-radius:99px;overflow:hidden;margin-top:3px}.xpMini i{display:block;height:100%;background:linear-gradient(90deg,var(--v12blue),var(--v12pink));width:0}.v12StartControls{display:grid;grid-template-columns:1fr 1.6fr;gap:12px;margin-top:15px}.v12Panel{border:1px solid rgba(255,255,255,.13);border-radius:18px;padding:12px;background:rgba(0,0,0,.22)}.v12Panel h3{margin:0 0 9px;font-size:15px}.seg{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.seg button,.careerBtn{border:1px solid rgba(255,255,255,.13);border-radius:12px;padding:9px;background:rgba(255,255,255,.07);color:white;font-weight:900;cursor:pointer}.seg button.active,.careerBtn.active{background:linear-gradient(135deg,#7b4cff,#cf4da5);box-shadow:0 0 0 1px rgba(255,255,255,.12) inset}.careerGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.careerBtn{min-height:66px;text-align:left}.careerBtn small{display:block;color:#bfc5d5;font-weight:600;margin-top:3px}.careerBtn.locked{opacity:.45;filter:grayscale(.5)}.v12MenuRow{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.miniBtn{border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(255,255,255,.07);color:white;padding:8px 11px;font-weight:800;cursor:pointer}.v12Footer{position:absolute;z-index:25;left:14px;right:14px;bottom:max(7px,env(safe-area-inset-bottom));display:flex;justify-content:center;gap:12px;flex-wrap:wrap;pointer-events:auto}.v12Footer button,.v12Footer a{border:0;background:rgba(3,5,12,.66);color:#cbd2df;border-radius:999px;padding:6px 10px;font-size:10px;text-decoration:none;cursor:pointer;border:1px solid rgba(255,255,255,.09)}
.v12Modal{position:absolute;z-index:380;inset:0;display:none;align-items:center;justify-content:center;padding:14px;background:rgba(4,5,10,.82);backdrop-filter:blur(10px)}.v12Modal.show{display:flex}.v12ModalCard{width:min(900px,96vw);max-height:88vh;overflow:auto;border-radius:22px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(180deg,#171329f5,#090b14f7);padding:18px;box-shadow:0 28px 90px rgba(0,0,0,.55)}.v12ModalHead{display:flex;align-items:center;gap:10px}.v12ModalHead h2{margin:0;flex:1}.xbtn{width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);color:white;font-size:20px;cursor:pointer}.gridCards{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin-top:12px}.infoCard{padding:12px;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05)}.infoCard b{display:block;margin-bottom:5px}.lockedText{color:#9ca4b5}.achievement.done{border-color:rgba(82,231,168,.5);background:rgba(82,231,168,.08)}
.gameLives{font-weight:1000;color:#ff7b92}.comboFlash{position:absolute;z-index:90;left:50%;top:25%;transform:translate(-50%,-50%);font-size:clamp(28px,8vw,64px);font-weight:1000;text-shadow:0 8px 24px #000;pointer-events:none;animation:v12Pop .7s ease forwards}@keyframes v12Pop{0%{opacity:0;transform:translate(-50%,-40%) scale(.7)}25%{opacity:1;transform:translate(-50%,-50%) scale(1.12)}100%{opacity:0;transform:translate(-50%,-70%) scale(1)}}
.trollRescue{position:absolute;inset:0;z-index:130;background:rgba(8,6,14,.9);display:flex;align-items:center;justify-content:center;padding:12px}.trollRescueCard{position:relative;width:min(760px,96vw);height:min(580px,82vh);border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.16);background:radial-gradient(circle at 50% 15%,rgba(97,50,144,.35),#0b0b14 68%)}.rescueTop{display:flex;gap:10px;align-items:center;padding:12px}.rescueTop img{width:58px;height:58px;border-radius:50%;object-fit:cover;border:2px solid white}.rescueTop .copy{flex:1}.rescueTop .timer{font-size:34px;font-weight:1000;color:var(--v12gold)}.trollCloud{position:absolute;left:8px;right:8px;top:88px;bottom:56px}.trollPill{position:absolute;border:1px solid rgba(255,255,255,.13);border-radius:13px;background:#282239;color:#fff;padding:9px;font-size:12px;max-width:180px;box-shadow:0 12px 28px rgba(0,0,0,.3)}.trollPill button{display:block;margin-top:6px;width:100%;border:0;border-radius:9px;background:#7151d6;color:white;padding:7px;font-weight:900}.rescueBottom{position:absolute;left:12px;right:12px;bottom:13px;text-align:center;font-weight:1000}
.cutRescueGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:18px}.clipPiece{border:1px solid rgba(255,255,255,.14);border-radius:16px;min-height:90px;background:linear-gradient(135deg,#2a2540,#53366e);color:white;font-size:21px;font-weight:1000}.clipPiece.hit{background:linear-gradient(135deg,#1e7d5c,#54d99e)}
.newsFlash{position:absolute;z-index:260;right:14px;top:78px;width:min(420px,92vw);display:none;border-radius:20px;border:1px solid rgba(255,255,255,.18);background:linear-gradient(180deg,#151827f4,#070a12f6);box-shadow:0 24px 65px rgba(0,0,0,.5);overflow:hidden}.newsFlash.show{display:block;animation:newsIn .25s ease}@keyframes newsIn{from{transform:translateX(25px);opacity:0}}.newsHead{padding:10px 12px;background:linear-gradient(90deg,#e52d6f,#9b3dde);font-weight:1000;display:flex;gap:8px;align-items:center}.newsHead span{flex:1}.newsBody{padding:13px}.newsBody h3{margin:0 0 8px;font-size:20px}.newsQuote{padding:9px 10px;border-left:3px solid var(--v12pink);background:rgba(255,255,255,.05);border-radius:8px;margin:7px 0;font-size:13px;line-height:1.35}.newsAd{margin-top:10px}
.adRender{position:relative;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.14);background:linear-gradient(135deg,#07324b,#14142b);min-height:54px}.adRender .adMark{position:absolute;z-index:2;left:6px;top:6px;background:rgba(0,0,0,.68);border:1px solid rgba(255,255,255,.25);border-radius:6px;padding:3px 6px;font-size:9px;font-weight:900}.adRender a{display:block;color:white;text-decoration:none}.adRender img{width:100%;height:auto;display:block;max-height:260px;object-fit:cover}.adFallback{padding:18px;text-align:center;font-weight:1000;background:linear-gradient(120deg,#03293e,#126b7d,#5e205c);background-size:220% 220%;animation:adWave 5s ease infinite}@keyframes adWave{50%{background-position:100% 50%}}.adFallback b{font-size:20px;display:block}.adFallback small{color:#d8edf1}.adSlotInline{margin-top:12px}.bossPhaseAd{position:absolute;z-index:95;left:50%;bottom:76px;transform:translateX(-50%);width:min(728px,92%);display:none}.bossPhaseAd.show{display:block;animation:v12Pop 2.8s ease forwards}.gameoverAd{margin-top:14px}.endcardDynamic{margin-top:14px;border-top:1px solid rgba(255,255,255,.1);padding-top:13px}.socialEnd{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.socialEnd a,.socialEnd button{border:1px solid rgba(255,255,255,.13);border-radius:12px;padding:10px 12px;background:rgba(255,255,255,.07);color:white;text-decoration:none;font-weight:900}.socialEnd .disabled{opacity:.35;pointer-events:none}.ytFrame{aspect-ratio:16/9;width:100%;border:0;border-radius:14px;background:#000;margin-top:10px}
.consentBox{position:absolute;z-index:500;left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));display:none;justify-content:center}.consentBox.show{display:flex}.consentCard{width:min(760px,96vw);border-radius:18px;border:1px solid rgba(255,255,255,.18);background:#0b1020f5;padding:14px;box-shadow:0 18px 60px rgba(0,0,0,.55)}.consentBtns{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.consentOptions{display:none;margin-top:10px;padding:10px;border-radius:12px;background:rgba(255,255,255,.05)}.consentOptions.show{display:block}.consentOptions label{display:flex;gap:8px;margin:7px 0}
.perf-saver .scan,.perf-saver .sparkline,.perf-saver .anchorRing,.perf-saver .anchorRing2{display:none!important}.perf-saver *{backdrop-filter:none!important}.perf-saver .bg{filter:saturate(.9)}

.originPrologue{position:absolute;z-index:410;inset:0;display:none;align-items:center;justify-content:center;padding:14px;background:radial-gradient(circle at 50% 15%,rgba(66,41,115,.82),rgba(3,5,12,.96) 62%);backdrop-filter:blur(10px)}
.originPrologue.show{display:flex}.originCard{width:min(940px,97vw);max-height:92vh;overflow:auto;border-radius:25px;border:1px solid rgba(255,255,255,.17);background:linear-gradient(180deg,#17152af5,#080a12fa);box-shadow:0 32px 100px rgba(0,0,0,.58);padding:18px}.originHead{display:flex;align-items:center;gap:10px}.originHead .kicker{flex:1}.originScene{margin-top:12px;border-radius:20px;min-height:350px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:linear-gradient(135deg,#101c33,#28153b)}.originScene:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 20%,rgba(69,220,255,.19),transparent 38%),radial-gradient(circle at 20% 75%,rgba(255,63,143,.16),transparent 40%);pointer-events:none}.originVisual{position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:center;gap:10px;min-height:220px;padding:18px 18px 0}.originPerson{width:min(220px,39vw);height:220px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 18px 18px rgba(0,0,0,.38))}.originIcons{display:flex;flex-direction:column;gap:10px;align-self:center;font-size:34px}.originCopy{position:relative;z-index:3;padding:16px 18px 19px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.6) 28%,rgba(0,0,0,.82));margin-top:-15px}.originCopy h2{font-size:clamp(26px,6vw,48px);margin:0 0 8px}.originCopy p{margin:0;color:#d7dae6;line-height:1.5;font-size:clamp(14px,2.5vw,18px)}.originSpeech{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.originSpeech div{border-radius:14px;padding:10px 12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.11);font-size:13px}.originSteps{display:flex;gap:6px;justify-content:center;margin:13px 0 5px}.originSteps i{width:26px;height:5px;border-radius:99px;background:rgba(255,255,255,.18)}.originSteps i.on{background:linear-gradient(90deg,var(--v12blue),var(--v12pink))}.originActions{display:flex;gap:8px;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-top:11px}.originActions .right{display:flex;gap:8px}.originPathCards{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:12px}.originPathCard{padding:11px;border-radius:14px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.11);font-weight:900}.originPathCard small{display:block;color:#bbc2d2;margin-top:4px;font-weight:600}@media(max-width:560px){.originScene{min-height:330px}.originVisual{min-height:190px}.originPerson{height:190px}.originSpeech{grid-template-columns:1fr}.originPathCards{grid-template-columns:1fr 1fr}.originActions{align-items:stretch}.originActions .right{width:100%}.originActions .right button{flex:1}}

@media(max-width:780px){.stressChip{display:none}.topbar{gap:5px}.topAvatarDock{display:none!important}.v12Hud{max-width:calc(100vw - 115px);gap:3px}.hudChip{min-width:auto;padding:5px 7px;border-radius:9px}.hudChip small{display:none}.xpChip{min-width:88px}.brand{display:none}.v12StartControls{grid-template-columns:1fr}.careerGrid{grid-template-columns:1fr 1fr}.v12Footer{display:flex;left:5px;right:5px;bottom:max(3px,env(safe-area-inset-bottom));gap:4px}.v12Footer>*{display:none!important}.v12Footer [data-legal],.v12Footer #cookieSettingsBtn,.v12Footer #privacyCenterBtn{display:inline-flex!important;font-size:9px;padding:5px 7px}.screen{padding-top:66px;padding-bottom:34px}.card{max-height:82vh}.newsFlash{top:68px}.v12MenuRow{gap:5px}.miniBtn{font-size:11px;padding:7px 8px}}
@media(max-width:460px){.hudChip b{font-size:11px}.hudChip{padding:5px}.careerGrid{grid-template-columns:1fr}.seg button{padding:8px 5px;font-size:11px}.v12StartControls{margin-top:8px}.heroimg{max-height:24vh}}

.debugDock{position:fixed;left:8px;bottom:44px;z-index:5000;display:none;max-width:min(420px,92vw);padding:8px 10px;border-radius:12px;background:#050912e8;border:1px solid #39d1ec;color:#bfefff;font:11px ui-monospace,monospace;pointer-events:none}.debugDock.show{display:block}.diagRow{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.1)}.diagOk{color:#65e3a7}.diagBad{color:#ff7790}.reportForm{display:grid;gap:10px}.reportForm select,.reportForm textarea{width:100%;padding:11px;border-radius:10px;border:1px solid rgba(255,255,255,.16);background:#0c1422;color:#fff}.reportForm textarea{min-height:120px}.recoveryBanner{padding:12px;border-radius:14px;background:rgba(38,200,232,.1);border:1px solid rgba(38,200,232,.35);margin:10px 0}

.shareBar{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.shareBtn{border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:10px 12px;background:linear-gradient(135deg,rgba(38,200,232,.14),rgba(239,61,135,.13));color:#fff;font-weight:900;cursor:pointer}.shareBtn:hover{transform:translateY(-1px)}.shareNote{font-size:12px;color:#b8c2d0;margin-top:9px}.ageBadge{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:7px 11px;background:rgba(0,0,0,.24);color:#fff;font-size:12px;font-weight:1000;margin:8px 0 2px}.ageBadge.warn{border-color:#ffd45f;color:#ffe5a0}.ageBadge.ok{border-color:#52d79b;color:#b8ffd9}.legalWarn{padding:10px;border-radius:12px;border:1px solid rgba(255,212,95,.32);background:rgba(255,212,95,.08);font-size:12px;color:#ffe5a0;margin-top:10px}


.leaderTable{width:100%;border-collapse:collapse;font-size:13px}.leaderTable th,.leaderTable td{padding:8px;border-bottom:1px solid rgba(255,255,255,.1);text-align:left}.leaderTable tr:first-child td{font-weight:1000;color:#ffe59a}.scoreHero{font-size:clamp(34px,8vw,60px);font-weight:1000;line-height:1;color:#ffe37e;margin:8px 0}.contestDemo{padding:10px;border-radius:12px;background:rgba(255,210,75,.12);border:1px solid rgba(255,210,75,.3);color:#ffe8a3}.v125Form{display:grid;gap:9px}.v125Form input,.v125Form select{width:100%;padding:11px;border-radius:10px;background:#091421;color:#fff;border:1px solid rgba(255,255,255,.15)}body.a11yLarge{font-size:118%}body.a11yContrast{filter:contrast(1.18)}body.a11yReduce *,body.a11yReduce *:before,body.a11yReduce *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}

/* V14.7.1 Ad Navigation Safety */
.adSafeActions{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:9px 10px 10px}
.adExternalBtn{min-height:40px;padding:8px 13px;font-size:14px}
.adExternalNote{flex:1;min-width:180px;font-size:11px;line-height:1.3;opacity:.72;text-align:left}
@media(max-width:600px){
  .adSafeActions{align-items:stretch}
  .adExternalBtn{width:100%}
  .adExternalNote{width:100%;min-width:0;text-align:center}
}


/* V14.7.2 Partner-Friendly Ads + Quick Tutorial */
.adCreativeLink{display:block;cursor:pointer;border-radius:inherit;overflow:hidden;outline:none}
.adCreativeLink:focus-visible{box-shadow:0 0 0 2px rgba(255,255,255,.85),0 0 0 5px rgba(102,216,255,.45)}
.hnMiniSponsorStrip{margin:0 0 8px;border:1px solid rgba(255,255,255,.11);border-radius:12px;overflow:hidden;background:rgba(0,0,0,.28)}
.hnMiniSponsorStrip .adRender{margin:0!important;border:0!important;border-radius:0!important;background:transparent!important}
.hnMiniSponsorStrip .adMark{font-size:9px!important;padding:3px 7px!important}
.hnMiniSponsorStrip .adSponsorName{font-size:9px!important;margin:2px 7px 3px!important}
.hnMiniSponsorStrip .adCreativeLink img,
.hnMiniSponsorStrip .adRender>img{width:100%!important;height:48px!important;max-height:48px!important;object-fit:cover!important;display:block!important}
.hnMiniSponsorStrip .adSafeActions{padding:4px 7px 6px!important;gap:6px!important}
.hnMiniSponsorStrip .adExternalBtn{min-height:30px!important;padding:4px 9px!important;font-size:11px!important;width:auto!important}
.hnMiniSponsorStrip .adExternalNote{font-size:9px!important;min-width:120px!important}
.hnTutorialGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}
.hnTutorialCard{padding:12px;border:1px solid rgba(255,255,255,.12);border-radius:15px;background:rgba(255,255,255,.055)}
.hnTutorialCard b{display:block;font-size:15px;margin-bottom:4px}
.hnTutorialCard small{display:block;line-height:1.35;color:#cbd1dc}
.hnTutorialTalk{margin:12px 0;padding:12px 13px;border-radius:15px;background:linear-gradient(135deg,rgba(102,216,255,.10),rgba(255,91,145,.10));border:1px solid rgba(255,255,255,.11);line-height:1.4}
@media(max-width:600px){
  .hnTutorialGrid{grid-template-columns:1fr}
  .hnMiniSponsorStrip .adExternalNote{display:none!important}
  .hnMiniSponsorStrip .adSafeActions{justify-content:flex-end!important}
}


/* V14.7.3 Pflegekommunikator Expansion */
.carePressDesk{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:12px 0}
.carePressCard{padding:11px;border-radius:14px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.055);min-height:112px}
.carePressCard b{display:block;margin-bottom:5px}.carePressCard small{line-height:1.3;color:#cbd1dc}
.careQuoteBoard{display:grid;gap:9px;margin:12px 0}
.careQuote{padding:12px;border-radius:14px;border:1px solid rgba(255,255,255,.13);background:rgba(0,0,0,.25);cursor:pointer;text-align:left}
.careQuote.good{border-color:rgba(80,220,150,.55)}.careQuote.bad{border-color:rgba(255,91,145,.45)}
.bookDesk{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}
.bookPage{padding:12px;border-radius:14px;background:#f4eddc;color:#26221c;min-height:118px;box-shadow:0 7px 22px rgba(0,0,0,.2)}
.bookPage b{display:block;margin-bottom:7px}.bookPage small{color:#5e5649;line-height:1.35}
.bookChoice{width:100%;margin-top:8px;padding:9px;border:0;border-radius:10px;background:rgba(0,0,0,.09);color:#26221c;text-align:left;font-weight:700}
.careDeadline{height:10px;border-radius:99px;background:rgba(255,255,255,.1);overflow:hidden;margin:10px 0}
.careDeadline i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#66d8ff,#ff5b91);transform-origin:left}
.careMediaTicker{padding:8px 10px;border-radius:12px;background:rgba(102,216,255,.08);border:1px solid rgba(102,216,255,.2);font-size:12px;margin:8px 0}
@media(max-width:600px){.carePressDesk,.bookDesk{grid-template-columns:1fr}}


/* V14.7.4 Pflegekommunikator Choice Path */
.careCommentFeed{display:grid;gap:10px;margin:12px 0}
.careComment{position:relative;padding:12px 13px 11px 46px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.035));box-shadow:0 9px 24px rgba(0,0,0,.18)}
.careAvatar{position:absolute;left:11px;top:11px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:rgba(102,216,255,.14);border:1px solid rgba(102,216,255,.28);font-size:14px}
.careMeta{display:flex;justify-content:space-between;gap:8px;align-items:flex-start;margin-bottom:5px}
.careMeta b{font-size:13px}.careMeta small{font-size:10px;opacity:.65}
.careComment p{margin:0;font-size:14px;line-height:1.35}
.careChoiceRow{display:grid;grid-template-columns:1fr;gap:8px;margin-top:9px}
.careChoiceBtn{width:100%;text-align:left;padding:10px 11px;border-radius:12px;border:1px solid rgba(255,255,255,.11);background:rgba(0,0,0,.18);color:inherit;font-weight:700}
.careChoiceBtn:hover{background:rgba(255,255,255,.07)}
.careChoiceBtn.good{border-color:rgba(80,220,150,.35)}
.careChoiceBtn.warn{border-color:rgba(255,207,82,.35)}
.careChoiceBtn.bad{border-color:rgba(255,91,145,.35)}
.careBranchWrap{display:grid;gap:10px;margin:12px 0}
.careBranch{padding:13px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.045)}
.careBranch h4{margin:0 0 5px}.careBranch small{line-height:1.35;color:#cbd1dc}
.careProgress{display:flex;gap:6px;flex-wrap:wrap;margin:9px 0}
.careProgress span{font-size:10px;padding:4px 7px;border-radius:999px;border:1px solid rgba(255,255,255,.13);background:rgba(0,0,0,.16)}
.careTVStage{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}
.careTVCard{padding:12px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.22)}
.careTVCard b{display:block;margin-bottom:5px}.careTVCard small{line-height:1.35;color:#cbd1dc}
.careTourMap{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin:12px 0}
.careCity{padding:11px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.045)}
.careCity b{display:block;margin-bottom:5px}
@media(max-width:600px){.careTVStage,.careTourMap{grid-template-columns:1fr}.careComment{padding-left:43px}}


/* V14.8 Growth, Security & System Health */
.v148LiveOpsBar{margin:9px 0;padding:9px 12px;border-radius:13px;border:1px solid rgba(102,216,255,.25);background:rgba(102,216,255,.08);font-size:12px;line-height:1.35}
.v148LiveOpsBar b{display:block;margin-bottom:2px}
.v148DiagGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:10px 0}
.v148Diag{padding:10px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.045)}
.v148Diag b{display:block;font-size:13px}.v148Diag small{display:block;opacity:.72;line-height:1.3;margin-top:3px}
.v148Diag.ok{border-left:4px solid #53dd9d}.v148Diag.warn{border-left:4px solid #ffd45f}.v148Diag.bad{border-left:4px solid #ff617e}
.v148Actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.v148Actions button{flex:1;min-width:145px}
.v148Achievement{padding:8px 10px;margin:6px 0;border-radius:11px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}
.v148Achievement.locked{opacity:.45}
.v148SharePreview{padding:16px;border-radius:16px;background:linear-gradient(135deg,rgba(102,216,255,.14),rgba(255,91,145,.13));border:1px solid rgba(255,255,255,.13)}
@media(max-width:600px){.v148DiagGrid{grid-template-columns:1fr}.v148Actions button{width:100%}}


/* V14.9 Tino Afterstory */
.tinoCareerBtn{position:relative;border-color:rgba(95,231,255,.28)!important}
.tinoCareerBtn:not(.locked){background:linear-gradient(145deg,rgba(95,231,255,.14),rgba(154,87,255,.12))!important;box-shadow:0 0 0 1px rgba(95,231,255,.08),0 10px 28px rgba(0,0,0,.18)}
.tinoCareerBtn.locked:after{content:"AFTERSTORY";position:absolute;right:8px;top:7px;font-size:8px;font-weight:1000;letter-spacing:.12em;opacity:.65}
.tinoBoard{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin:12px 0}
.tinoTask{padding:12px;border-radius:15px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);text-align:left}
.tinoTask b{display:block;margin-bottom:5px}.tinoTask small{display:block;line-height:1.35;opacity:.75}
.tinoDecision{display:grid;gap:8px;margin-top:9px}.tinoDecision button{width:100%;padding:10px;border-radius:11px;text-align:left;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.2);color:inherit;font-weight:800}
.tinoMeters{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:10px 0}
.tinoMeter{padding:8px;border-radius:11px;background:rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.1);font-size:11px}
.tinoMeter b{display:block;font-size:18px}
.tinoInbox{display:grid;gap:9px;margin:11px 0}.tinoMail{padding:12px;border-radius:15px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.11)}
.tinoMail .from{font-size:10px;opacity:.65;text-transform:uppercase;font-weight:900}.tinoMail p{margin:5px 0 9px;line-height:1.35}
.tinoBudget{display:grid;gap:9px;margin:12px 0}.tinoBudgetRow{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:10px;border-radius:13px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.1)}
.tinoBudgetBtns{display:flex;gap:5px}.tinoBudgetBtns button{min-width:34px}
.tinoContract{padding:13px;border-radius:16px;background:#f3ead6;color:#272119;box-shadow:0 10px 28px rgba(0,0,0,.25);margin:10px 0}
.tinoContract small{color:#655d50;line-height:1.4}.tinoRedFlag{padding:8px;margin:6px 0;border-radius:10px;background:rgba(0,0,0,.07);cursor:pointer}
.tinoRedFlag.selected{outline:2px solid #c23b55;background:rgba(194,59,85,.12)}
.tinoCameraStage{height:250px;position:relative;border-radius:18px;overflow:hidden;background:radial-gradient(circle at center,rgba(95,231,255,.14),rgba(0,0,0,.66));border:1px solid rgba(255,255,255,.12)}
.tinoCameraTarget{position:absolute;width:74px;height:74px;border-radius:50%;display:grid;place-items:center;font-size:30px;border:2px solid rgba(255,255,255,.65);background:rgba(154,87,255,.22)}
.tinoFinalCard{padding:16px;border-radius:18px;background:linear-gradient(135deg,rgba(95,231,255,.12),rgba(255,204,69,.1));border:1px solid rgba(255,255,255,.14)}
@media(max-width:600px){.tinoBoard{grid-template-columns:1fr}.tinoMeters{grid-template-columns:1fr 1fr 1fr}.tinoBudgetRow{grid-template-columns:1fr}.tinoBudgetBtns{justify-content:flex-end}}


/* V15.1 Stability + Retention */
.v151HealthBadge{position:fixed;right:10px;bottom:10px;z-index:2600;padding:7px 10px;border-radius:999px;background:rgba(4,15,24,.88);border:1px solid rgba(255,255,255,.13);font-size:10px;display:none}
.v151Collection{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.v151Rare{padding:10px;border-radius:12px;border:1px dashed rgba(255,212,95,.35);background:rgba(255,212,95,.06)}
.v151Challenge{padding:11px;border-radius:13px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.045);margin:7px 0}
.v151Challenge.done{border-color:rgba(83,221,157,.45);background:rgba(83,221,157,.06)}
@media(max-width:600px){.v151Collection{grid-template-columns:1fr}}


/* V15.3 Rivals & Storytelling */
.rivalBadge{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border-radius:999px;border:1px solid rgba(255,255,255,.12);font-size:10px;background:rgba(255,255,255,.05)}
.rivalMeters{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:10px 0}
.rivalMeter{padding:9px;border-radius:12px;border:1px solid rgba(255,255,255,.11);background:rgba(0,0,0,.2);font-size:10px}
.rivalMeter b{display:block;font-size:20px;margin-top:2px}
.rivalScene{padding:12px;border-radius:15px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.025));margin:10px 0}
.rivalScene .who{font-size:10px;letter-spacing:.08em;text-transform:uppercase;opacity:.65;font-weight:900}
.rivalScene p{line-height:1.4;margin:6px 0}
.rivalChoices{display:grid;gap:8px;margin-top:9px}
.rivalChoices button{padding:10px 11px;text-align:left;border-radius:12px;border:1px solid rgba(255,255,255,.11);background:rgba(0,0,0,.19);color:inherit;font-weight:800}
.rivalChoices button.good{border-color:rgba(83,221,157,.34)}
.rivalChoices button.warn{border-color:rgba(255,212,95,.34)}
.rivalChoices button.bad{border-color:rgba(255,97,126,.34)}
.fakeProfile{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:10px;border-radius:13px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.045);margin:8px 0}
.fakeProfile .ava{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(95,231,255,.1);font-size:20px}
.fakeProfile small{display:block;opacity:.66}
.engageCard{padding:13px;border-radius:16px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.045);margin:9px 0}
.engageStats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px}
.engageStats span{padding:7px;border-radius:9px;background:rgba(0,0,0,.17);font-size:11px;text-align:center}
.statementStack{display:grid;gap:8px;margin:10px 0}
.statement{padding:10px;border-radius:12px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.04)}
.rivalBoss{padding:16px;border-radius:18px;border:1px solid rgba(255,97,126,.35);background:linear-gradient(135deg,rgba(255,97,126,.11),rgba(155,89,255,.09))}
.rivalBoss h3{margin-top:0}
.rivalCollection{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}
.rivalChar{padding:12px;border-radius:14px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.045)}
.rivalChar.locked{opacity:.4}
@media(max-width:600px){.rivalMeters,.engageStats,.rivalCollection{grid-template-columns:1fr}.fakeProfile{grid-template-columns:auto 1fr}.fakeProfile>button{grid-column:1/-1}}


/* V15.4 Mailbox / Ad interaction isolation */
.adRender{position:relative!important;isolation:isolate!important;overflow:hidden!important}
.adCreativeDisplay{position:relative!important;z-index:1!important;pointer-events:none!important}
.adCreativeDisplay video,.adCreativeDisplay iframe{pointer-events:auto!important}
.adSafeActions{position:relative!important;z-index:3!important;display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important}
.adExternalBtn{position:relative!important;z-index:4!important;touch-action:manipulation!important}
.mailActions{position:relative!important;z-index:8!important}
.mailDetailAd,.mailboxAd{position:relative!important;z-index:1!important;clear:both!important}
.mailActions + .mailDetailAd{margin-top:18px!important}


/* V15.5 Daily Life Pro */
.v155dash{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0}
.v155stat,.v155card{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.045);border-radius:14px;padding:11px}
.v155stat small{display:block;opacity:.66}.v155stat b{font-size:19px}
.v155timeline{display:grid;gap:8px;margin:10px 0}.v155slot{display:grid;grid-template-columns:62px 1fr;gap:8px;padding:9px;border-radius:12px;background:rgba(0,0,0,.18)}
.v155choices{display:grid;gap:8px;margin-top:10px}.v155choices button{padding:11px;text-align:left;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.2);color:inherit}
.v155boss{border:1px solid rgba(255,210,90,.35);background:linear-gradient(145deg,rgba(255,210,90,.08),rgba(255,255,255,.03));border-radius:16px;padding:14px}
.v155route{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.v155route button{min-height:82px}
@media(max-width:650px){.v155dash,.v155route{grid-template-columns:1fr 1fr}.v155slot{grid-template-columns:52px 1fr}}


/* V15.6 Life Story Expansion */
.v156week{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin:10px 0}
.v156day{padding:8px;border-radius:11px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.04);text-align:center;font-size:10px}
.v156day.active{outline:2px solid rgba(95,231,255,.5)}
.v156chapters{display:grid;gap:8px}.v156chapter{padding:11px;border-radius:13px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.11)}
.v156chapter.done{border-color:rgba(83,221,157,.4)}
.v156talk{padding:12px;border-radius:14px;background:linear-gradient(145deg,rgba(95,231,255,.08),rgba(155,89,255,.08));border:1px solid rgba(255,255,255,.11)}
@media(max-width:650px){.v156week{grid-template-columns:repeat(4,1fr)}}


/* V16.0 Living Career */
.v160grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin:10px 0}.v160card{padding:12px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.045)}
.v160card b{display:block;margin-bottom:4px}.v160meter{height:8px;border-radius:99px;background:rgba(255,255,255,.09);overflow:hidden;margin-top:6px}.v160meter i{display:block;height:100%;background:currentColor;border-radius:99px}
.v160tasks{display:grid;gap:7px}.v160task{padding:10px;border-radius:12px;background:rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.1)}
.v160memory{border-left:3px solid rgba(95,231,255,.5);padding:8px 10px;margin:7px 0;background:rgba(95,231,255,.04);border-radius:0 10px 10px 0}
.v160pig{font-size:48px;text-align:center;padding:8px}.v160headline{font-size:18px;font-weight:900;padding:12px;border-radius:12px;background:rgba(255,255,255,.055);margin:8px 0}
@media(max-width:620px){.v160grid{grid-template-columns:1fr}}


/* V16.1 Living Career Mega */
.v161rel{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.v161rel .v160card{min-height:78px}
.v161epilogue{padding:15px;border-radius:18px;border:1px solid rgba(255,215,95,.35);background:linear-gradient(145deg,rgba(255,215,95,.08),rgba(95,231,255,.05))}
.v161badge{display:inline-flex;padding:5px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.12);margin:3px;font-size:10px}
.v161manager{display:grid;gap:8px}.v161manager button{padding:11px;text-align:left;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:inherit}
@media(max-width:620px){.v161rel{grid-template-columns:1fr}}


/* V16.2 Forgetful Chaos */
.v162forget{display:grid;gap:8px;margin:10px 0}
.v162event{padding:12px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.045)}
.v162event b{display:block;margin-bottom:4px}
.v162sticky{padding:10px;border-radius:10px;background:rgba(255,230,120,.10);border:1px dashed rgba(255,230,120,.35);transform:rotate(-.5deg)}
.v162agenda{display:grid;grid-template-columns:70px 1fr;gap:8px;padding:8px;border-bottom:1px solid rgba(255,255,255,.07)}
.v162oops{font-size:34px;text-align:center;padding:8px}


/* V16.3 Regional World */
.v163map{position:relative;min-height:390px;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.13);background:radial-gradient(circle at 45% 45%,rgba(83,180,130,.15),transparent 38%),linear-gradient(145deg,rgba(25,55,65,.96),rgba(12,24,32,.98));margin:10px 0}
.v163road{position:absolute;height:3px;background:rgba(255,255,255,.12);transform-origin:left center;z-index:1}
.v163place{position:absolute;z-index:2;transform:translate(-50%,-50%);min-width:84px;padding:8px 7px;border-radius:12px;border:1px solid rgba(255,255,255,.17);background:rgba(10,20,27,.92);color:inherit;text-align:center;font-size:10px}
.v163place b{display:block;font-size:12px}.v163place.current{outline:2px solid rgba(95,231,255,.75)}.v163place.locked{opacity:.5}
.v163travel{padding:14px;border-radius:16px;background:rgba(255,255,255,.05);text-align:center}.v163train{font-size:34px;animation:v163move 1.1s ease-in-out infinite alternate}@keyframes v163move{to{transform:translateX(18px)}}
.v163quest{padding:11px;border-radius:13px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.04);margin:7px 0}
.v163help{font-size:11px;line-height:1.45;padding:10px;border-radius:12px;background:rgba(95,231,255,.06);border:1px solid rgba(95,231,255,.16);margin:8px 0}
.v163neutral{display:grid;gap:6px}.v163neutral>div{padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.04);border-left:3px solid rgba(255,255,255,.18)}
.v163legend{display:flex;gap:5px;flex-wrap:wrap;font-size:9px;opacity:.8;margin:7px 0}
@media(max-width:620px){.v163map{min-height:430px}.v163place{min-width:72px;padding:7px 5px;font-size:9px}}


/* V16.4 World Polish & Progression */
.v164townsign{margin:14px auto;padding:12px 26px;display:inline-block;background:#f5c400;color:#111;border:4px solid #111;border-radius:8px;font:900 30px/1.05 Arial,sans-serif;letter-spacing:.02em;box-shadow:0 8px 22px rgba(0,0,0,.35)}
.v164arrival{text-align:center;padding:18px}.v164arrival small{display:block;opacity:.7;margin-top:8px}
.v164phone{max-width:360px;margin:auto;border:2px solid rgba(255,255,255,.18);border-radius:30px;padding:14px;background:linear-gradient(160deg,#07141e,#0c2230);box-shadow:0 20px 50px rgba(0,0,0,.4)}
.v164phoneTop{text-align:center;font-size:11px;opacity:.7;margin-bottom:10px}.v164apps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.v164app{min-height:82px;border-radius:18px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.055);color:inherit;padding:9px;font-size:11px}.v164app b{font-size:22px;display:block;margin-bottom:3px}
.v164daybar{display:flex;gap:6px;flex-wrap:wrap;margin:9px 0}.v164daybar span{padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.05);font-size:10px}.v164daybar .active{outline:2px solid rgba(95,231,255,.55)}
.v164rarity{display:inline-flex;padding:3px 7px;border-radius:999px;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.07em;border:1px solid currentColor}
.v164rarity.common{color:#b9c4cc}.v164rarity.uncommon{color:#64d99a}.v164rarity.rare{color:#71b7ff}.v164rarity.legendary{color:#ffd45f}
.v164book{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.v164prog{padding:11px;border-radius:13px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.045)}
.v164ability{padding:10px;border-radius:12px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.045);margin:7px 0}
.v164tutorial{padding:11px;border-radius:13px;background:rgba(95,231,255,.07);border:1px solid rgba(95,231,255,.2);margin:8px 0}
@media(max-width:620px){.v164apps{grid-template-columns:repeat(2,1fr)}.v164book{grid-template-columns:1fr}.v164townsign{font-size:24px;padding:10px 20px}}


/* V16.4 Mobile HUD cleanup */
@media(max-width:520px){
 .v12MenuRow{display:flex!important;overflow-x:auto!important;flex-wrap:nowrap!important;gap:6px!important;padding-bottom:5px!important;scrollbar-width:none}
 .v12MenuRow::-webkit-scrollbar{display:none}
 .v12MenuRow .miniBtn{flex:0 0 auto!important;white-space:nowrap!important}
 .hud,.topbar{max-width:100vw!important}
 .v164phone{max-width:calc(100vw - 42px)}
}


/* V16.5 JOHNVERSE – LIVING NORTH */
.v165panel{padding:13px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.045);margin:9px 0}
.v165grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.v165grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.v165quest{padding:11px;border-radius:14px;border:1px solid rgba(255,255,255,.11);background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.02));margin:8px 0}
.v165quest small{display:block;opacity:.67;margin-top:4px}.v165tag{display:inline-flex;padding:4px 7px;border-radius:999px;border:1px solid rgba(255,255,255,.13);font-size:9px;margin:2px}
.v165inv{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.v165item{padding:10px;border-radius:13px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.04);text-align:center}
.v165item b{display:block;font-size:20px}.v165status{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}.v165status span{padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.05);font-size:10px}
.v165guardian{border:1px solid rgba(83,221,157,.25);background:rgba(83,221,157,.05);border-radius:14px;padding:11px}
.v165warning{border-color:rgba(255,209,91,.35)!important;background:rgba(255,209,91,.06)!important}
.v165danger{border-color:rgba(255,93,128,.35)!important;background:rgba(255,93,128,.06)!important}
.v165routebar{height:8px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden;margin:10px 0}.v165routebar i{display:block;height:100%;width:0;background:currentColor;transition:width .6s ease}
.v165npc{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center}.v165npc .face{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:rgba(95,231,255,.09);font-size:22px}
.v165help{padding:10px;border-radius:12px;background:rgba(95,231,255,.06);border:1px solid rgba(95,231,255,.15);font-size:11px;line-height:1.45}
.v165journal{max-height:330px;overflow:auto}.v165journal .entry{padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.07)}
.v165recovery{display:grid;gap:8px}.v165recovery button{padding:10px;text-align:left;border-radius:12px;border:1px solid rgba(255,255,255,.11);background:rgba(0,0,0,.18);color:inherit}
@media(max-width:640px){.v165grid,.v165grid3,.v165inv{grid-template-columns:1fr 1fr}.v165npc{grid-template-columns:auto 1fr}}
@media(max-width:420px){.v165grid,.v165grid3,.v165inv{grid-template-columns:1fr}}


/* V16.6 Ad Marketplace */
.v166catalog{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.v166product{padding:12px;border-radius:15px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.045)}
.v166product h3{margin:0 0 5px}.v166price{font-size:22px;font-weight:900}.v166premium{display:inline-flex;padding:3px 7px;border-radius:999px;border:1px solid rgba(255,214,90,.35);font-size:9px}
.v166mail{padding:12px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(95,231,255,.03));margin:8px 0}
.v166mail .adlabel{font-size:9px;text-transform:uppercase;letter-spacing:.08em;opacity:.7}.v166business{padding:10px;border-radius:12px;border:1px solid rgba(255,214,90,.24);background:rgba(255,214,90,.05);margin:7px 0}
.v166form{display:grid;gap:8px}.v166form input,.v166form textarea,.v166form select{width:100%;padding:10px;border-radius:10px;border:1px solid rgba(255,255,255,.13);background:rgba(0,0,0,.22);color:inherit}
.v166summary{padding:12px;border-radius:13px;background:rgba(83,221,157,.05);border:1px solid rgba(83,221,157,.2)}.v166adguard{padding:10px;border-radius:12px;background:rgba(83,221,157,.05);border:1px solid rgba(83,221,157,.18);font-size:11px}
@media(max-width:620px){.v166catalog{grid-template-columns:1fr}}


/* V16.7 Content Studio */
.cs167grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.cs167card{padding:11px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.04)}
.cs167flow{display:flex;gap:5px;flex-wrap:wrap}.cs167stage{padding:4px 7px;border-radius:999px;border:1px solid rgba(255,255,255,.14);font-size:10px}.cs167idea{border-left:3px solid currentColor;padding-left:9px}
.cs167calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.cs167day{min-height:65px;padding:6px;border:1px solid rgba(255,255,255,.1);border-radius:9px;font-size:10px}.cs167day b{display:block}
.cs167event{padding:3px 5px;margin-top:4px;border-radius:7px;background:rgba(255,255,255,.08)}.cs167director{padding:10px;border-radius:12px;border:1px solid rgba(83,221,157,.2);background:rgba(83,221,157,.05)}
@media(max-width:620px){.cs167grid{grid-template-columns:1fr}.cs167calendar{grid-template-columns:repeat(4,1fr)}}


/* V17.0 THE LIVING GAME */
.v170grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.v170card{padding:12px;border-radius:15px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.045)}
.v170tree{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.v170path{padding:10px;border-radius:13px;border:1px solid rgba(255,255,255,.12);text-align:center}.v170path b{font-size:18px;display:block}
.v170era{padding:7px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.13);display:inline-flex;margin:3px}.v170era.active{background:rgba(83,221,157,.12)}
.v170memory{padding:8px;border-left:3px solid currentColor;margin:6px 0;background:rgba(255,255,255,.035)}.v170chain{padding:11px;border-radius:13px;border:1px solid rgba(255,214,90,.22);background:rgba(255,214,90,.05)}
.v170finale{padding:16px;border-radius:18px;background:linear-gradient(145deg,rgba(83,221,157,.08),rgba(95,231,255,.06));border:1px solid rgba(83,221,157,.22)}
@media(max-width:680px){.v170grid{grid-template-columns:1fr}.v170tree{grid-template-columns:repeat(2,1fr)}}


/* V17.1 JOHN & TINO – WHO WE ARE */
.v171hero{padding:15px;border-radius:18px;border:1px solid rgba(117,218,255,.2);background:linear-gradient(145deg,rgba(117,218,255,.08),rgba(255,255,255,.03))}
.v171rel{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.v171relbox{padding:10px;border-radius:14px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.1)}
.v171bio{padding:11px;border-radius:14px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.035);margin:7px 0}
.v171memory{padding:9px 11px;border-left:3px solid currentColor;background:rgba(255,255,255,.035);margin:6px 0}.v171memory[data-weight="5"]{border-width:5px}
.v171tag{display:inline-flex;padding:4px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.12);margin:2px;font-size:12px}
.v171contact{display:grid;grid-template-columns:64px 1fr;gap:10px;align-items:center;padding:11px;border-radius:14px;border:1px solid rgba(255,255,255,.1);margin:7px 0}
.v171avatar{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.08);font-size:27px}
@media(max-width:680px){.v171rel{grid-template-columns:repeat(2,1fr)}}

/* inline-style-1 id="v127PatchStyle" */
@media (max-width:760px){
  .v12Hud{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-right:58px;align-items:stretch}
  .v12Hud .hudChip{min-width:0;width:auto}
  .v12Hud .xpChip{grid-column:1/-1}
  .v12Hud .hudChip b{font-size:18px}
  .v12Hud .hudChip small{font-size:11px;line-height:1.15}
  #result .card,#final .card{margin-bottom:74px;max-height:calc(100vh - 130px);overflow:auto}
  #result .btnrow,#final .btnrow{position:sticky;bottom:0;padding-top:10px;background:linear-gradient(180deg,rgba(17,10,31,0),rgba(17,10,31,.92) 24%,rgba(17,10,31,.98) 100%)}
  .legalFooter,.footerLegal,.legalRow{gap:6px!important;flex-wrap:wrap}
  .legalFooter button,.footerLegal button,.legalRow button{font-size:12px!important;padding:8px 10px!important}
}
.newsNextBtn{margin-top:12px;width:100%}
.newsFlash .newsBody{position:relative}
.bossArenaV127{position:relative;margin-top:14px;border-radius:22px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,rgba(21,15,42,.95),rgba(14,10,27,.94));padding:14px;overflow:hidden}
.bossArenaV127 .bossTrack{position:relative;height:330px;border-radius:18px;background:linear-gradient(180deg,rgba(56,20,20,.22),rgba(32,16,62,.36));border:1px solid rgba(255,255,255,.08);overflow:hidden}
.bossArenaV127 .laneLine{position:absolute;top:0;bottom:0;width:1px;background:rgba(255,255,255,.12)}
.bossArenaV127 .laneLine.l1{left:33.33%}.bossArenaV127 .laneLine.l2{left:66.66%}
.bossArenaV127 .throwRail{position:absolute;left:0;right:0;bottom:0;height:86px;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.24) 35%,rgba(0,0,0,.45))}
.bossArenaV127 .johnBoss{position:absolute;top:24px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;transition:left .18s ease, transform .18s ease}
.bossArenaV127 .johnBoss.hit{transform:translateX(-50%) scale(1.06)}
.bossArenaV127 .johnBoss.dodge{filter:drop-shadow(0 0 10px rgba(255,255,255,.15))}
.bossArenaV127 .johnBoss img{width:72px;height:72px;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.85);box-shadow:0 8px 18px rgba(0,0,0,.35)}
.bossArenaV127 .johnBoss small{margin-top:6px;padding:4px 8px;border-radius:999px;background:rgba(0,0,0,.28);font-weight:700;letter-spacing:.04em}
.bossArenaV127 .flyingPig{position:absolute;bottom:20px;transform:translateX(-50%) translateY(0) scale(1);font-size:34px;transition:transform .34s linear, opacity .18s ease;will-change:transform,opacity;filter:drop-shadow(0 4px 8px rgba(0,0,0,.34))}
.bossArenaV127 .bossTopStats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0 12px}
.bossArenaV127 .bossMini{padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08)}
.bossArenaV127 .bossMini b{display:block;font-size:18px}.bossArenaV127 .bossMini small{opacity:.82}
.bossArenaV127 .bossBarWrap{height:14px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden;border:1px solid rgba(255,255,255,.08)}
.bossArenaV127 .bossBar{height:100%;background:linear-gradient(90deg,#ff5b88,#ffbf66)}
.bossArenaV127 .throwButtons3{margin-top:12px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.bossArenaV127 .throwBtn{min-height:56px;font-size:22px;font-weight:800}
.bossArenaV127 .bossTip{margin-top:10px;text-align:center;font-size:13px;opacity:.82}
.bossArenaV127 .laneGlow{position:absolute;bottom:10px;transform:translateX(-50%);width:54px;height:54px;border-radius:999px;background:radial-gradient(circle,rgba(255,255,255,.28),rgba(255,255,255,0));pointer-events:none;opacity:.65}
.bossArenaV127 .phaseBadge{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px}

/* inline-style-2 id="v128Style" */
.hudChip{cursor:pointer;user-select:none;touch-action:manipulation;transition:transform .12s ease,border-color .12s ease,background .12s ease;outline:none}
.hudChip:active{transform:scale(.97)}
.hudChip:focus-visible{outline:2px solid #fff;outline-offset:2px}
.hudChip.hudInteractive:hover{border-color:rgba(255,255,255,.34);background:rgba(20,24,42,.9)}
.hudInfoAd{margin-top:14px;min-height:72px}
.hudExplain{display:grid;gap:10px}
.hudExplain .heroValue{font-size:clamp(30px,8vw,54px);font-weight:1000;line-height:1;text-align:center;margin:4px 0 6px}
.hudExplain .explainGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.hudExplain .explainCard{padding:12px;border-radius:16px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1)}
.hudExplain .explainCard b{display:block;margin-bottom:4px}
.hudExplain .meter{height:10px;background:rgba(255,255,255,.1);border-radius:999px;overflow:hidden;margin:8px 0}.hudExplain .meter i{display:block;height:100%;background:linear-gradient(90deg,#8b48ff,#3fe8da)}
.potionLine{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:12px;border-radius:16px;background:linear-gradient(135deg,rgba(28,122,83,.22),rgba(61,76,154,.18));border:1px solid rgba(119,255,188,.18)}
.potionBadge{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;background:rgba(0,0,0,.24);font-weight:900}
.note.healNote{height:42px;left:8%;right:8%;display:grid;place-items:center;background:linear-gradient(135deg,#21c76c,#a7ff9b);border-color:#effff3;color:#062f16;font-size:25px;font-weight:1000;box-shadow:0 0 24px rgba(51,255,131,.72);animation:healPulse .55s ease-in-out infinite alternate}
@keyframes healPulse{from{filter:brightness(.95);transform:scale(.94)}to{filter:brightness(1.16);transform:scale(1.04)}}
#v12Hud{overflow:visible!important}
@media(max-width:780px){
  .topbar{left:7px;right:7px;top:max(7px,env(safe-area-inset-top));height:100px;display:block!important}
  .topbar .spacer{display:none}
  #muteBtn{position:absolute;right:0;top:0;width:44px;height:44px;z-index:4}
  .v12Hud{position:absolute!important;left:0!important;right:52px!important;top:0!important;width:auto!important;max-width:none!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-template-rows:48px 42px!important;gap:6px!important;padding:0!important;transform:none!important;align-items:stretch!important;overflow:visible!important}
  .v12Hud .hudChip{min-width:0!important;width:auto!important;min-height:46px!important;padding:5px 7px!important;border-radius:11px!important;justify-content:center!important;gap:5px!important;text-align:center!important}
  .v12Hud .hudChip>span{font-size:18px;line-height:1}
  .v12Hud .hudChip b{font-size:clamp(12px,3.6vw,17px)!important;line-height:1.05}
  .v12Hud .hudChip small{display:block!important;font-size:8px!important;line-height:1.05!important;letter-spacing:.25px!important;margin-top:2px}
  .v12Hud .stressChip{display:none!important}
  .v12Hud .xpChip{grid-column:2/4!important;grid-row:2!important;justify-self:stretch!important;min-width:0!important;height:40px!important;padding:4px 10px!important;align-self:center!important}
  .v12Hud .xpChip>span{font-size:14px!important}
  .v12Hud .xpChip b{font-size:13px!important}
  .v12Hud .xpChip small{font-size:8px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}
  .xpMini{height:4px!important;margin-top:2px!important}
  .screen{padding-top:116px!important}
  #arena{inset:116px 0 78px!important}
  .primary,.secondary,.choice,.actionbtn,.thumb,.hypebtn,.pad,.cutbtn,.throwBtn,.miniBtn{min-height:54px!important;touch-action:manipulation}
  .pad{height:64px!important;font-size:25px!important;border-radius:16px!important}
  .padrow{gap:8px!important;padding:0 10px!important}
  .hudExplain .explainGrid{grid-template-columns:1fr}
}
@media(max-width:390px){
  .v12Hud{right:48px!important;gap:4px!important;grid-template-rows:45px 39px!important}
  .v12Hud .hudChip{padding:4px!important}
  .v12Hud .hudChip>span{font-size:16px}
  .v12Hud .hudChip b{font-size:12px!important}
  .v12Hud .hudChip small{font-size:7px!important}
  .screen{padding-top:108px!important}
  #arena{inset:108px 0 76px!important}
}

/* inline-style-3 id="v129Style" */
.kioskCard{position:relative;overflow:hidden;border-radius:20px;border:1px solid rgba(255,255,255,.13);background:linear-gradient(155deg,rgba(30,22,54,.96),rgba(11,13,23,.96));padding:14px;min-height:210px;display:flex;flex-direction:column;gap:8px;box-shadow:0 14px 34px rgba(0,0,0,.22)}
.kioskCard::after{content:"";position:absolute;inset:auto -35px -45px auto;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(157,76,255,.22),transparent 68%);pointer-events:none}.kioskIcon{font-size:42px;line-height:1}.kioskCard h4{font-size:18px;margin:0}.kioskCard p{font-size:13px;opacity:.82;margin:0;min-height:48px}.kioskPrice{display:flex;gap:7px;flex-wrap:wrap;margin-top:auto}.priceTag{padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.08);font-size:12px;font-weight:850}.kioskBuy{width:100%;margin-top:4px}.kioskMax{opacity:.68;font-size:12px}.kioskRisk{border-color:rgba(255,69,89,.52);background:linear-gradient(155deg,rgba(92,17,36,.86),rgba(21,9,19,.96))}.danger{min-height:48px;border:1px solid rgba(255,92,111,.65);border-radius:14px;background:linear-gradient(135deg,#b51f42,#73142c);color:#fff;font-weight:900;cursor:pointer;padding:11px 14px}.danger:active{transform:scale(.98)}.kioskGood{border-color:rgba(65,232,165,.3)}
.kioskWallet{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:12px}.kioskWallet>div{padding:10px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);text-align:center}.kioskWallet b{display:block;font-size:18px}.kioskWallet small{opacity:.7;font-size:10px}.repMeter{height:9px;border-radius:999px;background:rgba(255,255,255,.09);overflow:hidden;margin-top:5px}.repMeter i{display:block;height:100%;background:linear-gradient(90deg,#ff4e68,#ffc94c,#49e0a8)}
.kioskHeaderVisual{padding:16px;border-radius:20px;background:radial-gradient(circle at 82% 10%,rgba(165,82,255,.35),transparent 34%),linear-gradient(135deg,rgba(15,114,136,.28),rgba(88,33,128,.2));border:1px solid rgba(255,255,255,.11);margin-bottom:12px;position:relative;overflow:hidden}.kioskHeaderVisual .sign{font-size:clamp(27px,7vw,48px);font-weight:1000;letter-spacing:-1px}.kioskHeaderVisual .subsign{opacity:.8;margin-top:3px}.kioskShelf{display:flex;gap:8px;font-size:31px;margin-top:12px;filter:drop-shadow(0 5px 8px rgba(0,0,0,.26))}.kioskAd{margin:12px 0;min-height:70px}
.riskPurchaseOverlay{position:absolute;z-index:590;inset:0;display:flex;align-items:center;justify-content:center;padding:14px;background:rgba(8,1,5,.88);backdrop-filter:blur(10px)}.riskPurchaseCard{width:min(760px,96vw);max-height:92vh;overflow:auto;border:3px solid #ff425f;border-radius:24px;background:linear-gradient(180deg,#42101af7,#160910fb);padding:18px;box-shadow:0 0 0 5px rgba(255,66,95,.08),0 30px 90px rgba(0,0,0,.66)}.riskPurchaseCard .riskTitle{color:#ff8b9b;font-size:13px;font-weight:1000;letter-spacing:.14em}.riskPurchaseCard h2{font-size:clamp(28px,7vw,46px);margin:5px 0 8px}.riskDuo{display:grid;grid-template-columns:70px 1fr;gap:10px;margin:12px 0}.riskDuo img{width:64px;height:64px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.75)}.riskLine{padding:10px 12px;border-radius:15px;background:rgba(255,255,255,.08);margin-bottom:8px}.riskLine b{color:#ffd45c}.riskConsequences{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}.riskConsequences div{padding:10px;border-radius:14px;background:rgba(0,0,0,.25);border:1px solid rgba(255,92,111,.28);text-align:center}.riskAd{min-height:70px;margin-top:12px}.riskButtons{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.level2Stage{position:relative;border-radius:22px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(10,14,30,.88),rgba(25,10,35,.92));overflow:hidden;min-height:390px;padding:14px}.level2Stage::before{content:"BACKSTAGE · LEVEL 2";position:absolute;left:14px;top:12px;font-size:12px;font-weight:1000;letter-spacing:.16em;color:#ffd75f;z-index:2}.gearDropZone{position:absolute;left:0;right:0;top:46px;bottom:0;overflow:hidden;background:linear-gradient(180deg,rgba(37,103,139,.08),rgba(112,42,124,.12))}.gearDrop{position:absolute;top:-62px;width:64px;height:64px;border-radius:18px;border:1px solid rgba(255,255,255,.18);background:rgba(12,15,28,.9);display:grid;place-items:center;font-size:32px;color:#fff;box-shadow:0 10px 20px rgba(0,0,0,.35);animation:gearFall linear forwards;touch-action:manipulation}.gearDrop.good{box-shadow:0 0 0 1px rgba(73,224,168,.1),0 10px 22px rgba(0,0,0,.35)}.gearDrop.bad{border-color:rgba(255,80,102,.35)}@keyframes gearFall{to{transform:translateY(440px) rotate(10deg)}}.gearHud{position:absolute;z-index:4;left:14px;right:14px;bottom:12px;display:flex;justify-content:space-between;gap:10px;padding:9px 11px;border-radius:14px;background:rgba(0,0,0,.52);font-weight:850}.sponsorDeal{padding:15px;border-radius:19px;background:linear-gradient(145deg,rgba(22,29,48,.95),rgba(12,12,22,.95));border:1px solid rgba(255,255,255,.1);margin-top:12px}.sponsorDeal .brandMark{font-size:34px}.sponsorDeal h3{margin:4px 0}.sponsorChoices{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.karmaDelta{font-weight:900}.karmaGood{color:#65efb7}.karmaBad{color:#ff748a}
.kioskNeon .hudChip{box-shadow:0 0 15px rgba(141,78,255,.18)}.kioskNeon .primary{box-shadow:0 0 18px rgba(141,78,255,.22)}
@media(max-width:680px){.kioskWallet{grid-template-columns:repeat(2,minmax(0,1fr))}.riskConsequences{grid-template-columns:1fr}.riskButtons,.sponsorChoices{grid-template-columns:1fr}.kioskCard{min-height:190px}.riskDuo{grid-template-columns:54px 1fr}.riskDuo img{width:50px;height:50px}}

/* inline-style-4 id="v130Style" */
.mailHudButton{position:relative;border:1px solid rgba(255,255,255,.16);background:rgba(6,8,17,.86);color:#fff;border-radius:13px;min-width:48px;height:46px;display:grid;place-items:center;font-size:23px;cursor:pointer;box-shadow:0 8px 22px rgba(0,0,0,.24);touch-action:manipulation}
.mailHudButton:hover{border-color:rgba(255,255,255,.34);background:rgba(22,27,46,.94)}
.mailUnread{position:absolute;right:-5px;top:-6px;min-width:21px;height:21px;padding:0 5px;border-radius:999px;background:#ef334f;color:#fff;border:2px solid #111424;display:grid;place-items:center;font-size:11px;font-weight:1000;box-shadow:0 3px 10px rgba(239,51,79,.42)}
.mailUnread.zero{display:none}.mailHudButton.hasMail{animation:mailPulse 1.15s ease-in-out 2}@keyframes mailPulse{50%{box-shadow:0 0 0 5px rgba(239,51,79,.15),0 0 20px rgba(239,51,79,.35)}}
.mailboxTop{display:grid;grid-template-columns:1.15fr .85fr;gap:10px;margin-bottom:12px}.mailSocialCard,.mailLegalCard{padding:12px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}
.mailSocialGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:9px}.mailMetric{padding:8px;border-radius:12px;background:rgba(0,0,0,.22);text-align:center}.mailMetric b{display:block;font-size:18px}.mailMetric small{font-size:9px;opacity:.72;text-transform:uppercase}
.mailboxAd,.mailDetailAd,.contractAd,.tourAd{min-height:70px;margin:10px 0}.mailList{display:grid;gap:7px;max-height:min(52vh,490px);overflow:auto;padding-right:3px}.mailRow{width:100%;display:grid;grid-template-columns:42px 1fr auto;gap:9px;align-items:center;text-align:left;padding:10px;border-radius:14px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.085);color:#fff;cursor:pointer}.mailRow.unread{border-color:rgba(255,83,113,.45);background:linear-gradient(135deg,rgba(92,17,36,.32),rgba(255,255,255,.055))}.mailRow .mailIcon{font-size:25px}.mailRow .mailSubject{font-weight:900}.mailRow .mailFrom{font-size:11px;opacity:.7;margin-top:2px}.mailRow .mailDate{font-size:10px;opacity:.58;white-space:nowrap}.mailDot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#ff4964;margin-right:5px}
.fictionBadge{display:inline-flex;align-items:center;padding:4px 7px;border-radius:999px;background:#6f3a13;color:#ffe9b5;border:1px solid rgba(255,204,107,.28);font-size:9px;font-weight:1000;letter-spacing:.08em;text-transform:uppercase}.mailSender{display:flex;align-items:center;gap:10px;margin-bottom:12px}.mailSender img{width:54px;height:54px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.65)}.mailSenderIcon{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;font-size:30px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1)}.mailBody{line-height:1.55}.mailBody p{margin:8px 0}.mailActions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.mailActions button{min-height:50px}.mailOutcome{padding:10px 12px;margin-top:10px;border-radius:14px;background:rgba(64,211,150,.1);border:1px solid rgba(64,211,150,.2)}
.interactionMeter{height:10px;border-radius:999px;background:rgba(255,255,255,.1);overflow:hidden;margin-top:8px}.interactionMeter i{display:block;height:100%;background:linear-gradient(90deg,#ff4964,#ffd65a,#45e5aa)}.botRatioBad{color:#ff7389}.interactionGood{color:#63e9b3}.interactionWarn{color:#ffd35d}
.contractCard{padding:12px;border-radius:15px;background:linear-gradient(135deg,rgba(14,96,118,.22),rgba(97,40,128,.18));border:1px solid rgba(255,255,255,.11);margin:8px 0}.contractCard b{display:block}.contractPills{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}.contractPills span{padding:4px 7px;border-radius:999px;background:rgba(255,255,255,.08);font-size:10px;font-weight:800}
.tourGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.tourCard{padding:13px;border-radius:17px;background:linear-gradient(145deg,rgba(27,34,55,.95),rgba(12,13,24,.95));border:1px solid rgba(255,255,255,.11);display:flex;flex-direction:column;gap:7px;min-height:190px}.tourCard .tourIcon{font-size:35px}.tourCard b{font-size:16px}.tourCard small{opacity:.7}.tourCard button{margin-top:auto}.tourCard.locked{opacity:.5;filter:grayscale(.5)}
.mailRushStage{max-width:720px;margin:auto;padding:14px;border-radius:20px;background:linear-gradient(160deg,rgba(10,17,33,.95),rgba(30,12,38,.95));border:1px solid rgba(255,255,255,.12)}.mailRushHeader{display:flex;justify-content:space-between;gap:8px;align-items:center}.rushEnvelope{padding:18px;border-radius:18px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);margin:12px 0}.rushEnvelope .from{font-size:11px;opacity:.7}.rushEnvelope h3{margin:5px 0}.rushChoices{display:grid;grid-template-columns:1fr 1fr;gap:9px}.rushChoices button{min-height:58px;font-size:15px;font-weight:900}
.socialExtraCard{padding:12px;border-radius:15px;background:linear-gradient(135deg,rgba(33,120,143,.19),rgba(94,46,137,.18));border:1px solid rgba(255,255,255,.1);margin-top:10px}
@media(max-width:780px){.mailHudButton{position:absolute!important;right:0!important;top:52px!important;width:44px!important;height:40px!important;min-width:44px!important;font-size:20px!important;z-index:5}.mailboxTop{grid-template-columns:1fr}.mailSocialGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.tourGrid{grid-template-columns:1fr}.mailActions,.rushChoices{grid-template-columns:1fr}.mailList{max-height:48vh}.mailRow{grid-template-columns:36px 1fr}.mailRow .mailDate{display:none}}
@media(max-width:390px){.mailHudButton{top:48px!important;height:38px!important}.mailSocialGrid{grid-template-columns:1fr 1fr}.mailMetric:last-child{grid-column:1/-1}.mailRow{padding:8px}.fictionBadge{font-size:8px}}

/* inline-style-5 id="v131Style" */
.relationshipCard{margin-top:10px;padding:12px;border-radius:16px;background:linear-gradient(135deg,rgba(255,190,65,.11),rgba(92,50,160,.14));border:1px solid rgba(255,255,255,.11)}
.relationshipGrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-top:9px}.relMetric{padding:9px 7px;border-radius:13px;background:rgba(0,0,0,.22);text-align:center;min-width:0}.relMetric b{display:block;font-size:18px}.relMetric small{display:block;font-size:10px;opacity:.75;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.relMeter{height:5px;border-radius:99px;background:rgba(255,255,255,.09);margin-top:6px;overflow:hidden}.relMeter i{display:block;height:100%;background:linear-gradient(90deg,#ff667f,#ffd765,#58e7b2)}
.relationDetail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.relationPerson{padding:13px;border-radius:16px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.09)}.relationPerson .head{display:flex;align-items:center;justify-content:space-between;gap:8px}.relationPerson .score{font-size:22px;font-weight:1000}.relationPerson p{font-size:12px;opacity:.78;margin:7px 0 0}.relationshipActions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.interventionBox{border:2px solid #ff536f!important;box-shadow:0 0 0 4px rgba(255,83,111,.08),0 24px 70px rgba(0,0,0,.45)}.interventionDuo{display:grid;grid-template-columns:62px 1fr;gap:12px;align-items:center}.interventionDuo img{width:58px;height:58px;border-radius:50%;object-fit:cover;border:2px solid #ff6c82}.interventionWarning{padding:12px;border-radius:14px;background:rgba(117,17,36,.25);border:1px solid rgba(255,82,107,.38);margin:10px 0;font-size:13px;line-height:1.5}.interventionChoices{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:10px}
.dynamicTag{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border-radius:999px;background:rgba(71,205,255,.11);border:1px solid rgba(71,205,255,.22);font-size:10px;font-weight:850;margin-left:6px}.pressBadge{background:rgba(255,216,91,.12);border-color:rgba(255,216,91,.3)}
.communityGenHint{margin:8px 0;padding:8px 10px;border-radius:12px;background:rgba(52,180,215,.09);border:1px solid rgba(52,180,215,.16);font-size:11px;opacity:.85}
@media(max-width:720px){.relationshipGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.relationshipGrid .relMetric:nth-child(4),.relationshipGrid .relMetric:nth-child(5){grid-column:auto}.relationDetail{grid-template-columns:1fr}.interventionChoices{grid-template-columns:1fr}}
@media(max-width:390px){.relationshipGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.relationshipGrid .relMetric:last-child{grid-column:1/-1}}

/* inline-style-6 id="v132StoryStyles" */
.storyMapGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.storyNode{padding:14px;border-radius:18px;background:linear-gradient(145deg,rgba(25,38,59,.92),rgba(19,13,34,.94));border:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden}.storyNode.done{border-color:rgba(76,225,164,.5);box-shadow:inset 0 0 0 1px rgba(76,225,164,.12)}.storyNode.current{border-color:rgba(255,210,84,.6);box-shadow:0 0 24px rgba(255,210,84,.08)}.storyNode.locked{opacity:.55}.storyNode .levelTag{font-size:11px;letter-spacing:.12em;font-weight:950;text-transform:uppercase;opacity:.75}.storyNode b{display:block;font-size:17px;margin:4px 0}.storyNode small{display:block;opacity:.76;line-height:1.35}.storyNode .nodeState{position:absolute;right:10px;top:10px;font-size:18px}.storyLine{height:7px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden;margin:12px 0 4px}.storyLine i{display:block;height:100%;background:linear-gradient(90deg,#4ad7ff,#9c63ff,#ffd45c)}.storyMapMain{margin:12px 0}.storyMapSubhead{margin:18px 2px 8px}.storyCurrentHint{margin-top:6px;color:#ffd45d!important;font-weight:800}
.chapterStage{margin-top:12px;padding:14px;border-radius:22px;background:linear-gradient(180deg,rgba(12,25,44,.95),rgba(18,10,31,.96));border:1px solid rgba(255,255,255,.1);min-height:360px;position:relative;overflow:hidden}.chapterAd{margin-top:10px}.chapterStatRow{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:9px 0;font-weight:850}.chapterStatRow span{padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.07)}
.routeMap{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:min(390px,100%);margin:18px auto}.routeNode{aspect-ratio:1;border-radius:20px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.055);display:grid;place-items:center;font-size:26px;font-weight:950;transition:.14s transform,.14s background,.14s border-color;touch-action:manipulation}.routeNode.hint{background:rgba(74,215,255,.22);border-color:#4ad7ff;transform:scale(1.06)}.routeNode.ok{background:rgba(76,225,164,.2);border-color:#4ce1a4}.routeNode.bad{background:rgba(255,80,100,.2);border-color:#ff5064;transform:scale(.94)}
.powerTarget{text-align:center;font-size:44px;font-weight:1000;margin:10px 0}.breakerGrid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin:14px 0}.breaker{min-height:82px;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.055);font-size:20px;font-weight:950}.breaker.on{background:linear-gradient(180deg,rgba(255,213,84,.26),rgba(76,225,164,.16));border-color:#ffd554;box-shadow:0 0 18px rgba(255,213,84,.12)}.powerRead{text-align:center;font-weight:900;font-size:20px}.powerCheck{width:100%;margin-top:10px}
.pressRadar{position:relative;height:330px;overflow:hidden;border-radius:18px;background:linear-gradient(180deg,rgba(11,19,39,.7),rgba(42,13,34,.45));border:1px solid rgba(255,255,255,.08)}.pressCardFly{position:absolute;left:105%;width:min(340px,78%);padding:12px 13px;border-radius:17px;background:#17253a;border:1px solid rgba(255,255,255,.13);box-shadow:0 12px 28px rgba(0,0,0,.3);animation:pressFly linear forwards;touch-action:manipulation}.pressCardFly.danger{border-color:rgba(255,82,106,.5);background:linear-gradient(145deg,#351827,#1c2337)}.pressCardFly b{display:block;margin-bottom:4px}.pressCardFly small{opacity:.72}@keyframes pressFly{to{left:-86%}}.pressLegend{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:10px;font-size:12px;opacity:.8}
.mixGrid{display:grid;gap:13px;margin-top:13px}.mixChannel{padding:12px;border-radius:16px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.09)}.mixChannel .mixHead{display:flex;justify-content:space-between;gap:10px;font-weight:900}.mixChannel input[type=range]{width:100%;accent-color:#68dff4;margin-top:9px}.mixTarget{font-size:12px;opacity:.75}.mixScore{font-size:36px;font-weight:1000;text-align:center;margin:8px 0}.mixButtons{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.crowdMeters{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.crowdZone{padding:12px;border-radius:17px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.1);text-align:center}.crowdZone b{display:block;font-size:13px}.crowdMeter{height:140px;width:34px;margin:10px auto;border-radius:99px;background:rgba(255,255,255,.08);position:relative;overflow:hidden}.crowdMeter i{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(180deg,#ffd45d,#ff6f8c,#7658ff);transition:height .12s linear}.crowdZone button{width:100%;min-height:54px;font-size:24px}.crowdZone.hot{border-color:#ffd45d;box-shadow:0 0 18px rgba(255,212,93,.13)}
@media(max-width:650px){.storyMapGrid{grid-template-columns:1fr}.breakerGrid{grid-template-columns:repeat(3,1fr)}.breakerGrid .breaker:nth-child(4),.breakerGrid .breaker:nth-child(5){min-height:68px}.crowdMeters{gap:6px}.crowdZone{padding:8px}.crowdMeter{height:118px}.chapterStage{padding:10px}}

/* inline-style-7 id="v133SidequestStyle" */
.sidequestGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.sidequestCard{display:flex;flex-direction:column;gap:7px;text-align:left;min-height:160px;padding:14px;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(145deg,rgba(29,20,54,.96),rgba(11,13,31,.96));color:#fff}
.sidequestCard.required{border-color:rgba(255,198,73,.72);box-shadow:inset 0 0 0 1px rgba(255,198,73,.14)}
.sidequestCard.done{border-color:rgba(90,226,164,.5)}
.sidequestCard.locked{opacity:.48;filter:saturate(.65)}
.sidequestCard .sqIcon{font-size:30px}.sidequestCard b{font-size:17px}.sidequestCard small{line-height:1.35;opacity:.8}
.sqTag{display:inline-flex;align-items:center;width:max-content;padding:4px 8px;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.05em;background:rgba(255,255,255,.08)}
.sqTag.req{background:rgba(255,187,61,.18);color:#ffd875}.sqTag.cash{background:rgba(72,222,161,.16);color:#7af0b9}
.sqStats{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.sqStats span{padding:7px 9px;border-radius:10px;background:rgba(255,255,255,.06);font-size:12px}
.sqStage{margin-top:12px;padding:14px;border-radius:18px;background:rgba(8,9,24,.72);border:1px solid rgba(255,255,255,.1)}
.sqChoiceGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}
.sqChoiceGrid button{min-height:58px}
.cableBoard{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:12px}
.cableCol{display:grid;gap:9px}.cableNode{min-height:52px;border-radius:13px;font-weight:900}.cableNode.selected{outline:3px solid #ffd45f}.cableNode.matched{opacity:.45;pointer-events:none}
.cashQuestion{font-size:clamp(28px,8vw,48px);font-weight:1000;text-align:center;margin:14px 0}
.merchOrder{font-size:24px;font-weight:900;text-align:center;padding:14px;border-radius:16px;background:rgba(255,255,255,.06)}
.clauseList{display:grid;gap:8px}.clauseBtn{text-align:left;padding:12px;border-radius:13px}.clauseBtn.risk{border-color:#ff6e83}.clauseBtn.ok{border-color:#65dfa7}
.floatRow{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.floatChip.on{outline:3px solid #67dff1}
.sqAd{margin-top:12px;min-height:54px}
@media(max-width:680px){.sidequestGrid,.sqChoiceGrid,.cableBoard{grid-template-columns:1fr}.floatRow{grid-template-columns:repeat(2,1fr)}}

/* inline-style-8 id="v135GameStyle" */
.v135Age16Box{margin:10px 0;padding:14px;border-radius:16px;border:2px solid #ff506a;background:linear-gradient(145deg,rgba(82,13,29,.94),rgba(35,8,18,.96));box-shadow:0 0 0 1px rgba(255,80,106,.18),0 12px 30px rgba(0,0,0,.25);text-align:left}.v135Age16Box b{display:block;font-size:18px;color:#ffe5e9;margin-bottom:5px}.v135Age16Box p{margin:0;color:#ffd5dc;line-height:1.45}.v135Age16Box .age16Actions{display:flex;justify-content:flex-end;margin-top:10px}.v135SelfAssess{margin-top:10px;padding:11px 12px;border-radius:13px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}
.creatorStoryPhone{max-width:390px;margin:12px auto;border:2px solid rgba(255,255,255,.16);border-radius:30px;background:linear-gradient(180deg,#121326,#1d1027);padding:12px;box-shadow:0 18px 55px rgba(0,0,0,.35)}.storySegments{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-bottom:10px}.storySegments i{height:4px;border-radius:999px;background:rgba(255,255,255,.16)}.storySegments i.on{background:#fff}.creatorStoryCanvas{min-height:330px;border-radius:22px;overflow:hidden;position:relative;background:radial-gradient(circle at 20% 15%,rgba(90,217,255,.24),transparent 35%),radial-gradient(circle at 80% 85%,rgba(255,90,158,.22),transparent 35%),linear-gradient(160deg,#153247,#2a133b 62%,#171526);padding:18px;display:flex;flex-direction:column;justify-content:space-between}.creatorStoryBrand{font-size:11px;font-weight:1000;letter-spacing:.14em;opacity:.78}.creatorStoryPrompt{font-size:28px;line-height:1.05;font-weight:1000;text-shadow:0 4px 18px rgba(0,0,0,.35)}.creatorStorySticker{align-self:flex-start;padding:9px 12px;border-radius:999px;background:rgba(255,255,255,.9);color:#14131f;font-weight:900}.creatorChoices{display:grid;gap:8px;margin-top:12px}.creatorChoice{text-align:left;padding:12px;border-radius:15px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);color:#fff}.creatorChoice b{display:block}.creatorChoice small{opacity:.72}.creatorStats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0}.creatorStats>div{padding:10px;border-radius:14px;background:rgba(255,255,255,.06);text-align:center}.creatorStats b{display:block;font-size:18px}.creatorStats small{font-size:10px;opacity:.7}.creatorStoryAd{max-height:220px;overflow:hidden;margin-top:10px}.creatorStoryAd img{max-height:210px;object-fit:cover}.storyRisk{border-color:rgba(255,75,100,.55)!important;background:rgba(86,12,28,.32)!important}.storyGood{border-color:rgba(74,224,166,.35)!important}.creatorUploadBtn{width:100%;margin-top:10px}.creatorHistory{display:grid;gap:7px;margin-top:10px}.creatorHistory .infoCard{margin:0}.commercialFiction{display:inline-flex;padding:4px 7px;border-radius:999px;background:rgba(255,214,91,.13);border:1px solid rgba(255,214,91,.25);font-size:10px;font-weight:900;color:#ffe392}.adRender .adMark.v135Sponsor{background:#5b3e92}.adRender .adMark.v135House{background:#174a67}@media(max-width:650px){.creatorStoryPrompt{font-size:23px}.creatorStats{grid-template-columns:repeat(2,1fr)}.v135Age16Box{padding:12px}}

/* inline-style-9 id="v136Style" */
.v136StoryButtons{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0}.v136StoryButtons .creatorUploadBtn{width:100%}.v136Locked{opacity:.45}.v136SponsoredPhone{width:min(360px,92vw);min-height:510px;margin:12px auto;padding:14px;border-radius:28px;background:linear-gradient(180deg,#171326,#0d0b16);border:1px solid rgba(255,255,255,.16);box-shadow:0 18px 50px rgba(0,0,0,.35);display:flex;flex-direction:column;gap:12px}.v136SponsoredCreative{flex:1;display:grid;place-items:center;min-height:350px;overflow:hidden;border-radius:20px;background:rgba(255,255,255,.04)}.v136SponsoredCreative .adRender{width:100%;max-width:100%;margin:0}.v136SponsoredCreative img,.v136SponsoredCreative video{max-height:360px!important;width:100%!important;object-fit:contain!important}.v136SponsorCaption{font-size:12px;opacity:.82;text-align:center}.v136AdminBox{padding:12px;border-radius:12px;background:#071c2a;border:1px solid #24465d}@media(max-width:600px){.v136StoryButtons{grid-template-columns:1fr}.v136SponsoredPhone{min-height:460px}}

/* inline-style-10 id="v137CompatStyle" */
:root{--app-vh:100vh;--compat-safe-top:env(safe-area-inset-top,0px);--compat-safe-right:env(safe-area-inset-right,0px);--compat-safe-bottom:env(safe-area-inset-bottom,0px);--compat-safe-left:env(safe-area-inset-left,0px)}
html,body,#app{width:100%;height:var(--app-vh,100vh);min-height:100%;overscroll-behavior:none}
body{position:fixed;inset:0;-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent}
#app{padding-left:var(--compat-safe-left);padding-right:var(--compat-safe-right)}
button,a,[role="button"]{touch-action:manipulation}
#fullscreenBtn{flex:0 0 auto}
body.v137PseudoFullscreen #app{position:fixed;inset:0;width:100vw;height:var(--app-vh,100vh);z-index:9999}
body.v137PseudoFullscreen .v12Footer{bottom:max(4px,var(--compat-safe-bottom))}
.compatGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}
.compatCard{padding:12px;border-radius:15px;background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.1)}
.compatCard b{display:block;margin-bottom:4px}.compatCard small{display:block;color:#bac3d7;line-height:1.35}.compatStatus{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:900;margin-top:7px}.compatStatus.ok{background:rgba(36,216,139,.16);color:#79ffc0;border:1px solid rgba(70,255,170,.2)}.compatStatus.warn{background:rgba(255,190,70,.14);color:#ffd27d;border:1px solid rgba(255,194,76,.22)}.compatStatus.bad{background:rgba(255,80,105,.15);color:#ff92a4;border:1px solid rgba(255,91,117,.25)}
.compatHint{margin-top:12px;padding:12px;border-radius:15px;background:rgba(74,137,255,.1);border:1px solid rgba(103,162,255,.22);line-height:1.45}
.compatActions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
@supports(height:100dvh){html,body,#app{min-height:100dvh}}
@supports not ((backdrop-filter:blur(2px)) or (-webkit-backdrop-filter:blur(2px))){.pill,.card,.hudChip{background:rgba(12,10,24,.96)!important}}
@media(max-width:780px){
  .topbar{padding-left:max(0px,var(--compat-safe-left));padding-right:max(0px,var(--compat-safe-right))}
  #muteBtn{right:0!important}.topbar #fullscreenBtn{position:absolute;right:49px;top:0;width:44px;height:44px;z-index:4}
  .v12Hud{right:101px!important}
  .compatGrid{grid-template-columns:1fr}
}
@media(max-width:390px){.topbar #fullscreenBtn{right:45px;width:41px;height:41px}.v12Hud{right:91px!important}.v12Hud .hudChip small{font-size:6.5px!important}}
@media(max-height:520px) and (orientation:landscape){
  .topbar{height:55px!important;top:max(3px,var(--compat-safe-top))!important}
  .v12Hud{grid-template-columns:repeat(6,minmax(0,1fr))!important;grid-template-rows:46px!important;right:102px!important}
  .v12Hud .stressChip{display:flex!important}.v12Hud .xpChip{grid-column:auto!important;grid-row:auto!important;height:46px!important}
  .v12Hud .hudChip small{display:none!important}
  .screen{padding-top:62px!important;padding-bottom:max(24px,var(--compat-safe-bottom))!important}
  #arena{inset:62px 0 max(64px,var(--compat-safe-bottom))!important}
  .card{max-height:calc(var(--app-vh,100vh) - 74px)!important}
}
@media(prefers-reduced-motion:reduce){html:not(.forceMotion) *,html:not(.forceMotion) *:before,html:not(.forceMotion) *:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}
.compatLowPerf .scan{display:none}.compatLowPerf .card,.compatLowPerf .hudChip,.compatLowPerf .pill{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important}.compatLowPerf .bg{transition:none!important}

/* inline-style-11 id="v139FailSafeStyle" */
#hnOfflineStatus{position:fixed;left:50%;top:max(8px,env(safe-area-inset-top));transform:translateX(-50%);z-index:10020;padding:7px 12px;border-radius:999px;background:#5e2430;color:#fff;border:1px solid #ff6f89;font:700 12px system-ui;box-shadow:0 8px 22px rgba(0,0,0,.3);display:none}#hnOfflineStatus.show{display:block}

/* inline-style-12 id="v141UiStyle" */
/* ---------- Main menu cleanup ---------- */
#start .card{position:relative}
.hnHomePrimary{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:10px;margin:12px 0}
.hnHomePrimary .primary,.hnHomePrimary .miniBtn{min-height:58px;font-size:16px;border-radius:16px}
.hnHomeMeta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:4px 0 10px}
.hnHomeMeta .ageBadge{margin:0;font-size:10px;padding:6px 9px}
.hnModeDetails{border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(0,0,0,.18);margin:8px 0;overflow:hidden}
.hnModeDetails>summary{list-style:none;cursor:pointer;padding:12px 14px;font-weight:950;display:flex;align-items:center;justify-content:space-between;gap:10px;touch-action:manipulation}
.hnModeDetails>summary::-webkit-details-marker{display:none}.hnModeDetails>summary:after{content:'▾';opacity:.7}.hnModeDetails[open]>summary:after{transform:rotate(180deg)}
.hnModeDetails .v12StartControls{margin:0;padding:0 10px 10px}
.hnHomeNav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:10px 0}.hnHomeActionSource{display:none!important}
.hnHomeNavBtn{min-height:62px;border:1px solid rgba(255,255,255,.13);border-radius:15px;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.035));color:#fff;font-weight:900;padding:8px;display:grid;place-items:center;gap:2px;cursor:pointer;touch-action:manipulation}
.hnHomeNavBtn span{font-size:22px}.hnHomeNavBtn small{font-size:10px;color:#bdc6d7}.hnHomeModalGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.hnHomeModalGrid button{min-height:54px;text-align:left}
#start .v12MenuRow.hnLegacyMenu{display:none!important}#start .btnrow.hnLegacyStartButtons{display:none!important}
#start .hnOldVersionNote{display:none!important}

/* ---------- Stable mobile HUD ---------- */
@media(max-width:780px){
  .topbar{height:100px!important;left:max(7px,env(safe-area-inset-left))!important;right:max(7px,env(safe-area-inset-right))!important;top:max(6px,env(safe-area-inset-top))!important;display:block!important}
  .topbar .brand,.topbar .spacer,.topAvatarDock{display:none!important}
  .v12Hud{position:absolute!important;left:0!important;right:0!important;top:0!important;width:auto!important;height:98px!important;max-width:none!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-template-rows:46px 42px!important;gap:6px!important;overflow:visible!important;padding:0!important}
  .v12Hud>.hudChip{min-width:0!important;width:auto!important;height:46px!important;min-height:46px!important;padding:5px 6px!important;border-radius:12px!important;justify-content:center!important;gap:5px!important;text-align:center!important;overflow:hidden!important}
  .v12Hud>.hudChip:not(.xpChip):not(.stressChip){grid-row:1!important}
  .v12Hud>.stressChip{display:none!important}
  .v12Hud>.hudChip>span{font-size:18px!important;line-height:1!important;flex:0 0 auto}
  .v12Hud>.hudChip b{font-size:clamp(12px,3.45vw,17px)!important;line-height:1!important;white-space:nowrap!important}
  .v12Hud>.hudChip small{display:block!important;font-size:7.5px!important;line-height:1!important;margin-top:3px!important;letter-spacing:.3px!important;white-space:nowrap!important}
  .v12Hud>.xpChip{position:absolute!important;left:0!important;right:144px!important;top:54px!important;height:40px!important;min-height:40px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:9px!important;padding:5px 10px!important;text-align:left!important;overflow:hidden!important}
  .v12Hud>.xpChip>span{font-size:13px!important;font-weight:1000!important}.v12Hud>.xpChip>div{min-width:0!important;flex:1!important}.v12Hud>.xpChip b{font-size:13px!important;display:inline!important;margin-right:7px!important}.v12Hud>.xpChip small{display:inline!important;font-size:8px!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:none!important}.v12Hud>.xpChip .xpMini{height:4px!important;margin-top:4px!important;width:100%!important}
  .topbar #fullscreenBtn,.topbar #muteBtn,.topbar #mailHudBtn{position:absolute!important;top:54px!important;width:42px!important;height:40px!important;min-height:40px!important;border-radius:12px!important;margin:0!important;z-index:30!important}
  .topbar #fullscreenBtn{right:96px!important}.topbar #muteBtn{right:48px!important}.topbar #mailHudBtn{right:0!important}
  .mailHudButton span{font-size:19px!important}.mailUnread{top:-5px!important;right:-5px!important}
  .screen{padding-top:108px!important}.card{max-height:calc(var(--app-vh,100dvh) - 122px)!important}
  #arena{inset:106px 0 72px!important}
}
@media(max-width:390px){
  .v12Hud{gap:4px!important}.v12Hud>.hudChip{padding:4px!important}.v12Hud>.hudChip>span{font-size:16px!important}.v12Hud>.hudChip b{font-size:11px!important}.v12Hud>.hudChip small{font-size:6.6px!important}
  .v12Hud>.xpChip{right:132px!important;top:52px!important;height:39px!important;padding:4px 8px!important}.topbar #fullscreenBtn,.topbar #muteBtn,.topbar #mailHudBtn{top:52px!important;width:39px!important;height:39px!important}.topbar #fullscreenBtn{right:88px!important}.topbar #muteBtn{right:44px!important}.topbar #mailHudBtn{right:0!important}
}

/* ---------- Gameplay viewport: controls remain reachable ---------- */
body.hnGameplayActive .v12Footer{display:none!important}
body.hnGameplayActive #hud{bottom:max(7px,env(safe-area-inset-bottom))!important}
body.hnGameplayActive #arena{bottom:66px!important}
@media(max-width:780px){
  body.hnGameplayActive #arena{top:106px!important;bottom:68px!important}
  body.hnGameplayActive .miniwrap{padding:7px!important;align-items:stretch!important;justify-content:center!important}
  body.hnGameplayActive .minibox{width:min(720px,100%)!important;height:100%!important;max-height:100%!important;overflow:auto!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;padding:12px!important;border-radius:18px!important;display:block!important}
  body.hnGameplayActive .minibox h3{font-size:clamp(21px,6vw,28px)!important;margin:0 0 5px!important}
  body.hnGameplayActive .minibox>.sub{font-size:12.5px!important;line-height:1.28!important;margin:0 0 7px!important;color:#c5c9d4!important}
  body.hnGameplayActive .kicker{font-size:10px!important;margin-bottom:4px!important}
  body.hnGameplayActive .speechGrid{gap:6px!important;margin:5px 0!important;grid-template-columns:1fr 1fr!important}
  body.hnGameplayActive .speechGrid .bubble{padding:8px 9px!important;font-size:11.5px!important;line-height:1.3!important;min-height:0!important}
  body.hnGameplayActive .commentTone{margin:5px 0!important;font-size:11px!important;padding:5px 8px!important}
  body.hnGameplayActive .commentcard.big{font-size:clamp(16px,4.8vw,20px)!important;line-height:1.28!important;min-height:82px!important;padding:13px!important;margin:7px 0!important}
  body.hnGameplayActive .trollLives{font-size:12px!important;margin:6px 0!important}
  body.hnGameplayActive .actiongrid{position:sticky!important;bottom:-12px!important;z-index:40!important;margin:8px -12px -12px!important;padding:9px 12px 12px!important;background:linear-gradient(180deg,rgba(8,8,15,.05),rgba(8,8,15,.97) 22%,rgba(8,8,15,.99))!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
  body.hnGameplayActive .actiongrid .actionbtn{min-height:52px!important;padding:10px 8px!important;font-size:15px!important}
  body.hnGameplayActive .trollMode{padding:8px!important;margin-top:8px!important}.trollWindowField{min-height:120px!important;margin-top:6px!important}.trollWindow{font-size:10.5px!important;padding:7px!important;max-width:45%!important}
  body.hnGameplayActive .replyChoices{position:sticky!important;bottom:-8px!important;z-index:42!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;margin:8px -8px -8px!important;padding:8px!important;background:linear-gradient(180deg,rgba(8,8,15,.12),rgba(8,8,15,.98) 30%)!important}
  body.hnGameplayActive .replyChoiceBtn{min-height:46px!important;padding:8px!important;font-size:11.5px!important;line-height:1.2!important}
  body.hnGameplayActive .throwButtons3,body.hnGameplayActive .rushChoices,body.hnGameplayActive .mixButtons{position:sticky!important;bottom:-8px!important;z-index:40!important;background:linear-gradient(180deg,rgba(8,8,15,.05),rgba(8,8,15,.98) 26%)!important;padding:8px!important;margin-left:-8px!important;margin-right:-8px!important;margin-bottom:-8px!important}
  body.hnGameplayActive .hnDense .speechGrid{display:none!important}body.hnGameplayActive .hnDense .minibox>.sub{max-height:2.7em!important;overflow:hidden!important}body.hnGameplayActive .hnDense .commentcard.big{min-height:68px!important;font-size:16px!important}
}
@media(max-height:700px) and (max-width:900px){body.hnGameplayActive .speechGrid{display:none!important}body.hnGameplayActive .minibox>.sub{max-height:2.6em!important;overflow:hidden!important}body.hnGameplayActive .commentcard.big{min-height:64px!important}}

/* ---------- iOS audio recovery ---------- */
#hnAudioUnlockBtn{position:fixed;left:50%;bottom:max(82px,calc(env(safe-area-inset-bottom) + 72px));transform:translateX(-50%) translateY(8px);z-index:9999;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:#171222;color:#fff;padding:10px 15px;font-weight:900;box-shadow:0 12px 35px rgba(0,0,0,.42);opacity:0;pointer-events:none;transition:.18s}
#hnAudioUnlockBtn.show{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0)}

/* ---------- Mobile home ---------- */
@media(max-width:780px){
  #start .card{padding:14px!important;overflow:auto!important;align-self:flex-start!important;margin-top:0!important}
  #start h1{font-size:clamp(34px,10vw,52px)!important;margin:3px 0 6px!important}#start>.card>.sub{font-size:13px!important;line-height:1.32!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  #start .heroimg{max-height:15vh!important;margin:7px auto!important}.hnHomePrimary{grid-template-columns:1.45fr 1fr;gap:7px;margin:8px 0}.hnHomePrimary .primary,.hnHomePrimary .miniBtn{min-height:54px!important;font-size:14px!important}
  .hnHomeMeta{margin:2px 0 7px}.hnModeDetails>summary{padding:10px 11px;font-size:12px}.hnModeDetails .v12StartControls{padding:0 8px 8px!important}.hnHomeNav{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:8px 0}.hnHomeNavBtn{min-height:54px;padding:6px}.hnHomeNavBtn span{font-size:19px}.hnHomeNavBtn small{font-size:9px}
  #menuAdSlot{margin-top:7px!important;max-height:105px!important;overflow:hidden!important}
}

/* inline-style-13 id="v142CharacterStyle" */
/* XP gets its own dock instead of floating over story content */
.hnXpDock{display:flex;align-items:center;min-width:180px;max-width:230px;margin-left:6px}
.hnXpDock>.xpChip{position:static!important;inset:auto!important;width:100%!important;height:44px!important;min-height:44px!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;padding:6px 10px!important;overflow:hidden!important}
.hnXpDock>.xpChip>div{min-width:0;flex:1}.hnXpDock>.xpChip b{font-size:13px!important;white-space:nowrap}.hnXpDock>.xpChip small{font-size:8px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block!important}.hnXpDock>.xpChip .xpMini{width:100%;height:4px;margin-top:4px}

.castPortrait{position:relative!important;overflow:visible!important}
.hnCharInfoBtn{position:absolute;right:9px;top:9px;width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.42);background:rgba(5,8,18,.88);color:#fff;font:1000 20px/1 system-ui;display:grid;place-items:center;z-index:6;box-shadow:0 7px 22px rgba(0,0,0,.36);cursor:pointer;touch-action:manipulation}
.hnCharInfoBtn:hover,.hnCharInfoBtn:focus-visible{background:linear-gradient(135deg,#7b4cff,#cf4da5);transform:scale(1.05)}
.hnCharHint{position:absolute;left:10px;top:10px;padding:5px 8px;border-radius:999px;background:rgba(4,7,14,.8);border:1px solid rgba(255,255,255,.13);font-size:9px;font-weight:900;letter-spacing:.04em;opacity:.84;pointer-events:none}
.hnPathInfoGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:11px 0 0}
.hnPathInfoCard{border:1px solid rgba(255,255,255,.14);border-radius:16px;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.035));color:#fff;text-align:left;padding:11px 12px;cursor:pointer;touch-action:manipulation;min-height:104px}
.hnPathInfoCard:hover,.hnPathInfoCard:focus-visible{border-color:rgba(128,217,255,.55);transform:translateY(-1px)}
.hnPathInfoCard b{display:block;font-size:14px;margin-bottom:5px}.hnPathInfoCard small{display:block;font-size:11px;line-height:1.32;color:#c4cada;font-weight:650}.hnPathInfoCard em{display:block;margin-top:7px;font-style:normal;font-size:10px;color:#79dcff;font-weight:900}
.hnCastAd{margin-top:8px}.hnCastAd:empty{display:none}
.hnCharacterModal{display:grid;gap:10px}.hnCharacterHero{display:grid;grid-template-columns:96px 1fr;gap:13px;align-items:center}.hnCharacterHero img{width:96px;height:96px;border-radius:20px;object-fit:cover;border:1px solid rgba(255,255,255,.2)}.hnCharacterHero h3{margin:0 0 5px}.hnCharacterHero p{margin:0;color:#c8cedd;line-height:1.45}.hnCharacterFacts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.hnCharacterFacts div{padding:9px;border-radius:12px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);font-size:11px}.hnInfoAd{margin-top:4px}

@media(max-width:780px){
  .topbar{height:100px!important}
  .v12Hud{height:46px!important;grid-template-rows:46px!important;top:0!important}
  .v12Hud>.xpChip{display:none!important}
  .hnXpDock{position:absolute!important;left:0!important;right:144px!important;top:52px!important;max-width:none!important;width:auto!important;height:42px!important;margin:0!important;z-index:28!important}
  .hnXpDock>.xpChip{height:42px!important;min-height:42px!important;border-radius:12px!important;padding:5px 10px!important}
  .hnXpDock>.xpChip>span{font-size:13px!important}.hnXpDock>.xpChip b{font-size:13px!important;display:inline!important;margin-right:6px}.hnXpDock>.xpChip small{font-size:8px!important;display:inline!important}
  .screen{padding-top:108px!important}
  .hnPathInfoGrid{grid-template-columns:1fr!important;gap:7px}.hnPathInfoCard{min-height:82px;padding:9px 10px}.hnPathInfoCard b{font-size:13px}.hnPathInfoCard small{font-size:10.5px}.hnCharInfoBtn{width:34px;height:34px;right:7px;top:7px}
}
@media(max-width:390px){
  .hnXpDock{right:132px!important;top:52px!important;height:39px!important}.hnXpDock>.xpChip{height:39px!important;min-height:39px!important;padding:4px 8px!important}.hnXpDock>.xpChip b{font-size:12px!important}.hnXpDock>.xpChip small{font-size:7.5px!important}
}
@media(min-width:781px){
  .v12Hud>.xpChip{display:none!important}
}

/* inline-style-14 id="v143AudioStyle" */
.hnBeatCard{display:grid;gap:10px}.hnBeatSelect{width:100%;min-height:46px;border-radius:12px;padding:8px 10px;background:#151324;color:#fff;border:1px solid rgba(255,255,255,.18);font-weight:800}
.hnBeatActions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.hnBeatActions button{min-height:44px}
.hnBeatNow{padding:8px 10px;border-radius:12px;background:rgba(91,203,255,.08);border:1px solid rgba(91,203,255,.18);font-size:11px;color:#cfefff;line-height:1.4}
#hnAudioRecoveryToast{position:fixed;left:50%;bottom:max(78px,calc(env(safe-area-inset-bottom,0px) + 70px));transform:translateX(-50%) translateY(12px);z-index:99999;max-width:min(88vw,420px);padding:10px 14px;border-radius:14px;background:rgba(13,13,23,.95);border:1px solid rgba(116,211,255,.35);box-shadow:0 10px 35px rgba(0,0,0,.45);font:800 12px/1.35 system-ui;color:#e9f8ff;opacity:0;pointer-events:none;transition:.18s ease}
#hnAudioRecoveryToast.show{opacity:1;transform:translateX(-50%) translateY(0)}
@media(max-width:520px){.hnBeatActions{grid-template-columns:1fr}.hnBeatSelect{font-size:16px}}

/* inline-style-15 id="v144DespairStyle" */
.hnDespairResult{margin-top:9px;padding:9px 11px;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:rgba(25,17,37,.72);display:flex;align-items:center;gap:10px}.hnDespairResult b{white-space:nowrap}.hnDespairTrack{height:6px;flex:1;border-radius:99px;background:rgba(255,255,255,.1);overflow:hidden}.hnDespairTrack i{display:block;height:100%;background:linear-gradient(90deg,#55e5a4,#ffc45d 55%,#ff647e 78%,#8c3b91);width:0}.hnDespairDialog{display:grid;grid-template-columns:minmax(120px,180px) 1fr;gap:14px;align-items:start}.hnDespairDialog img{width:100%;max-height:220px;object-fit:contain;border-radius:18px;background:radial-gradient(circle,rgba(120,80,200,.2),transparent 65%)}.hnDespairChoices{display:grid;gap:8px;margin-top:12px}.hnDespairChoices button{text-align:left;min-height:54px}.hnDespairBadge{display:inline-flex;gap:7px;align-items:center;padding:7px 10px;border-radius:999px;background:rgba(91,50,102,.22);border:1px solid rgba(218,125,255,.2);font-size:12px;font-weight:900}.hnDespairNight{padding:12px;border-radius:16px;background:linear-gradient(150deg,rgba(42,23,59,.94),rgba(9,13,25,.97));border:1px solid rgba(199,134,255,.22)}
@media(max-width:620px){.hnDespairDialog{grid-template-columns:92px 1fr;gap:10px}.hnDespairDialog img{max-height:150px}.hnDespairChoices button{font-size:12px;padding:9px}.hnDespairResult{font-size:11px}}

/* inline-style-16 id="v145ReleaseStyle" */
body.hnQaCompact #tapField .miniwrap{padding-bottom:calc(env(safe-area-inset-bottom,0px) + 82px)!important}body.hnQaCompact .actiongrid,body.hnQaCompact .replyChoices,body.hnQaCompact .throwButtons3{position:sticky!important;bottom:0!important;z-index:80!important;background:linear-gradient(180deg,rgba(8,8,15,.1),rgba(8,8,15,.97) 28%)!important;padding:8px!important;border-radius:14px!important}.hnSaveRc{padding:10px;border:1px solid rgba(102,216,255,.18);border-radius:14px;background:rgba(25,42,64,.35)}

/* inline-style-17 id="hnV146SfxStyle" */
.hnSfxCard select{width:100%;margin:8px 0 6px}.hnSfxDemo{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.hnSfxDemo button{flex:1;min-width:110px}

/* inline-style-18 id="v147LiveOpsComfortCSS" */
/* V14.7 Live Ops & Comfort — additive responsive polish */
@media (max-width: 560px){
  .riskPurchaseCard{padding:14px!important;border-radius:20px!important;max-height:calc(100dvh - 24px)!important}
  .riskPurchaseCard h2{font-size:clamp(25px,8.2vw,36px)!important;line-height:1.02!important;letter-spacing:-.7px!important;overflow-wrap:anywhere}
  .riskLine{font-size:clamp(15px,4.35vw,19px)!important;line-height:1.34!important;padding:11px 12px!important}
  .riskConsequences{grid-template-columns:1fr!important;gap:7px!important}
  .riskConsequences div{display:grid!important;grid-template-columns:minmax(92px,.75fr) 1.25fr;align-items:center;gap:8px;text-align:left!important;line-height:1.25!important;padding:10px 12px!important}
  .riskConsequences div b{font-size:clamp(18px,5vw,23px);white-space:normal}
  .riskAd{margin-top:16px!important;min-height:0!important;padding-bottom:4px}
  .riskAd .adRender{max-height:none!important;border-radius:16px!important}
  .riskAd .adRender img{height:auto!important;max-height:190px!important;object-fit:cover!important;object-position:center!important}
  .riskAd .adSponsorName{padding:0 8px 7px!important;margin:0!important}
  .v12Footer{gap:5px!important;left:8px!important;right:8px!important;bottom:max(5px,env(safe-area-inset-bottom))!important}
  .v12Footer button,.v12Footer a{font-size:9px!important;padding:5px 8px!important}
  .storyline{line-height:1.24!important;overflow-wrap:anywhere}
}
.v147InventoryGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;margin-top:12px}
.v147Item{padding:14px;border-radius:17px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.055)}
.v147ItemTop{display:flex;gap:10px;align-items:flex-start}.v147ItemIcon{font-size:34px;line-height:1}.v147Item b{display:block;font-size:18px}.v147Item .smallnote{line-height:1.35}
.v147ItemBtns{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.v147ItemBtns button{flex:1;min-width:120px}
.v147Meter{height:9px;border-radius:99px;overflow:hidden;background:rgba(255,255,255,.1);margin:8px 0}.v147Meter i{display:block;height:100%;background:linear-gradient(90deg,#55e8ff,#ffcc45,#ff5a76);border-radius:99px}
.v147Night{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:14px;background:radial-gradient(circle at 50% 30%,rgba(106,49,183,.34),rgba(3,3,10,.92));overflow:hidden}
.v147NightCard{width:min(720px,96vw);max-height:92%;overflow:auto;padding:18px;border-radius:24px;background:rgba(8,7,18,.9);border:2px solid rgba(202,121,255,.45);box-shadow:0 24px 80px rgba(0,0,0,.6)}
.v147NightTitle{font-size:clamp(25px,7vw,42px);font-weight:1000;line-height:1.05;margin:3px 0 8px}.v147NightField{position:relative;min-height:270px;border-radius:18px;background:linear-gradient(160deg,rgba(95,231,255,.12),rgba(154,87,255,.15),rgba(255,90,118,.08));overflow:hidden;border:1px solid rgba(255,255,255,.1);margin-top:12px;padding:12px}
.v147Cloud,.v147DreamBtn{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.09);color:#fff;border-radius:15px;padding:13px;font-weight:900;cursor:pointer}.v147Cloud{position:absolute;font-size:28px;padding:9px 15px;border-radius:999px;background:rgba(255,255,255,.9);color:#38214f}.v147DreamGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.v147DreamBtn{min-height:68px;font-size:20px}.v147DreamBtn.good{outline:2px solid rgba(77,240,164,.3)}
.v147JobCard{padding:14px;border-radius:16px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.055);margin:9px 0}.v147JobOffers{display:grid;gap:8px;margin-top:10px}.v147JobOffer{width:100%;text-align:left;padding:12px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.07);color:#fff;font-weight:800}.v147Teaser{margin-top:14px;padding:14px;border:1px dashed rgba(255,204,69,.5);border-radius:16px;background:rgba(255,204,69,.06)}
#v147AudioHelp{position:fixed;z-index:9999;right:12px;bottom:calc(64px + env(safe-area-inset-bottom));display:none;border:1px solid rgba(255,255,255,.28);border-radius:999px;padding:10px 13px;background:#16111f;color:#fff;font-weight:900;box-shadow:0 10px 35px rgba(0,0,0,.5)}
body.v147-ios-audio-help #v147AudioHelp{display:block}

/* inline-style-19 id="hnV17912WorldCSS" */
/* V17.9.21 · WORLD STATE · STORY SYNC · SAFE TRAVEL */
.v163road.route17912{height:5px!important;background:linear-gradient(90deg,rgba(95,231,255,.72),rgba(255,211,91,.82))!important;box-shadow:0 0 12px rgba(95,231,255,.35);z-index:2!important}.v163place.story17912{outline:2px solid rgba(255,211,91,.7);box-shadow:0 0 0 4px rgba(255,211,91,.10),0 9px 24px rgba(0,0,0,.28)}.v163place.current.story17912{outline-color:#8ef2c5}.hn17912WorldBar{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin:8px 0;padding:8px 10px;border-radius:13px;background:rgba(95,231,255,.055);border:1px solid rgba(95,231,255,.17);font-size:10px;line-height:1.35}.hn17912WorldBar b{color:#fff}.hn17912WorldBar span{padding:4px 7px;border-radius:999px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.09)}.hn17912RouteSteps{display:flex;gap:5px;flex-wrap:wrap;justify-content:center;margin:10px 0}.hn17912RouteSteps span{padding:5px 7px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);font-size:9px;font-weight:850}.hn17912RouteSteps span.on{background:rgba(95,231,255,.14);border-color:rgba(95,231,255,.38)}.hn17912MiniMap{position:fixed;right:10px;top:max(58px,calc(env(safe-area-inset-top) + 50px));z-index:19;max-width:min(330px,58vw);min-height:38px;padding:7px 10px;border-radius:14px;border:1px solid rgba(95,231,255,.2);background:rgba(5,10,20,.86);backdrop-filter:blur(10px);color:#fff;box-shadow:0 10px 30px rgba(0,0,0,.24);font-size:9px;font-weight:850;line-height:1.25;text-align:left}.hn17912MiniMap small{display:block;opacity:.67;font-size:8px;margin-top:2px}.hn17912MiniMap[hidden]{display:none!important}@media(max-width:560px){.hn17912MiniMap{right:7px;top:max(56px,calc(env(safe-area-inset-top) + 48px));max-width:56vw;padding:6px 8px}.v163map{min-height:330px}.hn17912WorldBar{font-size:9px}}

/* V17.9.21 · REGIONAL MAP UX */
.v17920MapScroller{width:100%;overflow-x:auto;overflow-y:hidden;border-radius:18px;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(95,231,255,.35) rgba(255,255,255,.04)}
.v17920MapScroller::-webkit-scrollbar{height:7px}.v17920MapScroller::-webkit-scrollbar-track{background:rgba(255,255,255,.04);border-radius:99px}.v17920MapScroller::-webkit-scrollbar-thumb{background:rgba(95,231,255,.32);border-radius:99px}
.v163map{min-height:500px!important;background:radial-gradient(circle at 18% 15%,rgba(88,139,196,.16),transparent 25%),radial-gradient(circle at 78% 72%,rgba(67,145,89,.14),transparent 27%),linear-gradient(150deg,#183b42 0%,#15312f 48%,#172a2a 100%)!important;box-shadow:inset 0 0 90px rgba(0,0,0,.25)}
.v163map:before{content:"";position:absolute;inset:0;background:linear-gradient(118deg,transparent 0 68%,rgba(93,178,209,.12) 69% 73%,transparent 74%),radial-gradient(ellipse at 74% 23%,rgba(67,139,82,.18) 0 9%,transparent 10%),radial-gradient(ellipse at 49% 66%,rgba(67,139,82,.14) 0 10%,transparent 11%);pointer-events:none;z-index:0}
.v17920MapDecor{position:absolute;inset:0;pointer-events:none;z-index:0;color:rgba(220,239,235,.45);font-size:10px;font-weight:800}.v17920MapDecor span{position:absolute;padding:3px 6px;border-radius:999px;background:rgba(4,15,19,.24);backdrop-filter:blur(2px)}.v17920MapDecor .sea{right:2%;top:1%;color:rgba(156,220,255,.72)}.v17920MapDecor .elbe{left:9%;top:29%;transform:rotate(-8deg);color:rgba(156,220,255,.64)}.v17920MapDecor .forestA{left:44%;top:18%;font-size:16px;background:transparent}.v17920MapDecor .forestB{left:64%;top:58%;font-size:16px;background:transparent}.v17920MapDecor .city{left:4%;top:7%;font-size:15px;background:transparent}.v17920MapDecor .fields{left:35%;top:55%;font-size:15px;background:transparent}
.v163road{height:4px!important;background:rgba(225,239,236,.14)!important;box-shadow:0 0 5px rgba(0,0,0,.25);z-index:1!important}.v163road.route17912{height:6px!important}
.v163place{min-width:108px!important;min-height:62px;padding:9px 8px!important;border-radius:15px!important;background:linear-gradient(160deg,rgba(13,28,34,.96),rgba(7,17,23,.95))!important;border:1px solid rgba(220,240,236,.2)!important;box-shadow:0 8px 20px rgba(0,0,0,.3);font-size:10px!important;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;z-index:3!important}.v163place:hover{transform:translate(-50%,-50%) scale(1.04);box-shadow:0 10px 28px rgba(0,0,0,.38)}.v163place b{font-size:14px!important;line-height:1.05;margin-top:1px}.v17920PlaceIcon{display:block;font-size:21px;line-height:1.05;margin-bottom:2px}.v163place small{font-size:9px;line-height:1.2;opacity:.82}.v17920Discovery{display:block;width:78%;height:4px;margin:5px auto 0;border-radius:99px;overflow:hidden;background:rgba(255,255,255,.08)}.v17920Discovery i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#5fe7ff,#5fe7a7)}
.v163place.current{outline:3px solid rgba(95,231,255,.9)!important;box-shadow:0 0 0 5px rgba(95,231,255,.12),0 10px 30px rgba(0,0,0,.38)!important;animation:v17920CurrentPulse 1.8s ease-in-out infinite}.v163place.story17912{outline:3px solid rgba(255,209,92,.82)!important}.v163place.current.story17912{outline-color:#8ef2c5!important}@keyframes v17920CurrentPulse{50%{box-shadow:0 0 0 9px rgba(95,231,255,.05),0 10px 30px rgba(0,0,0,.4)}}
.v17920MapHint{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin:7px 0 3px;font-size:9px;opacity:.78}.v17920MapHint span{padding:4px 7px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}
@media(max-width:620px){.v17920MapScroller{margin-inline:0;padding-bottom:2px;overflow-x:hidden}.v163map{width:100%!important;min-width:0!important;min-height:clamp(390px,112vw,500px)!important}.v163place{min-width:66px!important;min-height:48px;padding:5px 4px!important}.v163place b{font-size:10px!important}.v163place small,.v17920Discovery{display:none!important}.v17920PlaceIcon{font-size:17px}.v17920MapHint{font-size:8px}.hn17912WorldBar{font-size:9px!important}.v163legend{font-size:9px!important}}

/* inline-style-20 id="v172RuntimeCSS" */
#v172PerfBadge{position:fixed;left:10px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:99980;display:none;padding:6px 9px;border-radius:999px;background:rgba(5,14,22,.88);border:1px solid rgba(255,255,255,.14);font-size:10px;font-weight:800;backdrop-filter:blur(10px)}
body.v172-debug #v172PerfBadge{display:block}

/* inline-style-21 id="v173StoryTutorialCSS" */
.v173Tutorial{position:fixed;inset:0;z-index:100500;background:rgba(3,9,16,.92);backdrop-filter:blur(18px);display:none;align-items:center;justify-content:center;padding:max(14px,env(safe-area-inset-top)) 14px max(14px,env(safe-area-inset-bottom))}
.v173Tutorial.show{display:flex}.v173Story{width:min(520px,100%);height:min(760px,calc(100dvh - 28px));border-radius:26px;overflow:hidden;position:relative;background:linear-gradient(160deg,#10283a,#0b1522 58%,#211325);border:1px solid rgba(255,255,255,.15);box-shadow:0 30px 100px rgba(0,0,0,.55);display:flex;flex-direction:column}
.v173StoryProgress{display:flex;gap:4px;padding:10px 12px 0;z-index:4}.v173StoryProgress i{height:3px;flex:1;border-radius:9px;background:rgba(255,255,255,.22);overflow:hidden}.v173StoryProgress i:after{content:"";display:block;width:0;height:100%;background:#fff}.v173StoryProgress i.done:after{width:100%}.v173StoryProgress i.active:after{width:100%}
@keyframes v173StoryBar{from{width:0}to{width:100%}}
.v173StoryTop{display:flex;align-items:center;justify-content:space-between;padding:10px 13px;z-index:5}.v173StoryTop b{font-size:12px}.v173TutorialClose{width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:rgba(0,0,0,.28);color:#fff;font-size:20px;font-weight:900}
.v173StoryBody{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:flex-start;padding:24px 22px 28px;position:relative;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}.v173StoryIcon{position:relative;inset:auto;flex:none;align-self:center;margin:0 0 20px;text-align:center;font-size:clamp(48px,12vw,86px);line-height:1.15;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;filter:drop-shadow(0 10px 18px rgba(0,0,0,.25))}
.v173StoryBody h2{font-size:clamp(28px,8vw,44px);margin:0 0 10px;line-height:1.02}.v173StoryBody p{font-size:16px;line-height:1.5;margin:0;color:#e4edf4}.v173StoryHint{margin-top:13px;font-size:12px;opacity:.72}.v173StoryControls{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 14px 15px}.v173StoryControls button{min-height:48px}
.v173SwipeZone{position:absolute;inset:58px 0 70px;z-index:2;pointer-events:none}.v173StoryBody>*{position:relative;z-index:3;flex-shrink:0}.v173StoryTop,.v173StoryProgress,.v173StoryControls{flex-shrink:0}.v173StoryBody h2,.v173StoryBody p{overflow-wrap:anywhere}.v173TutorialClose{flex-shrink:0}
@media(prefers-reduced-motion:reduce){.v173StoryProgress i.active:after{animation:none;width:100%}}
body.a11yReduce .v173StoryProgress i.active:after,.v173Tutorial.reduce .v173StoryProgress i.active:after{animation:none;width:100%}
@media(max-width:520px){.v173Story{height:100%;max-height:none;border-radius:22px}.v173StoryBody{padding:20px 18px 24px}.v173StoryControls{padding:0 10px 10px}}

/* inline-style-22 id="v173AccessibilityCSS" */
:focus-visible{outline:3px solid #fff!important;outline-offset:3px!important}
#v173Skip{position:fixed;left:10px;top:-70px;z-index:110000;background:#fff;color:#000;padding:10px 14px;border-radius:10px;font-weight:900;transition:top .15s}
#v173Skip:focus{top:10px}
body.v173A11yLarge{font-size:118%}body.v173A11yLarge button,body.v173A11yLarge input,body.v173A11yLarge select{font-size:1em}
body.v173A11yContrast{filter:none;background:#000!important;color:#fff!important}
body.v173A11yContrast .card,body.v173A11yContrast .modalCard,body.v173A11yContrast .infoCard,body.v173A11yContrast .minibox{background:#000!important;color:#fff!important;border:2px solid #fff!important}
body.v173A11yContrast button{border:2px solid currentColor!important}
body.v173A11yNoFlash *{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
body.v173A11yTouch button,body.v173A11yTouch .miniBtn,body.v173A11yTouch .secondary,body.v173A11yTouch .primary{min-height:48px;min-width:48px}
#v173A11yLive{position:fixed;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.v173A11yPanel{display:grid;gap:9px}.v173A11yOption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px;border-radius:13px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04)}
.v173A11yOption input{width:24px;height:24px}.v173A11yNote{font-size:12px;line-height:1.5;opacity:.8}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}

/* inline-style-23 id="v173MobileAdsCSS" */
@media(max-width:600px){
 .adRender,.hnMiniSponsorStrip{max-width:100%!important;overflow:hidden!important}
 .adSafeActions{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;padding:8px!important}
 .adExternalBtn{width:100%!important;min-height:48px!important;padding:11px 12px!important;font-size:15px!important;line-height:1.2!important;white-space:normal!important;text-align:center!important;border-radius:12px!important}
 .adExternalNote{width:100%!important;min-width:0!important;text-align:center!important;font-size:11px!important;line-height:1.35!important;padding:0 4px 2px!important;overflow-wrap:anywhere!important}
 .adSponsorName,.adMark{max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important}
 .adCreativeLink img,.adRender>img,.adRender video{width:100%!important;height:auto!important;max-height:46vh!important;object-fit:contain!important}
 .hnMiniSponsorStrip .adCreativeLink img,.hnMiniSponsorStrip .adRender>img{height:52px!important;max-height:52px!important;object-fit:cover!important}
}

/* inline-style-24 id="v173AdaptivePerformanceCSS" */
body.v173LowPower .anchorRing,body.v173LowPower .anchorRing2,body.v173LowPower .ambient,body.v173LowPower .spark,body.v173LowPower .floaty{animation:none!important}
body.v173LowPower *{transition-duration:.08s!important}
#v173PerfToast{position:fixed;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:99970;display:none;max-width:260px;padding:8px 10px;border-radius:12px;background:rgba(4,13,21,.9);border:1px solid rgba(255,255,255,.12);font-size:11px;line-height:1.35}
body.v173PerfNotice #v173PerfToast{display:block}

/* inline-style-25 id="v174ReliabilityCSS" */
#v174Fallback{position:fixed;inset:0;z-index:100800;display:none;align-items:center;justify-content:center;padding:16px;background:rgba(3,9,16,.9);backdrop-filter:blur(15px)}
#v174Fallback.show{display:flex}.v174FallbackCard{width:min(520px,100%);padding:20px;border-radius:22px;background:linear-gradient(150deg,#102536,#0b1521);border:1px solid rgba(255,255,255,.15);box-shadow:0 30px 90px rgba(0,0,0,.5)}
.v174FallbackCard h2{margin-top:0}.v174FallbackActions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}
@media(max-width:520px){.v174FallbackActions{grid-template-columns:1fr}.v174FallbackActions button{min-height:50px}}

/* inline-style-26 id="v175CleanCoreCSS" */
.v175BeatWrap{width:min(640px,100%);margin:auto;padding:16px}.v175BeatHead{text-align:center;margin-bottom:14px}
.v175BeatTarget{display:grid;place-items:center;width:92px;height:92px;margin:12px auto;border-radius:24px;background:rgba(255,255,255,.09);border:2px solid rgba(255,255,255,.16);font-size:42px;box-shadow:0 16px 45px rgba(0,0,0,.3)}
.v175BeatTarget.go{border-color:rgba(95,231,255,.72);box-shadow:0 0 0 5px rgba(95,231,255,.08),0 16px 45px rgba(0,0,0,.3)}
.v175BeatGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.v175BeatPad{min-height:72px;font-size:26px;border-radius:18px}
.v175BeatStats{display:flex;justify-content:center;gap:14px;margin:12px 0;font-size:13px}.v175BeatStats b{font-size:20px;display:block}
#v175Handoff{position:fixed;inset:0;z-index:100900;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(2,8,14,.9);backdrop-filter:blur(15px)}
#v175Handoff.show{display:flex}.v175HandoffCard{width:min(500px,100%);padding:25px;border-radius:24px;background:linear-gradient(150deg,#122d40,#101724 58%,#25162b);border:1px solid rgba(255,255,255,.15);text-align:center;box-shadow:0 30px 100px rgba(0,0,0,.55)}
.v175HandoffIcon{font-size:58px;margin-bottom:10px}.v175HandoffCard h2{margin:0 0 8px}.v175HandoffCard p{line-height:1.5}
@media(max-width:520px){.v175BeatGrid{grid-template-columns:1fr 1fr}.v175BeatPad{min-height:64px}.v175BeatWrap{padding:10px}}

/* inline-style-27 id="v176SafeLiveCSS" */
#v176LiveBadge{position:fixed;right:10px;top:calc(10px + env(safe-area-inset-top));z-index:100300;display:flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;background:rgba(5,15,24,.9);border:1px solid rgba(255,255,255,.14);font-size:10px;font-weight:900;backdrop-filter:blur(12px);pointer-events:none}
#v176LiveBadge i{width:8px;height:8px;border-radius:50%;background:#66e5a8;box-shadow:0 0 12px rgba(102,229,168,.65)}
#v176LiveBadge.offline i{background:#ffd36a;box-shadow:0 0 12px rgba(255,211,106,.55)}
#v176LiveBadge.update i{background:#64d9ff;animation:v176Pulse 1.2s infinite}
@keyframes v176Pulse{50%{opacity:.35}}
#v176UpdateNotice{position:fixed;left:50%;top:calc(54px + env(safe-area-inset-top));transform:translateX(-50%);z-index:100250;display:none;width:min(620px,calc(100% - 20px));padding:10px 13px;border-radius:14px;background:rgba(7,22,34,.96);border:1px solid rgba(100,217,255,.25);box-shadow:0 16px 50px rgba(0,0,0,.38);font-size:12px;line-height:1.45;text-align:center}
#v176UpdateNotice.show{display:block}
body.v176UpdateOffline .adRender,body.v176UpdateOffline .hnMiniSponsorStrip,body.v176UpdateOffline [data-ad-slot]{display:none!important}
.v176RatingStars{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin:12px 0}.v176RatingStars button{min-height:54px;font-size:28px}.v176RatingSummary{text-align:center;font-size:13px;margin:8px 0 14px}

/* inline-style-28 id="v1763ResponsivePolish" */
/* V17.7.0 – Live status stays visible, but never sits above mailbox/modal content. */
#v176LiveBadge{
  position:fixed!important;left:max(8px,env(safe-area-inset-left))!important;right:auto!important;
  top:calc(78px + env(safe-area-inset-top))!important;z-index:62!important;
  min-height:30px!important;padding:6px 9px!important;max-width:190px!important;
  font-size:9px!important;line-height:1!important;white-space:nowrap!important;
  overflow:hidden!important;text-overflow:ellipsis!important;
}
#v176UpdateNotice{z-index:880!important;top:calc(68px + env(safe-area-inset-top))!important}
#v12Modal.show~#v176LiveBadge,.modal.show~#v176LiveBadge{opacity:.18!important}
body.v1763ModalOpen #v176LiveBadge{opacity:.12!important;pointer-events:none!important}

/* Typography/centering pass */
.story h1,.story h2,.story h3,.minibox h3,.v155card h3,.v155boss h3,.careCommentFeed h3,
.v12Modal h2,.v12Modal h3{overflow-wrap:anywhere;text-wrap:balance}
.storyCopy,.sub,.note,.v155card p,.careComment p,.mailBody,.mailDetail{line-height:1.48}
button,.miniBtn,.choice,.replyChoiceBtn,.careChoiceBtn{overflow-wrap:anywhere;line-height:1.25}
.v155card,.v155boss,.v162event{text-align:center}
.v155choices button{text-align:center!important;justify-content:center!important}

/* Strong, centered event presentation */
.v1763EventStage{width:min(680px,100%);margin:0 auto;text-align:center;display:grid;gap:12px}
.v1763EventTop{display:flex;align-items:center;justify-content:center;position:relative;min-height:42px}
.v1763EventTop .v1763Help{position:absolute;right:0;top:0;width:38px;height:38px;border-radius:50%;
 display:grid;place-items:center;font-weight:1000;font-size:20px;padding:0}
.v1763EventIcon{font-size:48px;line-height:1;margin-top:2px}
.v1763EventTitle{font-size:clamp(23px,4vw,34px);font-weight:1000;line-height:1.08;margin:0;text-wrap:balance}
.v1763EventCopy{font-size:clamp(13px,2vw,16px);opacity:.9;max-width:560px;margin:auto;line-height:1.5}
.v1763EventPause{display:inline-flex;justify-self:center;align-items:center;gap:6px;padding:6px 10px;
 border-radius:999px;background:rgba(255,211,106,.09);border:1px solid rgba(255,211,106,.24);font-size:10px}
.v1763EventChoices{display:grid;gap:9px;margin-top:3px}.v1763EventChoices button{min-height:50px;text-align:center!important}
.v1763EventHelpBox{display:none;padding:11px;border-radius:13px;background:rgba(95,231,255,.06);
 border:1px solid rgba(95,231,255,.18);font-size:12px;line-height:1.45;text-align:left}
.v1763EventHelpBox.show{display:block}

/* Care chapter progress */
.v1763CareProgress{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin:9px auto 14px;max-width:620px}
.v1763CareStep{height:6px;border-radius:999px;background:rgba(255,255,255,.09);overflow:hidden}
.v1763CareStep.done{background:rgba(95,231,255,.75)}
.v1763CareChapter{text-align:center;max-width:720px;margin:auto}

/* Phone */
@media(max-width:780px){
 #v176LiveBadge{top:calc(110px + env(safe-area-inset-top))!important;max-width:32px!important;width:32px!important;
   height:32px!important;padding:0!important;display:grid!important;place-items:center!important;border-radius:50%!important}
 #v176LiveBadge span{display:none!important} #v176LiveBadge i{width:10px!important;height:10px!important}
 .screen{padding-left:8px!important;padding-right:8px!important}
 .card{width:min(100%,calc(100vw - 16px))!important;box-sizing:border-box!important}
 .story,.storyCopy,.minibox,.v155card,.v155boss{max-width:100%!important;box-sizing:border-box!important}
 .v155timeline{width:100%}.v155slot{grid-template-columns:52px minmax(0,1fr)!important;align-items:center}
 .v155slot span{overflow-wrap:anywhere}
 .v1763EventStage{padding:3px 0}.v1763EventTitle{font-size:24px}
 .v1763EventTop .v1763Help{width:36px;height:36px}
 .v1763CareProgress{gap:3px}
}
@media(max-width:430px){
 html{font-size:15px}
 .v12MenuRow .miniBtn{font-size:10px!important}
 .story h2,.story h3{font-size:clamp(20px,6vw,27px)!important}
 .v155choices{grid-template-columns:1fr!important}
 .v155choices button,.careChoiceBtn,.replyChoiceBtn{width:100%!important;min-width:0!important}
 .v155dash{grid-template-columns:1fr 1fr!important}
 .v155stat b{font-size:16px!important}
 .v1763EventCopy{font-size:13px}
}
@media(min-width:781px) and (max-width:1180px){
 .topbar{gap:6px!important}.brand{max-width:210px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .hudChip{min-width:0!important}.v12Hud{max-width:min(68vw,760px)!important}
}

/* inline-style-29 id="v1764MailboxPolish" */
.mailHudButton{border-radius:14px!important;display:grid!important;place-items:center!important}
.mailHudButton>span{font-size:21px;line-height:1}
.mailboxTop,.mailActions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.mailboxTop>*{min-width:0}
.mailList,.mailDetail,.mailBody,.mailSubject,.mailPreview,.mailMeta{min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:normal}
.mailBody,.mailDetail{white-space:normal!important;line-height:1.5!important}
.mailBody p,.mailDetail p{margin:.55em 0}
.mailItem{min-width:0}.mailItem b,.mailItem span,.mailItem small{overflow-wrap:anywhere}
.mailActions button{min-height:40px;border-radius:12px!important}
@media(max-width:620px){
 .mailboxTop{align-items:stretch}.mailboxTop>*{flex:1 1 100%}
 .mailActions{display:grid;grid-template-columns:1fr!important}
 .mailActions button{width:100%!important}
}

/* inline-style-30 id="v1764TinoAdviceCSS" */
.v1764TinoCard{text-align:center;max-width:620px;margin:auto}.v1764TinoIcon{font-size:48px}.v1764TinoCard p{line-height:1.5;font-size:15px}

/* inline-style-31 id="v1764InteractionPolish" */
button,.btn,.miniBtn,.choice,.replyChoiceBtn,.careChoiceBtn,.actionbtn{
 -webkit-tap-highlight-color:transparent;
 touch-action:manipulation;
 transition:transform .12s ease,filter .12s ease,background-color .12s ease,border-color .12s ease;
 text-rendering:optimizeLegibility;
}
button:hover,.btn:hover,.miniBtn:hover,.choice:hover{filter:brightness(1.06)}
button:active,.btn:active,.miniBtn:active,.choice:active{transform:translateY(1px) scale(.995)}
button:focus-visible,.btn:focus-visible,.miniBtn:focus-visible,.choice:focus-visible{outline:3px solid rgba(95,231,255,.55);outline-offset:2px}
.storyline,.storyCopy,.infoCard,.v155card,.v160card,.v165panel,.v163help,.smallnote{
 overflow-wrap:anywhere;word-break:normal;hyphens:auto
}
h1,h2,h3,h4{line-height:1.12;text-wrap:balance}
@media(max-width:430px){
 button,.miniBtn,.choice,.replyChoiceBtn,.careChoiceBtn{font-size:clamp(11px,3.4vw,14px)}
}

/* inline-style-32 id="v1765BrowserCompatibility" */
/* Chrome/Edge/Firefox/Safari + Android/iOS fallback layer */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;min-height:100%}
body,#app{min-height:100vh;min-height:100dvh}
img,video,canvas,svg,iframe{max-width:100%;height:auto}
button,input,select,textarea{-webkit-appearance:none;appearance:none}
button,select{touch-action:manipulation}
input,textarea,select{max-width:100%}
.adRender,.adCreativeDisplay,.adSafeActions{max-width:100%!important;box-sizing:border-box!important}
.adRender img,.adRender video,.adRender iframe{max-width:100%!important}
.screen,.card,.miniwrap,.minibox{min-width:0}
@supports not (height:100dvh){
 body,#app{min-height:calc(var(--hn-vh,1vh) * 100)}
 .screen{min-height:calc(var(--hn-vh,1vh) * 100)}
}
@supports (-webkit-touch-callout:none){
 body{min-height:-webkit-fill-available}
 html{height:-webkit-fill-available}
}
@media(max-width:820px){
 input,select,textarea{font-size:16px!important} /* prevents unwanted iOS form zoom */
}
@media(max-height:520px) and (orientation:landscape){
 .storyline{font-size:clamp(18px,4vw,25px)}
 .card{max-height:calc(100vh - 62px);max-height:calc(100dvh - 62px)}
}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{scroll-behavior:auto!important}
}

/* inline-style-33 id="v1766HomePolish" */
/* Screenshot-driven home polish */
#start .hnHomeMeta{
  display:flex!important;align-items:center!important;gap:10px!important;
  flex-wrap:wrap!important;min-width:0!important
}
#start #ageBadge{
  flex:0 1 auto!important;min-width:220px!important;max-width:100%!important;
  width:auto!important;white-space:normal!important;text-align:center!important;
  justify-content:center!important;line-height:1.25!important;padding:9px 14px!important;
  overflow-wrap:normal!important;word-break:normal!important
}
#start .hnHomeMeta>*:not(#ageBadge){flex:0 0 auto}
.adRender .adSafeActions{align-items:center!important}
.adRender .adExternalBtn.hnHouseCta{
  background:linear-gradient(135deg,rgba(38,200,232,.22),rgba(76,110,255,.18))!important;
  border:1px solid rgba(95,231,255,.35)!important;padding:10px 14px!important;
  border-radius:12px!important;font-weight:950!important
}
.adRender .adExternalNote{line-height:1.35!important;opacity:.72!important}
@media(max-width:560px){
 #start #ageBadge{flex:1 1 100%!important;min-width:0!important;width:100%!important}
 #start .hnHomeMeta>*:not(#ageBadge){flex:1 1 auto}
}

/* inline-style-34 id="v1767ContinuousCareerCSS" */
.v1767CareerBridge{max-width:720px;margin:0 auto;text-align:center}
.v1767CareerBridge .v1767Done{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:999px;
 background:rgba(101,227,167,.1);border:1px solid rgba(101,227,167,.28);font-size:11px;font-weight:950}
.v1767CareerBridge h2{font-size:clamp(25px,5vw,39px);margin:12px 0 7px}
.v1767CareerBridge p{line-height:1.55}
.v1767Route{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin:14px 0}
.v1767Route i{height:7px;border-radius:999px;background:rgba(255,255,255,.1)}
.v1767Route i.done{background:rgba(95,231,255,.72)}.v1767Route i.next{background:rgba(255,211,106,.7)}
@media(max-width:560px){.v1767Route{gap:3px}.v1767CareerBridge h2{font-size:25px}}

/* inline-style-35 id="v1768EventHelpBonusDockCSS" */
/* Event help: explanation never sits beside the action anymore. */
.v1763EventHelpBox{display:none!important}
.hnEventHelpBtn{
 width:36px;height:36px;min-width:36px;border-radius:50%;display:grid;place-items:center;
 border:1px solid rgba(95,231,255,.36);background:rgba(17,37,55,.92);color:#dff9ff;
 font-size:20px;font-weight:1000;cursor:pointer;box-shadow:0 8px 20px rgba(0,0,0,.25)
}
.hnEventHelpBtn:hover{transform:translateY(-1px)}
.hnEventHelpOverlay{
 position:fixed;z-index:12000;inset:0;display:flex;align-items:center;justify-content:center;
 padding:14px;background:rgba(3,6,12,.84);backdrop-filter:blur(10px)
}
.hnEventHelpCard{
 width:min(680px,95vw);max-height:86vh;overflow:auto;border-radius:22px;padding:18px;
 background:linear-gradient(180deg,#151a29f7,#0a0d17fa);
 border:1px solid rgba(95,231,255,.25);box-shadow:0 28px 90px rgba(0,0,0,.6)
}
.hnEventHelpHead{display:flex;align-items:center;gap:12px}.hnEventHelpHead b{font-size:23px;flex:1}
.hnEventHelpBody{line-height:1.55;margin-top:12px}.hnEventHelpInteraction{margin-top:12px;padding:12px;border-radius:14px;background:rgba(95,231,255,.07)}
.hnEventHelpClose{width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.07);color:#fff;font-size:20px}

/* BonusDock */
.hnBonusDockHero{
 padding:16px;border-radius:18px;margin:8px 0 14px;
 background:radial-gradient(circle at 85% 5%,rgba(255,202,72,.24),transparent 32%),linear-gradient(135deg,rgba(14,116,132,.28),rgba(87,42,134,.22));
 border:1px solid rgba(95,231,255,.22)
}
.hnBonusDockHero h3{font-size:clamp(24px,5vw,36px);margin:3px 0}.hnBonusDockHero p{line-height:1.45}
.hnBonusDockWallet{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:10px 0}
.hnBonusDockWallet b{padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.08)}
.hnBonusGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));gap:11px;min-width:0}
.hnBonusVideoCard{padding:13px;border-radius:17px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.045);min-width:0}
.hnBonusVideoCard h4{margin:4px 0 8px;font-size:17px}.hnBonusMeta{display:flex;gap:6px;flex-wrap:wrap;margin:9px 0}
.hnBonusMeta span{font-size:11px;padding:5px 7px;border-radius:999px;background:rgba(255,255,255,.07)}
.hnBonusVideoCard button{width:100%;margin-top:7px}
.hnBonusPlayerWrap{aspect-ratio:16/9;border-radius:15px;overflow:hidden;background:#05070b;margin:10px 0;display:grid;place-items:center}
.hnBonusPlayerWrap iframe{width:100%;height:100%;border:0}
.hnBonusConsent{padding:16px;text-align:center;line-height:1.5}
.hnBonusProgress{height:10px;border-radius:999px;background:rgba(255,255,255,.09);overflow:hidden;margin:10px 0}
.hnBonusProgress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#5fe7ff,#ffd15c)}
.hnBonusClaim[disabled]{opacity:.48;cursor:not-allowed}
.hnBonusKioskLink{
 margin:0 0 12px;padding:13px;border-radius:16px;border:1px solid rgba(255,206,91,.3);
 background:linear-gradient(135deg,rgba(255,197,58,.12),rgba(94,66,180,.12));
 display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:10px
}
.hnBonusKioskLink .icon{font-size:32px}.hnBonusKioskLink b{display:block}.hnBonusKioskLink small{opacity:.75}
.hnBonusKioskLink button{white-space:nowrap}
@media(max-width:600px){
 .hnBonusDockHero{padding:12px;margin:4px 0 10px}.hnBonusDockHero h3{font-size:24px}
 .hnBonusDockWallet{display:grid;grid-template-columns:1fr;align-items:stretch}.hnBonusDockWallet b{width:100%}
 .hnBonusGrid{display:grid;grid-template-columns:minmax(0,1fr);gap:9px;width:100%;max-width:100%}
 .hnBonusVideoCard{width:100%;max-width:100%;padding:11px;overflow:hidden}.hnBonusMeta{display:grid;grid-template-columns:1fr 1fr;gap:6px}.hnBonusMeta span{min-width:0;white-space:normal}
 .hnBonusPlayerWrap{width:100%;max-width:100%;aspect-ratio:16/9}.hnBonusConsent{padding:11px}.hnBonusClaim{min-height:48px}
 .hnBonusKioskLink{grid-template-columns:40px minmax(0,1fr);padding:11px}.hnBonusKioskLink button{grid-column:1/-1;width:100%;min-height:46px}
 #v12Modal .v12ModalCard,#v12Modal .modalCard{max-width:calc(100vw - 14px)!important;width:calc(100vw - 14px)!important;margin-left:auto!important;margin-right:auto!important}
}
@media(max-width:370px){.hnBonusMeta{grid-template-columns:1fr}.hnBonusDockHero h3{font-size:21px}}

/* inline-style-36 id="v1769CinematicEventsCSS" */
.v163AutoHelp,.v1763EventHelpBox{display:none!important}
.hn1769Cutscene{
 position:absolute;z-index:675;inset:0;display:flex;align-items:center;justify-content:center;
 padding:14px;background:linear-gradient(180deg,rgba(2,5,10,.9),rgba(6,8,17,.96));backdrop-filter:blur(10px)
}
.hn1769CutCard{
 width:min(760px,95vw);max-height:88vh;overflow:auto;text-align:center;border-radius:24px;padding:20px;
 background:radial-gradient(circle at 50% 0,rgba(76,191,230,.18),transparent 35%),linear-gradient(180deg,#151b2a,#0b0e18);
 border:1px solid rgba(118,220,255,.22);box-shadow:0 30px 100px rgba(0,0,0,.65)
}
.hn1769CutKicker{font-size:11px;font-weight:1000;letter-spacing:.16em;color:#8edfff}
.hn1769CutIcon{font-size:52px;margin:8px 0}.hn1769CutCard h2{font-size:clamp(25px,5vw,38px);margin:4px 0 8px}
.hn1769CutCard p{max-width:600px;margin:0 auto 14px;line-height:1.55}
.hn1769CutActions{display:flex;justify-content:center;gap:9px;flex-wrap:wrap}
.hn1769CutActions button{min-width:min(260px,100%);min-height:48px;border-radius:15px}
.v170chain+.row,.v165quest+.v155choices,.cs167director+.row{gap:10px!important;flex-wrap:wrap!important}
.v170chain+.row button,.v165quest+.v155choices button,.cs167director+.row button{
 flex:1 1 180px!important;min-height:46px!important;padding:11px 14px!important;border-radius:14px!important;
 white-space:normal!important;line-height:1.25!important;text-align:center!important
}
.v12ModalCard .row button{max-width:100%}
.v12Footer{align-items:center!important;row-gap:7px!important}
.v12Footer button{min-height:30px;display:inline-flex!important;align-items:center!important;justify-content:center!important}
@media(max-width:560px){
 .hn1769CutCard{padding:16px}.hn1769CutActions{display:grid;grid-template-columns:1fr}
 .hn1769CutActions button{width:100%;min-width:0}
 .v170chain+.row,.v165quest+.v155choices,.cs167director+.row{display:grid!important;grid-template-columns:1fr!important}
}

/* inline-style-37 id="v1770StoryIntegrityFAQCSS" */
.hn1770FaqHero{padding:15px;border-radius:18px;background:linear-gradient(135deg,rgba(69,192,223,.12),rgba(125,76,207,.12));border:1px solid rgba(114,221,255,.2);margin-bottom:12px}
.hn1770FaqGrid{display:grid;gap:9px}
.hn1770FaqItem{border:1px solid rgba(255,255,255,.1);border-radius:15px;background:rgba(255,255,255,.04);overflow:hidden}
.hn1770FaqItem button{width:100%;text-align:left;border:0;border-radius:0;background:transparent;color:inherit;padding:12px 14px;display:flex;gap:10px;align-items:center;justify-content:space-between}
.hn1770FaqItem .body{display:none;padding:0 14px 13px;line-height:1.5}.hn1770FaqItem.open .body{display:block}
.hn1770SymbolGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-top:10px}
.hn1770Symbol{padding:10px;border-radius:13px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}
.hn1770Symbol b{display:block;font-size:20px;margin-bottom:3px}
.hn1770CareerTable{display:grid;gap:7px;margin-top:10px}.hn1770CareerRow{display:grid;grid-template-columns:minmax(120px,.8fr) 64px 2fr;gap:8px;align-items:center;padding:9px 10px;border-radius:12px;background:rgba(255,255,255,.045)}
.hn1770CareerRow span:nth-child(2){text-align:center;font-weight:1000}
@media(max-width:560px){.hn1770CareerRow{grid-template-columns:1fr 56px}.hn1770CareerRow small{grid-column:1/-1}}

/* inline-style-38 id="v1771HybridReelsCSS" */
.v1771ChapterBar{display:flex;gap:6px;justify-content:center;margin:10px 0 14px;flex-wrap:wrap}
.v1771ChapterBar i{width:42px;height:7px;border-radius:999px;background:rgba(255,255,255,.09)}
.v1771ChapterBar i.done{background:linear-gradient(90deg,#5fe7ff,#ffd15c)}
.v1771ChoiceGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:12px}
.v1771ChoiceGrid button{min-height:52px;border-radius:14px;white-space:normal;line-height:1.25}
.v1771ScoreCard{padding:11px;border-radius:14px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);margin:8px 0}
.v1771Meter{height:10px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden;margin:8px 0}
.v1771Meter i{display:block;height:100%;width:0;background:linear-gradient(90deg,#5fe7ff,#ffd15c);transition:width .18s ease}
.v1771Feed{display:grid;gap:8px}.v1771FeedCard{padding:12px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}
@media(max-width:560px){.v1771ChoiceGrid{grid-template-columns:1fr}.v1771ChapterBar i{width:30px}}

/* inline-style-39 id="v1780OriginsCSS" */
.v1780Hero{padding:14px;border-radius:16px;background:linear-gradient(135deg,rgba(95,231,255,.10),rgba(255,209,92,.08));border:1px solid rgba(255,255,255,.10);margin-bottom:12px}
.v1780Hero h2{margin:0 0 6px}.v1780Hero p{margin:6px 0;line-height:1.45}
.v1780Fiction{padding:10px 12px;border-radius:13px;background:rgba(255,209,92,.08);border:1px solid rgba(255,209,92,.18);font-size:12px;line-height:1.45;margin:10px 0}
.v1780Progress{display:grid;grid-template-columns:repeat(13,1fr);gap:4px;margin:10px 0 14px}.v1780Progress i{height:7px;border-radius:99px;background:rgba(255,255,255,.08)}.v1780Progress i.on{background:linear-gradient(90deg,#5fe7ff,#ffd15c)}
.v1780Meters{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:10px 0}.v1780Meter{padding:8px;border-radius:12px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);text-align:center;font-size:10px}.v1780Meter b{display:block;font-size:16px;margin-top:3px}
.v1780Case{padding:12px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);margin:9px 0}.v1780Case h3{margin:0 0 7px}.v1780Choice{display:grid;gap:7px;margin-top:10px}.v1780Choice button{min-height:48px;text-align:left;white-space:normal;line-height:1.3;border-radius:12px}
.v1780Grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:10px}.v1780Grid button{min-height:70px;white-space:normal;border-radius:12px}.v1780Grid button.sel{outline:2px solid rgba(95,231,255,.75);background:rgba(95,231,255,.10)}
.v1780Timeline{display:grid;gap:7px;margin:10px 0}.v1780Timeline div{padding:10px;border-radius:12px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08)}
.v1780Result{font-size:13px;line-height:1.5}.v1780Tag{display:inline-flex;padding:4px 7px;border-radius:999px;background:rgba(95,231,255,.10);border:1px solid rgba(95,231,255,.18);font-size:10px;font-weight:900;margin:2px}
@media(max-width:620px){.v1780Meters{grid-template-columns:repeat(2,1fr)}.v1780Grid{grid-template-columns:repeat(2,1fr)}.v1780Progress{gap:2px}.v1780Progress i{height:6px}}
@media(max-width:380px){.v1780Grid{grid-template-columns:1fr}.v1780Meter b{font-size:14px}}

/* inline-style-40 id="v1780MegaCarCSS" */
.hn1780CarHero{padding:12px;border-radius:16px;background:linear-gradient(135deg,rgba(40,79,120,.28),rgba(140,89,39,.18));border:1px solid rgba(255,255,255,.1);margin:8px 0}.hn1780CarHeroTop{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.hn1780CarHero h3{margin:0 0 5px}.hn1780CarHelp{min-width:42px;border-radius:999px!important}
.hn1780CarStage{position:relative;border-radius:18px;background:radial-gradient(circle at 72% 20%,rgba(255,220,150,.12),transparent 28%),linear-gradient(#273646 0%,#15222e 58%,#0c1118 58%,#080b10 100%);border:1px solid rgba(255,255,255,.09);padding:8px;overflow:hidden;box-shadow:inset 0 -35px 65px rgba(0,0,0,.23)}.hn1780CarStage:before{content:"";position:absolute;left:-8%;right:-8%;bottom:21%;height:2px;background:rgba(255,255,255,.08);box-shadow:0 18px 0 rgba(255,255,255,.035),0 36px 0 rgba(255,255,255,.02);transform:rotate(-2deg);pointer-events:none}.hn1780CarStage:after{content:"";position:absolute;left:8%;right:4%;bottom:18px;height:18px;border-radius:50%;background:rgba(0,0,0,.52);filter:blur(9px);pointer-events:none}.hn1780CarStage svg{position:relative;z-index:1;display:block;width:100%;height:auto;max-height:360px}.hn1780CarBody{fill:url(#hn1780Paint);stroke:#b8cbd3;stroke-width:3}.hn1780CarHood{fill:url(#hn1780Hood);stroke:rgba(215,232,238,.72);stroke-width:2}.hn1780CarTrim{fill:none;stroke:rgba(224,238,242,.66);stroke-width:2}.hn1780CarSeam{fill:none;stroke:rgba(15,31,40,.72);stroke-width:2}.hn1780CarRust{fill:#8d5234;opacity:.86}.hn1780CarRustLight{fill:#a8673f;opacity:.58}.hn1780Wheel{fill:#0d0f12;stroke:#777e85;stroke-width:7}.hn1780TireTread{fill:none;stroke:#34383d;stroke-width:3;stroke-dasharray:5 6}.hn1780Rim{fill:#555d64;stroke:#c2c7cb;stroke-width:3}.hn1780Hub{fill:#949ca2;stroke:#40464b;stroke-width:2}.hn1780Glass{fill:url(#hn1780Glass);stroke:#d9f3fa;stroke-width:2}.hn1780Lamp{fill:url(#hn1780Lamp);stroke:#fff2be;stroke-width:2}.hn1780RearLamp{fill:#9f3438;stroke:#ed7774;stroke-width:2}.hn1780Bumper{fill:#2f353a;stroke:#848b90;stroke-width:2}.hn1780Grille{fill:#1b2227;stroke:#798289;stroke-width:2}.hn1780GrilleLine{stroke:#7f8990;stroke-width:2;opacity:.72}.hn1780Plate{fill:#f2f1e8;stroke:#a6a69d;stroke-width:1.5}.hn1780PlateBlue{fill:#174fa3}.hn1780PlateTxt{fill:#151515;font:900 12px ui-monospace,monospace;letter-spacing:.7px}.hn1780PlateD{fill:#fff;font:900 8px system-ui}.hn1780Mirror{fill:#334f5d;stroke:#c1d1d8;stroke-width:2}.hn1780Wiper{stroke:#334047;stroke-width:3;stroke-linecap:round}.hn1780Dent{fill:none;stroke:#683b31;stroke-width:4;opacity:.8}.hn1780Crack{fill:none;stroke:#e9fbff;stroke-width:2;opacity:.78}.hn1780Smoke{font:800 24px system-ui;fill:#c8d1d6;opacity:.72}.hn1780CarBadge{fill:#d7e6eb;font:900 10px system-ui;letter-spacing:1px}.hn1780PlateChip{display:inline-flex;margin-top:5px;padding:4px 7px;border-radius:8px;background:#f0efe7;color:#171717;border:2px solid rgba(255,255,255,.22);font:900 11px ui-monospace,monospace;letter-spacing:.7px}
.hn1780Part{cursor:pointer}.hn1780Part circle{fill:rgba(95,231,255,.16);stroke:#5fe7ff;stroke-width:3}.hn1780Part text{fill:#fff;font:900 17px system-ui;text-anchor:middle;dominant-baseline:middle}.hn1780Part.warn circle{fill:rgba(255,209,92,.24);stroke:#ffd15c}.hn1780Part.critical circle{fill:rgba(255,84,84,.32);stroke:#ff6666;stroke-width:5}.hn1780Part.bad circle{fill:rgba(255,84,84,.42);stroke:#ff6666;stroke-width:7}.hn1780Part.sel circle{filter:drop-shadow(0 0 7px rgba(255,209,92,.7))}
.hn1780DamagePanel{display:grid;grid-template-columns:minmax(180px,.8fr) 1.4fr;gap:9px;margin:9px 0}.hn1780DamageSummary,.hn1780Subsystems{padding:10px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.045)}.hn1780DamageSummary h4,.hn1780Subsystems h4{margin:0 0 7px}.hn1780HealthLine{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:12px;margin-bottom:5px}.hn1780DamageMeter,.hn1780PartMeter{height:9px;border-radius:99px;background:rgba(255,255,255,.09);overflow:hidden}.hn1780DamageMeter i,.hn1780PartMeter i{display:block;height:100%;background:linear-gradient(90deg,#ff5f60,#ffd15c,#61e5ad)}.hn1780DamageMeta{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.hn1780DamageMeta span{padding:4px 6px;border-radius:999px;font-size:9px;border:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.2)}.hn1780SubsystemGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.hn1780Subsystem{padding:7px;border-radius:10px;background:rgba(0,0,0,.18);font-size:10px}.hn1780Subsystem b{display:flex;justify-content:space-between;gap:5px;margin-bottom:4px}.hn1780Subsystem.critical{border:1px solid rgba(255,91,91,.34)}.hn1780Subsystem.warn{border:1px solid rgba(255,209,92,.28)}
.hn1780CarStats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:9px 0}.hn1780CarStats div{padding:8px;border-radius:12px;background:rgba(255,255,255,.05);text-align:center}.hn1780CarStats b{display:block;font-size:17px}.hn1780CarOptions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:9px}.hn1780CarOptions button{min-height:46px;white-space:normal}.hn1780Symptom{padding:11px;border-radius:13px;background:rgba(255,209,92,.08);border:1px solid rgba(255,209,92,.2);line-height:1.45;margin:9px 0}.hn1780ServiceLog{display:grid;gap:5px;margin-top:8px}.hn1780ServiceLog div{font-size:10px;padding:6px 8px;border-radius:9px;background:rgba(0,0,0,.17);border:1px solid rgba(255,255,255,.06)}
@media(max-width:620px){.hn1780DamagePanel{grid-template-columns:1fr}.hn1780SubsystemGrid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.hn1780CarStats{grid-template-columns:1fr 1fr}.hn1780CarOptions{grid-template-columns:1fr}.hn1780Part text{font-size:13px}.hn1780SubsystemGrid{grid-template-columns:1fr}.hn1780CarHeroTop{align-items:center}.hn1780CarStage{padding:4px}.hn1780CarStage svg{min-width:540px;max-height:310px}.hn1780CarStage{overflow-x:auto;-webkit-overflow-scrolling:touch}}

/* inline-style-41 id="v1781RetroCSS" */
.v1781RetroHero{padding:14px;border-radius:18px;background:radial-gradient(circle at 90% 10%,rgba(118,255,184,.18),transparent 28%),linear-gradient(135deg,rgba(24,57,69,.9),rgba(23,22,39,.96));border:1px solid rgba(118,255,184,.22)}
.v1781RetroHero h2{margin:0 0 6px}.v1781RetroNote{font-size:12px;line-height:1.45;padding:9px 11px;border-radius:12px;background:rgba(255,213,91,.08);border:1px solid rgba(255,213,91,.18);margin:9px 0}
.v17920RetroGuide{margin:10px 0;padding:11px;border-radius:15px;background:rgba(5,11,20,.32);border:1px solid rgba(95,231,255,.18)}.v17920RetroGuideTop{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:8px}.v17920RetroGuideTop b{font-size:13px}.v17920RetroGuideTop span{font-size:9px;padding:4px 7px;border-radius:999px;background:rgba(95,231,255,.08);border:1px solid rgba(95,231,255,.18)}.v17920RetroSteps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.v17920RetroStep{min-width:0;padding:7px 4px;border-radius:10px;text-align:center;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);opacity:.56}.v17920RetroStep b{display:block;font-size:14px;margin-bottom:2px}.v17920RetroStep small{display:block;font-size:8px;line-height:1.15;overflow-wrap:anywhere}.v17920RetroStep.done{opacity:.9;border-color:rgba(95,231,167,.22);background:rgba(95,231,167,.06)}.v17920RetroStep.on{opacity:1;border-color:rgba(255,209,92,.42);background:rgba(255,209,92,.1);box-shadow:0 0 0 2px rgba(255,209,92,.07)}.v17920RetroGoal{margin-top:8px;padding:8px 10px;border-left:3px solid #ffd15c;border-radius:0 10px 10px 0;background:rgba(255,209,92,.055);font-size:11px;line-height:1.4}.v17920RetroGoal b{display:block;color:#fff;margin-bottom:2px}.v17920RetroRoadmap{display:grid;gap:6px;margin:10px 0}.v17920RetroRoadmap div{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px 9px;border-radius:12px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08)}.v17920RetroRoadmap .ico{font-size:22px;text-align:center}.v17920RetroRoadmap small{display:block;opacity:.7;margin-top:2px}.v17920RetroRoadmap em{font-style:normal;font-size:9px;opacity:.7}.v17920NoDeadEnd{padding:8px 10px;border-radius:11px;background:rgba(95,231,167,.07);border:1px solid rgba(95,231,167,.18);font-size:10px;line-height:1.4}
.v1781Brick{width:min(360px,92vw);margin:12px auto;border-radius:24px;padding:18px;background:linear-gradient(145deg,#b8b39f,#898879);border:4px solid #d6d1b9;box-shadow:inset 0 0 0 3px #65655e,0 18px 50px rgba(0,0,0,.35);color:#111}
.v1781BrickScreen{background:#83966d;border:7px solid #4f514a;border-radius:10px;padding:10px;min-height:220px;color:#172015;font-family:ui-monospace,monospace;box-shadow:inset 0 0 18px rgba(0,0,0,.25)}
.v1781BrickBrand{font-weight:1000;letter-spacing:2px;text-align:center;margin:6px 0 10px}.v1781BrickBtns{display:flex;gap:14px;justify-content:flex-end;margin-top:14px}.v1781BrickBtns i{width:48px;height:48px;border-radius:50%;background:#7c3550;border:3px solid #5a263a;box-shadow:inset 0 -4px 0 rgba(0,0,0,.25)}
.v1781Columns{height:190px;display:grid;grid-template-columns:repeat(4,1fr);gap:5px;align-items:end;border:2px solid #536049;padding:5px;background:rgba(255,255,255,.08)}.v1781Col{height:100%;display:flex;flex-direction:column-reverse;gap:2px}.v1781Block{height:24px;border:2px solid #1c291b;background:#46553d}.v1781ColBtn{width:100%;min-height:42px;margin-top:5px;background:#273225;color:#d8e2c8;border:1px solid #4b5d43;border-radius:6px;font-weight:900}
.v1781Pet{font-size:72px;text-align:center;filter:grayscale(1)}.v1781PetMeters{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:8px 0}.v1781PetMeters div{padding:7px;border:1px solid #536049;border-radius:6px;text-align:center;font-size:11px}.v1781PetMeters b{display:block;font-size:17px}.v1781RetroActions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:9px}.v1781RetroActions button{min-height:48px;white-space:normal}
.v1781TeamGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:10px}.v1781TeamCard{padding:12px;border-radius:15px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}.v1781TeamCard.locked{opacity:.55}.v1781TeamCard h4{margin:0 0 5px}.v1781TeamStats{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0}.v1781TeamStats span{font-size:10px;padding:4px 6px;border-radius:999px;background:rgba(255,255,255,.08)}
.v1781TeamTop{padding:13px;border-radius:16px;background:linear-gradient(135deg,rgba(95,231,255,.10),rgba(255,209,92,.08));border:1px solid rgba(255,255,255,.1)}
@media(max-width:600px){.v1781TeamGrid{grid-template-columns:1fr}.v1781RetroActions{grid-template-columns:1fr}.v1781Brick{width:100%;padding:12px}.v1781PetMeters{grid-template-columns:1fr 1fr 1fr}.v17920RetroSteps{grid-template-columns:repeat(5,72px);overflow-x:auto;padding-bottom:4px}.v17920RetroGuide{padding:9px}.v17920RetroRoadmap div{grid-template-columns:30px minmax(0,1fr)}}

/* inline-style-42 id="v1782ReleasePolishCSS" */
/* Mobile/Text Guard: content stays readable instead of being squeezed into narrow columns. */
.v12Modal{position:fixed!important;inset:0!important;left:0!important;right:0!important;transform:none!important}
.v12ModalCard,#v12ModalBody,.infoCard,.kioskCard,.hnBonusVideoCard,.v1780Case,.v1780Hero,.v1781TeamCard{min-width:0;max-width:100%;overflow-wrap:break-word;word-break:normal;hyphens:auto}
.v12ModalCard button,.infoCard button,.v1780Choice button,.v1781RetroActions button{white-space:normal;overflow-wrap:break-word}
.kioskCard>*{min-width:0;max-width:100%}.kioskCard h4,.kioskCard p,.kioskPrice,.kioskMax,.kioskBuy{max-width:100%;overflow-wrap:anywhere}.kioskPrice{min-width:0}
.v1781StampRow{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.v1781StampRow span{padding:5px 7px;border-radius:8px;background:rgba(118,255,184,.08);border:1px solid rgba(118,255,184,.2);font-size:11px}
.v1782Lecture{padding:13px;border-radius:16px;background:linear-gradient(135deg,rgba(255,209,92,.09),rgba(95,231,255,.07));border:1px solid rgba(255,255,255,.11);line-height:1.48}.v1782Lecture h3{margin:3px 0 8px}.v1782Focus{height:10px;border-radius:99px;background:rgba(255,255,255,.1);overflow:hidden;margin:10px 0 4px}.v1782Focus i{display:block;height:100%;background:linear-gradient(90deg,#ff6b80,#ffd15c,#65efb7)}
.v1782Life{display:grid;gap:8px}.v1782LifeRow{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:9px;align-items:center;padding:10px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09)}.v1782LifeRow.locked{opacity:.46;filter:grayscale(.6)}.v1782LifeRow .ico{font-size:24px}.v1782LifeRow b{display:block}.v1782LifeRow small{opacity:.7}.v1782LifeRow .state{font-size:10px;font-weight:900;padding:4px 7px;border-radius:99px;background:rgba(255,255,255,.08)}
html[data-hn-theme="summer"] #app{--v1782-season-glow:rgba(255,214,81,.08)}html[data-hn-theme="winter"] #app{--v1782-season-glow:rgba(115,207,255,.09)}html[data-hn-theme="autumn"] #app{--v1782-season-glow:rgba(231,134,65,.08)}html[data-hn-theme="spring"] #app{--v1782-season-glow:rgba(104,239,171,.07)}html[data-hn-theme="christmas"] #app{--v1782-season-glow:rgba(213,55,66,.09)}html[data-hn-theme="easter"] #app{--v1782-season-glow:rgba(224,166,255,.08)}html[data-hn-theme]:not([data-hn-theme="standard"]) #app:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;box-shadow:inset 0 0 120px var(--v1782-season-glow,transparent)}
@media(max-width:600px){
 .v12Modal{padding:7px!important}.v12ModalCard{width:calc(100vw - 14px)!important;max-width:calc(100vw - 14px)!important;max-height:calc(100dvh - 14px)!important;padding:13px!important;border-radius:18px!important}
 .v12ModalHead{align-items:flex-start;min-width:0}.v12ModalHead h2{font-size:clamp(19px,6vw,27px);line-height:1.12;overflow-wrap:anywhere;min-width:0}.v12ModalHead .xbtn,.v12ModalHead .hnEventHelpBtn{flex:0 0 48px}.v12ModalBody{width:100%}
 .gridCards,.v1780Grid,.v1780Choice,.v1781TeamGrid,.hnBonusGrid{grid-template-columns:minmax(0,1fr)!important}
 .kioskWallet{grid-template-columns:repeat(2,minmax(0,1fr))!important}.kioskHeaderVisual .sign{font-size:clamp(25px,9vw,38px)}
 .v1782LifeRow{grid-template-columns:32px minmax(0,1fr);}.v1782LifeRow .state{grid-column:2;justify-self:start}
}
@media(max-width:360px){.kioskWallet{grid-template-columns:1fr!important}.v1781PetMeters{grid-template-columns:1fr!important}}

/* inline-style-43 id="v1783MediaGlowCSS" */
/* V17.8.5 · Care media minigames */
.v1783MediaStage{width:min(760px,100%);margin:auto;display:grid;gap:12px}
.v1783MediaTop{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:16px;background:linear-gradient(135deg,rgba(91,231,255,.13),rgba(157,87,255,.13));border:1px solid rgba(120,225,255,.24);box-shadow:inset 0 1px rgba(255,255,255,.08),0 18px 45px rgba(0,0,0,.22)}
.v1783MediaTop .live{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:1000;letter-spacing:.08em;padding:6px 9px;border-radius:999px;background:rgba(255,67,105,.15);border:1px solid rgba(255,91,130,.32)}
.v1783MediaTop .count{font-size:12px;font-weight:900;opacity:.86}
.v1783PressCard{position:relative;overflow:hidden;padding:16px;border-radius:22px;background:radial-gradient(circle at 90% 0,rgba(95,231,255,.18),transparent 36%),linear-gradient(160deg,rgba(24,33,50,.98),rgba(9,13,24,.98));border:1px solid rgba(255,255,255,.13);box-shadow:0 24px 58px rgba(0,0,0,.38)}
.v1783PressIdentity{display:grid;grid-template-columns:58px 1fr;gap:12px;align-items:center;margin-bottom:13px}.v1783PressAvatar{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;font-size:28px;background:linear-gradient(145deg,rgba(95,231,255,.18),rgba(156,88,255,.18));border:1px solid rgba(255,255,255,.15)}
.v1783PressIdentity b{display:block;font-size:clamp(17px,4vw,22px);line-height:1.1}.v1783PressIdentity strong{display:inline-flex;margin-top:5px;font-size:12px;line-height:1.1;padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);white-space:normal}
.v1783PressQuestion{font-size:clamp(17px,4.5vw,24px);font-weight:850;line-height:1.34;margin:8px 0 14px;text-wrap:balance}.v1783QuoteMark{font-size:42px;line-height:.6;opacity:.25}
.v1783MediaChoices{display:grid;gap:9px}.v1783MediaChoices button,.v1783RadarActions button{min-height:54px;border-radius:16px;padding:12px 14px;font-weight:900;text-align:left!important;background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.055));border:1px solid rgba(255,255,255,.15);box-shadow:inset 0 1px rgba(255,255,255,.12),0 10px 26px rgba(0,0,0,.18);transition:transform .15s,filter .15s,border-color .15s}.v1783MediaChoices button:active,.v1783RadarActions button:active{transform:scale(.985)}
.v1783Radar{position:relative;min-height:310px;border-radius:24px;overflow:hidden;background:radial-gradient(circle at 50% 45%,rgba(80,225,255,.13),transparent 17%),radial-gradient(circle at 50% 45%,transparent 0 29%,rgba(95,231,255,.15) 29.5% 30%,transparent 30.5% 46%,rgba(95,231,255,.12) 46.5% 47%,transparent 47.5%),linear-gradient(165deg,#0b1722,#070b13);border:1px solid rgba(95,231,255,.22);box-shadow:0 24px 60px rgba(0,0,0,.42),inset 0 0 50px rgba(64,218,255,.06)}
.v1783Radar:before{content:"";position:absolute;left:50%;top:45%;width:46%;height:2px;transform-origin:left center;background:linear-gradient(90deg,rgba(95,231,255,.8),transparent);animation:v1783Sweep 3s linear infinite;filter:drop-shadow(0 0 8px rgba(95,231,255,.6))}@keyframes v1783Sweep{to{transform:rotate(360deg)}}
.v1783RadarCard{position:absolute;z-index:2;left:7%;right:7%;bottom:18px;padding:14px;border-radius:18px;background:rgba(7,13,22,.88);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.14);box-shadow:0 16px 35px rgba(0,0,0,.4)}.v1783RadarSource{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.v1783RadarSource b{font-size:16px}.v1783RadarSource span{font-size:11px;padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.08);white-space:normal}.v1783RadarHeadline{font-size:clamp(17px,4vw,22px);font-weight:900;line-height:1.3}.v1783RadarActions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.v1783RadarActions button{text-align:center!important}
/* Ratings */
.v1783RatingHero{text-align:center;padding:16px;border-radius:22px;background:radial-gradient(circle at 50% 0,rgba(255,210,77,.18),transparent 45%),linear-gradient(160deg,rgba(39,26,62,.95),rgba(9,14,25,.96));border:1px solid rgba(255,214,90,.2);box-shadow:0 20px 55px rgba(0,0,0,.3)}.v1783RatingHero span,.v1783ReviewHead span{font-size:10px;letter-spacing:.16em;font-weight:1000;opacity:.7}.v1783RatingHero h3{font-size:clamp(22px,5vw,32px);margin:6px 0}.v1783RateStep{margin-top:12px;padding:14px;border-radius:18px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.11)}.v1783RateStep>b{display:block;margin-bottom:10px}.v1783StarsPick{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.v1783StarsPick button{min-height:56px;padding:0;border-radius:15px;font-size:29px;line-height:1;background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.12);opacity:.42;filter:grayscale(.4)}.v1783StarsPick button.on{opacity:1;filter:none;transform:translateY(-2px);box-shadow:0 10px 28px rgba(255,204,69,.16)}
.v1783RatingDetails label{display:grid;gap:6px;margin-top:10px;font-size:12px;font-weight:850}.v1783RatingDetails input,.v1783RatingDetails textarea{width:100%;box-sizing:border-box;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:rgba(3,9,17,.62);color:#fff;padding:12px 13px;font:inherit;outline:none}.v1783RatingDetails textarea{min-height:110px;resize:vertical}.v1783RateActions{display:grid;grid-template-columns:1.35fr .65fr;gap:9px;margin-top:11px}.v1783Gloss{min-height:52px;border-radius:16px!important;font-weight:1000!important;box-shadow:inset 0 1px rgba(255,255,255,.22),0 14px 30px rgba(0,0,0,.24)!important}.v1783RatingMsg{font-size:11px;opacity:.78;text-align:center;margin-top:10px;line-height:1.4}
.v1783ReviewWall{margin:14px 0;padding:12px;border-radius:20px;background:linear-gradient(155deg,rgba(25,34,51,.85),rgba(8,13,23,.9));border:1px solid rgba(255,255,255,.1);box-shadow:0 18px 50px rgba(0,0,0,.22)}.v1783ReviewHead{display:flex;justify-content:space-between;gap:10px;align-items:center}.v1783ReviewHead b{display:block;font-size:20px;margin-top:2px}.v1783ReviewHead button{min-height:42px;border-radius:14px;padding:8px 12px;font-weight:950}.v1783ReviewGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.v1783ReviewGrid article{min-width:0;padding:10px;border-radius:15px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.085)}.v1783ReviewGrid article p{font-size:11px;line-height:1.4;margin:5px 0 7px;overflow-wrap:anywhere}.v1783ReviewGrid article small{opacity:.65}.v1783Stars{letter-spacing:.06em;font-size:12px}.v1783ReviewGrid .empty{grid-column:1/-1;text-align:center}
.v1783JourneyTeaser{margin:12px 0;padding:12px 14px;border-radius:18px;background:linear-gradient(135deg,rgba(110,231,255,.08),rgba(160,88,255,.08));border:1px solid rgba(110,231,255,.18);text-align:left}.v1783JourneyTeaser b{display:block;font-size:14px}.v1783JourneyTeaser small{display:block;line-height:1.42;margin-top:4px;opacity:.8}
@media(max-width:600px){.v1783Radar{min-height:285px}.v1783RadarActions,.v1783RateActions{grid-template-columns:1fr}.v1783ReviewGrid{grid-template-columns:1fr}.v1783PressIdentity{grid-template-columns:50px 1fr}.v1783PressAvatar{width:50px;height:50px}.v1783MediaChoices button{font-size:12px}.v1783StarsPick button{min-height:50px;font-size:25px}}

/* inline-style-44 id="v1785OpenWorldTeamMobileCSS" */
/* V17.8.5 · Open World unlock, footer safe area, monthly staff awards */
.v1785WorldLocked{opacity:.58!important;filter:grayscale(.35)}
.v1785MapState{display:block;margin:4px auto 0;padding:2px 6px;width:max-content;max-width:100%;border-radius:999px;font-size:8px;font-weight:1000;letter-spacing:.03em;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12)}
.v1785MapState.active{color:#ffe184;border-color:rgba(255,209,84,.35);background:rgba(255,209,84,.08)}
.v1785MapState.done{color:#9af5c8;border-color:rgba(91,225,157,.34);background:rgba(91,225,157,.08)}
.v1785MapUnlockHero{padding:16px;border-radius:18px;background:radial-gradient(circle at 80% 0,rgba(95,231,255,.18),transparent 35%),linear-gradient(145deg,rgba(28,44,68,.92),rgba(9,14,27,.96));border:1px solid rgba(95,231,255,.22);box-shadow:0 16px 42px rgba(0,0,0,.28)}
.v1785MapUnlockHero h2{margin:.25em 0 .35em;font-size:clamp(24px,6vw,38px)}
.v1785RoutePills,.v1785BadgeRow{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.v1785RoutePills span,.v1785Badge{display:inline-flex;align-items:center;gap:4px;padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);font-size:10px;font-weight:850}
.v1785TeamHero{padding:15px;border-radius:18px;border:1px solid rgba(113,189,255,.22);background:radial-gradient(circle at 90% 5%,rgba(166,91,255,.18),transparent 35%),linear-gradient(145deg,rgba(12,29,48,.96),rgba(15,11,31,.96));box-shadow:0 14px 40px rgba(0,0,0,.28)}
.v1785TeamStats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:10px 0}.v1785TeamStat{padding:9px;border-radius:13px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.1);min-width:0}.v1785TeamStat b{display:block;font-size:17px}.v1785TeamStat small{font-size:9px;opacity:.68}
.v1785Month{padding:12px;border-radius:15px;background:rgba(255,212,91,.06);border:1px solid rgba(255,212,91,.2);margin:10px 0}.v1785MonthTop{display:flex;justify-content:space-between;gap:8px;align-items:center;flex-wrap:wrap}.v1785Progress{height:8px;background:rgba(255,255,255,.08);border-radius:999px;overflow:hidden;margin-top:8px}.v1785Progress i{height:100%;display:block;background:linear-gradient(90deg,#5fe7ff,#a75cff,#ffd35b);border-radius:999px}
.v1785StaffGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:10px}.v1785Staff{padding:12px;border-radius:16px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.11);min-width:0}.v1785Staff h4{margin:0 0 5px}.v1785Staff p{margin:4px 0 8px;font-size:11px;opacity:.76}.v1785Staff .perf{font-size:10px;color:#b9c9dd}.v1785Staff button{width:100%;margin-top:8px;min-height:44px}.v1785Staff.locked{opacity:.62}
.v1785AwardGrid{display:grid;gap:8px;margin:10px 0}.v1785AwardCandidate{display:grid;grid-template-columns:42px 1fr auto;gap:9px;align-items:center;padding:10px;border-radius:14px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.045)}.v1785AwardCandidate .face{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;background:rgba(95,231,255,.08);font-size:23px}.v1785AwardCandidate.suggested{border-color:rgba(255,212,91,.38);box-shadow:inset 0 0 0 1px rgba(255,212,91,.1)}
.v1785TrophyWall{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.v1785TrophyCard{padding:12px;border-radius:16px;border:1px solid rgba(255,255,255,.11);background:radial-gradient(circle at 90% 0,rgba(255,211,91,.1),transparent 35%),rgba(255,255,255,.035);min-width:0}.v1785TrophyCard h4{margin:0 0 4px}.v1785Empty{padding:18px;text-align:center;border:1px dashed rgba(255,255,255,.16);border-radius:16px;opacity:.72}
.v1785LegalHub{display:none!important}
@media(max-width:620px){.v163place[data-place="cuxhaven"],.v163place[data-place="cadenberge"],.v163place[data-place="hemmoor"]{transform:translate(-68%,-50%)!important;min-width:68px!important}}
@media(max-width:720px){
 .v12Footer{left:8px!important;right:8px!important;bottom:max(7px,env(safe-area-inset-bottom))!important;display:flex!important;justify-content:center!important;gap:0!important;pointer-events:none!important}
 .v12Footer>*{display:none!important}
 .v12Footer .hnVersionFooter{display:inline-flex!important;pointer-events:none!important;align-items:center!important;color:#aeb8cc!important;font-size:9px!important;padding:5px 8px!important;background:rgba(5,8,18,.74)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:999px!important}.v12Footer .v1785LegalHub{display:inline-flex!important;pointer-events:auto!important;align-items:center!important;justify-content:center!important;min-height:38px!important;padding:7px 14px!important;font-size:10px!important;background:rgba(5,8,18,.92)!important;backdrop-filter:blur(12px);box-shadow:0 8px 24px rgba(0,0,0,.34)}
 .screen{padding-bottom:calc(82px + env(safe-area-inset-bottom))!important}
 #story .card,#result .card,#final .card{max-height:calc(100dvh - 155px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;overflow-y:auto!important;overscroll-behavior:contain;padding-bottom:8px!important}
 #story .btnrow,#result .btnrow{position:sticky!important;bottom:0!important;z-index:8!important;padding:10px 0 max(4px,env(safe-area-inset-bottom))!important;margin-top:12px!important;background:linear-gradient(180deg,rgba(12,12,26,0),rgba(12,12,26,.96) 32%)!important;backdrop-filter:blur(5px)}
 #story .btnrow .primary,#result .btnrow .primary{min-height:50px!important;min-width:min(190px,72vw)!important;box-shadow:0 8px 24px rgba(130,62,255,.3)!important}
 .v1785TeamStats{grid-template-columns:repeat(2,minmax(0,1fr))}.v1785StaffGrid,.v1785TrophyWall{grid-template-columns:1fr}.v1785AwardCandidate{grid-template-columns:38px minmax(0,1fr);}.v1785AwardCandidate button{grid-column:1/-1;width:100%}
}
@media(max-width:390px){#story .card,#result .card,#final .card{max-height:calc(100dvh - 148px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important}.v1785TeamStat b{font-size:15px}}

/* inline-style-45 id="v1786RegionalRoutesCSS" */
/* V17.8.6 · Regional Routes · Story Echo · Local Passport */
.v1786RouteIntro{padding:12px 13px;margin:0 0 10px;border-radius:16px;background:linear-gradient(145deg,rgba(35,70,95,.78),rgba(18,23,42,.88));border:1px solid rgba(95,231,255,.18);box-shadow:0 13px 34px rgba(0,0,0,.22)}
.v1786RouteIntro b{display:block;font-size:15px;margin-bottom:3px}.v1786RouteIntro small{display:block;opacity:.72;line-height:1.42}
.v1786RouteModes{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}.v1786RouteMode{min-width:0!important;min-height:90px!important;padding:12px!important;text-align:left!important;border-radius:17px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:3px!important;background:linear-gradient(155deg,rgba(255,255,255,.09),rgba(255,255,255,.035))!important;border:1px solid rgba(255,255,255,.13)!important;box-shadow:inset 0 1px rgba(255,255,255,.1),0 12px 30px rgba(0,0,0,.2)!important}
.v1786RouteMode b{font-size:14px;line-height:1.15}.v1786RouteMode small{font-size:9px;line-height:1.35;opacity:.72;font-weight:700;white-space:normal}.v1786RouteMode .risk{margin-top:4px;padding:3px 6px;border-radius:999px;background:rgba(255,211,91,.08);border:1px solid rgba(255,211,91,.15);font-size:8px;font-weight:950}
.v1786TravelEvent{padding:15px;border-radius:20px;background:radial-gradient(circle at 85% 5%,rgba(95,231,255,.16),transparent 38%),linear-gradient(145deg,rgba(15,34,52,.96),rgba(10,11,26,.98));border:1px solid rgba(95,231,255,.2);box-shadow:0 22px 55px rgba(0,0,0,.34)}
.v1786TravelEvent .mode{display:inline-flex;padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.11);font-size:9px;font-weight:1000;letter-spacing:.06em}.v1786TravelEvent h3{font-size:clamp(21px,5vw,30px);margin:8px 0 5px}.v1786TravelEvent p{line-height:1.5;margin:0;opacity:.86}.v1786Echo{margin:10px 0;padding:9px 11px;border-radius:14px;background:rgba(185,112,255,.08);border:1px solid rgba(185,112,255,.17);font-size:11px;line-height:1.42}
.v1786LocalCard{margin:10px 0;padding:12px;border-radius:16px;background:linear-gradient(145deg,rgba(255,209,91,.07),rgba(95,231,255,.055));border:1px solid rgba(255,209,91,.16)}.v1786LocalCard h4{margin:0 0 4px;font-size:15px}.v1786LocalCard p{margin:4px 0 8px;font-size:11px;line-height:1.45;opacity:.8}.v1786LocalCard button{width:100%;min-height:43px}
.v1786PassportHero{padding:15px;border-radius:20px;background:radial-gradient(circle at 90% 0,rgba(94,229,255,.17),transparent 35%),linear-gradient(145deg,rgba(18,39,58,.96),rgba(14,12,32,.98));border:1px solid rgba(94,229,255,.2)}.v1786PassportStats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:10px}.v1786PassportStats div{padding:8px;border-radius:12px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.09);min-width:0}.v1786PassportStats b{display:block;font-size:17px}.v1786PassportStats small{font-size:8px;opacity:.66}
.v1786PassportGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0}.v1786Stamp{padding:10px;border-radius:15px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.095);min-width:0;opacity:.48}.v1786Stamp.on{opacity:1;background:radial-gradient(circle at 90% 0,rgba(255,211,91,.1),transparent 36%),rgba(255,255,255,.045);border-color:rgba(255,211,91,.18)}.v1786Stamp h4{margin:0 0 3px;font-size:13px}.v1786Stamp small{display:block;font-size:9px;line-height:1.35;opacity:.7}.v1786Stamp .seal{float:right;font-size:20px;filter:grayscale(.5)}.v1786Stamp.on .seal{filter:none}
.v1786RouteBadges{display:flex;gap:6px;flex-wrap:wrap}.v1786RouteBadge{display:inline-flex;padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.11);font-size:9px;font-weight:900}
@media(max-width:640px){.v1786RouteModes{grid-template-columns:1fr!important}.v1786RouteMode{min-height:70px!important}.v1786PassportStats{grid-template-columns:repeat(2,minmax(0,1fr))}.v1786PassportGrid{grid-template-columns:1fr}}

/* inline-style-46 id="v1787LocalQuestlinesCSS" */
/* V17.9.21 · Local Questlines · Recurring Characters · Regional Collectibles */
.v1787QuestCard,.v1787NpcCard,.v1787CollectionHero{margin:10px 0;padding:13px;border-radius:16px;border:1px solid rgba(106,214,255,.18);background:linear-gradient(145deg,rgba(12,27,46,.94),rgba(18,14,35,.94));box-shadow:0 12px 28px rgba(0,0,0,.22)}
.v1787QuestTop{display:flex;align-items:flex-start;justify-content:space-between;gap:9px}.v1787QuestTop>div{min-width:0}.v1787QuestTop b{display:block;font-size:14px;line-height:1.25}.v1787QuestTop small{display:block;margin-top:3px;opacity:.7;line-height:1.35}.v1787Progress{flex:0 0 auto;padding:5px 8px;border-radius:999px;font-size:9px;font-weight:900;background:rgba(113,189,255,.09);border:1px solid rgba(113,189,255,.22)}
.v1787NpcLine{display:flex;gap:9px;align-items:flex-start;margin-top:10px;padding:9px;border-radius:13px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08)}.v1787NpcAvatar{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;font-size:20px;background:rgba(255,255,255,.07);flex:0 0 auto}.v1787NpcLine div{min-width:0}.v1787NpcLine strong{display:block;font-size:12px}.v1787NpcLine p{margin:3px 0 0;font-size:11px;line-height:1.4;opacity:.82}
.v1787Collectible{margin-top:9px;padding:8px 9px;border-radius:12px;background:rgba(255,211,92,.06);border:1px solid rgba(255,211,92,.16);font-size:10px;line-height:1.35}.v1787QuestActions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:9px}.v1787QuestActions button{min-width:0;white-space:normal;line-height:1.2}
.v1787QuestScene{padding:15px;border-radius:18px;background:radial-gradient(circle at 92% 0,rgba(111,220,255,.17),transparent 35%),linear-gradient(145deg,rgba(14,31,52,.97),rgba(18,12,35,.97));border:1px solid rgba(103,212,255,.2)}.v1787QuestScene .place{font-size:10px;font-weight:900;letter-spacing:.08em;opacity:.7}.v1787QuestScene h3{margin:7px 0 5px;font-size:22px}.v1787QuestScene p{margin:0;line-height:1.55}.v1787QuestScene blockquote{margin:11px 0 0;padding:9px 11px;border-left:3px solid rgba(123,220,255,.55);background:rgba(255,255,255,.04);border-radius:0 11px 11px 0;font-size:11px;line-height:1.45}
.v1787MapQuest{display:block;margin:3px auto 0;width:max-content;max-width:100%;padding:2px 6px;border-radius:999px;font-size:8px;font-weight:900;background:rgba(174,104,255,.08);border:1px solid rgba(174,104,255,.2);color:#dfbdff}.v1787MapQuest.done{background:rgba(74,222,141,.08);border-color:rgba(74,222,141,.22);color:#a6f6c9}.v1787MapQuest.locked{opacity:.58;color:#bbb}
.v1787CollectionHero h2{margin:4px 0 4px}.v1787CollectionStats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:9px}.v1787CollectionStats div{padding:8px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);text-align:center}.v1787CollectionStats b{display:block;font-size:17px}.v1787CollectionStats small{font-size:9px;opacity:.65}.v1787CollectionGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}.v1787CollectCard{min-width:0;padding:10px;border-radius:14px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.09)}.v1787CollectCard.on{border-color:rgba(255,210,88,.28);background:linear-gradient(145deg,rgba(255,210,88,.07),rgba(255,255,255,.04))}.v1787CollectCard .ico{font-size:25px}.v1787CollectCard b{display:block;margin-top:4px;font-size:11px;overflow-wrap:anywhere}.v1787CollectCard small{display:block;margin-top:2px;font-size:9px;opacity:.62;line-height:1.35}.v1787Bond{display:inline-flex;align-items:center;gap:4px;margin-top:5px;padding:3px 6px;border-radius:999px;font-size:9px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09)}
@media(max-width:600px){.v1787QuestActions{grid-template-columns:1fr}.v1787CollectionGrid{grid-template-columns:1fr}.v1787CollectionStats{grid-template-columns:repeat(3,minmax(0,1fr))}.v1787QuestScene h3{font-size:19px}.v1787QuestCard,.v1787NpcCard,.v1787CollectionHero{padding:11px}}

/* inline-style-47 id="v1788RegionalCorporateCSS" */
/* V17.9.21 · NINA ORIGIN · STORYLINE DIRECTOR · STORY UI REFRESH · inherits Player Experience fixes */
.v1788Hero,.v1788Panel{margin:10px 0;padding:14px;border-radius:18px;border:1px solid rgba(105,215,255,.2);background:radial-gradient(circle at 92% 0,rgba(162,91,255,.16),transparent 34%),linear-gradient(145deg,rgba(12,28,48,.97),rgba(18,13,36,.97));box-shadow:0 14px 34px rgba(0,0,0,.25)}
.v1788Hero h2,.v1788Panel h3{margin:4px 0 6px}.v1788Hero p,.v1788Panel p{line-height:1.48}.v1788Kicker{font-size:9px;font-weight:950;letter-spacing:.1em;opacity:.72}.v1788Stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:10px}.v1788Stats div{padding:9px;border-radius:13px;text-align:center;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);min-width:0}.v1788Stats b{display:block;font-size:17px}.v1788Stats small{font-size:9px;opacity:.65}
.v1788Meter{margin:8px 0}.v1788MeterTop{display:flex;justify-content:space-between;gap:8px;font-size:10px;font-weight:850}.v1788Bar{height:8px;margin-top:4px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}.v1788Bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#5fe7ff,#9b62ff,#ffd35b)}
.v1788Grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}.v1788Card{padding:11px;border-radius:15px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.09);min-width:0}.v1788Card.locked{opacity:.5;filter:grayscale(.55)}.v1788Card.done{border-color:rgba(90,231,154,.28);background:rgba(90,231,154,.055)}.v1788Card h4{margin:0 0 4px}.v1788Card small{display:block;line-height:1.38;opacity:.68}.v1788Card button{width:100%;min-height:44px;margin-top:8px;white-space:normal;line-height:1.2}
.v1788Choice{display:grid;gap:7px;margin-top:11px}.v1788Choice button,.v1788Actions button{min-height:48px;white-space:normal;line-height:1.25;overflow-wrap:anywhere}.v1788Actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:10px}.v1788Seal{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:99px;font-size:9px;font-weight:900;background:rgba(255,211,91,.08);border:1px solid rgba(255,211,91,.22)}
.v1788Archive{display:grid;gap:7px;margin-top:9px}.v1788ArchiveRow{padding:9px 10px;border-radius:13px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);font-size:11px;line-height:1.4}.v1788ArchiveRow b{display:block}.v1788LifeBadges{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.v1788Badge{padding:5px 8px;border-radius:99px;background:rgba(111,220,255,.07);border:1px solid rgba(111,220,255,.18);font-size:9px;font-weight:900}.v1788Rare{border-color:rgba(255,214,91,.32);box-shadow:inset 0 0 0 1px rgba(255,214,91,.08)}
.v1788PlaceXL{margin:8px 0;padding:11px;border-radius:15px;background:linear-gradient(145deg,rgba(93,55,145,.13),rgba(41,108,138,.1));border:1px solid rgba(164,106,255,.2)}.v1788PlaceXLTop{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.v1788PlaceXLTop small{opacity:.68}.v1788MiniRows{display:grid;gap:6px;margin-top:8px}.v1788MiniRow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:center;padding:7px;border-radius:11px;background:rgba(255,255,255,.04)}.v1788MiniRow button{min-height:38px;min-width:96px}.v1788Wanderer{margin-top:8px;padding:8px;border-radius:12px;background:rgba(255,211,91,.05);border:1px dashed rgba(255,211,91,.22);font-size:10px;line-height:1.4}
.v1788MailTabs{display:flex;gap:6px;flex-wrap:wrap}.v1788MailTabs button{min-height:38px}.v1788Mail{margin-top:8px;padding:10px;border-radius:13px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.09)}.v1788Mail.unread{border-color:rgba(95,231,255,.26)}.v1788Mail small{opacity:.65}.v1788Lifecycle{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin-top:7px}.v1788Lifecycle span{padding:4px;border-radius:8px;text-align:center;font-size:8px;background:rgba(255,255,255,.04);opacity:.45}.v1788Lifecycle span.on{opacity:1;background:rgba(95,231,255,.09);border:1px solid rgba(95,231,255,.14)}
#hnStoryStatus{margin:8px 0 2px;padding:9px 11px;border:1px solid rgba(255,255,255,.11);border-radius:14px;background:rgba(0,0,0,.16);font-size:10px;line-height:1.4;color:#cbd5e5}.hnHomePrimary .hnStoryPrimary{min-height:58px;font-size:16px;border-radius:16px}.hnHomePrimary .hnLegacyPrimarySource{display:none!important}.v1788HomeButtons{display:grid;grid-template-columns:1.3fr 1fr;gap:8px}.v1788HomeButtons button{min-height:50px;white-space:normal}.v1788Tiny{font-size:9px;opacity:.65;line-height:1.35;margin-top:6px}
@media(max-width:680px){.hnHomeNav{grid-template-columns:repeat(2,minmax(0,1fr))}.v1788Stats{grid-template-columns:repeat(2,minmax(0,1fr))}.v1788Grid,.v1788Actions,.v1788HomeButtons{grid-template-columns:1fr}.v1788Lifecycle{grid-template-columns:1fr}.v1788Lifecycle span{text-align:left}.v1788MiniRow{grid-template-columns:1fr}.v1788MiniRow button{width:100%}.v1788Hero,.v1788Panel{padding:11px}.v155choices button,.replyChoices button,.v1788Choice button{min-height:50px!important;font-size:12px!important;padding:10px!important}}
@media(max-width:390px){.v1788Stats{grid-template-columns:1fr 1fr}.v1788Card{padding:9px}.v1788Hero h2{font-size:21px}}

/* inline-style-48 id="v1791StoryUIRefresh" */
.v1791Storyline{margin:10px 0;border:1px solid rgba(255,211,109,.22);border-radius:16px;background:linear-gradient(145deg,rgba(255,211,109,.07),rgba(95,231,255,.045));overflow:hidden}.v1791Storyline summary{cursor:pointer;list-style:none;padding:12px 14px;font-weight:950;display:flex;justify-content:space-between;gap:10px;align-items:center}.v1791Storyline summary::-webkit-details-marker{display:none}.v1791Storyline summary span{font-size:9px;opacity:.58;text-transform:uppercase;letter-spacing:.08em}.v1791Storyline>div{padding:0 14px 14px;line-height:1.55;color:#d9e2ee;white-space:pre-line}.originActions button,#story .btnrow button,.v1780Choice button{position:relative;border:1px solid rgba(255,255,255,.15)!important;border-radius:16px!important;min-height:50px!important;padding:11px 15px!important;background:linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.045))!important;color:#f7f9ff!important;font-weight:950!important;box-shadow:0 8px 24px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.08)!important;transition:transform .14s ease,border-color .14s ease,background .14s ease}.originActions button:hover,#story .btnrow button:hover,.v1780Choice button:hover{transform:translateY(-1px);border-color:rgba(103,218,255,.42)!important}.originActions button.primary,#story .btnrow button.primary{background:linear-gradient(135deg,#7046df,#b54aa0)!important;border-color:rgba(255,255,255,.2)!important}.originActions button:active,#story .btnrow button:active,.v1780Choice button:active{transform:translateY(1px) scale(.995)}.originActions button:focus-visible,#story .btnrow button:focus-visible,.v1780Choice button:focus-visible{outline:3px solid rgba(95,231,255,.48);outline-offset:2px}@media(max-width:560px){.originActions button,#story .btnrow button,.v1780Choice button{width:100%;min-height:52px!important}.v1791Storyline summary{align-items:flex-start}.v1791Storyline summary span{display:none}}

/* inline-style-49 id="hnUiConsistency1799" */
#hnHomePrimary{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}#hnHomePrimary>.hnStoryPrimary{width:100%!important;min-height:58px!important;border-radius:16px!important;font-size:15px!important;font-weight:900!important;padding:12px 14px!important;white-space:normal!important}#hnHomeNewStory{border:1px solid rgba(255,255,255,.18)!important;background:linear-gradient(135deg,rgba(92,74,190,.88),rgba(154,75,151,.82))!important;color:#fff!important}.hnHomeModalGrid button,.v1788Choice button,.v1788Actions button{min-height:52px!important;border-radius:14px!important;padding:10px 12px!important;font-weight:850!important;white-space:normal!important}button:focus-visible{outline:3px solid #5fe7ff!important;outline-offset:2px!important}@media(max-width:680px){#hnHomePrimary{grid-template-columns:1fr!important}#hnHomePrimary>.hnStoryPrimary{min-height:54px!important}}

/* inline-style-50 id="hnV17910MobileHomeHotfix" */
/* V17.9.21 · screenshot-driven mobile home cleanup */
#start .hnHomeNav > :not([data-home-cat]){display:none!important}
#start .hnHomeNav > [hidden]{display:none!important}
body:not(.v172-debug) .v1793PerfBadge{display:none!important}
@media(max-width:780px){
  #start .hnHomeNav{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  #start .hnHomeNav > [data-home-cat]{display:grid!important;min-height:62px!important}
  #start #castRow{display:none!important}
  #start .card{padding-bottom:86px!important}
  body .v12Footer{position:fixed!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;bottom:calc(7px + env(safe-area-inset-bottom))!important;width:max-content!important;max-width:calc(100vw - 20px)!important;display:flex!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:center!important;gap:6px!important;z-index:99950!important;pointer-events:none!important}
  body .v12Footer.v12Footer>*{display:none!important}
  body .v12Footer.v12Footer>button,body .v12Footer.v12Footer>a{display:none!important}
  body .v12Footer.v12Footer>#cookieSettingsBtn,body .v12Footer.v12Footer>#privacyCenterBtn,body .v12Footer.v12Footer>[data-legal]{display:none!important}
  body .v12Footer.v12Footer>.hnVersionFooter{display:inline-flex!important;pointer-events:none!important;white-space:nowrap!important}
  body .v12Footer.v12Footer>.v1785LegalHub{display:inline-flex!important;pointer-events:auto!important;white-space:nowrap!important;min-height:36px!important;padding:7px 12px!important}
}

/* inline-style-51 id="v17914BatteryCSS" */
.hn17914BatteryGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr));gap:10px}.hn17914BatteryCard{padding:13px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(255,255,255,.05)}.hn17914BatteryCard button{width:100%;margin-top:8px}.hn17914BatteryMeter{height:13px;border-radius:999px;background:rgba(255,255,255,.09);overflow:hidden;margin:10px 0}.hn17914BatteryMeter i{display:block;height:100%;background:linear-gradient(90deg,#ff5f6d,#ffd15c,#5fe7a7)}

/* inline-style-52 id="hnV17918MobileInputContrastHotfix" */
/* V17.9.21 · mobile input, contrast and modal-bind hotfix */
.infoCard{color:#f5f7ff!important}.infoCard span,.infoCard small{color:#c9d2e3!important}button.infoCard{appearance:none;-webkit-appearance:none;color:#f5f7ff!important;text-align:center;cursor:pointer}button.infoCard b{color:#fff!important}button.infoCard:disabled{opacity:.55}
.v12Modal.hnBinding17918 #v12ModalBody{pointer-events:none!important}
@media (pointer:coarse),(max-width:680px){button,.btn,.miniBtn,.secondary,.primary,[role="button"]{touch-action:manipulation;-webkit-tap-highlight-color:rgba(95,231,255,.18)}.v12ModalCard button,.infoCard,.v1781RetroActions button,.v1788Choice button,.v1788Actions button{min-height:48px!important}.infoCard{font-size:16px!important}.infoCard b{font-size:17px!important}.infoCard span{font-size:14px!important;line-height:1.35!important}.v12ModalCard{max-height:86dvh!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.v1781RetroActions button:active,.infoCard:active,.v1788Choice button:active{transform:scale(.985)!important;filter:brightness(1.12)}}

/* V17.9.52 · Navigation Registry II / Schnellzugriff */
.hnNavPalette{display:grid;gap:12px}.hnNavSearch{display:grid;gap:6px;padding:10px 12px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.045)}.hnNavSearch span{font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#bfc9da}.hnNavSearch input{width:100%;min-height:46px;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:rgba(3,8,18,.82);color:#fff;padding:10px 12px;font:inherit;outline:none}.hnNavSearch input:focus{border-color:#5fe7ff;box-shadow:0 0 0 3px rgba(95,231,255,.13)}.hnHomeModalGrid [data-nav-action]{display:flex;flex-direction:column;justify-content:center;gap:3px}.hnHomeModalGrid [data-nav-action] small{display:block;font-size:10px;opacity:.7;font-weight:700}@media(max-width:560px){.hnHomeModalGrid{grid-template-columns:1fr}.hnNavSearch{position:sticky;top:0;z-index:2;backdrop-filter:blur(10px)}}

/* V17.9.55 · LAYOUT ANCHOR XL · responsive action hardening */
button,.btn,.miniBtn,.choice,.replyChoiceBtn,.careChoiceBtn,.actionbtn{
  max-width:100%;min-width:0;box-sizing:border-box;
}
.hnHomeNavBtn,.hnHomeModalGrid button,.hnWsQuick button,.hnWsHeroActions button,
.v12MenuRow button,.primary,.secondary,.choice,.infoCard[type="button"]{
  white-space:normal;overflow-wrap:anywhere;word-break:normal;line-height:1.2;
}
button:disabled,.btn[aria-disabled="true"]{cursor:not-allowed;opacity:.55;filter:saturate(.55)}
@media(max-width:430px){
  .hnHomeNavBtn,.hnHomeModalGrid button,.hnWsQuick button,.hnWsHeroActions button,.v12MenuRow button{
    min-height:48px;
  }
}

/* V17.9.55 · LAYOUT ANCHOR XL · fixed press geometry + deterministic scrollers */
.card,.v12ModalCard,.minibox{
  scrollbar-gutter:stable;
  overflow-anchor:none;
}
#start .card,#story .card,#result .card,#final .card,.v12ModalCard,.minibox{
  overscroll-behavior:contain;
  scroll-behavior:auto!important;
}
/* Ordinary UI buttons stay physically anchored while pressed. Feedback uses light/filter/outline, not movement. */
button:active,.btn:active,.miniBtn:active,.choice:active,.primary:active,.secondary:active,
.actionbtn:active,.thumb:active,.danger:active,.infoCard:active,
.originActions button:active,#story .btnrow button:active,.v1780Choice button:active,
.v1783MediaChoices button:active,.v1783RadarActions button:active,.v1781RetroActions button:active,
.v1788Choice button:active,.v1788Actions button:active{
  transform:none!important;
  filter:brightness(1.1);
}
.originActions button:hover,#story .btnrow button:hover,.v1780Choice button:hover{
  transform:none!important;
}
.hudChip:active{transform:none!important}
.v1783StarsPick button.on{transform:none!important;outline:2px solid rgba(255,204,69,.5);outline-offset:1px}
/* Keep deliberately positioned controls at their layout transform while pressed. */
.hnHeroArrow:active{transform:translateY(-50%)!important}
.hnWsHotspot:active{transform:translate(-50%,-50%)!important}
@media (hover:none) and (pointer:coarse){
  .primary:active,.secondary:active,.choice:active,.actionbtn:active,.thumb:active,.hypebtn:active,.pad:active,.cutbtn:active{
    transform:none!important;
  }
  /* Timing/gameplay feedback remains visual without moving the hit target. */
  .pad.flash{transform:none!important;filter:brightness(1.22)}
}

/* V17.9.55 · final press-state audit: selection/feedback must not move hit geometry */
.hypebtn.active,.pad.flash{transform:none!important}
.replyChoiceBtn:hover{transform:none!important}
/* V17.9.55 · transformed map pins keep their layout anchor while pressed. */
.v163place:active{transform:translate(-50%,-50%)!important}
@media(max-width:620px){
  .v163place[data-place="cuxhaven"]:active,
  .v163place[data-place="cadenberge"]:active,
  .v163place[data-place="hemmoor"]:active{transform:translate(-68%,-50%)!important}
}


/* V17.9.63 · INPUT FOCUS XL · modal/keyboard/press polish */
.v12ModalCard{max-height:min(88vh,calc(var(--app-vh,100vh) - 28px))!important;outline:none}
.v12ModalCard:focus-visible{outline:3px solid rgba(95,231,255,.55)!important;outline-offset:-3px!important}
body.hnKeyboardOpen .v12Modal{top:var(--app-vv-top,0px)!important;bottom:auto!important;height:var(--app-vh,100vh)!important;align-items:flex-start!important;padding-top:max(7px,env(safe-area-inset-top))!important;padding-bottom:7px!important}
body.hnKeyboardOpen .v12ModalCard{max-height:calc(var(--app-vh,100vh) - 14px)!important;scroll-padding-bottom:28px}
@media(max-width:680px){.v12ModalCard{max-height:calc(var(--app-vh,100vh) - 14px)!important}}
/* Final geometry lock: late legacy selectors may style brightness, never move the hit target. */
.originActions button:active,#story .btnrow button:active,.v1780Choice button:active,
.v1781RetroActions button:active,.v1788Choice button:active,.v1788Actions button:active,
.infoCard:active,.shareBtn:active,.hnHomeModalGrid button:active{transform:none!important}
/* Positioned controls retain their required layout transform. */
@media(max-width:620px){.v163place[data-place="cuxhaven"]:active,.v163place[data-place="cadenberge"]:active,.v163place[data-place="hemmoor"]:active{transform:translate(-68%,-50%)!important}}

/* V41.0.0 · JOHN MAIL · real mailbox experience */
.johnMailApp{display:grid;gap:12px;min-width:0}.johnMailHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:18px;border-radius:22px;background:radial-gradient(circle at 88% 12%,rgba(74,215,255,.18),transparent 32%),linear-gradient(145deg,rgba(10,26,44,.98),rgba(24,12,42,.98));border:1px solid rgba(109,226,255,.22);box-shadow:0 18px 48px rgba(0,0,0,.28)}.johnMailHeader h2{font-size:clamp(28px,5vw,44px);line-height:.92;margin:4px 0 7px;letter-spacing:-.04em}.johnMailHeader p{margin:0;opacity:.75;max-width:620px;line-height:1.45}.johnMailEyebrow{display:block;font-size:9px;font-weight:1000;letter-spacing:.14em;text-transform:uppercase;color:#88eaff}.johnMailHeaderStats{display:grid;grid-template-columns:repeat(2,minmax(90px,1fr));gap:8px;min-width:210px}.johnMailHeaderStats span{padding:10px 12px;border-radius:15px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);text-align:center;font-size:10px;text-transform:uppercase;letter-spacing:.07em;opacity:.82}.johnMailHeaderStats b{display:block;font-size:23px;color:#fff;letter-spacing:0}.johnMailToolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:center}.johnMailSearch{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 12px;border-radius:14px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.1)}.johnMailSearch input{width:100%;min-width:0;border:0!important;outline:0;background:transparent!important;color:#fff!important;padding:11px 0!important;font:inherit}.johnMailSearch input::placeholder{color:rgba(255,255,255,.45)}.johnMailReadAll{min-height:44px!important;white-space:nowrap}.johnMailLayout{display:grid;grid-template-columns:minmax(180px,230px) minmax(0,1fr);gap:12px;align-items:start}.johnMailSidebar{display:grid;gap:10px;position:sticky;top:8px}.johnMailFolders{display:grid;gap:5px;padding:7px;border-radius:18px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08)}.johnMailFolder{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:7px;align-items:center;width:100%;min-height:40px;text-align:left;padding:8px 9px!important;border-radius:12px!important;background:transparent!important;border:1px solid transparent!important;color:#fff}.johnMailFolder b{font-size:12px;overflow:hidden;text-overflow:ellipsis}.johnMailFolder em{min-width:24px;padding:3px 6px;border-radius:99px;text-align:center;font-size:9px;font-style:normal;background:rgba(255,255,255,.08);opacity:.72}.johnMailFolder.active{background:linear-gradient(135deg,rgba(68,211,255,.17),rgba(135,92,255,.13))!important;border-color:rgba(103,222,255,.3)!important}.johnMailFolder.active em{background:rgba(95,225,255,.16);opacity:1}.johnMailSideCard{padding:11px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);min-width:0}.johnMailSideCard.legal{display:grid;gap:5px}.johnMailSideCard.legal small{font-size:10px;line-height:1.45;opacity:.64}.johnMailMain{min-width:0;display:grid;gap:9px}.johnMailListHead{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:0 3px}.johnMailListHead b{font-size:14px}.johnMailListHead span{font-size:10px;opacity:.62}.johnMailList{display:grid;gap:6px;max-height:min(55vh,560px);overflow:auto;padding:2px 3px 4px 0;scrollbar-gutter:stable}.johnMailRow{width:100%;display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;align-items:start;text-align:left;padding:11px;border-radius:16px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);color:#fff;min-width:0}.johnMailRow:hover{background:rgba(255,255,255,.075)}.johnMailRow.unread{background:linear-gradient(135deg,rgba(37,123,154,.18),rgba(106,46,142,.12));border-color:rgba(94,222,255,.28);box-shadow:inset 3px 0 0 rgba(95,225,255,.72)}.johnMailRow.resolved{opacity:.8}.johnMailAvatar{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,rgba(95,225,255,.13),rgba(159,94,255,.13));border:1px solid rgba(255,255,255,.1);font-size:21px}.johnMailRowMain{min-width:0;display:grid;gap:3px}.johnMailRowTop{display:flex;justify-content:space-between;gap:10px;align-items:center;min-width:0}.johnMailRowTop b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.johnMailRowTop time{font-size:9px;opacity:.55;white-space:nowrap}.johnMailSubject{font-size:13px;font-weight:900;line-height:1.25;overflow-wrap:anywhere}.johnMailPreview{font-size:10px;line-height:1.4;opacity:.67;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.johnMailMetaLine{display:flex;flex-wrap:wrap;gap:5px;margin-top:3px}.johnMailMetaLine i{font-style:normal;font-size:8px;font-weight:900;letter-spacing:.05em;padding:3px 6px;border-radius:99px;background:rgba(255,255,255,.06);opacity:.72}.johnMailMetaLine i.sponsored{color:#ffd765;background:rgba(255,211,85,.1);opacity:1}.johnMailMetaLine i.done{color:#77efb4;background:rgba(74,222,157,.1);opacity:1}.johnMailEmpty{min-height:180px;display:grid;place-items:center;align-content:center;gap:5px;text-align:center;border:1px dashed rgba(255,255,255,.12);border-radius:18px;background:rgba(255,255,255,.025);padding:18px}.johnMailEmpty span{font-size:38px}.johnMailEmpty small{max-width:360px;opacity:.58;line-height:1.4}.johnMailAd{margin:3px 0!important}.johnMailSponsorsWrap{border-radius:16px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);overflow:hidden}.johnMailSponsorToggle{display:grid;grid-template-columns:minmax(0,1fr) auto 20px;gap:8px;align-items:center;width:100%;min-height:46px;padding:10px 12px!important;border:0!important;border-radius:0!important;text-align:left;background:transparent!important;color:#fff}.johnMailSponsorToggle small{font-size:9px;opacity:.6}.johnMailSponsorsWrap>#johnMailSponsors{padding:0 10px 10px}.johnMailDetail{display:grid;gap:12px;min-width:0}.johnMailBackLink{width:max-content;min-height:36px!important;padding:7px 10px!important;border-radius:12px!important;background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.09)!important;color:#fff}.johnMailDetailHead{display:grid;gap:10px;padding:16px;border-radius:20px;background:radial-gradient(circle at 90% 0,rgba(74,215,255,.12),transparent 34%),linear-gradient(145deg,rgba(15,31,51,.95),rgba(26,15,44,.96));border:1px solid rgba(103,221,255,.18)}.johnMailDetailHead .mailSender{margin:0}.johnMailDetailHead .mailSender>div:last-child{display:grid;gap:3px}.johnMailDetailHead .mailSender b{font-size:15px}.johnMailDetailHead .mailSender small{font-size:10px;opacity:.6}.johnMailDetailHead h2{margin:0;font-size:clamp(22px,4vw,34px);line-height:1.05;overflow-wrap:anywhere}.johnMailDetailAvatar{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.09)}.johnMailDetailBadges{display:flex;gap:6px;flex-wrap:wrap}.johnMailDoneBadge{font-size:9px;font-weight:950;padding:4px 7px;border-radius:99px;color:#82efba;background:rgba(80,218,155,.12);border:1px solid rgba(80,218,155,.22)}.johnMailBody{padding:16px;border-radius:18px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);font-size:14px;line-height:1.65!important}.johnMailBody p:first-child{margin-top:0}.johnMailBody p:last-child{margin-bottom:0}.johnMailOutcome{margin:0!important}.johnMailActions{padding:10px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07)}.johnMailDetailUtility{display:flex;gap:8px;flex-wrap:wrap}.johnMailDetailAd{margin-top:0!important}
/* Corporate Postfach 2.0 follows JOHN MAIL visual language */
.v1788MailShell{display:grid;gap:10px}.v1788MailSummary{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px;border-radius:18px;background:radial-gradient(circle at 90% 0,rgba(95,231,255,.12),transparent 36%),linear-gradient(145deg,rgba(12,28,48,.97),rgba(18,13,36,.97));border:1px solid rgba(95,231,255,.18)}.v1788MailSummary h2{margin:0;font-size:28px}.v1788MailSummary small{opacity:.66}.v1788MailTabs{padding:6px;border-radius:14px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07)}.v1788MailTabs button.active{background:rgba(95,231,255,.13)!important;border-color:rgba(95,231,255,.3)!important}.v1788MailListV41{display:grid;gap:6px}.v1788MailV41{display:grid;grid-template-columns:38px minmax(0,1fr);gap:9px;width:100%;text-align:left;color:inherit;padding:10px!important;border-radius:15px!important;background:rgba(255,255,255,.045)!important;border:1px solid rgba(255,255,255,.08)!important}.v1788MailV41.unread{border-color:rgba(95,231,255,.3)!important;box-shadow:inset 3px 0 0 rgba(95,231,255,.7)}.v1788MailV41 .ico{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:rgba(255,255,255,.055)}.v1788MailV41 b{display:block;font-size:12px}.v1788MailV41 small{display:block;font-size:9px;opacity:.58;margin:2px 0}.v1788MailV41 p{margin:3px 0 0;font-size:10px;opacity:.68;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v1788MailDetailV41{display:grid;gap:10px}.v1788MailDetailV41 .body{padding:14px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);line-height:1.6}.v1788MailDetailV41 .body p{white-space:pre-wrap;margin:0}
@media(max-width:760px){.johnMailHeader{display:grid}.johnMailHeaderStats{min-width:0;width:100%}.johnMailToolbar{grid-template-columns:1fr}.johnMailReadAll{width:100%!important}.johnMailLayout{grid-template-columns:1fr}.johnMailSidebar{position:static;order:0}.johnMailFolders{display:flex;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:7px}.johnMailFolder{grid-template-columns:22px auto auto;min-width:max-content;scroll-snap-align:start}.johnMailSideCard{display:none}.johnMailMain{order:1}.johnMailList{max-height:none}.johnMailRow{grid-template-columns:38px minmax(0,1fr);padding:10px}.johnMailAvatar{width:38px;height:38px}.johnMailPreview{-webkit-line-clamp:1}.johnMailSponsorToggle{grid-template-columns:minmax(0,1fr) auto 18px}}@media(max-width:430px){.johnMailHeader{padding:13px}.johnMailHeader h2{font-size:31px}.johnMailHeaderStats{grid-template-columns:1fr 1fr}.johnMailDetailHead{padding:12px}.johnMailBody{padding:12px;font-size:13px}.johnMailActions{display:grid!important;grid-template-columns:1fr!important}.johnMailActions button,.johnMailDetailUtility button{width:100%!important}.v1788MailSummary{display:grid}.v1788MailV41{grid-template-columns:34px minmax(0,1fr)}.v1788MailV41 .ico{width:34px;height:34px}}

/* V46.76 · Unterelbe responsive regional map */
.v17920Geo{position:absolute;inset:0;width:100%;height:100%;opacity:.92}.v17920Water{fill:rgba(70,139,174,.33)}.v17920Elbe{fill:none;stroke:rgba(126,205,234,.66);stroke-width:18;stroke-linecap:round}.v17920Route{fill:none;stroke:rgba(220,207,151,.15);stroke-width:5;stroke-dasharray:10 13}.v17920MapDecor .sea{left:2%;top:3%;right:auto;color:rgba(181,226,248,.78);letter-spacing:.12em}.v17920MapDecor .elbe{left:55%;top:18%;transform:rotate(2deg);color:rgba(181,226,248,.82);letter-spacing:.12em}.v17920MapDecor .coast{left:15%;top:23%;color:rgba(205,221,204,.55)}.v17920MapDecor .fields{left:38%;top:46%;font-size:9px;background:rgba(7,20,18,.28);color:rgba(224,220,177,.48)}
@media(max-width:620px){.v17920MapDecor span{font-size:7px!important;padding:2px 4px}.v17920MapDecor .fields{display:none}.v17920Elbe{stroke-width:13}.v163road{opacity:.62}.v163place.current,.v163place.story17912{z-index:6!important}}

/* V47.03.1 · native mailbox folder control */
.johnMailFolderPicker{display:none}
@media(max-width:760px){.johnMailFolderPicker{display:grid;gap:5px}.johnMailFolderPicker select{width:100%;min-height:48px;font:inherit}.johnMailFolders{display:none}}