@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.start{inset-inline-start:var(--spacing)}}:root{--ink:#090b10;--panel:#11151d;--gold:#f3b51b;--cream:#f4efe6;--muted:#aeb6c4;--green:#12b981;--red:#ef476f;--blue:#2780e3}*{box-sizing:border-box}html{background:var(--ink)}body{background:var(--ink);color:#fff;margin:0;font-family:Arial,Helvetica,sans-serif}.app{background:radial-gradient(circle at 15% 25%,#182333 0,#0000 27%),radial-gradient(circle at 90% 85%,#30200b 0,#0000 26%),#090b10;min-height:100svh;position:relative;overflow:hidden}.app:before{content:"";pointer-events:none;opacity:.09;background-image:linear-gradient(#fff9 1px,#0000 1px),linear-gradient(90deg,#fff9 1px,#0000 1px);background-size:64px 64px;position:fixed;inset:0}.topbar{z-index:2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#080a0ecf;border-bottom:1px solid #ffffff18;justify-content:space-between;align-items:center;height:76px;padding:0 clamp(18px,4vw,64px);display:flex;position:relative}.brandmark{align-items:baseline;gap:12px;display:flex}.brandmark span{letter-spacing:-2px;color:var(--gold);font-size:26px;font-weight:1000}.brandmark b{letter-spacing:2.2px;font-size:12px}.pin-chip{letter-spacing:1.6px;color:var(--muted);border:1px solid #ffffff25;border-radius:100px;padding:9px 13px;font-size:11px}.pin-chip strong{color:#fff;letter-spacing:1px;margin-left:8px}.progress{background:#222833;height:4px;position:relative}.progress span{background:linear-gradient(90deg,#f3b51b,#ffe39a);height:100%;transition:width .5s;display:block}.join-shell{grid-template-columns:1.2fr .8fr;align-items:center;gap:8vw;max-width:1240px;min-height:calc(100svh - 108px);margin:auto;padding:clamp(34px,6vw,84px) clamp(20px,5vw,72px);display:grid;position:relative}.eyebrow{letter-spacing:3px;color:var(--gold);margin:0 0 18px;font-size:12px;font-weight:900}.join-copy h1,.intro-card h2,.result-hero h2{letter-spacing:-5px;margin:0;font-size:clamp(54px,8vw,112px);font-weight:1000;line-height:.86}.join-copy h1 em,.intro-card h2 em,.result-hero h2 em{color:#0000;-webkit-text-stroke:1.5px var(--gold);font-style:normal}.lead{color:#dfe3eb;margin:32px 0;font-size:clamp(17px,2vw,24px);font-weight:800;line-height:1.35}.brand-row{flex-wrap:wrap;gap:10px;display:flex}.brand-row span{letter-spacing:1px;background:#ffffff0c;border:1px solid #ffffff20;border-radius:4px;padding:9px 12px;font-size:10px;font-weight:900}.join-card,.center-card{background:linear-gradient(145deg,#171c25,#10131a);border:1px solid #ffffff1d;border-radius:24px;padding:28px;box-shadow:0 30px 80px #0009}.qr-wrap{background:var(--cream);color:var(--ink);border-radius:14px;align-items:center;gap:16px;margin-bottom:22px;padding:12px;display:flex}.qr-wrap img{background:#fff;border-radius:6px;width:92px;height:92px}.qr-wrap div{gap:6px;display:grid}.qr-wrap small{letter-spacing:1.5px;font-size:10px;font-weight:900}.qr-wrap strong{letter-spacing:1px;font-size:24px}.join-card label{text-transform:uppercase;letter-spacing:1.3px;color:#bac2cf;margin-top:14px;font-size:11px;font-weight:900;display:block}.join-card label i{text-transform:none;letter-spacing:0;font-weight:400}.join-card input{color:#fff;background:#090b10;border:1px solid #ffffff24;border-radius:9px;outline:none;width:100%;margin-top:7px;padding:14px 15px;font-size:16px;display:block}.join-card input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #f3b51b1f}.primary{background:var(--gold);color:#111;letter-spacing:1px;cursor:pointer;border:0;border-radius:9px;width:100%;margin-top:20px;padding:16px 18px;font-size:14px;font-weight:1000;box-shadow:0 10px 30px #f3b51b2b}.primary:hover{background:#ffd063;transform:translateY(-1px)}.primary:disabled{opacity:.65;cursor:wait}.primary span{float:right}.privacy{text-align:center;color:#87909f;margin:12px 0 0;font-size:10px}.error{color:#ff8aa5;background:#ef476f16;border-radius:8px;padding:10px;font-size:12px}.intro-card{text-align:center;max-width:850px;margin:8vh auto;padding:clamp(30px,6vw,70px)}.intro-card h2{font-size:clamp(46px,7vw,86px)}.intro-card>p:not(.eyebrow){color:#bbc3d0;max-width:600px;margin:26px auto;line-height:1.7}.rules{grid-template-columns:repeat(3,1fr);gap:12px;margin:34px 0;display:grid}.rules div{background:#090b10;border:1px solid #ffffff18;border-radius:12px;padding:20px 8px}.rules b{color:var(--gold);font-size:30px;display:block}.rules span{letter-spacing:1.4px;margin-top:6px;font-size:10px;font-weight:900;display:block}.intro-card .primary{max-width:360px}.quiz-shell{max-width:1360px;margin:auto;padding:24px clamp(16px,4vw,58px) 112px;position:relative}.quiz-meta{color:#9ea7b6;letter-spacing:1.2px;text-transform:uppercase;align-items:center;gap:14px;font-size:11px;display:flex}.quiz-meta b{color:#fff;margin-left:auto}.brand-tag{background:var(--gold);color:#101010;border-radius:4px;padding:8px 12px;font-weight:1000}.brand-uag{background:#eb532e}.brand-mophie{background:#4997ff}.brand-energizer{background:#f8cd24}.brand-9fit{background:#efefef}.brand-divoom{background:#30d1bb}.question-grid{grid-template-columns:minmax(320px,.8fr) minmax(520px,1.2fr);gap:32px;margin-top:20px;display:grid}.visual{background:#111722;border:1px solid #ffffff1d;border-radius:18px;place-items:center;min-height:540px;display:grid;position:relative;overflow:hidden}.visual:after{content:"";position:absolute;inset:0;box-shadow:inset 0 -100px 90px #090b10}.visual img{object-fit:contain;width:100%;height:100%;padding:18px}.visual span{z-index:2;color:#aeb6c4;font-size:10px;position:absolute;bottom:16px;left:18px}.question-area{position:relative}.timer{background:#151b25;border:5px solid #2d3541;border-radius:50%;place-items:center;width:62px;height:62px;font-size:22px;font-weight:1000;display:grid;position:absolute;top:0;right:0}.timer i{display:none}.timer.urgent{color:#ff6b87;border-color:#ef476f}.question-area h2{letter-spacing:-1.7px;min-height:126px;margin:8px 84px 32px 0;font-size:clamp(28px,3.5vw,52px);line-height:1.05}.answers{grid-template-columns:1fr 1fr;gap:12px;display:grid}.answers button{color:#fff;text-align:left;cursor:pointer;background:#151a23;border:1px solid #ffffff1c;border-radius:12px;grid-template-columns:40px 1fr 28px;align-items:center;gap:10px;min-height:120px;padding:16px;transition:all .15s;display:grid}.answers button:hover:not(:disabled){background:#1b202a;border-color:#f3b51b80;transform:translateY(-2px)}.answers button span{color:var(--gold);font-size:25px}.answers button b{font-size:16px;line-height:1.25}.answers button i{color:#768194;font-style:normal;font-weight:900}.answers button.correct{background:#0f7053;border-color:#29dfa5}.answers button.wrong{background:#7b1e37;border-color:#ff6488}.answers button:disabled{cursor:default}.feedback{z-index:5;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:2px solid var(--green);background:#0d1117e8;align-items:center;gap:24px;padding:18px clamp(22px,6vw,88px);display:flex;position:fixed;bottom:0;left:0;right:0}.feedback.is-wrong{border-color:var(--red)}.feedback strong{color:#4fe2b3;letter-spacing:1.5px;font-size:13px}.feedback.is-wrong strong{color:#ff7898}.feedback p{color:#d4d9e2;margin:6px 0 0}.feedback button{white-space:nowrap;color:#111;cursor:pointer;background:#fff;border:0;border-radius:8px;margin-left:auto;padding:13px 20px;font-weight:1000}.result-shell{grid-template-columns:1.1fr .9fr;gap:60px;max-width:1180px;margin:auto;padding:50px 32px 70px;display:grid;position:relative}.result-hero h2{letter-spacing:-3px;font-size:clamp(44px,5.6vw,76px)}.score-ring{outline:2px solid var(--gold);border:12px solid #242a34;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:260px;height:260px;margin:36px 0;display:flex;box-shadow:0 0 70px #f3b51b1f}.score-ring span{font-size:42px;font-weight:1000}.score-ring small{color:#a9b1bf;margin-top:8px;font-weight:800}.result-stats{gap:38px;display:flex}.result-stats div{gap:5px;display:grid}.result-stats b{color:var(--gold);font-size:28px}.result-stats span{letter-spacing:1.4px;color:#aeb6c4;font-size:9px}.result-hero .primary{max-width:360px}.saved{color:#61dfb7;font-weight:800}.text-button{color:#b9c2ce;cursor:pointer;background:0 0;border:0;margin-top:14px;text-decoration:underline}.result-panel{background:#121720;border:1px solid #ffffff1a;border-radius:20px;align-self:start;padding:28px}.result-panel h3{letter-spacing:2px;color:var(--gold);margin:8px 0 18px;font-size:12px}.brand-score{grid-template-columns:84px 1fr 32px;align-items:center;gap:10px;margin:11px 0;font-size:11px;font-weight:900;display:grid}.brand-score div{background:#2b323e;border-radius:10px;height:7px;overflow:hidden}.brand-score div i{background:linear-gradient(90deg,#f3b51b,#ffe39a);height:100%;display:block}.leaderboard{margin:0;padding:0;list-style:none}.leaderboard li{border-bottom:1px solid #ffffff12;grid-template-columns:30px 1fr auto;align-items:center;gap:10px;padding:12px 5px;display:grid}.leaderboard li span{color:var(--gold);font-weight:1000}.leaderboard li b{font-size:13px}.leaderboard li em{color:#aeb6c4;font-size:12px;font-style:normal}.leaderboard .empty{color:#8993a2;font-size:12px;display:block}footer{text-align:center;color:#616b79;letter-spacing:2px;padding:18px;font-size:9px}@media (max-width:850px){.join-shell,.result-shell{grid-template-columns:1fr}.join-shell{padding-top:42px}.join-copy h1{font-size:60px}.question-grid{grid-template-columns:1fr}.visual{min-height:220px;max-height:280px}.question-area h2{min-height:auto;font-size:29px}.answers{grid-template-columns:1fr}.answers button{min-height:80px}.quiz-shell{padding-bottom:150px}.feedback{align-items:flex-start}.feedback p{font-size:12px}.result-shell{gap:34px}.score-ring{width:220px;height:220px}.rules{gap:7px}.rules div{padding:16px 5px}.topbar{height:64px}.brandmark b{display:none}}@media (max-width:480px){.join-copy h1{letter-spacing:-3px;font-size:48px}.join-card{padding:18px}.qr-wrap img{width:78px;height:78px}.qr-wrap strong{font-size:19px}.question-grid{gap:16px}.question-area h2{margin-right:64px;font-size:25px}.timer{width:52px;height:52px}.quiz-meta span:nth-child(2){display:none}.feedback{padding:14px}.feedback button{padding:11px}.result-stats{gap:24px}}.live-badge{letter-spacing:1.7px;color:#57e2b6;border:1px solid #57e2b644;border-radius:99px;padding:9px 13px;font-size:10px;font-weight:900}.qr-solo{background:#f4efe6;border-radius:16px;place-items:center;margin-bottom:22px;padding:16px;display:grid}.qr-solo img{border-radius:5px;width:180px;height:180px}.qr-solo small{color:#111;letter-spacing:2px;margin-top:9px;font-weight:1000}.waiting{text-align:center;align-content:center;place-items:center;min-height:calc(100svh - 76px);padding:30px;display:grid}.waiting h1,.round-board h1,.final-player h1,.master-lobby h1,.master-board h1{letter-spacing:-5px;margin:0;font-size:clamp(52px,8vw,105px);font-weight:1000;line-height:.86}.waiting h1 em,.round-board h1 em,.final-player h1 em,.master-lobby h1 em,.master-board h1 em{color:#0000;-webkit-text-stroke:1.5px var(--gold);font-style:normal}.waiting>p:not(.eyebrow){color:#abb5c4}.pulse-logo{color:#07120f;background:#1bc490;border-radius:50%;place-items:center;width:88px;height:88px;margin-bottom:26px;font-size:40px;animation:1.8s infinite pulse;display:grid;box-shadow:0 0 0 18px #1bc49017}.people-count{margin-top:32px}.people-count b{color:var(--gold);font-size:56px;display:block}.people-count span{letter-spacing:2px;color:#9da7b6;font-size:10px}@keyframes pulse{50%{opacity:.5}}.answer-locked{color:#55e7b9;text-align:center;letter-spacing:1px;background:#32d5a216;border:1px solid #32d5a26b;border-radius:9px;margin-top:15px;padding:14px;font-size:11px;font-weight:1000}.answer-locked.timeout{color:#ff829d;background:#ef476f13;border-color:#ef476f66}.round-board{text-align:center;max-width:1050px;margin:auto;padding:55px 26px}.round-board h1{font-size:clamp(52px,7vw,86px)}.my-rank{background:#151a23;border:1px solid #f3b51b55;border-radius:12px;justify-content:center;align-items:center;gap:24px;max-width:620px;margin:28px auto;padding:16px;display:flex}.my-rank span{letter-spacing:1.5px;font-size:10px}.my-rank b{color:var(--gold);font-size:32px}.my-rank em{color:#b7c0ce;font-style:normal}.big-leaders{max-width:680px;margin:28px auto;padding:0;list-style:none}.big-leaders li{text-align:left;background:#11161f;border-bottom:1px solid #ffffff17;grid-template-columns:54px 1fr auto;align-items:center;gap:16px;padding:15px 18px;display:grid}.big-leaders li:first-child{border-radius:12px 12px 0 0}.big-leaders li:last-child{border-radius:0 0 12px 12px}.big-leaders li.me{border-left:3px solid var(--gold);background:#f3b51b20}.big-leaders li span{color:var(--gold);font-size:24px;font-weight:1000}.big-leaders li em{color:#d1d7df;font-style:normal}.waiting-note{color:#8e98a7}.final-player{text-align:center;padding:60px 24px}.final-player h1{font-size:clamp(54px,8vw,102px)}.podium{justify-content:center;align-items:flex-end;gap:12px;max-width:800px;margin:62px auto 30px;display:flex}.podium-place{background:linear-gradient(#242a35,#11151d);border:1px solid #ffffff1e;border-radius:14px 14px 0 0;flex-direction:column;justify-content:center;align-items:center;width:30%;min-height:170px;padding:15px;display:flex}.podium-place span{background:#7e8794;border-radius:50%;place-items:center;width:48px;height:48px;margin-top:-60px;margin-bottom:22px;font-size:24px;font-weight:1000;display:grid}.podium-place b{font-size:clamp(14px,2vw,22px)}.podium-place em{color:#abb4c1;margin-top:8px;font-style:normal}.podium-place.p1{border-color:#f3b51b88;min-height:240px}.podium-place.p1 span{background:var(--gold);color:#111}.podium-place.p0{min-height:190px}.podium-place.p2{min-height:150px}.my-final{font-size:18px}.my-final b,.my-final strong{color:var(--gold)}.master-lobby{grid-template-columns:1fr 300px 1fr;align-items:center;gap:45px;max-width:1250px;min-height:calc(100svh - 76px);margin:auto;padding:40px;display:grid}.master-lobby>div:first-child>p:not(.eyebrow),.master-board p{color:#aeb7c5}.master-lobby .primary{max-width:420px}.master-qr{color:#111;background:#f4efe6;border-radius:20px;place-items:center;padding:18px;display:grid}.master-qr img{width:250px;height:250px}.master-qr span{letter-spacing:2px;margin-top:10px;font-size:11px;font-weight:1000}.roster{text-align:center}.roster>strong{color:var(--gold);font-size:90px;display:block}.roster>span{letter-spacing:2px;font-size:11px}.roster>div{flex-wrap:wrap;justify-content:center;gap:8px;max-height:260px;margin-top:25px;display:flex;overflow:auto}.roster>div b{background:#ffffff12;border:1px solid #ffffff1d;border-radius:99px;padding:8px 11px;font-size:12px}.master-question{max-width:1200px;margin:auto;padding:40px}.master-qmeta{align-items:center;gap:18px;display:flex}.master-qmeta span{background:var(--gold);color:#111;padding:9px 13px;font-weight:1000}.master-qmeta b{letter-spacing:1.5px;font-size:12px}.master-qmeta em{color:var(--gold);margin-left:auto;font-size:42px;font-style:normal;font-weight:1000}.master-question h1{letter-spacing:-2px;margin:35px 0;font-size:clamp(38px,5vw,68px);line-height:1.02}.master-options{grid-template-columns:1fr 1fr;gap:14px;display:grid}.master-options div{background:#151a23;border:1px solid #ffffff20;border-radius:12px;align-items:center;gap:18px;padding:22px;display:flex}.master-options span{color:var(--gold);font-size:28px}.master-options b{font-size:18px}.response-meter{background:#1b212c;border-radius:99px;place-items:center;height:38px;margin-top:26px;display:grid;position:relative;overflow:hidden}.response-meter span{background:#18b986;transition:width .4s;position:absolute;inset:0 auto 0 0}.response-meter b{z-index:1;letter-spacing:1px;font-size:11px;position:relative}.master-question .primary{max-width:480px;margin:22px auto;display:block}.master-board{grid-template-columns:.8fr 1.2fr;align-items:center;gap:60px;max-width:1100px;margin:auto;padding:55px 30px;display:grid}.master-board h1{font-size:82px}.reset-final{max-width:300px}.picked{outline:3px solid var(--gold);background:#302816!important}@media (max-width:850px){.master-lobby{text-align:center;grid-template-columns:1fr}.master-qr{max-width:300px;margin:auto}.roster>strong{font-size:60px}.master-board,.master-options{grid-template-columns:1fr}.podium{gap:5px}.podium-place{width:33%}.qr-solo img{width:140px;height:140px}}.brandmark span{background:url(/dtr-logo.png) 50%/contain no-repeat;width:86px;height:40px;font-size:0;display:block}.join-card label:first-of-type:after{content:"HINT · 8 số = Năm thành lập VHC & DTR";color:var(--gold);letter-spacing:1px;text-transform:none;margin:8px 2px 0;font-size:10px;display:block}.master-lobby>div:first-child:after{content:"SCORING RULE · Đúng: 1.000 điểm × trọng số câu · Speed Bonus: #1 +300, #2 +290 … #30 +10 · Từ #31: +0";border-left:3px solid var(--gold);color:#d6dce5;letter-spacing:.4px;text-align:left;background:#f3b51b10;max-width:520px;margin-top:20px;padding:14px;font-size:11px;line-height:1.6;display:block}.podium-place.p1{background:radial-gradient(circle at 50% 10%,#61470d,#242a35 46%,#11151d);position:relative;box-shadow:0 0 80px #f3b51b35}.podium-place.p1:before{content:"🏆";filter:drop-shadow(0 12px 20px #f3b51b66);font-size:76px;animation:2s ease-in-out infinite cupFloat;position:absolute;top:-118px}.podium-place.p1:after{content:"CHAMPION";color:var(--gold);letter-spacing:2px;font-size:9px;font-weight:1000;position:absolute;top:-30px}@keyframes cupFloat{50%{transform:translateY(-8px)rotate(2deg)}}.score-rule{border-left:3px solid var(--gold);background:#f3b51b0d;gap:5px;max-width:560px;margin:24px 0;padding:14px 16px;display:grid}.score-rule b{color:var(--gold);letter-spacing:1.5px;font-size:10px}.score-rule span{font-size:12px;font-weight:800}.score-rule small{color:#8f99a8;font-size:10px}.round-points{background:#f3b51b0d;border:1px solid #f3b51b55;border-radius:10px;justify-content:center;align-items:center;gap:20px;max-width:520px;margin:24px auto 8px;padding:12px 18px;display:flex}.round-points span{letter-spacing:1.5px;color:#9ba5b3;font-size:9px}.round-points b{color:var(--gold);font-size:25px}.round-points em{color:#d8dde5;font-size:11px;font-style:normal}.host-welcome,.reveal-screen{text-align:center;background:radial-gradient(circle at 50% 45%,#30240e 0,#0000 32%);flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding:40px;display:flex;position:relative}.welcome-logo img{object-fit:contain;width:min(360px,65vw);height:110px}.host-welcome h1,.reveal-screen h1{letter-spacing:-6px;margin:24px 0;font-size:clamp(58px,9vw,126px);line-height:.84}.host-welcome h1 em,.reveal-screen h1 em{color:#0000;-webkit-text-stroke:1.5px var(--gold);font-style:normal}.host-welcome>p:not(.eyebrow),.reveal-screen>p:not(.eyebrow){color:#aab3c0;font-size:16px}.host-welcome .primary{max-width:380px;margin-top:30px}.host-welcome>span{color:#788291;letter-spacing:2px;margin-top:20px;font-size:9px}.mystery-cup{width:140px;height:140px;color:var(--gold);border:1px solid #f3b51b66;border-radius:50%;place-items:center;font-size:72px;font-weight:1000;animation:1.4s infinite mysteryPulse;display:grid;box-shadow:0 0 80px #f3b51b22}.reveal-screen h1{font-size:clamp(50px,7vw,96px)}.reveal-button{max-width:330px}.reveal-dots{gap:10px;margin-top:28px;display:flex}.reveal-dots i{background:var(--gold);border-radius:50%;width:8px;height:8px;animation:1.2s infinite mysteryPulse}.reveal-dots i:nth-child(2){animation-delay:.2s}.reveal-dots i:nth-child(3){animation-delay:.4s}.loader{border:3px solid #ffffff20;border-top-color:var(--gold);border-radius:50%;width:44px;height:44px;margin-bottom:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes mysteryPulse{50%{opacity:.35;transform:scale(.92)}}
.brandmark span,.brandmark img{object-fit:contain;object-position:left center;background-image:url(/dtr-logo.png);background-position:0;background-repeat:no-repeat;background-size:contain;flex:0 0 156px;width:156px;height:54px;display:block}.brandmark img{background:0 0}.brandmark{align-items:center}.brandmark b{border-left:1px solid #fff3;padding-left:13px}@media (max-width:520px){.brandmark span,.brandmark img{flex-basis:118px;width:118px;height:48px}}
