/* Generated by game-rules.mjs. Edit game-rules-themes.mjs. */
@font-face{font-family:"NP Maru";font-style:normal;font-weight:700;font-display:swap;src:url("/play/games/night-parade/fonts/zen-maru-gothic-700-latin.woff2") format("woff2")}
@font-face{font-family:"NP Maru";font-style:normal;font-weight:800 900;font-display:swap;src:url("/play/games/night-parade/fonts/zen-maru-gothic-900-latin.woff2") format("woff2")}
:root{
  --bg:#141a3a; /* games/night-parade/style.css .np --night: #141a3a */
  --ink:#f6ecd7; /* games/night-parade/style.css .np --cream: #f6ecd7 */
  --muted:#c1bed0; /* games/night-parade/style.css .np --muted: #c1bed0 */
  --accent:#f3cd81; /* games/night-parade/style.css .np --gold: #f3cd81 */
  --line:#505472; /* games/night-parade/style.css .np --line: #505472 */
  --panel:#1d2547; /* games/night-parade/style.css .np --panel: #1d2547 */
  --display:"NP Maru",ui-rounded,"Hiragino Maru Gothic ProN","Arial Rounded MT Bold","Nunito","Segoe UI",system-ui,sans-serif; /* games/night-parade/style.css .np --hud-font: "NP Maru",ui-rounded,"Hiragino Maru Gothic ProN","Arial Rounded MT Bold","Nunito","Segoe UI",system-ui,sans-serif */
  --reading:"NP Maru",ui-rounded,"Hiragino Maru Gothic ProN","Arial Rounded MT Bold","Nunito","Segoe UI",system-ui,sans-serif; /* games/night-parade/style.css .np --hud-font: "NP Maru",ui-rounded,"Hiragino Maru Gothic ProN","Arial Rounded MT Bold","Nunito","Segoe UI",system-ui,sans-serif */
  --label:"NP Maru",ui-rounded,"Hiragino Maru Gothic ProN","Arial Rounded MT Bold","Nunito","Segoe UI",system-ui,sans-serif; /* games/night-parade/style.css .np --hud-font: "NP Maru",ui-rounded,"Hiragino Maru Gothic ProN","Arial Rounded MT Bold","Nunito","Segoe UI",system-ui,sans-serif */
  --sheet:#141a3a; /* games/night-parade/style.css .np --night: #141a3a */
  --titleInk:#f3cd81; /* games/night-parade/style.css .np --gold: #f3cd81 */
  --dot:#f3cd81; /* games/night-parade/style.css .np --gold: #f3cd81 */
  --weight:800; /* games/night-parade/style.css @font-face: 800 */
  --tracking:-.04em; /* games/night-parade/style.css .np h1: -.04em */
  --casing:none; /* games/night-parade/style.css .np [hidden]: none */
  --italic:normal; /* games/night-parade/style.css @font-face: normal */
  --buttonBg:#a74436; /* games/night-parade/style.css .np button.np-primary: #a74436 */
  --buttonInk:#fff4dd; /* games/night-parade/style.css .np button.np-primary: #fff4dd */
  --buttonBorder:#a74436; /* games/night-parade/style.css .np button.np-primary: #a74436 */
  --buttonRadius:7px; /* games/night-parade/style.css .np button: 7px */
  --buttonShadow:none; /* games/night-parade/style.css .np [hidden]: none */
  --panelInk:#f6ecd7; /* games/night-parade/style.css .np --cream: #f6ecd7 */
  --panelMuted:#c1bed0; /* games/night-parade/style.css .np --muted: #c1bed0 */
  --panelBorder:#505472; /* games/night-parade/style.css .np --line: #505472 */
  --panelRadius:10px; /* games/night-parade/style.css .np-panel: 10px */
  --panelShadow:none; /* games/night-parade/style.css .np [hidden]: none */
  --cover-position:68% 42%;
  --motif:"🏮";
}
#rules-content h2::before{content:counter(section,decimal-leading-zero);}
#rules-content ul>li::before{content:"";font-size:inherit;width:10px;height:14px;top:calc(.85em - 7px);border:1px solid var(--accent);border-radius:4px;background:var(--panel);box-shadow:0 -3px 0 -1px var(--accent),0 3px 0 -1px var(--accent)}
body{font-weight:700}.glance{border-radius:10px}#carry-kinds{display:grid;grid-template-columns:1fr 1fr;gap:16px}#carry-kinds>p{border:1px solid var(--line);border-radius:7px;padding:16px;background:var(--panel)}@media(max-width:600px){#carry-kinds{grid-template-columns:1fr}}

[data-toy=keeper-path]{margin:24px 0;height:auto}
.scroll{display:grid;height:auto;grid-template-rows:auto auto auto;gap:8px}
.choice-row{display:grid;align-content:start;grid-template-columns:repeat(12,minmax(0,1fr));gap:4px}
.row-title{grid-column:1/-1;color:var(--accent);font:700 18px var(--display);height:auto;font-size:14px;line-height:18px}
.choice{min-width:0;border:1px solid #665c73;background:#272b3a;color:#fff1d9;font:700 13px/1.4 var(--display);min-height:68px;height:68px;padding:3px;border-radius:5px;font-size:10px;line-height:1.15}
.choice img{width:100%;object-fit:contain;image-rendering:pixelated;height:36px}
.choice span{display:block;min-height:0}
.choice[aria-pressed=true]{border-color:#efc887;background:#4d3a4d}
.stones{display:flex;justify-content:center;align-items:end;gap:12px;background:url(art/tile-stone.webp) bottom/96px 48px repeat-x;height:85px}
.stones img{object-fit:contain;image-rendering:pixelated}
.inscription{font:700 16px/1.6 var(--display);min-height:0;padding:10px 4px;font-size:13px;line-height:1.35;display:grid;grid-template-columns:1fr 1fr;gap:8px}
[data-toy=lantern-fight]{height:390px;position:relative;margin:24px 0}
.bell-road,.lantern-road{height:245px;position:relative;overflow:hidden;background:linear-gradient(transparent 75%,#4d485488 76%,#272b3988);border-bottom:3px solid #bba786}
.road-lantern{left:2%;bottom:22px;width:86px;height:126px;image-rendering:pixelated}
.road-lantern,.road-next-lantern{position:absolute;object-fit:contain}
.road-next-lantern{right:0;top:10px;width:42px;height:64px;opacity:.65}
.road-fighter{position:absolute;bottom:12px;left:23%;width:95px;height:132px;border:0;background:none;padding:0;touch-action:none}
.road-fighter img{width:95px;height:126px;object-fit:contain;image-rendering:pixelated}
.away{left:72%}
.road-crowd{position:absolute;right:0;bottom:15px;width:44%;height:120px;display:flex;flex-wrap:wrap;align-content:end}
.road-crowd img{width:30%;height:58px;object-fit:contain;image-rendering:pixelated}
.road-crowd .sent-home{opacity:0;transform:translateY(-25px)}
.lantern-alight{background:radial-gradient(ellipse at 18% 70%,#eac56c55,transparent 60%),linear-gradient(transparent 75%,#4d485488 76%,#272b3988)}
.lantern-meter,.prayer-meter{display:block;width:85%;height:22px;margin:8px auto;accent-color:#e9bf70}
.road-note{min-height:65px;font:700 16px/1.5 var(--display)}
.prayer-bead,.road-position,.road-relight{border:1px solid #a38964;color:#fce6b7;background:#63515b;border-radius:50%;width:38px;height:38px;font:700 17px var(--display);margin:0 8px 0 0}
[data-toy=temple-bell]{height:330px;margin:24px 0}
.road-bell{position:absolute;left:0;bottom:10px;background:none;border:0;padding:0;transform-origin:50% 12%}
.road-bell,.road-bell img{width:130px;height:180px}
.fallen-friend,.road-bell img{object-fit:contain;image-rendering:pixelated}
.fallen-friend{position:absolute;left:43%;bottom:0;width:80px;height:110px;transform:rotate(80deg) translateY(-20px)}
.standing-friend{transform:none}
.bell-yokai{position:absolute;right:0;bottom:12px;display:flex;width:28%}
.bell-yokai img{width:50%;height:90px;object-fit:contain;image-rendering:pixelated}
.bell-dazed{filter:drop-shadow(0 0 8px #bfeafb) saturate(.3)}
[data-toy=patron-prayer]{height:340px;margin:24px 0;position:relative}
.prayer-shrine{display:block;width:130px;height:130px;margin:auto;border:0;background:none}
.prayer-shrine img{width:112px;height:112px;object-fit:contain;image-rendering:pixelated}
.prayer-effect{height:58px;display:flex;justify-content:center;overflow:hidden}
.prayer-effect img{width:8%;height:48px;object-fit:contain}
.prayer-bead{position:absolute;right:0;top:130px}
[data-toy=shrine-discoveries]{position:absolute;top:8px;left:12px;width:130px;height:130px;z-index:1}
.road-torii{width:110px;height:110px;position:relative;border:0;background:none;padding:0}
.road-torii img{width:110px;height:110px;object-fit:contain}
.road-daruma{position:absolute;left:86px;top:64px;width:45px;height:54px;border:0;background:none;padding:0}
.road-daruma img{width:45px;height:54px;object-fit:contain}
.daruma-painted::after{content:"";position:absolute;left:56%;top:39%;width:5px;height:5px;border-radius:50%;background:#241924}
.road-petals{position:absolute;left:0;top:0;width:110px;height:100px;opacity:0;background:url(art/tile-petals.webp) 50%/110px;pointer-events:none}
.cover-copy{position:relative;pointer-events:none}
.cover-copy a{pointer-events:auto}
[data-toy=peddler-pockets]{height:180px}
.road-peddler{position:relative;border:0;background:none;width:150px;height:160px;padding:0}
.road-peddler>img:first-child{width:140px;height:160px;object-fit:contain;image-rendering:pixelated}
.peddler-coin{position:absolute;left:85px;top:70px;width:22px;height:22px;opacity:0;object-fit:contain}
.road-hop{animation:road-hop .35s ease-out 1}
.road-strike{animation:road-strike .25s ease-out 1}
.road-arrival{animation:road-arrival .7s ease-out 1}
.road-ring{animation:road-ring .8s ease-out 1}
.road-wait{animation:road-wait 2s linear 1}
.road-prayer{animation:road-prayer .65s ease-out 1}
.petals-fall{animation:petals-fall 2.4s ease-in 1}
.coin-falls{animation:coin-falls 1.1s ease-in-out 1}
@keyframes road-hop{40%{transform:translateY(-16px)}
80%{transform:scale(1.02,.98)}}
@keyframes road-strike{50%{transform:rotate(-12deg) translateX(12px)}}
@keyframes road-arrival{0%{transform:translateX(70px);opacity:0}}
@keyframes road-ring{20%{transform:rotate(12deg)}
50%{transform:rotate(-9deg)}
80%{transform:rotate(4deg)}}
@keyframes road-wait{50%{filter:brightness(1.35)}}
@keyframes road-prayer{0%{transform:scale(.3);opacity:0}}
@keyframes petals-fall{0%{opacity:0;transform:translateY(-20px)}
20%{opacity:.8}
to{opacity:0;transform:translate(30px,160px) rotate(20deg)}}
@keyframes coin-falls{0%{opacity:1;transform:none}
55%{opacity:1;transform:translate(10px,62px) rotate(160deg)}
70%{opacity:1;transform:translate(10px,62px) rotate(160deg)}
to{opacity:0}}
.road-slow-parade{position:absolute;left:50%;bottom:15px;display:flex;gap:2px}
.road-slow-parade img{width:40px;height:65px;object-fit:contain;transform:translateX(var(--travel));image-rendering:pixelated}
.parade-slows img{animation:parade-slows 1s linear 1}
@keyframes parade-slows{0%{transform:translateX(0)}
to{transform:translateX(var(--travel))}}
[data-toy]{overflow:clip;min-width:0;max-width:100%;overflow-wrap:anywhere}
[data-toy] [hidden]{display:none!important}
.choice-row:nth-child(-n+2) .choice{grid-column:span 2}
.assembled-keeper{height:80px;width:72px}
.assembled-charm,.assembled-item{height:58px;width:52px}
.line{margin:0}
@media(max-width:560px){.choice-row{grid-template-columns:repeat(6,minmax(0,1fr))}
.choice-row:nth-child(-n+2) .choice{grid-column:auto}
.choice{height:64px;min-height:64px;font-size:9px}
.choice img{height:32px}
.inscription{font-size:11px;gap:6px}
.stones{height:66px}
.assembled-keeper{height:62px}}
[data-toy] *{transition:transform .3s,translate .3s,opacity .3s}
@media(prefers-reduced-motion:reduce){[data-toy],[data-toy] *{animation:none!important;transition:none!important}}