:root{--gold:#f4c430;--gold-dark:#b8860b;--blue:#1a3a8f;--red:#c8102e;--wa:#25d366}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;background:#0d0b09;height:100dvh;font-family:-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}canvas{display:block;position:fixed;inset:0}#hud{pointer-events:none;position:fixed;inset:0}#hud>*{pointer-events:auto}.hidden{display:none!important}.btn{width:fit-content;left:0;right:0;bottom:calc(9dvh + env(safe-area-inset-bottom));border:3px solid var(--gold);background:linear-gradient(180deg, #2a52c4, var(--blue) 55%, #122a68);color:#fff;letter-spacing:.08em;cursor:pointer;white-space:nowrap;border-radius:14px;margin-inline:auto;padding:16px 30px;font-size:17px;font-weight:800;position:absolute;box-shadow:0 6px 22px #0000008c,inset 0 2px #ffffff40}.btn:active{transform:scale(.96)}.btn.gold{background:linear-gradient(180deg, #ffe27a, var(--gold) 55%, var(--gold-dark));color:#241a02;border-color:#fff3c4;animation:1.6s ease-in-out infinite pulse}.btn.wa{background:linear-gradient(180deg, #3ce67e, var(--wa) 55%, #128c4a)}.btn.small{bottom:calc(2.5dvh + env(safe-area-inset-bottom));background:#141210cc;border-width:1px;border-color:#6b5d3f;padding:9px 16px;font-size:13px;font-weight:600;animation:none}@keyframes pulse{0%,to{transform:translate(-10%)scale(1);box-shadow:0 8px 26px #00000080,0 0 26px 8px #f4c43073,inset 0 2px #ffffff40}25%,75%{box-shadow:0 6px 22px #0000008c,0 0 #f4c43099,inset 0 2px #ffffff40}50%{transform:translate(10%)scale(1);box-shadow:0 8px 26px #00000080,0 0 26px 8px #f4c43073,inset 0 2px #ffffff40}}#loading{z-index:30;background:#0d0b09;flex-direction:column;justify-content:center;align-items:center;gap:26px;display:flex;position:absolute;inset:0}#loadlogo{filter:drop-shadow(0 8px 30px #f4c43059);width:min(62vw,300px)}#loadbar{background:#241f18;border:1px solid #4a4235;border-radius:6px;width:min(70vw,320px);height:10px;overflow:hidden}#loadfill{background:repeating-linear-gradient(45deg, var(--gold) 0 8px, var(--blue) 8px 12px, #fff 12px 14px, var(--red) 14px 20px);width:0%;height:100%;transition:width .25s}#loading .btn{margin-top:18px;position:static;transform:none}#loading .btn:active{transform:scale(.96)}#nameplate{left:6vw;bottom:calc(20dvh + env(safe-area-inset-bottom));border-left:6px solid var(--red);border-top:2px solid var(--gold);border-bottom:2px solid var(--gold);color:#fff;background:linear-gradient(90deg,#1a3a8ff2,#1a3a8f8c 75%,#0000);padding:10px 26px 12px;animation:.5s ease-out slidein;position:absolute}#nameplate span{letter-spacing:.1em;font-size:22px;font-weight:900;display:block}#nameplate small{color:var(--gold);letter-spacing:.28em;font-size:11px}@keyframes slidein{0%{opacity:0;transform:translate(-40px)}}#subtitle{left:50%;bottom:calc(3dvh + env(safe-area-inset-bottom));text-align:center;color:#fff;text-shadow:0 1px 3px #000;background:#0d1430b8;border:2px solid #f4c430a6;border-width:2px 1px;border-radius:12px;width:min(92vw,640px);padding:12px 18px;font-size:15px;font-weight:600;line-height:1.45;position:absolute;transform:translate(-50%)}#hint{color:var(--gold);letter-spacing:.18em;text-shadow:0 2px 6px #000;text-align:center;flex-direction:column;align-items:center;gap:6px;max-width:130px;font-size:13px;font-weight:800;display:flex;position:absolute;top:50%;left:62%;transform:translate(-50%,-50%)}#hint span{background:var(--red);color:#fff;border:2px solid #ffffffd9;border-radius:10px;margin-top:48px;padding:7px 12px;box-shadow:0 4px 14px #0009}#hand{font-size:44px;animation:1.3s ease-in-out infinite swipe}@media (height<=500px){#loading{gap:12px}#loadlogo{width:auto;height:min(34dvh,150px)}#loading .btn{margin-top:4px;padding:10px 22px;font-size:15px}#mobile-tips{font-size:11px;line-height:1.4}}#mobile-tips{color:#cdb872;text-align:center;letter-spacing:.02em;font-size:13px;font-weight:600;line-height:1.7;display:none}#tip-phone{display:inline-block;transform:rotate(90deg)}@media (pointer:coarse){#mobile-tips{display:block}#subtitle{width:min(96vw,640px);padding:5px 10px;font-size:9px;line-height:1.35;bottom:.5dvh}#nameplate{border-left-width:4px;padding:6px 14px 8px;bottom:16dvh}#nameplate span{font-size:14px}#nameplate small{font-size:9px}}@keyframes swipe{0%{opacity:.4;transform:translateY(-18px)}55%{opacity:1;transform:translateY(22px)}to{opacity:0;transform:translateY(22px)}}#eyes{position:absolute;inset:0;pointer-events:none!important}.eye-btn{pointer-events:auto;border:2px solid var(--gold);cursor:pointer;background:#0d1430d9;border-radius:50%;width:46px;height:46px;font-size:22px;line-height:1;animation:1.6s ease-in-out infinite eyepulse;position:absolute;transform:translate(-50%,-50%);box-shadow:0 4px 14px #0009,0 0 12px 2px #f4c43059}.eye-btn:active{transform:translate(-50%,-50%)scale(.92)}@keyframes eyepulse{50%{box-shadow:0 4px 14px #0009,0 0 22px 7px #f4c4308c}}#video-overlay{z-index:40;background:#000;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#prize-video{object-fit:contain;background:#000;width:100%;height:100%}#btn-video-close{top:calc(10px + env(safe-area-inset-top));right:calc(12px + env(safe-area-inset-right));color:#fff;cursor:pointer;background:#141210b3;border:2px solid #ffffffb3;border-radius:50%;width:44px;height:44px;font-size:20px;position:absolute}#certificate{background:#06050373;flex-direction:column;justify-content:center;align-items:center;gap:12px;animation:.8s cubic-bezier(.2,.9,.3,1.1) certup;display:flex;position:absolute;inset:0}@keyframes certup{0%{opacity:0;transform:translateY(60dvh)}}#cert-card{aspect-ratio:3/4;border-radius:10px;width:min(78vw,46dvh);position:relative;overflow:hidden;box-shadow:0 18px 60px #000000b3;container-type:inline-size}#cert-img{object-fit:cover;z-index:2;width:100%;height:100%;position:absolute;inset:0}#cert-card div{text-align:center;z-index:3;width:100%;font-family:Georgia,serif;position:absolute}#cert-header{color:#8a6d1f;letter-spacing:.04em;font-size:2.3cqw;font-weight:700;top:24.5%}#cert-name{color:var(--blue);font-size:3cqw;font-weight:700;top:21.5%}#cert-photo{object-fit:cover;z-index:1;width:37%;height:33%;position:absolute;top:33%;left:31.6%}#cert-dest{color:#7a5c10;letter-spacing:.12em;font-size:4.2cqw;font-weight:700;top:67.5%}#cert-dates{color:#6b5a35;font-size:2.7cqw;top:77.5%}#cert-kiss{color:#a03d55;font-size:2.7cqw;font-style:italic;top:82%}#certificate .btn{position:static;transform:none}#certificate .btn:active{transform:scale(.96)}#share-buttons{flex-direction:row;justify-content:center;align-items:center;gap:16px;display:flex}#share-buttons .btn{position:static;transform:none}.btn.icon{border-radius:16px;justify-content:center;align-items:center;width:62px;height:62px;margin:0;padding:0;font-size:26px;animation:none;display:flex}