@charset "utf-8";
/* =========================================================================
   멍에 함께 지기 (익명 기도 촛불)
   - mg.css 변수 사용 : --primary(브론즈) --cyan(촛불 골드) --navy --navy2
   - 구성 : 비주얼(.yk_hero) / 이용 방법(.yk_steps) / 촛불 켜기(.yk_write)
            촛불의 벽(.yk_wall) / 성지 연결(.yk_visit) / 신고 대화상자(.yk_dialog)
   ========================================================================= */
.yk {--gold:#e2a94a;--gold2:#f6d28b;--night:#0d1424;--serif:"Nanum Myeongjo", serif;--en_serif:"Cormorant Garamond", "Nanum Myeongjo", serif;}
.yk [hidden] {display:none !important;}
body.yoke_page #fs_container_wrap {padding-top:0;}
body.yoke_page #fs_header:not(.solid):not(.lnbHover) .lnb_title {color:#fff;}
body.yoke_page #fs_header:not(.solid):not(.lnbHover) .logo .logo_color {display:none;}
body.yoke_page #fs_header:not(.solid):not(.lnbHover) .logo .logo_white {display:block;}
body.yoke_page #fs_header:not(.solid):not(.lnbHover) .e_allmenu_btn {background:transparent;border-color:rgba(255,255,255,.4);}
body.yoke_page #fs_header:not(.solid):not(.lnbHover) .e_allmenu_btn span {background:#fff;}
body.yoke_page #fs_header {background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;}
body.yoke_page #fs_header.solid, body.yoke_page #fs_header.lnbHover {background:rgba(255,255,255,.96);box-shadow:0 1px 0 var(--border);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);}
.m_yoke_util {background:var(--grad) !important;}
.m_yoke_util:hover {filter:brightness(1.08);}

/* 버튼 */
.yk_btn {display:inline-flex;align-items:center;justify-content:center;gap:.8rem;height:5.6rem;padding:0 3rem;border-radius:5.6rem;font-size:1.6rem;font-weight:700;border:1px solid transparent;cursor:pointer;transition:background .3s, color .3s, border-color .3s, transform .3s, box-shadow .3s;}
.yk_btn i {font-size:2rem;}
.yk_btn.gold {background:var(--grad);color:#fff;box-shadow:0 1rem 2.4rem rgba(154,100,48,.35);}
.yk_btn.gold:hover {transform:translateY(-2px);box-shadow:0 1.4rem 3rem rgba(154,100,48,.45);}
.yk_btn.line {border-color:rgba(255,255,255,.45);color:#fff;background:rgba(255,255,255,.06);}
.yk_btn.line:hover {background:#fff;color:var(--navy);}
.yk_btn.navy {background:var(--navy);color:#fff;}
.yk_btn.navy:hover {background:var(--primary);}
.yk_btn.ghost {border-color:var(--border);color:var(--black);background:#fff;}
.yk_btn.ghost:hover {border-color:var(--primary);color:var(--primary);}
.yk_btn.full {width:100%;}
.yk_btn[disabled] {opacity:.6;cursor:wait;transform:none;}
.yk_kicker {font-family:var(--en_serif);font-style:italic;font-size:2rem;color:var(--primary);letter-spacing:.02em;}

/* -------------------------------------------------------------------------
   비주얼
   ------------------------------------------------------------------------- */
.yk_hero {position:relative;min-height:max(68rem, 92vh);display:flex;align-items:center;overflow:hidden;color:#fff;background:var(--night);}
.yk_hero_bg {position:absolute;inset:0;background:url("/images/mg/photo/shrine_10.jpg") center 40%/cover no-repeat;transform:scale(1.06);animation:ykZoom 24s ease-out forwards;}
.yk_hero_bg:after {content:"";position:absolute;inset:0;background:radial-gradient(60rem 40rem at 50% 62%, rgba(226,169,74,.28), transparent 70%), linear-gradient(180deg, rgba(13,20,36,.72) 0%, rgba(13,20,36,.58) 45%, rgba(13,20,36,.94) 100%);}
@keyframes ykZoom {to {transform:scale(1);}}
.yk_hero_in {position:relative;z-index:2;padding:16rem 0 12rem;text-align:center;}
.yk_eyebrow {display:inline-flex;align-items:center;gap:.6rem;padding:.8rem 1.8rem;border:1px solid rgba(246,210,139,.4);border-radius:4rem;font-size:1.45rem;color:var(--gold2);background:rgba(13,20,36,.35);}
.yk_eyebrow i {color:var(--gold);}
.yk_title {margin-top:2.6rem;font-family:var(--serif);font-size:7.2rem;font-weight:800;line-height:1.15;letter-spacing:-.02em;text-shadow:0 .4rem 3rem rgba(0,0,0,.4);}
.yk_verse {margin:3.2rem auto 0;}
.yk_verse p {font-family:var(--serif);font-size:2.8rem;line-height:1.55;color:var(--gold2);}
.yk_verse cite {display:block;margin-top:1rem;font-style:normal;font-size:1.4rem;letter-spacing:.08em;color:rgba(255,255,255,.65);}
.yk_lead {max-width:68rem;margin:3rem auto 0;font-size:1.8rem;line-height:1.75;color:rgba(255,255,255,.86);}
.yk_lead strong {color:#fff;}
.yk_hero_stats {display:flex;justify-content:center;gap:1.2rem;margin-top:4rem;}
.yk_hero_stats > div {min-width:17rem;padding:1.8rem 2.4rem;border-radius:1.6rem;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);}
.yk_hero_stats .n {display:block;font-family:var(--en_serif);font-size:4rem;font-weight:600;line-height:1.1;color:var(--gold2);}
.yk_hero_stats .l {display:block;margin-top:.4rem;font-size:1.4rem;color:rgba(255,255,255,.7);}
.yk_hero_btns {display:flex;justify-content:center;flex-wrap:wrap;gap:1.2rem;margin-top:4rem;}
.yk_scroll {position:absolute;left:50%;bottom:3rem;z-index:2;transform:translateX(-50%);width:4.8rem;height:4.8rem;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(255,255,255,.35);color:#fff;font-size:2rem;animation:ykBob 2.4s ease-in-out infinite;}
@keyframes ykBob {50% {transform:translate(-50%, .8rem);}}
/* 떠오르는 불티 */
.yk_embers {position:absolute;inset:0;z-index:1;pointer-events:none;}
.yk_embers i {position:absolute;bottom:-2rem;width:.6rem;height:.6rem;border-radius:50%;background:var(--gold2);box-shadow:0 0 1.2rem .3rem rgba(246,210,139,.7);opacity:0;animation:ykEmber 9s linear infinite;}
.yk_embers i:nth-child(1) {left:12%;animation-delay:0s;}
.yk_embers i:nth-child(2) {left:24%;animation-delay:3.2s;transform:scale(.7);}
.yk_embers i:nth-child(3) {left:38%;animation-delay:6.1s;}
.yk_embers i:nth-child(4) {left:52%;animation-delay:1.5s;transform:scale(.6);}
.yk_embers i:nth-child(5) {left:63%;animation-delay:4.6s;}
.yk_embers i:nth-child(6) {left:74%;animation-delay:7.4s;transform:scale(.8);}
.yk_embers i:nth-child(7) {left:85%;animation-delay:2.4s;}
.yk_embers i:nth-child(8) {left:93%;animation-delay:5.5s;transform:scale(.6);}
@keyframes ykEmber {0% {opacity:0;translate:0 0;} 10% {opacity:.9;} 100% {opacity:0;translate:4rem -80vh;}}

/* -------------------------------------------------------------------------
   이용 방법
   ------------------------------------------------------------------------- */
.yk_steps {position:relative;z-index:3;margin-top:-6rem;}
.yk_steps ol {display:grid;grid-template-columns:repeat(3, 1fr);gap:2rem;}
.yk_steps li {position:relative;padding:3.6rem 3.2rem;border-radius:2rem;background:#fff;box-shadow:var(--shadow);}
.yk_steps .no {position:absolute;right:2.8rem;top:2.4rem;font-family:var(--en_serif);font-size:3.6rem;font-weight:600;color:var(--silver);}
.yk_steps .ico {display:flex;align-items:center;justify-content:center;width:5.6rem;height:5.6rem;border-radius:50%;background:linear-gradient(135deg, #fbf1df, #f3dfba);color:var(--primary);font-size:2.6rem;}
.yk_steps strong {display:block;margin-top:2rem;font-size:2.1rem;color:var(--black);}
.yk_steps p {margin-top:.8rem;font-size:1.55rem;line-height:1.65;}

/* -------------------------------------------------------------------------
   촛불 켜기
   ------------------------------------------------------------------------- */
.yk_write {padding:12rem 0 12rem;scroll-margin-top:10rem;}
.yk_write_card {display:grid;grid-template-columns:44% 1fr;border-radius:2.4rem;overflow:hidden;background:#fff;box-shadow:var(--shadow);border:1px solid var(--border);}
.yk_write_img {position:relative;margin:0;min-height:56rem;}
.yk_write_img img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.yk_write_img:after {content:"";position:absolute;inset:0;background:linear-gradient(180deg, transparent 55%, rgba(13,20,36,.65));}
.yk_write_img figcaption {position:absolute;left:2.4rem;bottom:2rem;z-index:1;font-size:1.35rem;color:rgba(255,255,255,.85);}
.yk_write_form {padding:5.6rem 5.6rem 5rem;}
.yk_write_form h3 {margin-top:1rem;font-family:var(--serif);font-size:3.4rem;font-weight:800;line-height:1.4;color:var(--black);}
#ykForm {margin-top:3.2rem;}
.yk_input {position:relative;}
.yk_input textarea {display:block;width:100%;min-height:12rem;padding:2rem 2.2rem 4rem;border:1px solid var(--border);border-radius:1.6rem;background:var(--silver2);font-family:var(--serif);font-size:2rem;line-height:1.6;color:var(--black);resize:none;transition:border-color .3s, background .3s, box-shadow .3s;}
.yk_input textarea::placeholder {color:#a4abb9;}
.yk_input textarea:focus {outline:none;border-color:var(--primary);background:#fff;box-shadow:0 0 0 .4rem rgba(154,100,48,.12);}
.yk_input.err textarea {border-color:#d24b4b;box-shadow:0 0 0 .4rem rgba(210,75,75,.12);}
.yk_count {position:absolute;right:1.8rem;bottom:1.4rem;font-size:1.35rem;color:var(--muted);}
.yk_count b {color:var(--primary);font-weight:700;}
.yk_chips {display:flex;flex-wrap:wrap;gap:.8rem;margin:1.6rem 0 2.4rem;}
.yk_chip {padding:.8rem 1.4rem;border:1px solid var(--border);border-radius:3rem;background:#fff;font-size:1.4rem;color:var(--text-main);cursor:pointer;transition:border-color .2s, color .2s, background .2s;}
.yk_chip:hover {border-color:var(--primary);color:var(--primary);background:#fdf8f0;}
.yk_rules {margin-top:2.4rem;padding-top:2rem;border-top:1px dashed var(--border);}
.yk_rules li {display:flex;gap:.8rem;padding:.4rem 0;font-size:1.4rem;line-height:1.6;color:var(--muted);}
.yk_rules i {flex-shrink:0;color:var(--primary);font-size:1.6rem;line-height:1.4;}
.yk_closed {margin-top:3rem;padding:3rem;border-radius:1.6rem;background:var(--silver2);font-size:1.6rem;text-align:center;}
.yk_closed i {display:block;font-size:3rem;color:var(--primary);margin-bottom:1rem;}

/* -------------------------------------------------------------------------
   촛불의 벽
   ------------------------------------------------------------------------- */
.yk_wall {position:relative;padding:12rem 0 14rem;background:radial-gradient(80rem 50rem at 50% 0%, rgba(226,169,74,.12), transparent 70%), linear-gradient(180deg, #121b30 0%, var(--night) 100%);color:#fff;scroll-margin-top:6rem;overflow:hidden;}
.yk_wall:before {content:"";position:absolute;inset:0;background-image:radial-gradient(1px 1px at 20% 30%, rgba(255,255,255,.35), transparent 60%), radial-gradient(1px 1px at 70% 20%, rgba(255,255,255,.25), transparent 60%), radial-gradient(1.5px 1.5px at 40% 70%, rgba(255,255,255,.2), transparent 60%), radial-gradient(1px 1px at 85% 60%, rgba(255,255,255,.3), transparent 60%), radial-gradient(1px 1px at 10% 85%, rgba(255,255,255,.25), transparent 60%);background-size:60rem 40rem;pointer-events:none;}
.yk_wall_in {position:relative;}
.yk_wall_head {display:flex;align-items:flex-end;justify-content:space-between;gap:3rem;margin-bottom:4.8rem;}
.yk_wall .yk_kicker {color:var(--gold);}
.yk_wall h3 {margin-top:.6rem;font-family:var(--serif);font-size:4.4rem;font-weight:800;}
.yk_wall_desc {margin-top:1.2rem;font-size:1.65rem;color:rgba(255,255,255,.7);}
.yk_wall_desc b {color:var(--gold2);}
.yk_sort {display:flex;padding:.5rem;border-radius:4rem;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);}
.yk_sort button {height:4.4rem;padding:0 2rem;border-radius:4rem;border:0;background:transparent;font-size:1.45rem;font-weight:600;color:rgba(255,255,255,.7);cursor:pointer;transition:background .3s, color .3s;}
.yk_sort button.on {background:var(--gold);color:var(--night);}
.yk_grid {display:grid;grid-template-columns:repeat(4, 1fr);gap:2rem;}
.yk_grid[aria-busy="true"]:empty {min-height:30rem;background:radial-gradient(circle at 50% 50%, rgba(226,169,74,.12), transparent 40%);}

/* 촛불 카드 */
.yk_candle {--life:1;position:relative;display:flex;flex-direction:column;padding:3.2rem 2.4rem 2rem;border-radius:2rem;background:linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.09);text-align:center;transition:transform .4s, border-color .4s, background .4s;animation:ykIn .7s ease both;}
.yk_candle:hover {transform:translateY(-4px);border-color:rgba(246,210,139,.35);}
.yk_candle.mine {border-color:rgba(246,210,139,.5);}
.yk_candle.new {animation:ykNew 1.4s ease both;}
@keyframes ykIn {from {opacity:0;transform:translateY(2rem);}}
@keyframes ykNew {0% {opacity:0;transform:scale(.85);box-shadow:0 0 0 0 rgba(246,210,139,.6);} 60% {opacity:1;transform:scale(1.02);box-shadow:0 0 6rem 1rem rgba(246,210,139,.35);} 100% {transform:none;box-shadow:none;}}
.yk_badge {position:absolute;left:1.6rem;top:1.6rem;padding:.3rem 1rem;border-radius:2rem;background:rgba(246,210,139,.16);color:var(--gold2);font-size:1.2rem;font-weight:600;}
.yk_light {position:relative;height:11rem;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;}
.yk_light:before {content:"";position:absolute;left:50%;bottom:4rem;width:14rem;height:14rem;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle, rgba(255,196,92,calc(.35 * var(--life) + .1)) 0%, transparent 65%);animation:ykGlow 3.2s ease-in-out infinite;}
@keyframes ykGlow {50% {opacity:.75;transform:translateX(-50%) scale(.92);}}
.yk_flame {position:relative;z-index:1;width:2rem;height:3.6rem;margin-bottom:-.2rem;transform-origin:50% 100%;scale:calc(.55 + .45 * var(--life));border-radius:50% 50% 50% 50% / 62% 62% 38% 38%;background:radial-gradient(ellipse at 50% 72%, #fffdf2 0%, #ffe9a6 22%, #ffc24d 48%, #ff8a1f 78%, rgba(255,110,20,0) 100%);box-shadow:0 0 2rem .4rem rgba(255,180,70,.55);animation:ykFlicker 2.2s ease-in-out infinite alternate;}
.yk_flame:after {content:"";position:absolute;left:50%;bottom:.3rem;width:.7rem;height:1.2rem;transform:translateX(-50%);border-radius:50%;background:rgba(120,170,255,.55);filter:blur(1px);}
.yk_candle.f1 .yk_flame {animation-duration:1.8s;}
.yk_candle.f2 .yk_flame {animation-duration:2.6s;animation-delay:-.6s;}
.yk_candle.f3 .yk_flame {animation-duration:2s;animation-delay:-1.1s;}
@keyframes ykFlicker {0% {transform:rotate(-2deg) scaleY(1);} 25% {transform:rotate(2deg) scaleY(1.06);} 50% {transform:rotate(-1deg) scaleY(.96);} 75% {transform:rotate(1.5deg) scaleY(1.04);} 100% {transform:rotate(-1.5deg) scaleY(1);}}
.yk_wick {position:relative;z-index:1;width:.2rem;height:.8rem;background:#3a2a1c;}
.yk_wax {position:relative;z-index:1;width:3.4rem;height:calc(2.4rem + 3.2rem * var(--life));border-radius:.6rem .6rem .3rem .3rem;background:linear-gradient(90deg, #efe2c8 0%, #fffaf0 45%, #e7d6b5 100%);box-shadow:inset 0 .4rem .6rem rgba(255,255,255,.6);}
.yk_wax:before {content:"";position:absolute;left:.4rem;top:-.1rem;width:1rem;height:1.6rem;border-radius:0 0 1rem 1rem;background:#fffaf0;}
.yk_text {flex:1;margin-top:2.4rem;font-family:var(--serif);font-size:1.85rem;font-weight:700;line-height:1.6;color:#fff;word-break:keep-all;overflow-wrap:anywhere;}
.yk_meta {margin-top:1.2rem;font-size:1.3rem;color:rgba(255,255,255,.5);}
.yk_act {display:flex;align-items:center;gap:.8rem;margin-top:2rem;}
.yk_join {flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;height:4.4rem;border-radius:4.4rem;border:1px solid rgba(246,210,139,.45);background:transparent;color:var(--gold2);font-size:1.45rem;font-weight:600;cursor:pointer;transition:background .3s, color .3s, border-color .3s;}
.yk_join b {font-family:var(--en_font);font-weight:700;}
.yk_join:hover {background:rgba(246,210,139,.12);}
.yk_join.on {background:var(--gold);border-color:var(--gold);color:var(--night);cursor:default;}
.yk_join.pop i {animation:ykPop .6s ease;}
@keyframes ykPop {40% {transform:scale(1.5);}}
.yk_report {flex-shrink:0;width:4.4rem;height:4.4rem;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:transparent;color:rgba(255,255,255,.45);font-size:1.6rem;cursor:pointer;transition:color .3s, border-color .3s;}
.yk_report:hover {color:#ff9c8a;border-color:rgba(255,156,138,.5);}
.yk_report[disabled] {opacity:.35;cursor:default;}
.yk_candle.out {animation:ykOut .6s ease forwards;}
@keyframes ykOut {to {opacity:0;transform:scale(.9);}}
.yk_empty {padding:8rem 0;text-align:center;font-size:1.7rem;line-height:1.7;color:rgba(255,255,255,.7);}
.yk_empty i {display:block;margin-bottom:1.4rem;font-size:4rem;color:var(--gold);}
.yk_more_wrap {margin-top:4.8rem;text-align:center;}
.yk_more_wrap .yk_btn i {font-size:2rem;}

/* -------------------------------------------------------------------------
   성지 연결
   ------------------------------------------------------------------------- */
.yk_visit {padding:12rem 0;}
.yk_visit_card {display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:6rem;}
.yk_visit_card img {width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:2.4rem;box-shadow:var(--shadow);}
.yk_visit_txt h3 {margin-top:1rem;font-family:var(--serif);font-size:3.4rem;font-weight:800;line-height:1.4;color:var(--black);}
.yk_visit_txt p:not(.yk_kicker) {margin-top:2rem;font-size:1.7rem;line-height:1.8;}
.yk_visit_btns {display:flex;flex-wrap:wrap;gap:1rem;margin-top:3.6rem;}

/* -------------------------------------------------------------------------
   신고 대화상자 · 토스트
   ------------------------------------------------------------------------- */
.yk_dialog {width:min(44rem, calc(100% - 3.2rem));padding:0;border:0;border-radius:2rem;box-shadow:0 3rem 8rem rgba(0,0,0,.35);}
.yk_dialog::backdrop {background:rgba(13,20,36,.6);backdrop-filter:blur(3px);}
.yk_dialog form {padding:4rem 3.6rem 3.2rem;text-align:center;}
.yk_dialog .ico {display:inline-flex;align-items:center;justify-content:center;width:6rem;height:6rem;border-radius:50%;background:#fdf0ec;color:#d0583f;font-size:2.8rem;}
.yk_dialog h4 {margin-top:2rem;font-size:2.2rem;color:var(--black);}
.yk_dialog p {margin-top:1.2rem;font-size:1.5rem;line-height:1.7;}
.yk_dialog .btns {display:flex;gap:1rem;margin-top:3rem;}
.yk_dialog .btns .yk_btn {flex:1;height:5rem;}
.e_toast {position:fixed;left:50%;bottom:4rem;z-index:500;transform:translate(-50%, 2rem);padding:1.4rem 2.6rem;border-radius:4rem;background:rgba(17,26,44,.94);color:#fff;font-size:1.5rem;opacity:0;transition:opacity .3s, transform .3s;pointer-events:none;max-width:calc(100% - 3.2rem);text-align:center;}
.e_toast.on {opacity:1;transform:translate(-50%, 0);}
.e_toast.err {background:#b9442f;}

/* -------------------------------------------------------------------------
   반응형
   ------------------------------------------------------------------------- */
@media only screen and (max-width:1279px) {
	.yk_grid {grid-template-columns:repeat(3, 1fr);}
	.yk_write_form {padding:4.4rem 4rem;}
}
@media only screen and (max-width:1023px) {
	body.yoke_page #fs_header .lnb_title {color:inherit !important;}
	/* 모바일 헤더는 항상 흰 배경 → 컬러 로고 */
	body.yoke_page #fs_header .logo .logo_color, body.main #fs_header .logo .logo_color {display:block !important;}
	body.yoke_page #fs_header .logo .logo_white, body.main #fs_header .logo .logo_white {display:none !important;}
	.yk_title {font-size:5.6rem;}
	.yk_verse p {font-size:2.4rem;}
	.yk_steps ol {grid-template-columns:1fr;gap:1.2rem;}
	.yk_steps li {display:grid;grid-template-columns:5.6rem 1fr;column-gap:2rem;padding:2.6rem 2.4rem;}
	.yk_steps .ico {grid-row:span 2;}
	.yk_steps strong {margin-top:.4rem;}
	.yk_write {padding:8rem 0;}
	.yk_write_card {grid-template-columns:1fr;}
	.yk_write_img {min-height:28rem;}
	.yk_grid {grid-template-columns:repeat(2, 1fr);gap:1.2rem;}
	.yk_wall {padding:8rem 0 10rem;}
	.yk_wall_head {flex-direction:column;align-items:flex-start;}
	.yk_visit {padding:8rem 0;}
	.yk_visit_card {grid-template-columns:1fr;gap:3.2rem;}
}
@media only screen and (max-width:767px) {
	.yk_hero {min-height:auto;}
	.yk_hero_in {padding:12rem 0 10rem;}
	.yk_title {font-size:4.2rem;}
	.yk_verse p {font-size:2rem;}
	.yk_lead {font-size:1.6rem;}
	.yk_lead br.pc {display:none;}
	.yk_hero_stats > div {min-width:0;flex:1;padding:1.4rem 1rem;}
	.yk_hero_stats .n {font-size:3rem;}
	.yk_hero_btns .yk_btn {flex:1;padding:0 1.6rem;}
	.yk_scroll {display:none;}
	.yk_steps {margin-top:-3rem;}
	.yk_write_form {padding:3.2rem 2.2rem;}
	.yk_write_form h3, .yk_visit_txt h3 {font-size:2.6rem;}
	.yk_input textarea {font-size:1.8rem;}
	.yk_wall h3 {font-size:3.4rem;}
	.yk_sort {width:100%;}
	.yk_sort button {flex:1;padding:0 1rem;}
	.yk_grid {grid-template-columns:1fr 1fr;gap:1rem;}
	.yk_candle {padding:2.4rem 1.4rem 1.4rem;}
	.yk_light {height:9rem;}
	.yk_text {font-size:1.6rem;margin-top:1.8rem;}
	.yk_join {height:4rem;font-size:1.3rem;}
	.yk_join .t {display:none;}
	.yk_report {width:4rem;height:4rem;}
}
@media (prefers-reduced-motion:reduce) {
	.yk *, .yk *:before, .yk *:after {animation:none !important;transition:none !important;}
	.yk_embers {display:none;}
}