@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Unbounded:wght@500;700&display=swap";:root{color-scheme:dark;--font-display: "Unbounded", "Segoe UI", sans-serif;--font-body: "Space Grotesk", "Segoe UI", sans-serif;--bg: #0a0d12;--bg-soft: #111723;--card: rgba(15, 19, 28, .5);--card-strong: rgba(18, 22, 32, .96);--card-border: rgba(255, 255, 255, .08);--accent: #f9d65c;--accent-strong: #ff9f1c;--accent-cool: #05d1b2;--text: #f7f7f4;--muted: #b9c0cd;--shadow: 0 18px 40px rgba(0, 0, 0, .45);--radius: 18px;--radius-sm: 12px}*{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}*{scrollbar-width:thin;scrollbar-color:rgba(249,214,92,.75) rgba(255,255,255,.08)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#ffffff14;border-radius:999px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--accent),var(--accent-strong));border-radius:999px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--accent-strong),var(--accent))}body{font-family:var(--font-body);min-height:100vh;background-color:var(--bg);background-image:var( --page-bg-desktop, url(/images/doorprizexraffle.webp) );background-size:cover;background-position:center;background-attachment:fixed;color:var(--text);padding:2.5rem 1.5rem 4rem;line-height:1.6}a{color:inherit;text-decoration:none}option{color:#101319}.page{max-width:800px;margin:0 auto;display:grid;gap:2rem;position:relative;z-index:1}.page>*{animation:fadeUp .7s ease both}.page>*:nth-child(2){animation-delay:.08s}.page>*:nth-child(3){animation-delay:.16s}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.page>*{animation:none}}.hero{display:grid;gap:2rem;align-items:center;grid-template-columns:1fr;padding:2.5rem;border-radius:calc(var(--radius) + 4px);background:#080a0e99;border:1px solid var(--card-border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:.75rem;color:var(--accent);font-weight:600}h1,h2,h3{font-family:var(--font-display);letter-spacing:.01em;margin:0}p{margin:0}.hero h1{font-size:clamp(2rem,4vw,3.4rem);line-height:1.1;margin:.75rem 0 1rem}.hero__lead{color:var(--muted);max-width:40ch}.hero__chips{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.5rem}.chip{padding:.45rem .9rem;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);font-size:.85rem;color:var(--text)}.hero__panel{display:grid;gap:1rem}.grid{display:grid;gap:1.5rem}.grid--two{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid--video,.grid--single{grid-template-columns:1fr}.card{background:var(--card);border-radius:var(--radius);border:1px solid var(--card-border);box-shadow:var(--shadow);padding:2rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.game-layout{min-height:calc(100vh - 6rem);display:grid;align-content:center;justify-items:center;gap:2rem;text-align:center;max-width:960px;margin:0 auto;position:relative;z-index:1}.game-card{width:min(640px,100%);display:grid;gap:1rem}.game-title{font-size:clamp(2rem,4vw,3rem);line-height:1.1}.game-lead,.game-note{color:var(--muted)}.game-note{font-size:.95rem}.section-title{font-size:1.35rem;text:center}.form-container{display:grid;gap:1.25rem}#loginForm{display:grid;gap:1.1rem}#loginForm.is-disabled{opacity:.6}#loginForm.is-disabled button{cursor:not-allowed;box-shadow:none;transform:none}.input-group{display:grid;gap:.6rem}label{font-weight:600;color:var(--text)}input,select{width:100%;padding:.85rem 1rem;border:1px solid rgba(255,255,255,.16);border-radius:var(--radius-sm);font-size:1rem;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;background:#080c1480;color:var(--text);font-family:var(--font-body)}input::placeholder{color:#b9c0cdb3}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #f9d65c33;outline:none}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f7f7f4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 1rem center;background-size:1em}.text-gray{color:#b9c0cdb3;font-style:italic}button,.btn{padding:.9rem 1.2rem;border-radius:var(--radius-sm);border:none;cursor:pointer;font-size:1rem;font-weight:600;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-strong) 100%);color:#1b1500;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 10px 24px #ff9f1c40;width:100%}button:hover,.btn:hover{transform:translateY(-1px);box-shadow:0 12px 30px #ff9f1c59}button:focus-visible,.btn:focus-visible{outline:2px solid var(--accent-cool);outline-offset:2px}.btn--danger{background:linear-gradient(135deg,#ff6b6b,#ff3d71);color:#fff;box-shadow:0 10px 24px #ff4d6d4d}.tutorial-button{width:auto;justify-self:flex-start}.btn--inline{width:auto;justify-self:center;padding:.95rem 1.8rem}.close-button,#closeModalBtn{background:#ffffff1a;color:var(--text);border:1px solid var(--card-border);box-shadow:none;width:auto}.close-button:hover,#closeModalBtn:hover{box-shadow:none;background:#ffffff2e}.countdown-container{background:transparent;padding:0;border-radius:var(--radius);border:none}.countdown-container.is-closed .countdown-timer,.countdown-container.is-closed .header-text{display:none}.countdown-container .closed-message{margin-top:0}.header-text{font-size:1.25rem;margin-bottom:1rem;text-align:center}.countdown-timer{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.8rem}.time-section{text-align:center;padding:1rem;background:#ffffff0f;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.08)}.time-number{font-size:2rem;font-weight:700;color:var(--text)}.time-label{font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-top:.35rem}.video-container{position:relative;min-height:320px;display:grid;place-items:center}#videoLoading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--muted)}#videoIframe{border:none;border-radius:var(--radius-sm);width:100%;aspect-ratio:16 / 9;height:100%;box-shadow:0 10px 24px #0000004d;background:#000}.summary-panel{display:none;padding:1rem 1.2rem;border-radius:var(--radius-sm);background:#ffffff0d;border:1px solid rgba(255,255,255,.08);margin-top:1rem}#websiteSummary{display:none}.website-list{display:grid;gap:.35rem;margin-top:.35rem;color:var(--muted)}.table-scroll{width:100%;overflow-x:auto;border-radius:var(--radius-sm);background:#0c101899;border:1px solid rgba(255,255,255,.08)}.table-container{width:100%;border-collapse:collapse;font-size:.95rem;min-width:420px}.rank-container .table-container,.rank-modal .table-container{min-width:0}.table-container th,.table-container td{padding:.85rem .75rem;text-align:left;border-bottom:1px solid rgba(255,255,255,.08);white-space:nowrap}.table-container thead{background:linear-gradient(135deg,#f9d65c33,#05d1b22e);color:var(--text);text-transform:uppercase;letter-spacing:.08em;font-size:.75rem}.table-container tbody tr:nth-child(2n){background:#ffffff08}.loading-text{color:var(--muted);text-align:center}.rank-container{position:fixed;right:24px;top:120px;width:320px;background:var(--card-strong);border:1px solid var(--card-border);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.rank-container h3{margin-bottom:1rem;font-size:1.25rem}.mobile-rank-button{display:none;position:fixed;bottom:24px;left:24px;padding:.75rem 1.2rem;background:linear-gradient(135deg,var(--accent-cool) 0%,#1eb8d0 100%);color:#031116;border-radius:999px;font-weight:600;z-index:1000;width:auto;box-shadow:0 10px 24px #05d1b24d}.rank-modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#020408cc;z-index:2000;padding:2rem 1rem}.rank-modal-content{position:relative;background:var(--card-strong);margin:0 auto;padding:2rem;border-radius:var(--radius);max-width:600px;max-height:80vh;overflow-y:auto;border:1px solid var(--card-border)}.popup{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#020408d9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);justify-content:center;align-items:center;padding:1.5rem;z-index:2300}.popup-content{width:min(520px,100%);display:grid;gap:.8rem;text-align:center}.popup-image{width:min(220px,60%);margin:0 auto}.popup-message{color:var(--text);font-weight:600}.popup-note{color:var(--muted);font-size:.95rem}.lottrey-code{font-family:var(--font-display);font-size:clamp(2rem,5vw,3rem);letter-spacing:.12em;padding:.6rem 1rem;border-radius:var(--radius-sm);background:#ffffff14;border:1px dashed rgba(255,255,255,.28);color:var(--text)}.error-modal{display:none;position:fixed;z-index:2100;left:0;top:0;width:100%;height:100%;background:#0009;justify-content:center;align-items:center;padding:1rem}.modal-content-error{background:var(--card-strong);padding:1.5rem;border-radius:var(--radius);text-align:center;width:100%;max-width:420px;border:1px solid var(--card-border);position:relative}.close-modal-error{position:absolute;top:18px;right:18px;font-size:22px;cursor:pointer;color:var(--muted)}.toast{position:fixed;right:24px;bottom:24px;z-index:2200;display:grid;grid-template-columns:auto 1fr auto;gap:.8rem;align-items:center;padding:1rem 1.2rem;border-radius:var(--radius-sm);border:1px solid var(--card-border);background:var(--card-strong);box-shadow:var(--shadow);max-width:min(420px,calc(100vw - 3rem));transform:translateY(16px);opacity:0;pointer-events:none;transition:transform .2s ease,opacity .2s ease}.toast--show{transform:translateY(0);opacity:1;pointer-events:auto}.toast__icon{width:36px;height:36px;border-radius:999px;display:grid;place-items:center;font-weight:700;background:#ffffff1f;color:var(--text)}.toast__body{display:grid;gap:.1rem}.toast__title{font-weight:700}.toast__message{color:var(--muted);font-size:.95rem}.toast__close{width:32px;height:32px;border-radius:999px;border:1px solid var(--card-border);background:transparent;color:var(--muted);display:grid;place-items:center;padding:0;cursor:pointer;transition:background .2s ease,color .2s ease}.toast__close:hover{background:#ffffff1f;color:var(--text)}.toast--warning{border-color:#f9d65c66}.toast--warning .toast__icon{background:#f9d65c33;color:var(--accent)}.toast--error{border-color:#ff6b6b73}.toast--error .toast__icon{background:#ff6b6b33;color:#ff6b6b}.toast--success{border-color:#05d1b266}.toast--success .toast__icon{background:#05d1b233;color:var(--accent-cool)}@media (max-width: 640px){.toast{right:16px;left:16px;max-width:none}}.closed-message{text-align:center;padding:1.5rem;background:#fff3cd4d;border-radius:var(--radius-sm);border:1px solid rgba(255,243,205,.2);color:var(--text)}.closed-icon{display:inline-flex;align-items:center;margin-right:.4rem}@media (max-width: 1024px){.rank-container{display:none}.mobile-rank-button{display:block}}@media (max-width: 768px){body{padding:1.5rem 1rem 4.5rem;background-image:var( --page-bg-mobile, url(/images/mobileraffle.webp) )}.hero{padding:2rem 1.5rem}.card{padding:1.5rem}}@media (min-width: 1024px){.page{margin-right:360px}}@media (min-width: 1224px){.page{margin-right:560px}}