/* Steadline Live Trivia (2026-10-20): host console (desktop / big screen) and player phone. Loaded only by /games/host/ and /play/. */
.gl-body{margin:0;min-height:100vh;background:#070C1A;color:#F2F4F7;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
.gl-host{--acc:#2563EB;min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(110% 80% at 12% 0%,#1A2850 0%,#0A1124 50%,#070C1A 100%)}
.gl-top{display:flex;align-items:center;gap:14px;padding:14px 28px;border-bottom:1px solid rgba(255,255,255,.08)}
.gl-brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-size:17px;font-weight:600}.gl-brand b{color:#93B4FF;font-weight:700}
.gl-ev{font-size:15px;color:#D0D5DD;padding-left:14px;border-left:1px solid rgba(255,255,255,.14)}
.gl-pill{font-size:12px;font-weight:700;letter-spacing:.02em;padding:4px 10px;border-radius:999px;background:rgba(147,180,255,.12);color:#B9CCFF;border:1px solid rgba(147,180,255,.3)}
.gl-codechip{margin-left:auto;font-size:14px;color:#D0D5DD;padding:6px 12px;border-radius:10px;background:rgba(255,255,255,.06)}.gl-codechip b{color:#fff;letter-spacing:.14em;font-size:17px;margin-left:4px}
.gl-net{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:#98A2B3}.gl-net i{width:9px;height:9px;border-radius:50%;background:#F79009}.gl-net.gl-online i{background:#32D583;box-shadow:0 0 0 4px rgba(50,213,131,.18)}
.gl-stage{flex:1;padding:32px clamp(20px,4vw,56px) 48px;position:relative}
.gl-card{max-width:760px;margin:0 auto;padding:32px;border-radius:20px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);box-shadow:0 30px 80px -40px rgba(0,0,0,.6)}
.gl-center{text-align:center}.gl-card h1,.gl-card h2{margin:0 0 10px;font-size:28px;letter-spacing:-.02em}.gl-card p{color:#D0D5DD;line-height:1.55}
.gl-lead{font-size:16px;margin:0 0 22px}
.gl-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px}
.gl-setup label{display:grid;gap:7px;font-size:13.5px;font-weight:600;color:#D0D5DD}.gl-opt{font-weight:500;color:#98A2B3}
.gl-setup input,.gl-setup select{font:inherit;font-size:15px;font-weight:500;padding:11px 12px;border-radius:10px;border:1px solid #344054;background:#0E1730;color:#fff}
.gl-setup input:focus,.gl-setup select:focus{outline:3px solid rgba(37,99,235,.45);border-color:#4F7DF5}
.gl-fine{font-size:12.5px;color:#98A2B3;line-height:1.5;margin:10px 0 0}
.gl-err{color:#FDA29B;font-weight:600;min-height:1.2em;margin:12px 0}
.gl-btn{font:inherit;font-weight:700;font-size:15px;padding:12px 20px;border-radius:12px;border:0;background:var(--acc,#2563EB);color:#fff;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .15s,filter .15s}
.gl-btn:hover{filter:brightness(1.1)}.gl-btn:active{transform:scale(.98)}.gl-btn:disabled{opacity:.4;cursor:not-allowed}.gl-btn:focus-visible{outline:3px solid #fff;outline-offset:3px}
.gl-big{font-size:17px;padding:15px 26px;border-radius:14px}
.gl-ghost{background:rgba(255,255,255,.08);color:#F2F4F7;border:1px solid rgba(255,255,255,.16)}
.gl-toast{position:fixed;top:76px;left:50%;transform:translateX(-50%);z-index:5;margin:0;padding:10px 16px;border-radius:10px;background:#B42318;color:#fff;font-weight:600;box-shadow:0 10px 30px rgba(0,0,0,.4)}
.gl-k{margin:0;font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:#98A2B3}
/* lobby */
.gl-lobby{display:grid;grid-template-columns:minmax(260px,320px) minmax(0,1fr);gap:36px;align-items:start;max-width:1320px;margin:0 auto}
.gl-join{display:grid;justify-items:center;gap:8px;text-align:center;padding:26px;border-radius:22px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}
.gl-qr{width:220px;border-radius:14px;overflow:hidden;background:#fff;padding:4px}.gl-qr .qr{display:block;width:100%;height:auto}
.gl-url{margin:2px 0 12px;font-size:17px;color:#fff;font-weight:600}
.gl-code{margin:0;font-size:clamp(40px,3.6vw,56px);font-weight:800;letter-spacing:.12em;white-space:nowrap;color:#fff;font-variant-numeric:tabular-nums;line-height:1.05}
.gl-ph{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.gl-ph h2{margin:0;font-size:30px;letter-spacing:-.02em}
.gl-acts{display:flex;flex-wrap:wrap;gap:10px}.gl-center-acts{justify-content:center;margin-top:26px}
.gl-note{margin:0 0 14px;padding:10px 14px;border-radius:10px;background:rgba(247,144,9,.12);color:#FEC84B;font-weight:600;font-size:14px}
.gl-groups{display:grid;gap:16px}.gl-g2{grid-template-columns:repeat(2,minmax(0,1fr))}.gl-g3{grid-template-columns:repeat(3,minmax(0,1fr))}.gl-g4{grid-template-columns:repeat(4,minmax(0,1fr))}
.gl-group{--tc:rgba(255,255,255,.2);padding:16px;border-radius:16px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);border-top:4px solid var(--tc)}
.gl-group h3{margin:0 0 12px;font-size:16px;color:#fff;display:flex;justify-content:space-between}.gl-group h3 small{color:#98A2B3;font-weight:600}
.gl-chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.gl-chips li{display:inline-flex;align-items:center;gap:6px;padding:7px 6px 7px 13px;border-radius:999px;background:rgba(255,255,255,.08);font-weight:600;font-size:15px;animation:gl-pop .3s ease-out}
.gl-chips li.gl-off{opacity:.45}.gl-chips small{font-size:11px;color:#98A2B3;font-weight:500}
.gl-chips button{width:28px;height:28px;border-radius:50%;border:0;background:rgba(255,255,255,.1);color:#D0D5DD;cursor:pointer;font-size:15px;line-height:1}.gl-chips button:hover{background:#B42318;color:#fff}
.gl-chips .gl-empty{background:none;color:#8D97A8;font-weight:500;animation:none;padding-left:0}
@keyframes gl-pop{from{transform:scale(.6);opacity:0}to{transform:none;opacity:1}}
/* question + reveal */
.gl-q{max-width:1320px;margin:0 auto;display:grid;gap:22px}
.gl-qhead{display:flex;align-items:center;justify-content:space-between;min-height:110px}
.gl-timer{position:relative;width:110px;height:110px}.gl-ring{width:100%;height:100%;transform:rotate(-90deg)}
.gl-ring circle{fill:none;stroke-width:8}.gl-ring-bg{stroke:rgba(255,255,255,.1)}.gl-ring-fg{stroke:#4F7DF5;stroke-linecap:round;transition:stroke-dashoffset .25s linear}.gl-ring-fg.gl-hot{stroke:#F04438}
.gl-ring-n{position:absolute;inset:0;display:grid;place-items:center;font-size:38px;font-weight:800;font-variant-numeric:tabular-nums}
.gl-qtext{margin:0;font-size:clamp(30px,3.4vw,52px);line-height:1.15;letter-spacing:-.02em;font-weight:800;color:#fff;text-wrap:balance}
.gl-opts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.gl-opts li{position:relative;display:flex;align-items:center;gap:16px;min-height:96px;padding:18px 22px;border-radius:18px;color:#fff;font-size:clamp(20px,1.8vw,28px);overflow:hidden;transition:opacity .3s,transform .3s}
.o0{background:#D92D20}.o1{background:#2E5BDB}.o2{background:#C98A00}.o3{background:#1F8A57}
.gl-sh{font-size:30px;width:44px;flex:none;text-align:center;opacity:.9}
.gl-opts b{flex:1;font-weight:700;position:relative;z-index:1}
.gl-opts .gl-bar{position:absolute;left:0;bottom:0;height:6px;width:100%;background:rgba(0,0,0,.18)}.gl-opts .gl-bar i{display:block;height:100%;background:rgba(255,255,255,.75)}
.gl-opts em{font-style:normal;font-weight:800;font-size:22px;position:relative;z-index:1}
.gl-opts .gl-dim{opacity:.32}.gl-opts .gl-right{box-shadow:0 0 0 4px #fff,0 18px 40px -12px rgba(0,0,0,.5);transform:scale(1.02)}
.gl-ok{position:relative;z-index:1;width:40px;height:40px;border-radius:50%;background:#fff;color:#1F8A57;display:grid;place-items:center;font-weight:900;font-size:22px}
.gl-qfoot .gl-fine{font-size:12.5px;color:#98A2B3;flex-basis:100%;order:3}.gl-pmain:has(.gl-pq){justify-content:flex-start;padding-top:24px}
.gl-qfoot{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:22px}.gl-qfoot p{margin:0;font-size:20px;color:#D0D5DD}.gl-qfoot p b{color:#fff;font-size:26px}
.gl-mini{flex:1 1 320px}
.gl-board{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.gl-board li{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:12px;background:rgba(255,255,255,.05);font-size:17px}
.gl-board li:first-child{background:linear-gradient(90deg,rgba(253,176,34,.22),rgba(255,255,255,.05))}.gl-board .gl-off{opacity:.5}
.gl-r{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:rgba(255,255,255,.1);font-weight:800;font-size:14px;flex:none}
.gl-board b{flex:1}.gl-board em{font-style:normal;font-weight:800;font-variant-numeric:tabular-nums}.gl-plus{color:#32D583;font-weight:700}
.gl-dot{width:11px;height:11px;border-radius:50%;background:var(--tc);flex:none}
.gl-tt{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;padding:3px 10px;border-radius:999px;background:color-mix(in srgb,var(--tc) 22%,transparent);color:#fff;border:1px solid var(--tc)}
.gl-teams{list-style:none;margin:0;padding:0;display:grid;gap:8px;flex:1 1 280px}
.gl-teams li{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.05);border-left:5px solid var(--tc);font-size:17px}
.gl-tr{font-weight:800;color:#98A2B3}.gl-teams b{flex:1}.gl-teams small{color:#98A2B3}.gl-teams em{font-style:normal;font-weight:800}
.gl-round,.gl-final{max-width:1100px;margin:0 auto;text-align:center}.gl-round h2,.gl-final h2{font-size:40px;margin:8px 0 24px}
.gl-two{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:24px;text-align:left;margin-bottom:26px}
.gl-win{display:inline-block;margin:10px 0 6px;padding:10px 22px;border-radius:999px;background:var(--tc);color:#fff;font-weight:800;font-size:22px}
.gl-podium{list-style:none;margin:24px auto 30px;padding:0;display:flex;justify-content:center;align-items:flex-end;gap:16px;max-width:760px}
.gl-podium li{flex:1;display:grid;justify-items:center;gap:8px;padding:20px 12px;border-radius:18px 18px 8px 8px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}
.gl-p1{min-height:220px;background:linear-gradient(180deg,rgba(253,176,34,.28),rgba(255,255,255,.05))!important;border-color:rgba(253,176,34,.5)!important}.gl-p2{min-height:180px}.gl-p3{min-height:150px}
.gl-medal{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:20px;background:#FDB022;color:#3A2600}.gl-p2 .gl-medal{background:#D0D5DD;color:#1D2939}.gl-p3 .gl-medal{background:#E2A36B;color:#3A1D05}
.gl-podium b{font-size:20px}.gl-podium em{font-style:normal;font-weight:800;font-size:22px;color:#FEC84B}
/* phone */
.gl-phone{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(130% 60% at 50% 0%,#1A2850 0%,#0A1124 55%,#070C1A 100%)}
.gl-pt{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.08)}
.gl-ptb{display:flex;align-items:center;gap:8px;font-weight:700;font-size:15px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gl-pscore{font-size:18px;font-variant-numeric:tabular-nums;color:#FEC84B}
.gl-pnet{margin:0;padding:8px 16px;background:rgba(247,144,9,.15);color:#FEC84B;font-size:13.5px;font-weight:600;text-align:center}
.gl-pmain{flex:1;display:flex;flex-direction:column;justify-content:center;padding:20px 16px 28px;max-width:520px;width:100%;margin:0 auto;box-sizing:border-box}
.gl-pform{display:grid;gap:12px;text-align:center}.gl-pform h1{margin:0;font-size:28px;letter-spacing:-.02em}.gl-pform p{margin:0;color:#D0D5DD}
.gl-pform input[type=text],.gl-pform input:not([type]),.gl-pform #gl-n{font:inherit;font-size:20px;font-weight:600;padding:16px;border-radius:14px;border:2px solid #344054;background:#0E1730;color:#fff;text-align:center}
.gl-cin{width:100%;max-width:100%;min-width:0;box-sizing:border-box;font:inherit;font-size:40px!important;font-weight:800;letter-spacing:.28em;text-transform:uppercase;padding:14px!important;border-radius:16px;border:2px solid #344054;background:#0E1730;color:#fff;text-align:center}
.gl-pform input:focus{outline:none;border-color:#4F7DF5;box-shadow:0 0 0 4px rgba(79,125,245,.3)}
.gl-pick{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;border:0;padding:0;margin:4px 0}.gl-pick legend{grid-column:1/-1;font-weight:700;margin-bottom:8px;color:#D0D5DD}
.gl-pick label,.gl-pick button{position:relative;display:block;font:inherit;font-weight:800;font-size:17px;padding:14px;border-radius:14px;background:color-mix(in srgb,var(--tc) 25%,#0E1730);border:2px solid transparent;color:#fff;cursor:pointer;text-align:center}
.gl-pick input{position:absolute;opacity:0}.gl-pick label:has(input:checked),.gl-pick button[aria-pressed=true]{border-color:#fff;background:var(--tc)}
.gl-pick-live{margin:14px 0 4px}
.gl-pmsg{display:grid;justify-items:center;gap:10px;text-align:center}.gl-pmsg b{font-size:26px;letter-spacing:-.01em}.gl-pmsg p{margin:0;color:#D0D5DD;font-size:16px}
.gl-you{display:flex;align-items:center;gap:8px}.gl-you b{font-size:18px!important}
.gl-pq{display:grid;gap:16px}.gl-pqh{display:flex;justify-content:space-between;align-items:center}
.gl-ptimer{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.1);font-weight:800;font-size:20px;font-variant-numeric:tabular-nums}
.gl-pqt{margin:0;font-size:21px;font-weight:700;line-height:1.3}
.gl-pbtns{display:grid;gap:12px}.gl-pbtns button{display:flex;align-items:center;gap:14px;min-height:72px;padding:14px 18px;border-radius:16px;border:0;color:#fff;font:inherit;font-size:18px;font-weight:700;text-align:left;cursor:pointer;box-shadow:0 6px 0 rgba(0,0,0,.25);transition:transform .08s}
.gl-pbtns button:active{transform:translateY(3px);box-shadow:0 3px 0 rgba(0,0,0,.25)}.gl-pbtns .gl-sh{font-size:24px;width:30px}
.gl-big-sh{width:84px;height:84px;border-radius:22px;display:grid;place-items:center;font-size:40px;color:#fff}
.gl-res .gl-resi{width:92px;height:92px;border-radius:50%;display:grid;place-items:center;font-size:48px;font-weight:900;color:#fff;animation:gl-pop .35s ease-out}
.gl-yes .gl-resi{background:#12B76A}.gl-no .gl-resi{background:#F04438}
.gl-rank{font-size:19px!important;color:#fff!important;font-weight:700}.gl-place{font-size:32px!important}
.gl-pboard{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:7px;width:100%}
.gl-pboard li{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.06);text-align:left}
.gl-pboard li.gl-me{outline:2px solid #4F7DF5}.gl-pboard span{font-weight:800;color:#98A2B3;width:20px}.gl-pboard b{flex:1;font-size:16px!important}.gl-pboard em{font-style:normal;font-weight:800}
.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
@media (max-width:980px){.gl-lobby,.gl-two{grid-template-columns:minmax(0,1fr)}.gl-g3,.gl-g4{grid-template-columns:repeat(2,minmax(0,1fr))}.gl-grid{grid-template-columns:minmax(0,1fr)}.gl-opts{grid-template-columns:minmax(0,1fr)}.gl-top{flex-wrap:wrap;padding:12px 16px}.gl-codechip{margin-left:0}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* milestone 2C: onboarding, lobby actions, progress */
.gl-link{font-size:13px;font-weight:600;color:#93B4FF;text-decoration:none;margin-top:2px}.gl-link:hover{text-decoration:underline}
.gl-steps{margin:20px 0 0;padding:16px 18px 16px 36px;border-radius:14px;background:rgba(147,180,255,.07);border:1px solid rgba(147,180,255,.18);display:grid;gap:6px;color:#D0D5DD;font-size:14.5px}.gl-steps b{color:#fff}
.gl-joinacts{display:grid;gap:8px;width:100%;margin-top:14px}.gl-joinacts .gl-btn{width:100%}
.gl-prog{height:6px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}.gl-prog i{display:block;height:100%;background:linear-gradient(90deg,#4F7DF5,#93B4FF);transition:width .4s}
.gl-btn:focus-visible,.gl-ico:focus-visible,.gl-setup a:focus-visible{outline:3px solid #fff;outline-offset:3px}
/* milestone 2B: question packs + editor */
.gl-wide{max-width:980px}
.gl-packs{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:12px}
.gl-packs li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09)}
.gl-pk{display:grid;gap:4px;min-width:0;flex:1 1 280px}.gl-pk b{font-size:17px;color:#fff}.gl-pk small{color:#98A2B3;font-size:13px}.gl-pk p{margin:4px 0 0;font-size:14px}
.gl-ready{color:#32D583;font-weight:700}.gl-draft{color:#FEC84B;font-weight:700}
.gl-danger:hover{background:#B42318!important;color:#fff!important;border-color:#B42318!important}
.gl-emptybox{margin-top:16px;display:grid;justify-items:center;gap:8px;text-align:center;padding:32px;border-radius:16px;border:1px dashed rgba(255,255,255,.18)}.gl-emptybox b{font-size:18px;color:#fff}
.gl-savebar{margin:0 0 14px;font-size:13.5px;color:#98A2B3}
.gl-errbox{margin:0 0 18px;padding:14px 16px;border-radius:12px;background:rgba(240,68,56,.1);border:1px solid rgba(240,68,56,.35)}.gl-errbox b{color:#FDA29B}.gl-errbox ul{margin:8px 0 0;padding-left:18px;color:#FECDCA;font-size:14px}
.gl-editor .gl-grid label{display:grid;gap:7px;font-size:13.5px;font-weight:600;color:#D0D5DD}
.gl-editor textarea,.gl-editor input:not([type=radio]){font:inherit;font-size:15px;padding:11px 12px;border-radius:10px;border:1px solid #344054;background:#0E1730;color:#fff;width:100%;box-sizing:border-box}
.gl-editor textarea{resize:vertical;font-size:17px;font-weight:600}
.gl-editor textarea:focus,.gl-editor input:not([type=radio]):focus{outline:3px solid rgba(37,99,235,.45);border-color:#4F7DF5}
.gl-qlist{list-style:none;margin:22px 0 14px;padding:0;display:grid;gap:14px}
.gl-qe{padding:16px;border-radius:16px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.09);display:grid;gap:10px}.gl-qe.gl-has-err{border-color:rgba(240,68,56,.5)}
.gl-qeh{display:flex;justify-content:space-between;align-items:center}
.gl-ico{width:34px;height:34px;border-radius:9px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:#D0D5DD;cursor:pointer;font-size:15px}.gl-ico:disabled{opacity:.3;cursor:default}
.gl-optsed{border:0;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.gl-oe{display:flex;align-items:center;gap:8px;padding:6px 8px 6px 10px;border-radius:12px;background:color-mix(in srgb,currentColor 0%,transparent)}
.gl-oe.o0{background:rgba(217,45,32,.18)}.gl-oe.o1{background:rgba(46,91,219,.2)}.gl-oe.o2{background:rgba(201,138,0,.2)}.gl-oe.o3{background:rgba(31,138,87,.2)}
.gl-oe input[type=radio]{width:20px;height:20px;accent-color:#32D583;flex:none;cursor:pointer}.gl-oel{color:#fff;font-size:18px;width:22px;text-align:center}
.gl-oe input[type=text]{background:rgba(7,12,26,.55);border-color:transparent}
.gl-hint{margin:0;font-size:12.5px;color:#98A2B3}.gl-err-i{color:#FDA29B;font-weight:600}
.gl-add{width:100%;border-style:dashed}
.gl-pvh{font-size:26px;margin:6px 0 4px}
.gl-preview{list-style:none;margin:18px 0;padding:0;display:grid;gap:14px}.gl-preview>li{padding:16px;border-radius:16px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.09)}.gl-preview h3{margin:6px 0 12px;font-size:20px;color:#fff}
.gl-opts-sm li{min-height:54px;font-size:16px;padding:10px 14px;border-radius:12px}.gl-opts-sm .gl-sh{font-size:18px;width:26px}.gl-opts-sm .gl-ok{width:28px;height:28px;font-size:15px}
@media (max-width:700px){.gl-optsed{grid-template-columns:minmax(0,1fr)}.gl-card{padding:20px}}
/* milestone 2A: presenter display (16:9 big screen; sizes follow the screen width) */
.gp{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(90% 70% at 15% 0%,#1D2D5C 0%,#0A1124 55%,#060A16 100%);color:#fff;overflow:hidden}
.gp-top{display:flex;align-items:center;gap:1.4vw;padding:1.2vw 2.4vw;border-bottom:1px solid rgba(255,255,255,.07)}
.gp-brand{display:flex;align-items:center;gap:.8vw;font-weight:700;font-size:clamp(16px,1.5vw,30px)}.gp-brand img{width:clamp(26px,2.2vw,44px);height:auto}
.gp-code{margin-left:auto;font-size:clamp(14px,1.25vw,26px);color:#D0D5DD}.gp-code b{color:#fff;letter-spacing:.06em}
.gp-fs{width:clamp(32px,2.2vw,46px);height:clamp(32px,2.2vw,46px);border-radius:10px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#fff;cursor:pointer;font-size:clamp(14px,1.2vw,22px);opacity:.6}.gp-fs:hover{opacity:1}
:fullscreen .gp-fs{display:none}
.gp-main{flex:1;display:flex;flex-direction:column;justify-content:center;padding:2vw 3.2vw 2.6vw}
.gp-k{margin:0;font-size:clamp(13px,1.1vw,24px);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#98A2B3}
.gp-msg{text-align:center;max-width:60vw;margin:0 auto}.gp-msg h1{font-size:clamp(28px,3vw,60px);margin:0 0 1vw}.gp-msg p{font-size:clamp(16px,1.5vw,30px);color:#D0D5DD}
.gp-lobby{display:grid;grid-template-columns:minmax(0,30vw) minmax(0,1fr);gap:4vw;align-items:center}
.gp-join{display:grid;justify-items:center;gap:.8vw;padding:2.4vw;border-radius:2vw;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);text-align:center}
.gp-qr{width:min(22vw,38vh);background:#fff;border-radius:1.2vw;padding:.6vw}.gp-qr .qr{display:block;width:100%;height:auto}
.gp-or{margin:.4vw 0 1vw;font-size:clamp(15px,1.4vw,30px);color:#D0D5DD}.gp-or b{color:#fff}
.gp-bigcode{margin:0;font-size:clamp(40px,4.6vw,104px);font-weight:800;letter-spacing:.1em;line-height:1;font-variant-numeric:tabular-nums;white-space:nowrap}
.gp-who h1{margin:0 0 1.6vw;font-size:clamp(28px,3.2vw,68px);letter-spacing:-.02em}
.gp-groups{display:grid;gap:1.2vw}.gp-g2{grid-template-columns:repeat(2,minmax(0,1fr))}.gp-g3{grid-template-columns:repeat(3,minmax(0,1fr))}.gp-g4{grid-template-columns:repeat(4,minmax(0,1fr))}
.gp-group{--tc:rgba(255,255,255,.2);padding:1.2vw;border-radius:1.2vw;background:rgba(255,255,255,.035);border-top:.35vw solid var(--tc)}
.gp-group h2{margin:0 0 .8vw;font-size:clamp(16px,1.5vw,32px);display:flex;justify-content:space-between}.gp-group h2 small{color:#98A2B3}
.gp-group ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5vw}
.gp-group li{padding:.4vw .9vw;border-radius:999px;background:rgba(255,255,255,.09);font-weight:600;font-size:clamp(13px,1.15vw,24px);animation:gl-pop .3s ease-out}.gp-group li.gl-off{opacity:.45}.gp-more{background:none!important;color:#98A2B3}
.gp-hint{margin:1.6vw 0 0;font-size:clamp(14px,1.25vw,26px);color:#98A2B3}
.gp-q,.gp-round,.gp-final{display:grid;gap:1.6vw}
.gp-prog{height:.45vw;min-height:4px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}.gp-prog i{display:block;height:100%;background:linear-gradient(90deg,#4F7DF5,#93B4FF)}
.gp-qh{display:flex;justify-content:space-between;align-items:center;min-height:8vw}
.gp-timer{position:relative;width:8vw;height:8vw;min-width:70px;min-height:70px}.gp-timer .gl-ring-n{font-size:clamp(26px,3vw,64px)}
.gp-qt{margin:0;font-size:clamp(30px,3.8vw,84px);line-height:1.12;letter-spacing:-.02em;font-weight:800;text-wrap:balance}
.gp-opts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2vw}
.gp-opts li{position:relative;display:flex;align-items:center;gap:1.2vw;min-height:7vw;padding:1.2vw 1.8vw;border-radius:1.4vw;font-size:clamp(20px,2.2vw,48px);overflow:hidden;transition:opacity .35s,transform .35s}
.gp-opts .gl-sh{font-size:clamp(22px,2.2vw,46px);width:3vw}.gp-opts b{flex:1;position:relative;z-index:1}.gp-opts em{font-style:normal;font-weight:800;position:relative;z-index:1}
.gp-opts .gl-bar{position:absolute;left:0;bottom:0;height:.45vw;width:100%;background:rgba(0,0,0,.18)}.gp-opts .gl-bar i{display:block;height:100%;background:rgba(255,255,255,.8)}
.gp-opts .gl-dim{opacity:.3}.gp-opts .gl-right{box-shadow:0 0 0 .3vw #fff;transform:scale(1.02)}.gp-opts .gl-ok{width:3vw;height:3vw;font-size:clamp(16px,1.6vw,34px)}
.gp-ans{margin:0;font-size:clamp(18px,1.8vw,38px);color:#D0D5DD}.gp-ans b{color:#fff;font-size:1.3em}
.gp-two{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:2vw}
.gp-board,.gp-teams{list-style:none;margin:0;padding:0;display:grid;gap:.6vw}
.gp-board li,.gp-teams li{display:flex;align-items:center;gap:1vw;padding:.8vw 1.2vw;border-radius:1vw;background:rgba(255,255,255,.05);font-size:clamp(16px,1.6vw,34px)}
.gp-board li:first-child{background:linear-gradient(90deg,rgba(253,176,34,.25),rgba(255,255,255,.05))}.gp-board b,.gp-teams b{flex:1}.gp-board em,.gp-teams em{font-style:normal;font-weight:800;font-variant-numeric:tabular-nums}
.gp-teams li{border-left:.4vw solid var(--tc)}.gp-teams small{color:#98A2B3}
.gp-r{width:2.4vw;height:2.4vw;min-width:26px;min-height:26px;border-radius:.6vw;display:grid;place-items:center;background:rgba(255,255,255,.1);font-weight:800;font-size:.8em}
.gp-round,.gp-final{text-align:center}.gp-round h1,.gp-final h1{margin:0;font-size:clamp(30px,3.6vw,76px)}.gp-round .gp-two{text-align:left}
.gp-win{font-size:clamp(22px,2.4vw,52px);padding:.8vw 2.4vw;justify-self:center}
.gp-podium{max-width:none;width:min(70vw,1300px);margin:1vw auto}.gp-podium li{padding:1.6vw 1vw}.gp-podium b{font-size:clamp(18px,2vw,44px)}.gp-podium em{font-size:clamp(20px,2.2vw,48px)}.gp-podium .gl-medal{width:3.4vw;height:3.4vw;font-size:clamp(16px,1.6vw,34px)}
.gp-podium .gl-p1{min-height:22vw}.gp-podium .gl-p2{min-height:18vw}.gp-podium .gl-p3{min-height:15vw}
.gp-final .gp-teams{width:min(50vw,900px);margin:0 auto;text-align:left}
.gp-enter{animation:gp-in .45s ease-out}
@keyframes gp-in{from{opacity:0;transform:translateY(1.2vw)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.gp-enter{animation:none}}
.gl-podium .gl-tt{justify-self:center;align-self:center}
/* milestone 3 (2026-10-20): host controls, admission, players panel, results, editor refinements, phone states, game-show presenter */
.gl-hacts{display:flex;gap:8px;margin-left:auto}.gl-hacts+.gl-codechip{margin-left:0}
.gl-hbtn{font:inherit;font-size:13.5px;font-weight:600;display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);color:#F2F4F7;cursor:pointer;text-decoration:none;position:relative}
.gl-hbtn:hover{background:rgba(255,255,255,.1)}.gl-hbtn b{color:#fff}.gl-hq{width:34px;justify-content:center;padding:7px 0}
.gl-badge{position:absolute;top:-7px;right:-7px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#F79009;color:#1D1300;font-style:normal;font-size:12px;font-weight:800;display:grid;place-items:center;box-sizing:border-box;animation:gl-pop .3s}
.gl-hbtn:focus-visible,.gl-switch:focus-visible,.gl-linkbtn:focus-visible,.gl-chips button:focus-visible,.gl-qnav button:focus-visible{outline:3px solid #fff;outline-offset:2px}
.gl-now{max-width:1320px;margin:0 auto 22px;display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;padding:12px 16px;border-radius:14px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.09)}
.gl-now b{color:#fff;font-size:15.5px}.gl-now>span:last-child{color:#98A2B3;font-size:14px}
.gl-now-p{font-size:11.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:4px 10px;border-radius:999px;background:rgba(147,180,255,.16);color:#B9CCFF}
.gl-ph-question .gl-now-p,.gl-now-p.gl-ph-question{background:rgba(50,213,131,.16);color:#6CE9A6}.gl-now-p.gl-ph-reveal{background:rgba(253,176,34,.16);color:#FEC84B}.gl-now-p.gl-ph-final,.gl-now-p.gl-ph-ended{background:rgba(255,255,255,.12);color:#fff}
.gl-btn kbd,.gl-keys kbd{font:inherit;font-size:11px;font-weight:700;padding:2px 6px;border-radius:6px;background:rgba(255,255,255,.18);margin-left:6px;opacity:.85}
.gl-keys{display:grid;grid-template-columns:auto 1fr;gap:10px 18px;margin:14px 0;align-items:center}.gl-keys dt{white-space:nowrap}.gl-keys dd{margin:0;color:#D0D5DD}.gl-keys kbd{margin:0 2px;font-size:13px}
.gl-sm{font-size:13px;padding:7px 12px;border-radius:9px}
.gl-switches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 16px}.gl-switches.gl-col{grid-template-columns:minmax(0,1fr)}
.gl-switch{font:inherit;display:flex;align-items:center;gap:12px;text-align:left;padding:11px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.035);color:#F2F4F7;cursor:pointer}
.gl-switch>i{flex:none;width:38px;height:22px;border-radius:999px;background:#344054;position:relative;transition:background .2s}.gl-switch>i::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .2s}
.gl-switch[aria-checked=true]>i{background:#2563EB}.gl-switch[aria-checked=true]>i::after{transform:translateX(16px)}
.gl-switch span{display:grid;gap:2px}.gl-switch b{font-size:14.5px}.gl-switch small{font-size:12.5px;color:#98A2B3}
.gl-pending{margin:0 0 16px;padding:14px 16px;border-radius:14px;background:rgba(247,144,9,.08);border:1px solid rgba(247,144,9,.35)}.gl-pending .gl-ph{margin-bottom:10px}.gl-pending h3{margin:0;font-size:16px;color:#FEC84B}
.gl-pending ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.gl-pending li{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;background:rgba(0,0,0,.18)}.gl-pending li b{flex:1;font-size:15.5px}.gl-pending li small{color:#98A2B3}
.gl-chips li span{max-width:16ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gl-drawer{position:fixed;top:0;right:0;bottom:0;z-index:20;width:min(420px,100vw);box-sizing:border-box;padding:18px;overflow:auto;background:#0B1328;border-left:1px solid rgba(255,255,255,.12);box-shadow:-30px 0 60px rgba(0,0,0,.45)}
.gl-drawer h2{margin:0;font-size:20px}.gl-drawer h2 small{font-size:13px;color:#98A2B3;font-weight:600;margin-left:6px}
.gl-plist{list-style:none;margin:10px 0;padding:0;display:grid;gap:6px}.gl-plist li{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.04)}.gl-plist li.gl-off{opacity:.6}
.gl-st{width:9px;height:9px;border-radius:50%;background:#8D97A8;flex:none}.gl-st.gl-on{background:#32D583}
.gl-pn{flex:1;display:grid;min-width:0}.gl-pn b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gl-pn small{color:#98A2B3;font-size:12px}.gl-plist em{font-style:normal;font-weight:800;font-variant-numeric:tabular-nums}
.gl-modal{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:16px;background:rgba(3,6,14,.7)}.gl-modal .gl-card{max-width:520px;width:100%}
.gl-span2{grid-column:1/-1}.gl-packdesc{font-weight:500;color:#98A2B3;font-size:12.5px;min-height:1.3em}
.gl-saved{margin:0 0 18px;color:#D0D5DD;font-size:14.5px}.gl-saved a{color:#93B4FF;font-weight:700}
.gl-reading li{opacity:.55}.gl-read{font-size:22px!important;letter-spacing:.06em;text-transform:uppercase;color:#93B4FF}
.gl-pulse{animation:gl-pulse 1s ease-in-out infinite}@keyframes gl-pulse{50%{transform:scale(1.12);color:#FDA29B}}
/* results */
.gl-h2{font-size:19px!important;margin:26px 0 12px!important}.gl-result .gl-win{margin-top:0}
.gl-podium-sm{margin:10px auto 6px}.gl-podium-sm li{padding:14px 10px}.gl-podium-sm .gl-p1{min-height:150px}.gl-podium-sm .gl-p2{min-height:120px}.gl-podium-sm .gl-p3{min-height:100px}
.gl-tablewrap{overflow-x:auto;border-radius:12px;border:1px solid rgba(255,255,255,.09)}
.gl-table{width:100%;border-collapse:collapse;font-size:14.5px}.gl-table th{text-align:left;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#98A2B3;padding:10px 12px;background:rgba(255,255,255,.04)}
.gl-table td{padding:9px 12px;border-top:1px solid rgba(255,255,255,.06);color:#E4E7EC;vertical-align:top}.gl-num{text-align:right!important;font-variant-numeric:tabular-nums}
.gl-pc{display:inline-flex;align-items:center;gap:8px;font-weight:700}.gl-pc i{width:70px;height:7px;border-radius:999px;background:linear-gradient(90deg,#32D583 var(--p),rgba(255,255,255,.1) var(--p))}
/* editor */
.gl-savebar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px}.gl-meter{display:inline-flex;align-items:center;gap:8px}.gl-meter b{color:#D0D5DD;font-weight:600}.gl-meter i{width:90px;height:6px;border-radius:999px;background:linear-gradient(90deg,#32D583 var(--p),rgba(255,255,255,.12) var(--p))}
.gl-kbd-hint{margin-left:auto;color:#8D97A8}
.gl-qnav{display:flex;flex-wrap:wrap;gap:6px;margin:18px 0 0;position:sticky;top:0;z-index:2;padding:10px 0;background:linear-gradient(#0D1530 70%,transparent)}
.gl-qnav button{font:inherit;font-size:13px;font-weight:700;width:34px;height:30px;border-radius:8px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);color:#D0D5DD;cursor:pointer}
.gl-qnav .gl-n-ok{border-color:rgba(50,213,131,.5);color:#6CE9A6}.gl-qnav .gl-n-err{border-color:rgba(240,68,56,.7);color:#FDA29B;background:rgba(240,68,56,.12)}
.gl-polltog{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:#98A2B3;margin-right:6px;cursor:pointer}.gl-polltog input{accent-color:#2563EB}
.gl-linkbtn{font:inherit;background:none;border:0;padding:0;color:#93B4FF;text-decoration:underline;cursor:pointer;text-align:left}.gl-errbox .gl-linkbtn{color:#FECDCA}
.gl-restore{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.gl-qe{scroll-margin-top:70px}
/* phone */
.gl-spin{width:42px;height:42px;border-radius:50%;border:4px solid rgba(255,255,255,.15);border-top-color:#93B4FF;animation:gl-spin 1s linear infinite}@keyframes gl-spin{to{transform:rotate(360deg)}}
.gl-pback{background:rgba(50,213,131,.15)!important;color:#6CE9A6!important}
.gl-yes-i,.gl-poll-i{width:64px!important;height:64px!important;font-size:32px!important;border-radius:50%;display:grid;place-items:center;background:#12B76A;color:#fff}.gl-poll-i{background:#2E5BDB}.gl-no-i{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;font-size:36px;background:rgba(255,255,255,.08)}
.gl-ptimer.gl-hot{background:#B42318;color:#fff}
.gl-ready-bar{margin:0;display:grid;gap:8px;font-weight:700;color:#93B4FF;text-align:center}.gl-ready-bar i{display:block;height:6px;border-radius:999px;background:#4F7DF5;transform-origin:left;animation:gl-shrink var(--d) linear forwards}
@keyframes gl-shrink{from{transform:scaleX(1)}to{transform:scaleX(0)}}
.gl-pbtns button:disabled{opacity:.5;cursor:default;box-shadow:none}
.gl-pbtns button:focus-visible{outline:4px solid #fff;outline-offset:2px}
@media (orientation:landscape) and (max-height:520px){.gl-pmain{max-width:860px;padding:10px 16px 14px;justify-content:flex-start}.gl-pt{padding:6px 14px}.gl-pbtns{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.gl-pbtns button{min-height:58px;padding:10px 14px;font-size:16px}.gl-pqt{font-size:18px}.gl-pq{gap:10px}.gl-pmsg{gap:6px}.gl-resi{width:64px!important;height:64px!important;font-size:32px!important}}
@media (max-width:360px){.gl-pbtns button{min-height:64px;font-size:16.5px;padding:12px 14px}.gl-cin{font-size:32px!important;letter-spacing:.2em}}
@media (max-width:980px){.gl-switches{grid-template-columns:minmax(0,1fr)}.gl-hacts{margin-left:0}}
/* presenter: game-show pass */
.gp-title{margin:.2vw 0 1.4vw;font-size:clamp(30px,3.8vw,80px);letter-spacing:-.02em;line-height:1.05}
.gp-how{list-style:none;margin:0 0 1.8vw;padding:0;display:flex;flex-wrap:wrap;gap:1vw}.gp-how li{display:flex;align-items:center;gap:.7vw;font-size:clamp(14px,1.3vw,28px);font-weight:600;padding:.6vw 1.2vw .6vw .6vw;border-radius:999px;background:rgba(255,255,255,.06)}
.gp-how b{width:2vw;height:2vw;min-width:24px;min-height:24px;border-radius:50%;display:grid;place-items:center;background:#2563EB;font-size:.85em}
.gp-count{margin:0 0 1vw;font-size:clamp(18px,1.9vw,40px);font-weight:600;color:#D0D5DD}.gp-count b{color:#fff;font-size:1.5em;font-variant-numeric:tabular-nums}.gp-count small{font-size:.65em;color:#FEC84B}
.gp-card-round{text-align:center;display:grid;justify-items:center;gap:1.4vw}.gp-card-round h1{margin:0;font-size:clamp(56px,9vw,200px);line-height:1;letter-spacing:-.03em;background:linear-gradient(180deg,#fff,#93B4FF);-webkit-background-clip:text;background-clip:text;color:transparent}
.gp-card-round h1 small{font-size:.32em;letter-spacing:0;-webkit-text-fill-color:#98A2B3}.gp-qt-sm{font-size:clamp(22px,2.6vw,56px)!important;max-width:70vw;color:#D0D5DD}
.gp-teamline{display:flex;gap:1vw;margin:0}.gp-teamline span{padding:.5vw 1.4vw;border-radius:999px;background:var(--tc);font-weight:800;font-size:clamp(14px,1.4vw,30px)}
.gp-readbar{margin:0;height:.5vw;min-height:5px;width:min(60vw,1100px);border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}.gp-readbar i{display:block;height:100%;background:linear-gradient(90deg,#4F7DF5,#93B4FF);transform-origin:left;animation:gl-shrink var(--d) linear forwards}
.gp-q .gp-readbar{width:100%}
.gp-reading li{opacity:.4;transform:scale(.98)}
.gp-revealed .gl-bar i{transition:width .9s cubic-bezier(.2,.8,.2,1)}.gp-revealed .gl-right{animation:gp-right .6s ease-out}
@keyframes gp-right{0%{transform:scale(1)}40%{transform:scale(1.05)}100%{transform:scale(1.02)}}
.gp-ansbar{display:flex;align-items:center;gap:2vw}.gp-meter{flex:1;height:.6vw;min-height:6px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}.gp-meter i{display:block;height:100%;background:#32D583;transition:width .4s}
.gp-stagger .gl-p3{animation:gp-rise .6s .2s both}.gp-stagger .gl-p2{animation:gp-rise .6s .7s both}.gp-stagger .gl-p1{animation:gp-rise .7s 1.2s both}
@keyframes gp-rise{from{opacity:0;transform:translateY(4vw)}to{opacity:1;transform:none}}
.gp-confetti{position:fixed;inset:0;pointer-events:none;z-index:5;width:100%;height:100%}
.gp .gl-spin{margin:0 auto 1vw;width:4vw;height:4vw;min-width:40px;min-height:40px}
@media (prefers-reduced-motion:reduce){.gp-stagger li,.gp-revealed .gl-right{animation:none}.gp-readbar i,.gl-ready-bar i{animation:none;opacity:.6}.gl-spin{animation-duration:3s}}

/* Phase 5: a short field beside a taller one (help text under the pack select) keeps its own height instead of stretching */
.gl-grid label{align-content:start}.gl-grid label input,.gl-grid label select{align-self:start}
/* ---------- sprint 1 (2026-10-21): setup + review, branding, pause, explanations, round scorers, notices, import ---------- */
.gl-setupwrap{max-width:860px}.gl-intro h1{font-size:32px}
.gl-quick{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin:6px 0 4px;padding:16px 18px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-left:4px solid var(--acc)}
.gl-quick div{display:grid;gap:4px;max-width:520px}.gl-quick b{font-size:16px;color:#fff}.gl-quick span{font-size:14px;color:#D0D5DD;line-height:1.5}
.gl-setup fieldset{border:0;border-top:1px solid rgba(255,255,255,.1);margin:18px 0 0;padding:16px 0 0;display:grid;gap:12px}.gl-setup legend{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#B9CCFF;padding:0 0 4px}
.gl-setup .gl-span2{grid-column:1/-1}
.gl-swatches{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.gl-swl{font-size:13.5px;font-weight:600;color:#D0D5DD;margin-right:6px}
.gl-sw{display:inline-flex!important;align-items:center;gap:8px;padding:7px 12px 7px 8px;border-radius:999px;border:1px solid #344054;background:#0E1730;cursor:pointer;font-weight:600;font-size:14px;color:#F2F4F7}
.gl-sw input{position:absolute;opacity:0;width:1px;height:1px}.gl-sw i{width:20px;height:20px;border-radius:50%;background:var(--sw);box-shadow:inset 0 0 0 2px rgba(255,255,255,.25)}
.gl-sw:has(input:checked){border-color:#fff;box-shadow:0 0 0 2px var(--sw)}.gl-sw:has(input:checked) span::after{content:" ✓"}.gl-sw:has(input:focus-visible){outline:3px solid #fff;outline-offset:2px}
.gl-review{max-width:720px}.gl-dl{display:grid;gap:0;margin:0 0 18px;border-top:1px solid rgba(255,255,255,.1)}.gl-dl div{display:grid;grid-template-columns:200px minmax(0,1fr);gap:14px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.gl-dl dt{color:#98A2B3;font-size:14px;font-weight:600}.gl-dl dd{margin:0;color:#fff;font-weight:600;overflow-wrap:anywhere}.gl-swdot{display:inline-block;width:14px;height:14px;border-radius:50%;background:var(--sw);margin-right:8px;vertical-align:-2px}
.gl-readyline{margin:-6px 0 14px;padding:9px 14px;border-radius:10px;background:rgba(255,255,255,.06);color:#D0D5DD;font-size:14.5px}.gl-readyline b{color:#FEC84B}.gl-isready b{color:#32D583}
.gl-settings{margin:16px 0 0;padding:12px 16px;border-radius:14px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.1)}.gl-settings summary{cursor:pointer;font-weight:700;color:#fff}.gl-settings summary:focus-visible{outline:3px solid #fff;outline-offset:3px}.gl-settings form{margin-top:12px}
.gl-paused{margin:0;padding:12px 16px;border-radius:12px;background:rgba(247,144,9,.14);border:1px solid rgba(247,144,9,.45);color:#FEDF89;font-size:16px}.gl-paused b{color:#FEC84B}
.gl-explain{margin:0;padding:12px 16px;border-radius:12px;background:rgba(147,180,255,.1);border-left:4px solid var(--acc,#3E63DD);color:#E4EBFF;font-size:16px;line-height:1.5;text-align:left;max-width:68ch}.gl-explain b{color:#B9CCFF}
.gl-pmsg .gl-explain{font-size:15px;margin-top:6px}
.gl-roundtop{padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.05);margin:6px 0 16px}.gl-roundtop ol{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px 22px}.gl-roundtop li{display:flex;align-items:center;gap:8px;font-size:17px}.gl-roundtop em{font-style:normal;color:#32D583;font-weight:700}
.gl-winp{margin:6px 0 4px;font-size:26px}.gl-toast-ok{background:#067647}
.gl-event{font-weight:600;color:#B9CCFF!important}.gl-next{margin:4px 0 0;padding:0;list-style:none;display:grid;gap:6px;font-size:14.5px;color:#D0D5DD}.gl-next li::before{content:"• ";color:var(--acc,#3E63DD)}
.gl-latenote{max-width:34ch}
.gl-phone .gl-btn,.gl-phone .gl-pbtns button:focus-visible{outline-offset:3px}
.gp-brand small{margin-left:.8vw;padding-left:.8vw;border-left:1px solid rgba(255,255,255,.2);font-weight:600;color:#B9CCFF;font-size:.8em}
.gp-company{margin:-.3vw 0 1vw;font-size:clamp(16px,1.6vw,34px);color:#B9CCFF;font-weight:600}
.gp-snd{width:auto!important;padding:0 .9vw;font-size:clamp(12px,.9vw,18px)!important;font-weight:600;font:inherit}.gp-snd[aria-pressed="true"]{opacity:1;border-color:var(--acc)}
.gp-paused{align-self:center;display:grid;justify-items:center;gap:.4vw;padding:1.2vw 3vw;border-radius:1.4vw;background:rgba(247,144,9,.16);border:2px solid rgba(247,144,9,.6);color:#FEDF89}.gp-paused b{font-size:clamp(28px,3.2vw,64px);color:#FEC84B}.gp-paused span{font-size:clamp(16px,1.5vw,30px)}
.gp-explain{margin:1vw 0 0;padding:1vw 1.4vw;border-radius:1vw;background:rgba(147,180,255,.1);border-left:.4vw solid var(--acc,#3E63DD);font-size:clamp(18px,1.7vw,36px);line-height:1.4;color:#E4EBFF}.gp-explain b{color:#B9CCFF}
.gp-roundtop{margin:.4vw 0 1vw;font-size:clamp(18px,1.6vw,34px);color:#D0D5DD}.gp-roundtop b{color:#fff}
.gl-import{margin:0 0 18px;padding:16px;border-radius:16px;background:rgba(255,255,255,.04);border:1px dashed rgba(255,255,255,.22)}.gl-import h2{margin-top:0!important}.gl-import h2:focus{outline:none}
.gl-impin{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:start;margin:10px 0}.gl-impin textarea{font:inherit;font-size:14px;padding:10px 12px;border-radius:10px;border:1px solid #344054;background:#0E1730;color:#fff;min-height:44px}
.gl-file{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:14px;padding:11px 14px;border-radius:12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);cursor:pointer;color:#F2F4F7}.gl-file input{width:0;height:0;opacity:0;position:absolute}.gl-file:has(input:focus-visible){outline:3px solid #fff;outline-offset:3px}
.gl-impok{margin:8px 0;padding:10px 14px;border-radius:10px;background:rgba(50,213,131,.1);color:#ABEFC6}.gl-preview-sm h3{font-size:17px!important}
.gl-xlab{display:grid;gap:6px;margin-top:10px;font-size:13px;font-weight:600;color:#D0D5DD}.gl-xlab input{font:inherit;font-size:14.5px;padding:10px 12px;border-radius:10px;border:1px solid #344054;background:#0E1730;color:#fff}
@media (max-width:700px){.gl-dl div{grid-template-columns:minmax(0,1fr);gap:2px}.gl-impin{grid-template-columns:minmax(0,1fr)}.gl-quick .gl-btn{width:100%}}
.gl-explain b{font-size:inherit!important;letter-spacing:0!important}
.gl-now-p.gl-ph-paused{background:rgba(247,144,9,.2)!important;color:#FEC84B!important}
.gp-q{position:relative}.gp-paused{position:absolute;left:50%;top:55%;transform:translate(-50%,-50%);z-index:3;box-shadow:0 30px 90px rgba(0,0,0,.65);background:rgba(43,30,10,.96)!important;min-width:min(60vw,900px)}
.gp-explain{font-size:clamp(16px,1.35vw,28px)!important;padding:.7vw 1.2vw!important;margin:.8vw 0 0!important}
/* the reveal is denser so the explanation and standings fit a 1080p screen; while paused the question is dimmed behind the notice */
.gp-q-rev{gap:1.1vw}.gp-q-rev .gp-qh{min-height:3vw}.gp-q-rev .gp-qt{font-size:clamp(24px,2.7vw,60px)}.gp-q-rev .gp-opts li{min-height:4.6vw;padding:.8vw 1.6vw;font-size:clamp(18px,1.8vw,40px)}
.gp-is-paused>:not(.gp-paused):not(.gp-qh){opacity:.15;filter:blur(3px);transition:opacity .3s,filter .3s}.gp-is-paused .gp-paused{top:50%}
@media (prefers-reduced-motion:reduce){.gp-is-paused>*{transition:none}}
/* text that scales with its length (custom packs allow 220-character questions and 90-character answers) */
.gp-len-m .gp-qt{font-size:clamp(26px,3vw,66px)}.gp-len-l .gp-qt{font-size:clamp(22px,2.3vw,50px);line-height:1.15}
.gp-len-m .gp-qh,.gp-len-l .gp-qh,.gp-omid .gp-qh,.gp-olong .gp-qh{min-height:5vw}
.gp-omid .gp-opts li{font-size:clamp(17px,1.7vw,38px);min-height:5.4vw}.gp-olong .gp-opts li{font-size:clamp(15px,1.32vw,30px);min-height:4.6vw;padding:.8vw 1.4vw;line-height:1.25}
.gp-q-rev.gp-len-l .gp-qt,.gp-q-rev.gp-len-m .gp-qt{font-size:clamp(20px,2vw,44px)}
.gl-pqt-mid{font-size:clamp(18px,5vw,22px)!important}.gl-pqt-long{font-size:clamp(16px,4.4vw,19px)!important;line-height:1.3!important}
.gl-pbtns-long button{font-size:15px!important;min-height:52px!important;padding:10px 12px!important;line-height:1.25}
/* sprint 2: the next-game review card in the lobby */
.gl-nextcard{margin:14px 0 0;padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-left:4px solid var(--acc,#3E63DD)}.gl-nextpack{margin:6px 0 2px!important;color:#fff!important;font-size:16px}.gl-nextpack b{color:#fff}
.gl-return{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin:0 0 18px;padding:14px 16px;border-radius:14px;background:rgba(50,213,131,.1);border:1px solid rgba(50,213,131,.4)}.gl-return div{display:grid;gap:3px}.gl-return b{color:#fff}.gl-return span{color:#D0D5DD;font-size:14px}
.gl-impguide{margin:8px 0 10px}.gl-impguide summary{cursor:pointer;font-weight:700;color:#B9CCFF;font-size:14px}.gl-impguide summary:focus-visible{outline:3px solid #fff;outline-offset:3px}.gl-impguide .gl-table{margin-top:8px;font-size:13.5px}.gl-impguide code{background:rgba(255,255,255,.08);padding:1px 5px;border-radius:5px}
.gl-net b{font-weight:600;color:#FEC84B}

/* rc5d: medals follow the rank (ties share the colour); dimmed answers keep readable labels; inline retry link */
.gl-podium .gl-medal[data-r="1"]{background:#FDB022;color:#3A2600}.gl-podium .gl-medal[data-r="2"]{background:#D0D5DD;color:#1D2939}.gl-podium .gl-medal[data-r="3"]{background:#E8A16A;color:#3A1D06}.gl-podium .gl-medal[data-r="4"]{background:#475467;color:#fff}
.gl-opts .gl-dim,.gp-opts .gl-dim{opacity:1;filter:saturate(.35) brightness(.55)}.gl-opts .gl-dim b,.gp-opts .gl-dim b{color:rgba(255,255,255,.86)}
.gl-linkbtn{background:none;border:0;padding:0;color:#84ADFF;text-decoration:underline;font:inherit;cursor:pointer}.gl-linkbtn:focus-visible{outline:2px solid #fff;outline-offset:2px}
/* 2026-10-26 account rebuild: the host pages outside a room are light and sit in the account shell (white, light grey, one blue).
   gl-focus = a running room: the shell steps aside and the full-screen dark host console takes over. ash-anon = signed out: no sidebar. */
.lt-body{margin:0;color:#101828;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
.lt-body .skip{position:absolute;left:-9999px}.lt-body .skip:focus{left:12px;top:12px;z-index:100;background:#fff;padding:8px 12px;border-radius:8px}
.lt-body .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.gl-focus{background:#070C1A;color:#F2F4F7}.gl-focus .ash{display:block}.gl-focus .ash-side,.gl-focus .ash-top,.gl-focus .ash-scrim{display:none!important}
.ash-anon .ash{display:block}.ash-anon .ash-side,.ash-anon .ash-scrim,.ash-anon .ash-menu{display:none!important}.ash-anon .ash-top{display:flex;align-items:center;height:56px;padding:0 16px;background:#fff;border-bottom:1px solid #EAECF0}
.gl-leave{white-space:nowrap}
.lt{display:block;padding:32px 32px 56px;max-width:1040px;margin:0 auto}
@media (max-width:899px){.lt{padding:20px 16px 40px}}
.lt-w{display:grid;gap:18px}.lt-narrow{max-width:760px}
.lt-h{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}
.lt-t{margin:0;font-size:26px;line-height:1.2;letter-spacing:-.01em}.lt-h p{margin:6px 0 0;color:#475467}
.lt-cta{min-height:46px;padding:0 22px;font-size:15.5px}
.lt-card{background:#fff;border:1px solid #EAECF0;border-radius:12px;padding:18px 20px;min-width:0}
.lt-center{max-width:560px;margin:24px auto;text-align:center;padding:28px}.lt-center h1{margin:0 0 8px;font-size:22px}.lt-center p{margin:0 0 4px;color:#475467;overflow-wrap:anywhere}
.lt-acts{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center;margin-top:18px}.lt-acts .st{flex-basis:100%;font-size:14px;color:#475467;min-height:1.2em}
.lt-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}@media (max-width:720px){.lt-grid{grid-template-columns:minmax(0,1fr)}}
.lt-ch{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin:0 0 8px}.lt-ch h3{margin:0;font-size:16px}.lt-ch a{font-size:14px;font-weight:600;color:#1D4ED8;text-decoration:none}.lt-ch a:hover{text-decoration:underline}
.lt-list{list-style:none;margin:0 0 10px;padding:0;display:grid}.lt-list li{display:flex;flex-wrap:wrap;row-gap:2px;justify-content:space-between;gap:12px;align-items:center;min-height:42px;border-top:1px solid #F2F4F7;font-size:14.5px;min-width:0}.lt-list li:first-child{border-top:0}
.lt-list a,.lt-li{color:#101828;font-weight:600;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.lt-list a:hover{text-decoration:underline}.lt-list span:last-child{color:#667085;font-size:13px;white-space:nowrap}
.lt-none{margin:0;color:#667085;font-size:14px}
.lt-link{display:inline-flex;align-items:center;min-height:36px;font-size:14px;font-weight:600;color:#1D4ED8;text-decoration:none}.lt-link:hover{text-decoration:underline}
.lt-facts{margin:0;color:#667085;font-size:13.5px}.lt-facts a{color:#344054}
.lt-return{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;background:#EEF4FF;border:1px solid #C7D7FE;border-radius:12px;padding:14px 16px}.lt-return div{display:grid;gap:2px}.lt-return span{color:#344054;font-size:14px}
.lt-back{color:#475467;font-size:14px;font-weight:600;text-decoration:none;justify-self:start;min-height:32px;display:inline-flex;align-items:center}.lt-back:hover{color:#101828}
.lt-form{display:grid;gap:14px}
.lt-fs{margin:0;background:#fff;border:1px solid #EAECF0;border-radius:12px;padding:16px 18px 18px;min-width:0}.lt-fs legend{float:left;width:100%;margin:0 0 12px;padding:0;font-weight:700;font-size:16px}
.lt-pks{clear:both;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px;margin:0 0 6px}
.lt-pk{position:relative;display:block;cursor:pointer}.lt-pk input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.lt-pk>span{display:grid;gap:2px;min-height:58px;padding:10px 12px;border:1.5px solid #D0D5DD;border-radius:10px;background:#fff}.lt-pk b{font-size:14.5px}.lt-pk small{color:#667085;font-size:12.5px}
.lt-pk input:checked+span{border-color:#2563EB;background:#EEF4FF;box-shadow:inset 0 0 0 1px #2563EB}.lt-pk input:focus-visible+span{outline:3px solid #84ADFF;outline-offset:2px}.lt-pk:hover>span{border-color:#98A2B3}
.lt-g2{clear:both;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px}@media (max-width:560px){.lt-g2{grid-template-columns:minmax(0,1fr)}}.lt-span2{grid-column:1/-1}
.lt-g2 label{display:grid;gap:6px;font-size:13.5px;font-weight:600;color:#344054;align-content:start}
.lt input:not([type=radio]):not([type=checkbox]):not([type=file]),.lt select,.lt textarea{font:inherit;font-size:15px;font-weight:500;padding:10px 12px;border-radius:8px;border:1px solid #D0D5DD;background:#fff;color:#101828;width:100%;box-sizing:border-box;min-height:44px}
.lt input:focus-visible,.lt select:focus-visible,.lt textarea:focus-visible{outline:3px solid #84ADFF;outline-offset:1px;border-color:#2563EB}
.lt-opt{font-weight:500;color:#667085}
.lt-more{background:#fff;border:1px solid #EAECF0;border-radius:12px;padding:0 18px}.lt-more summary{cursor:pointer;min-height:48px;display:flex;align-items:center;font-weight:600}.lt-more[open]{padding-bottom:16px}
.lt-sws{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:14px;font-size:13.5px;font-weight:600;color:#344054}.lt-sws>span:first-child{flex-basis:100%}
.lt .gl-sw span{color:#344054}
.lt-sum{position:sticky;bottom:0;background:#F6F7F9;padding:12px 0 4px;display:grid;gap:6px;justify-items:start}.lt-sum p{margin:0}.lt-sum [data-sum]{font-weight:600;color:#101828}
.lt-err{color:#B42318;font-weight:600;min-height:0}.lt-err:empty{display:none}
.lt-fine{font-size:13px;color:#667085;margin:6px 0}
/* packs, pack editor and results inside .lt: light versions of the dark console styles */
.lt .gl-card{background:#fff;border:1px solid #EAECF0;box-shadow:none;border-radius:12px;padding:24px;max-width:none}
.lt .gl-card h1,.lt .gl-card h2{font-size:24px}.lt .gl-ph h2{font-size:24px}
.lt .gl-card p,.lt .gl-lead{color:#475467}.lt .gl-fine,.lt .gl-k,.lt .gl-hint,.lt .gl-savebar,.lt .gl-polltog,.lt .gl-kbd-hint,.lt .gl-opt{color:#667085}
.lt .gl-err,.lt .gl-err-i{color:#B42318}
.lt .gl-btn{background:#2563EB;color:#fff;border-radius:8px;font-weight:600;padding:10px 16px;min-height:42px;width:auto}.lt .gl-btn:hover{filter:none;background:#1D4ED8}.lt .gl-btn:focus-visible,.lt .gl-ico:focus-visible{outline:3px solid #84ADFF}
.lt .gl-ghost{background:#fff;color:#344054;border:1px solid #D0D5DD}.lt .gl-ghost:hover{background:#F9FAFB}
.lt .gl-packs li,.lt .gl-qe,.lt .gl-preview>li,.lt .gl-podium li{background:#fff;border:1px solid #EAECF0}
.lt .gl-pk b,.lt .gl-emptybox b,.lt .gl-preview h3{color:#101828}.lt .gl-pk small{color:#667085}
.lt .gl-ready{color:#067647}.lt .gl-draft{color:#B54708}
.lt .gl-emptybox{border:1px dashed #D0D5DD;background:#F9FAFB}
.lt .gl-errbox{background:#FEF3F2;border-color:#FECDCA}.lt .gl-errbox b{color:#B42318}.lt .gl-errbox ul{color:#912018}.lt .gl-errbox .gl-linkbtn{color:#912018}
.lt .gl-note{background:#FFFAEB;color:#93370D}
.lt .gl-editor .gl-grid label,.lt .gl-xlab,.lt .gl-meter b{color:#344054}
.lt .gl-editor textarea,.lt .gl-editor input:not([type=radio]):not([type=checkbox]),.lt .gl-impin textarea,.lt .gl-xlab input{background:#fff;color:#101828;border:1px solid #D0D5DD}
.lt .gl-qe.gl-has-err{border-color:#FDA29B}
.lt .gl-ico{background:#fff;border:1px solid #D0D5DD;color:#344054}
.lt .gl-oe{background:#F9FAFB;border:1px solid #EAECF0}.lt .gl-oe.o0,.lt .gl-oe.o1,.lt .gl-oe.o2,.lt .gl-oe.o3{background:#F9FAFB}.lt .gl-oel{color:#344054}.lt .gl-oe input[type=text]{background:#fff;border:1px solid #D0D5DD}.lt .gl-oe input[type=radio]{accent-color:#2563EB}
.lt .gl-tablewrap{border:1px solid #EAECF0;background:#fff}.lt .gl-table th{color:#475467;background:#F9FAFB}.lt .gl-table td{border-top:1px solid #EAECF0;color:#101828}
.lt .gl-pc i{background:linear-gradient(90deg,#2563EB var(--p),#EAECF0 var(--p))}.lt .gl-meter i{background:linear-gradient(90deg,#2563EB var(--p),#EAECF0 var(--p))}
.lt .gl-qnav{background:#F6F7F9}.lt .gl-qnav button{background:#fff;border:1px solid #D0D5DD;color:#344054}.lt .gl-qnav .gl-n-ok{border-color:#75E0A7;color:#067647}.lt .gl-qnav .gl-n-err{border-color:#FDA29B;color:#B42318;background:#FEF3F2}
.lt .gl-linkbtn{color:#1D4ED8}
.lt .gl-explain{background:#EEF4FF;border-left-color:#2563EB;color:#1D3A8A}.lt .gl-explain b{color:#1D3A8A}
.lt .gl-import{background:#F9FAFB;border:1px dashed #D0D5DD}.lt .gl-file{background:#fff;border:1px solid #D0D5DD;color:#344054}.lt .gl-impok{background:#ECFDF3;color:#05603A}
.lt .gl-impguide summary{color:#1D4ED8}.lt .gl-impguide code{background:#F2F4F7}
.lt .gl-p1{background:#FFFAEB!important;border-color:#FEDF89!important}.lt .gl-podium em{color:#B54708}
.lt .gl-link{color:#1D4ED8}
.lt .gl-opts-sm li{color:#fff}
.lt a:focus-visible,.lt button:focus-visible,.lt summary:focus-visible{outline:3px solid #84ADFF;outline-offset:2px}
.lt-acts .st:empty{min-height:0;margin-top:-10px}
/* 2026-10-27 polish: a clear "Create a game" start panel; Create game = two columns (choices | "Your game" summary with the one button) */
.lt-start{display:flex;align-items:center;justify-content:space-between;gap:16px 24px;flex-wrap:wrap;background:#fff;border:1px solid #EAECF0;border-left:4px solid #2563EB;border-radius:12px;padding:20px 22px}
.lt-start h2{margin:0 0 4px;font-size:19px}.lt-start p{margin:0;color:#475467;max-width:56ch}
@media (max-width:560px){.lt-start .lt-cta{width:100%;justify-content:center}}
.lt-create{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;align-items:start}
.lt-main{display:grid;gap:14px;min-width:0}
.lt-side{position:sticky;top:20px}
.lt-create .lt-sum{position:static;background:#fff;border:1px solid #EAECF0;border-radius:12px;padding:16px 18px;display:grid;gap:10px;justify-items:stretch}
.lt-sum h2{margin:0;font-size:16px}
.lt-sum dl{margin:0;display:grid;gap:8px}.lt-sum dl div{display:grid;gap:1px}.lt-sum dt{font-size:12px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:#667085}.lt-sum dd{margin:0;font-weight:600;color:#101828;overflow-wrap:anywhere}
.lt-sum .lt-cta{width:100%;justify-content:center}.lt-sum .lt-fine{margin:0;text-align:center}
.lt-pk input:checked+span{position:relative;padding-right:34px}.lt-pk input:checked+span::after{content:"";position:absolute;right:12px;top:50%;width:6px;height:11px;border:solid #2563EB;border-width:0 2.5px 2.5px 0;transform:translateY(-60%) rotate(45deg)}
@media (max-width:899px){.lt-create{grid-template-columns:minmax(0,1fr)}.lt-side{position:sticky;top:auto;bottom:0;z-index:5}.lt-create .lt-sum{border-radius:12px 12px 0 0;box-shadow:0 -8px 24px rgba(16,24,40,.08);padding:12px 16px;gap:8px}.lt-sum h2,.lt-sum .lt-fine{display:none}.lt-sum dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 12px}.lt-sum dd{font-size:13.5px}}
@media (max-width:899px){.lt-sum dl{display:flex;flex-wrap:wrap;gap:2px 10px}.lt-sum dl div:nth-child(n+3){display:none}.lt-sum dt{display:none}.lt-sum dl div+div dd::before{content:"· ";color:#667085}.lt-create .lt-sum{padding:10px 16px 12px}} /* phone: one compact summary line above the button */