:root{--ink: #23323a;--muted: #5f707a;--burgundy: #7d2b33;--green: #2d4a3e;--sky: #cfe8f5;--ice: #f4fbff;--pink: #f4a6c0;--yellow: #f6dc6b}*{box-sizing:border-box}html,body{margin:0}body{min-height:100svh;color:var(--ink);font-family:Gowun Dodum,-apple-system,Apple SD Gothic Neo,sans-serif;background:linear-gradient(#bfe0f2,#e2f2fa 46%,#f3fbff 62%,#a8d4ea 62.4%,#8cc3df);overflow-x:hidden;-webkit-tap-highlight-color:transparent}a{color:inherit}.scene{position:relative;max-width:720px;margin:0 auto;padding:14px 18px 40px;display:grid;gap:14px;justify-items:center}.snow{position:fixed;inset:0;pointer-events:none;z-index:0;background-image:radial-gradient(#fff 1.4px,transparent 1.6px),radial-gradient(#fff 1px,transparent 1.2px);background-size:90px 90px,60px 60px;background-position:0 0,30px 40px;opacity:.7;animation:snow 14s linear infinite}@keyframes snow{to{background-position:0 900px,30px 640px}}.top{position:relative;z-index:1;width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px}.home{font-family:Jua,sans-serif;font-size:15px;text-decoration:none;color:var(--burgundy);background:#fff8;padding:4px 12px;border-radius:99px}.top h1{margin:0;font-family:Jua,sans-serif;font-weight:400;font-size:clamp(22px,6vw,30px);color:var(--green)}.board{position:relative;z-index:1;width:100%;background:#ffffffd9;border-radius:18px;padding:14px 18px 12px;box-shadow:0 10px 30px #285a7826;text-align:center}.board-label{margin:0;font-size:13px;color:var(--muted)}.board-count{margin:2px 0 8px;font-family:Jua,sans-serif}.board-count b{font-size:clamp(38px,11vw,54px);font-weight:400;color:var(--burgundy);letter-spacing:-1px}.board-count span{font-size:18px;color:var(--muted);margin-left:4px}.bar{height:12px;border-radius:99px;background:#dcebf3;overflow:hidden;box-shadow:inset 0 1px 2px #00000014}.bar i{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--pink),var(--yellow));transition:width .5s ease-out}.board-next{margin:8px 0 0;font-family:Gaegu,cursive;font-weight:700;font-size:19px;color:var(--green)}.stage{position:relative;z-index:1;width:100%;display:grid;justify-items:center;padding-top:6px}.floe{position:absolute;bottom:30px;width:min(520px,104%);height:90px;border-radius:50%;background:radial-gradient(ellipse at 50% 35%,#fff,#e3f2fa 60%,#c4e1f0);box-shadow:0 14px #9ccbe2,0 20px 30px #1e506e40}.seal-btn{position:relative;z-index:1;width:min(380px,92vw);padding:0;border:0;background:none;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}.seal-btn:active{cursor:grabbing}.seal-btn:focus-visible{outline:3px solid var(--yellow);outline-offset:6px;border-radius:24px}.seal-btn svg{display:block;width:100%;height:auto;overflow:visible}.stage3d{display:none}.is-3d .stage3d{display:grid;gap:8px;justify-items:center;position:relative;z-index:1;width:min(600px,100%)}.is-3d .seal-btn,.is-3d .floe{display:none}.seal3d{display:block;width:100%;aspect-ratio:4 / 3;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;border-radius:22px;outline:none}.seal3d:active{cursor:grabbing}.seal3d:focus-visible{box-shadow:0 0 0 3px var(--yellow)}.stage3d .seal3d-panel{width:100%;display:grid;gap:6px}.stage3d .seal3d-row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px}.stage3d .seal3d-chip{font-family:Jua,sans-serif;font-size:14px;line-height:1;color:var(--green);background:#ffffffd9;border:1.5px solid #ffffff;border-radius:99px;padding:7px 12px;box-shadow:0 3px 10px #285a781f;cursor:pointer;display:inline-flex;align-items:center;gap:5px;transition:transform .12s,background .2s,color .2s}.stage3d .seal3d-chip:hover{background:#fff}.stage3d .seal3d-chip:active{transform:scale(.95)}.stage3d .seal3d-chip:focus-visible{outline:2.5px solid var(--yellow);outline-offset:2px}.stage3d .seal3d-range{display:inline-flex;align-items:center;gap:7px;font-family:Jua,sans-serif;font-size:14px;color:var(--green);background:#ffffffd9;border:1.5px solid #fff;border-radius:99px;padding:4px 12px;box-shadow:0 3px 10px #285a781f}.stage3d .seal3d-range input{width:86px;margin:0;accent-color:var(--burgundy)}.stage3d .seal3d-gifts{gap:5px}.stage3d .seal3d-gift{padding:5px 10px;background:#ffffffb3}.stage3d .seal3d-gift.is-on{background:var(--burgundy);border-color:var(--burgundy);color:#fff}.stage3d .seal3d-gift.is-locked{color:var(--muted);background:#ffffff80;border-color:#ffffff80;box-shadow:none;cursor:default;flex-direction:column;gap:1px;padding:4px 10px}.stage3d .seal3d-gift .seal3d-emoji{font-size:15px}.stage3d .seal3d-gift .seal3d-left{font-size:10.5px;font-family:Gowun Dodum,sans-serif}@media(max-width:420px){.seal3d{aspect-ratio:1 / 1}.stage3d .seal3d-chip{font-size:13px;padding:6px 10px}.stage3d .seal3d-range input{width:70px}}@media(prefers-reduced-motion:reduce){.stage3d .seal3d-chip{transition:none}}.hint{position:relative;z-index:1;margin:6px 0 0;font-family:Gaegu,cursive;font-weight:700;font-size:20px;color:var(--green);text-shadow:0 1px 0 #fff}.gift{opacity:0;transform:translateY(-8px) scale(.6);transform-box:fill-box;transform-origin:center;transition:opacity .5s,transform .6s cubic-bezier(.3,1.6,.5,1)}.gift.is-on{opacity:1;transform:none}.cake{position:absolute;left:-2%;bottom:8%;font-size:clamp(44px,12vw,64px)}.mine{position:relative;z-index:1;margin-top:-6px}.mine p{margin:0;padding:6px 16px;border-radius:99px;background:#fffc;font-size:15px}.mine b{font-family:Jua,sans-serif;font-weight:400;color:var(--burgundy);font-size:19px;margin-left:4px}.gifts{position:relative;z-index:1;list-style:none;margin:4px 0 0;padding:0;width:100%;display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.gifts li{display:grid;justify-items:center;gap:2px;padding:10px 4px;border-radius:14px;background:#fff9;text-align:center;font-size:13px;color:var(--muted);filter:grayscale(1);opacity:.65;transition:.4s}.gifts li span{font-size:24px}.gifts li b{font-family:Jua,sans-serif;font-weight:400;font-size:15px;color:var(--ink)}.gifts li small{font-size:11px}.gifts li.is-on{filter:none;opacity:1;background:#fff;box-shadow:0 6px 16px #285a7824;color:var(--ink)}.foot{position:relative;z-index:1;margin-top:10px;font-size:13px;color:#ffffffe6;text-align:center}.foot a{color:#fff;font-weight:600}.heart{position:fixed;z-index:5;pointer-events:none;font-size:22px;color:#e75c8a;translate:-50% -50%;animation:heart .9s ease-out forwards}@keyframes heart{to{opacity:0;transform:translate(var(--dx),-90px) scale(1.4)}}.confetti{position:fixed;z-index:6;top:-12px;width:8px;height:14px;border-radius:2px;pointer-events:none;animation:confetti 2.4s cubic-bezier(.2,.6,.4,1) forwards}@keyframes confetti{to{transform:translateY(105vh) rotate(var(--r));opacity:.8}}.toast{position:fixed;z-index:7;left:50%;bottom:24px;translate:-50% 20px;opacity:0;pointer-events:none;padding:12px 20px;border-radius:99px;background:var(--green);color:#fff;font-family:Jua,sans-serif;font-size:17px;box-shadow:0 10px 24px #0003;transition:.3s;white-space:nowrap}.toast.on{opacity:1;translate:-50% 0}@media(max-width:520px){.gifts{grid-template-columns:repeat(3,1fr)}.gifts li:nth-child(4),.gifts li:nth-child(5){grid-column:span 1}}@media(prefers-reduced-motion:reduce){.snow{animation:none}.gift,.bar i,.toast{transition:none}}