/* Painted guestbook walls — kept out of the webpack CSS pipeline so url() stays a plain public path. */
/* painted walls: image background, dark vignette so entries stay legible */
:is(.gb-wall-wall_starlit,.gb-wall-wall_coralreef,.gb-wall-wall_wreck,.gb-wall-wall_storm,.gb-wall-wall_koipond,.gb-wall-wall_dragon) { color: #f4ead2; box-shadow: inset 0 0 60px rgba(0,0,0,.65), 0 0 14px rgba(0,0,0,.4); }
:is(.gb-wall-wall_starlit,.gb-wall-wall_coralreef,.gb-wall-wall_wreck,.gb-wall-wall_storm,.gb-wall-wall_koipond,.gb-wall-wall_dragon) .panel-head { background: rgba(6,10,14,.62); backdrop-filter: blur(3px); color: #f3dc9a; border-bottom: 1px solid rgba(243,220,154,.35); }
:is(.gb-wall-wall_starlit,.gb-wall-wall_coralreef,.gb-wall-wall_wreck,.gb-wall-wall_storm,.gb-wall-wall_koipond,.gb-wall-wall_dragon) .panel-body { background: transparent !important; position: relative; }
:is(.gb-wall-wall_starlit,.gb-wall-wall_coralreef,.gb-wall-wall_wreck,.gb-wall-wall_storm,.gb-wall-wall_koipond,.gb-wall-wall_dragon)::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(ellipse at center, rgba(6,10,14,.35) 0%, rgba(6,10,14,.7) 100%); }
:is(.gb-wall-wall_starlit,.gb-wall-wall_coralreef,.gb-wall-wall_wreck,.gb-wall-wall_storm,.gb-wall-wall_koipond,.gb-wall-wall_dragon) .text-\[var\(--text-2\)\], :is(.gb-wall-wall_starlit,.gb-wall-wall_coralreef,.gb-wall-wall_wreck,.gb-wall-wall_storm,.gb-wall-wall_koipond,.gb-wall-wall_dragon) .text-\[var\(--muted\)\] { color: #e6dcc4 !important; }
.gb-wall-wall_starlit { background-image: url("/art/walls/wall_starlit.jpg") !important; background-size: cover !important; background-position: center !important; background-color: #0a1014 !important; border-color: #6f86c9; }
.gb-wall-wall_coralreef { background-image: url("/art/walls/wall_coralreef.jpg") !important; background-size: cover !important; background-position: center !important; background-color: #0a1014 !important; border-color: #3fb6c9; }
.gb-wall-wall_wreck { background-image: url("/art/walls/wall_wreck.jpg") !important; background-size: cover !important; background-position: center !important; background-color: #0a1014 !important; border-color: #4f8a6a; }
.gb-wall-wall_storm { background-image: url("/art/walls/wall_storm.jpg") !important; background-size: cover !important; background-position: center !important; background-color: #0a1014 !important; border-color: #9fb3c8; }
.gb-wall-wall_koipond { background-image: url("/art/walls/wall_koipond.jpg") !important; background-size: cover !important; background-position: center !important; background-color: #0a1014 !important; border-color: #e0a54a; box-shadow: inset 0 0 60px rgba(0,0,0,.65), 0 0 14px rgba(224,165,74,.4) !important; }
.gb-wall-wall_dragon { background-image: url("/art/walls/wall_dragon.jpg") !important; background-size: cover !important; background-position: center !important; background-color: #0a1014 !important; border-color: #7fe0c8; animation: gb-dragon-glow 4s ease-in-out infinite; }
@keyframes gb-dragon-glow { 0%, 100% { box-shadow: inset 0 0 60px rgba(0,0,0,.65), 0 0 12px rgba(127,224,200,.35); } 50% { box-shadow: inset 0 0 60px rgba(0,0,0,.65), 0 0 26px rgba(127,224,200,.75); } }