/* Tenant-scoped SHONIZ 3 presentation. Kept outside the shared application
   bundle so projects 1 and 2 remain visually and performance isolated. */
html[data-game-project='shoniz-3'] {
  --s3-teal: #14b8a6;
  --s3-teal-dim: #0d9488;
  --s3-teal-glow: rgba(20, 184, 166, 0.32);
  --s3-coral: #ff6b5e;
  --s3-coral-glow: rgba(255, 107, 94, 0.28);
  --s3-gold: #f6c453;
  --s3-gold-warm: #ffa500;
  --s3-navy: #14213d;
  --s3-navy-mid: #1e2f52;
  --s3-cream: #fff4de;
  --s3-glass-bg: rgba(20, 33, 61, 0.84);
  --s3-glass-border: rgba(20, 184, 166, 0.18);
  --s3-glass-highlight: rgba(255, 255, 255, 0.09);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --duration-fast: 140ms;
  --duration-normal: 260ms;
}
html[data-game-project='shoniz-3'] .result-card,
html[data-game-project='shoniz-3'] .login-card {
  border-color: rgb(20 184 166 / 32%);
  background: linear-gradient(155deg, rgb(16 76 75 / 94%), rgb(20 49 57 / 96%) 52%, rgb(75 33 42 / 95%));
  box-shadow: 0 30px 90px rgb(7 28 33 / 72%), inset 0 1px rgb(255 255 255 / 14%);
  backdrop-filter: blur(16px);
}
html[data-game-project='shoniz-3'] .menu-screen{overflow:hidden;background:linear-gradient(112deg,rgb(18 42 49/92%),rgb(21 76 78/52%) 47%,rgb(74 28 34/88%)),var(--theme-key-art) center 42%/cover no-repeat}
html[data-game-project='shoniz-3'] .menu-shade{background:radial-gradient(circle at 24% 20%,rgb(255 210 117/26%),transparent 32%),linear-gradient(180deg,rgb(7 42 48/6%),transparent 44%,rgb(26 19 29/92%))}
html[data-game-project='shoniz-3'] .brand-lockup{border-color:rgb(255 213 132/38%);background:linear-gradient(125deg,rgb(20 81 80/84%),rgb(27 45 53/84%));box-shadow:0 18px 48px rgb(8 25 30/36%)}
html[data-game-project='shoniz-3'] .title-block h1{color:#fff6df;text-shadow:0 8px 32px rgb(4 27 33/62%),0 0 80px rgb(20 184 166/18%)}
html[data-game-project='shoniz-3'] .title-block h1 em,html[data-game-project='shoniz-3'] .eyebrow{color:#ffd178}
/* Premium start card with deeper glass effect */
html[data-game-project='shoniz-3'] .start-card{border-color:rgb(20 184 166/32%);background:linear-gradient(148deg,rgb(16 76 75/96%),rgb(20 49 57/97%) 52%,rgb(75 33 42/97%));box-shadow:0 30px 90px rgb(7 28 33/72%),0 0 0 1px rgb(20 184 166/12%),inset 0 1px rgb(255 255 255/14%)}
/* Character picker with teal identity for girl, coral for boy */
html[data-game-project='shoniz-3'] .character-choice{border-color:rgb(255 211 126/22%);background:linear-gradient(155deg,rgb(229 247 236/18%),rgb(255 193 153/11%));transition:transform var(--duration-fast) var(--ease-spring),border-color var(--duration-normal) ease,box-shadow var(--duration-normal) ease}
html[data-game-project='shoniz-3'] .character-choice[data-character='teal'].is-selected,
html[data-game-project='shoniz-3'] .character-choice[data-style='teal'].is-selected{border-color:var(--s3-teal);box-shadow:0 0 0 3px var(--s3-teal-glow),0 0 24px var(--s3-teal-glow),0 14px 30px rgb(4 27 33/44%)}
html[data-game-project='shoniz-3'] .character-choice[data-character='purple'].is-selected,
html[data-game-project='shoniz-3'] .character-choice[data-style='purple'].is-selected{border-color:var(--s3-coral);box-shadow:0 0 0 3px var(--s3-coral-glow),0 0 24px var(--s3-coral-glow),0 14px 30px rgb(4 27 33/44%)}
html[data-game-project='shoniz-3'] .character-choice.is-selected{border-color:#ffd178;box-shadow:0 0 0 3px rgb(255 209 120/22%),0 0 20px rgb(255 209 120/14%),0 14px 30px rgb(4 27 33/44%)}
/* CTA button using warm city palette */
html[data-game-project='shoniz-3'] .primary-button{color:#143337;background:linear-gradient(110deg,#ffd57d,#ffab77 58%,#f28f74);box-shadow:0 16px 32px rgb(82 35 28/32%),0 1px 0 rgb(255 255 255/30%) inset}
html[data-game-project='shoniz-3'] .primary-button:hover:not(:disabled){background:linear-gradient(110deg,#ffe094,#ffba8c 58%,#f49f87);box-shadow:0 22px 42px rgb(82 35 28/42%),0 1px 0 rgb(255 255 255/30%) inset,0 0 0 1px rgb(255 213 160/30%)}
/* Run loading screen — cinematic city morning palette */
html[data-game-project='shoniz-3'] .run-loading-screen{background:radial-gradient(circle at 50% 16%,rgb(255 210 119/28%),transparent 40%),radial-gradient(circle at 80% 80%,rgb(20 184 166/15%),transparent 42%),linear-gradient(150deg,rgb(10 67 70/98%),rgb(23 43 55/99%) 54%,rgb(76 31 43/99%))}
html[data-game-project='shoniz-3'] .run-loading-card{border-color:rgb(20 184 166/38%);background:linear-gradient(155deg,rgb(17 88 84/97%),rgb(64 33 52/98%));box-shadow:0 24px 70px rgb(0 0 0/52%),0 0 0 1px rgb(20 184 166/14%),inset 0 1px rgb(255 255 255/14%)}
html[data-game-project='shoniz-3'] .run-loading-card>.run-loading-poster{object-fit:contain;background:radial-gradient(circle,#fff8df 0%,#b9e1d8 56%,#31535a 100%)}
html[data-game-project='shoniz-3'] .rank-card,html[data-game-project='shoniz-3'] .life-wallet{background:rgb(9 35 40/48%)}
html[data-game-project='shoniz-3'] .product-strip figure{background:linear-gradient(150deg,rgb(255 255 255/12%),rgb(255 197 132/7%))}
/* Shoniz 3 vignette: warm teal/navy depth gradient */
html[data-game-project='shoniz-3'] .vignette{background:radial-gradient(circle at 50% 46%,transparent 28%,rgb(14 33 61/30%) 100%),linear-gradient(180deg,rgb(14 33 61/34%),transparent 32%,rgb(10 20 38/26%))}
/* HUD score pill: teal glow when active */
html[data-game-project='shoniz-3'] .score-pill.is-updating{box-shadow:0 0 0 1px rgb(20 184 166/30%),0 12px 34px rgb(8 4 11/26%)}
html[data-game-project='shoniz-3'] .score-pill.is-updating strong{color:#e8fffe;text-shadow:0 0 18px rgb(20 184 166/70%)}
/* Star rating on Game Over */
.result-stars{display:flex;justify-content:center;align-items:center;gap:10px;margin:4px 0 10px}
.result-stars .ui-star{fill:rgb(255 255 255/16%);filter:drop-shadow(0 2px 4px rgb(0 0 0/30%));transition:transform var(--duration-fast,140ms) var(--ease-spring,cubic-bezier(.34,1.56,.64,1)),fill 200ms ease}
.result-stars .ui-star.is-active{fill:var(--s3-gold,#f6c453);filter:drop-shadow(0 0 12px rgba(246,196,83,.65)) drop-shadow(0 2px 4px rgb(0 0 0/40%));transform:scale(1.15)}
/* Power-up bar glow in Shoniz 3 */
html[data-game-project='shoniz-3'] .powerup-bar>span{border:1px solid var(--s3-glass-border,rgba(20,184,166,.18));background:var(--s3-glass-bg,rgba(20,33,61,.84));box-shadow:0 4px 16px rgb(4 27 33/40%),inset 0 1px rgb(255 255 255/12%);backdrop-filter:blur(10px)}
html[data-game-project='shoniz-3'] #shield-power{border-color:rgba(98,222,255,.45);box-shadow:0 0 12px rgba(98,222,255,.3)}
html[data-game-project='shoniz-3'] #magnet-power{border-color:rgba(255,107,94,.45);box-shadow:0 0 12px var(--s3-coral-glow,rgba(255,107,94,.28))}
html[data-game-project='shoniz-3'] #double-power{border-color:rgba(246,196,83,.45);box-shadow:0 0 12px rgba(246,196,83,.3)}
@media (min-width:761px){
html[data-game-project='shoniz-3'] .menu-content{width:min(1040px,calc(100% - 56px));grid-template-columns:minmax(360px,430px) minmax(440px,510px);grid-template-rows:auto auto auto auto auto;gap:13px 38px;padding-block:22px;direction:ltr;justify-content:center}
html[data-game-project='shoniz-3'] .menu-content>*{direction:rtl}
html[data-game-project='shoniz-3'] .brand-lockup,html[data-game-project='shoniz-3'] .title-block,html[data-game-project='shoniz-3'] .leaderboard,html[data-game-project='shoniz-3'] .campaign-loop,html[data-game-project='shoniz-3'] .menu-footer{grid-column:1}
html[data-game-project='shoniz-3'] .brand-lockup{grid-row:1;width:max-content;justify-self:start;padding:0;background:transparent;border:0;box-shadow:none}html[data-game-project='shoniz-3'] .brand-lockup img{width:64px;height:64px;border-radius:20px}html[data-game-project='shoniz-3'] .brand-lockup span{display:none}html[data-game-project='shoniz-3'] .title-block{grid-row:2;align-self:center}html[data-game-project='shoniz-3'] .leaderboard{grid-row:3}html[data-game-project='shoniz-3'] .campaign-loop,html[data-game-project='shoniz-3'] .menu-footer{display:none}
html[data-game-project='shoniz-3'] .start-card{grid-column:2;grid-row:1/span 5;width:100%;max-height:min(760px,calc(100dvh - 44px));align-self:center;padding:20px;box-sizing:border-box}
html[data-game-project='shoniz-3'] .personal-runs,html[data-game-project='shoniz-3'] .powerup-guide,html[data-game-project='shoniz-3'] .gesture-guide,html[data-game-project='shoniz-3'] .install-panel{display:none}
html[data-game-project='shoniz-3'] .character-picker{max-width:310px;margin-inline:auto}
html[data-game-project='shoniz-3'] .title-block h1{font-size:clamp(2.75rem,4.2vw,3.8rem);line-height:1.05}html[data-game-project='shoniz-3'] .title-block h1 br{display:none}html[data-game-project='shoniz-3'] .title-block h1 em{margin-inline-start:.22em}
html[data-game-project='shoniz-3'] .title-block>p:last-child{max-width:420px;margin-top:12px;font-size:.96rem}
html[data-game-project='shoniz-3'] .leaderboard,html[data-game-project='shoniz-3'] .campaign-loop{max-width:430px;border-color:rgb(20 184 166/22%);background:linear-gradient(145deg,rgb(14 67 69/84%),rgb(65 30 43/84%))}}
@media (max-width:760px){
html[data-game-project='shoniz-3'] .menu-screen{background-position:50% center}
html[data-game-project='shoniz-3'] .menu-content{box-sizing:border-box;height:calc(100dvh - var(--app-safe-bottom));padding:max(72px,calc(env(safe-area-inset-top) + 62px)) 0 82px;gap:10px;justify-content:flex-start}
html[data-game-project='shoniz-3'] .title-block{flex:0 0 auto}
html[data-game-project='shoniz-3'] .title-block .eyebrow{margin-bottom:4px}
html[data-game-project='shoniz-3'] .title-block h1{padding:5px 15px 7px;font-size:clamp(1.5rem,7vw,2.05rem)}
html[data-game-project='shoniz-3'] .start-card{display:grid;min-height:0;padding:12px;gap:9px;overflow:hidden;border-color:rgb(20 184 166/38%);background:linear-gradient(160deg,#0c4849 0%,#163840 55%,#492733 100%);box-shadow:0 20px 52px rgb(4 22 27/55%),0 0 0 1px rgb(20 184 166/10%),inset 0 1px rgb(255 255 255/12%)}
html[data-game-project='shoniz-3'] .menu-screen[data-mobile-tab='play'] .personal-runs,
html[data-game-project='shoniz-3'] .menu-screen[data-mobile-tab='play'] .player-profile{display:none}
html[data-game-project='shoniz-3'] .rank-overview,
html[data-game-project='shoniz-3'] .life-wallet,
html[data-game-project='shoniz-3'] .character-picker,
html[data-game-project='shoniz-3'] .difficulty-picker{margin:0}
html[data-game-project='shoniz-3'] .rank-card{min-height:46px;padding:5px 8px}
html[data-game-project='shoniz-3'] .life-wallet{padding:7px 9px}
html[data-game-project='shoniz-3'] .character-picker{width:min(248px,100%);margin-inline:auto}
html[data-game-project='shoniz-3'] .primary-button{margin-top:0}
html[data-game-project='shoniz-3'] .runner-video-layer{width:clamp(218px,60.5vw,258px)}
}