/* Guess the Flag presentation. All page chrome is isolated from the storefront. */
:where(.host-header,.host-grid,.source-body),:where(.host-header,.host-grid,.source-body) *{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif;color:#fff}:where(.host-header,.host-grid,.source-body) button,:where(.host-header,.host-grid,.source-body) input,:where(.host-header,.host-grid,.source-body) select,:where(.host-header,.host-grid,.source-body) textarea{font:inherit}:where(.host-header,.host-grid,.source-body) button{cursor:pointer}:where(.host-header,.host-grid,.source-body) button:disabled{cursor:not-allowed;opacity:.4}:where(.host-header,.host-grid,.source-body) button:focus-visible,:where(.host-header,.host-grid,.source-body) input:focus-visible,:where(.host-header,.host-grid,.source-body) select:focus-visible,:where(.host-header,.host-grid,.source-body) textarea:focus-visible{outline:3px solid #43e7ee;outline-offset:3px}:where(.host-header,.host-grid,.source-body) [hidden]{display:none!important}.source-body{width:100vw;height:100vh;overflow:hidden;background:transparent}.stage{position:absolute;left:50%;top:50%;width:720px;height:1280px;transform-origin:center;overflow:hidden;border-radius:26px;padding:32px;display:grid;grid-template-rows:90px 510px 134px 272px 1fr;gap:18px;isolation:isolate;background:#111329}.stage[data-background=transparent]{background:transparent}.scenery{position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 20% 30%,#53345077,transparent 70%),linear-gradient(#151828,#342439 60%,#151626);overflow:hidden}.shelves{position:absolute;inset:-50px;filter:blur(9px);opacity:.38;display:grid;grid-template-rows:repeat(6,1fr);transform:rotate(-3deg) scale(1.12)}.shelf{display:flex;align-items:flex-end;padding:15px 12px 0;border-bottom:19px solid #856049;gap:9px;box-shadow:0 15px 22px #050611}.book{flex:1;border-radius:4px 4px 0 0;background:linear-gradient(90deg,#ffffff22,#00000022),var(--book);height:var(--height);box-shadow:inset 3px 0 0 #0005,inset 0 17px 0 #fff1}.scenery:after{content:'';position:absolute;inset:0;background:linear-gradient(#10102133,#10102166 55%,#101021ee)}.stage[data-background=transparent] .scenery,.stage[data-background=solid] .scenery{display:none}.stage[data-background=image] .shelves{display:none}.brandbar{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:#0c1023ef;border:2px solid #d566b6;border-radius:18px;box-shadow:0 0 26px #ff48aa25;gap:16px}.brand{font-weight:950;font-size:29px;line-height:.92;letter-spacing:1px;color:#fff}.brand em{display:block;font-style:normal;color:#54e6ec}.brand small{font-size:14px;letter-spacing:2px;font-weight:600;display:block;margin-top:9px;color:#c6c7dc}.roundbadge{text-align:right}.roundbadge strong{font-size:27px;display:block}.roundbadge span{font-size:14px;color:#c6c7dc;letter-spacing:1px}.quiz-card{position:relative;border-radius:24px;background:linear-gradient(#15192de8,#111426ef);border:3px solid #ed5cba;box-shadow:0 0 32px #f5339a22,inset 0 -4px 0 #50e2ee99;display:flex;align-items:center;flex-direction:column;padding:20px 24px;gap:14px}.quiz-card h1{margin:0;text-align:center;font-size:24px;font-weight:800;letter-spacing:2px;padding:12px 70px}.clock{position:absolute;right:16px;top:13px;width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#55e8ed var(--angle,360deg),#313653 0);font-size:24px;font-weight:900}.clock:before{content:'';position:absolute;inset:5px;background:#15192d;border-radius:50%}.clock span{z-index:1}.clock.urgent{color:#ff90b7;background:conic-gradient(#ff65a4 var(--angle),#313653 0)}.flag-mat{height:261px;width:100%;border-radius:14px;background:#f0f0f7;box-shadow:0 8px 0 #080c23,0 0 0 1px #fff2;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:12px}.flag-image{display:block;max-width:100%;width:340px;height:100%;object-fit:contain;filter:drop-shadow(0 5px 8px #0003)}.slots{display:flex;justify-content:center;flex-wrap:wrap;align-content:center;gap:5px;min-height:52px;max-width:100%;direction:ltr}.slot{height:35px;min-width:22px;display:grid;place-items:center;border-bottom:2px solid #767b97;color:#c4c6d7;font-size:23px;font-weight:800;padding:0 1px}.slot.visible{color:#65eef1;border-color:#65eef1}.slot.separator{min-width:10px;border:0}.slots.long .slot{height:29px;min-width:16px;font-size:18px}.hint-row{display:flex;align-items:center;justify-content:space-between;width:100%;border-top:1px solid #fff2;padding-top:11px;gap:10px}.hint-chip{display:flex;align-items:center;gap:10px;font-size:14px;color:#f5d6e7}.bulb{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#ffc94b;color:#20243b;font-weight:900;font-size:22px;box-shadow:0 0 12px #ffc94b55}.hint-chip strong{display:block;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;color:#fff}.hint-counter{color:#9ee9ed;font-size:14px;text-align:right}.correct-panel{background:#0f1834ef;border:2px solid #47dce9;border-radius:18px;padding:11px 16px;overflow:hidden}.section-title{display:flex;align-items:center;justify-content:space-between;margin:0 0 8px;font-size:14px;letter-spacing:1.5px;font-weight:900;color:#76ecf2}.section-title span{color:#bdcce2;font-weight:500;font-size:14px}.guessers{display:flex;gap:12px;align-items:center;min-height:68px}.guesser{width:79px;min-width:0;text-align:center;position:relative}.avatar{height:36px;width:36px;background:#4a4169;color:#fff;border:2px solid #9cf4f0;border-radius:50%;display:grid;place-items:center;font-size:17px;font-weight:800;overflow:hidden;flex-shrink:0}.avatar img{height:100%;width:100%;object-fit:cover}.guesser .avatar{margin:auto}.guesser.first .avatar{border-color:#ffcd5e;box-shadow:0 0 0 2px #ffc95533}.guesser .who{font-size:14px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:4px}.guesser .earned{font-size:14px;position:absolute;right:3px;top:23px;background:#514466;border:1px solid #fff5;border-radius:8px;padding:1px 4px;color:#fff}.guesser.first .earned{background:#ffcc58;color:#171b2e}.empty{font-size:15px;color:#aab4ce;line-height:1.5}.boards{display:grid;grid-template-columns:1fr 1fr;gap:16px}.score-panel{border-radius:16px;border:2px solid #63dbe7;background:#111932e8;padding:13px;overflow:hidden}.score-panel.session{border-color:#f16ab9}.score-panel h2{font-size:17px;letter-spacing:1px;margin:0 0 10px;color:#71e7ee}.score-panel.session h2{color:#ff93ce}.score-list{display:flex;flex-direction:column;gap:7px}.score-line{display:flex;align-items:center;gap:7px;font-size:14px;min-width:0}.score-line .rank{color:#9cabc7;width:14px;flex-shrink:0}.score-line .avatar{width:25px;height:25px;font-size:14px}.score-line .name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score-line b{color:#72eced;font-size:14px}.score-panel.session .score-line b{color:#ffc6e3}.score-list.dense{gap:4px}.score-list.dense .score-line{height:21px;font-size:14px}.score-list.dense .avatar{width:20px;height:20px}.footer{display:flex;align-items:center;flex-direction:column;justify-content:center;gap:6px;text-align:center;font-size:14px;color:#c6cce2;background:#0f142adc;border-radius:16px;padding:8px 14px}.rule{font-size:17px;color:#fff;font-weight:700;line-height:1.25;margin:0}.mode-tag{font-size:14px;letter-spacing:1px;background:#223252;border:1px solid #527092;border-radius:5px;padding:3px 6px}.mode-tag.demo{background:#5c431c;border-color:#ba8a3e;color:#ffe6b6}.connection{font-size:14px;margin-left:8px;color:#cad2e7}.reveal-overlay{position:absolute;inset:24px;z-index:5;border:3px solid #5ce5eb;border-radius:24px;background:radial-gradient(ellipse at 50% 25%,#473053,#14182dec 70%);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:24px;padding:42px;text-align:center;box-shadow:0 0 50px #ff74bc33}.reveal-overlay h2{font-size:61px;font-weight:950;margin:0;color:#83f4ef;text-shadow:0 5px 0 #263157;letter-spacing:2px}.reveal-overlay .answer{font-size:46px;line-height:1.15;font-weight:900;color:#fff;margin:0;overflow-wrap:anywhere;max-width:100%}.reveal-overlay .reveal-flag{width:430px;height:285px;object-fit:contain;background:#f0f0f7;border:12px solid #f0f0f7;border-radius:15px;box-shadow:0 10px 0 #0a1024}.reveal-overlay .eyebrow{letter-spacing:2px;color:#bfc6df;font-size:17px;margin:0}.spotlight{background:#151b31;border:2px solid #ee7abd;border-radius:20px;width:100%;padding:21px;display:flex;align-items:center;justify-content:center;gap:17px;min-height:114px}.spotlight .avatar{width:70px;height:70px;font-size:34px;border-color:#ffc955}.spotlight strong{font-size:26px;display:block;max-width:310px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spotlight small{font-size:16px;color:#fdc368;display:block;margin-top:5px}.reveal-guessers{max-width:100%;display:flex;gap:13px;justify-content:center}.next-label{font-size:19px;color:#bcebf3}.pause-overlay{position:absolute;inset:0;z-index:8;background:#101628b5;display:grid;place-content:center;text-align:center;font-size:40px;font-weight:900;backdrop-filter:blur(3px)}.pause-overlay small{font-size:16px;font-weight:400;margin-top:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.stage.no-scores .boards{visibility:hidden}.quiz-card.pulse{animation:pulse .45s ease}.wrong{animation:shake .23s ease}@keyframes pulse{50%{box-shadow:0 0 45px #58e8ee80}}@keyframes shake{25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}
.host-body{background:#101421;color:#edf0f8}.host-header{max-width:1240px;margin:auto;padding:30px 24px 18px;display:flex;justify-content:space-between;gap:20px;align-items:center}.host-header a{color:#9fb6d8;text-decoration:none}.host-header h1{font-size:30px;margin:0 0 5px}.host-header p{color:#aebad0;margin:0;font-size:14px}.host-grid{max-width:1240px;margin:auto;display:grid;grid-template-columns:minmax(280px,420px) minmax(0,1fr);gap:26px;padding:0 24px 40px}.preview-column{min-width:0}.preview-box{position:sticky;top:18px;align-self:start}.preview-box iframe{display:block;width:100%;aspect-ratio:9/16;border:1px solid #516078;border-radius:16px;background:repeating-conic-gradient(#242735 0% 25%,#303446 0% 50%) 50% / 20px 20px}.preview-caption{font-size:14px;color:#a9b6cf;line-height:1.5;margin:12px 0}.controls{min-width:0;display:flex;flex-direction:column;gap:18px}.control-card{background:#192032;border:1px solid #354058;border-radius:14px;padding:20px}.control-card h2{font-size:20px;margin:0 0 13px}.control-card h3{font-size:16px;margin:20px 0 12px;color:#bad8ed}.control-card p,.control-card details{font-size:14px;line-height:1.55;color:#b6c2d8}.mode-buttons,.buttons{display:flex;gap:8px;flex-wrap:wrap}.host-grid button{color:#eef4ff;background:#2a3650;border:1px solid #4d6181;border-radius:8px;padding:10px 13px;font-size:14px;font-weight:700}.host-grid button[aria-pressed=true],.host-grid button.primary{background:#71dfe6;border-color:#a4eff1;color:#14223a}.host-grid button.danger{color:#ffb3c7;border-color:#ae647e}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:flex;flex-direction:column;gap:6px;font-size:14px;color:#d9e3f2;min-width:0}.field.wide{grid-column:1/-1}.host-grid input,.host-grid select,.host-grid textarea{width:100%;min-width:0;background:#101728;color:#eff4ff;border:1px solid #495b79;border-radius:7px;padding:10px}.host-grid textarea{resize:vertical;min-height:70px}.checkboxes{display:flex;flex-wrap:wrap;gap:14px;padding:15px 0;font-size:14px}.checkboxes label{display:flex;align-items:center;gap:7px}.checkboxes input{width:17px;height:17px}.guess-form{display:grid;grid-template-columns:1fr auto;gap:9px;margin:12px 0}.guess-form .field{grid-column:1/-1}.feedback{min-height:19px;color:#86e9e7;font-size:14px;margin-top:10px}.connection-status{margin:12px 0;padding:9px 11px;border:1px solid #405675;border-radius:8px;background:#101728;color:#9ee9ed;font-size:14px;font-weight:700}.hint-note{color:#edbdd5!important}.source-link{font-size:14px;margin:8px 0}.bank-codes{max-height:190px;overflow:auto;font-size:14px;line-height:1.8;padding:10px;background:#11182a;white-space:pre-wrap}.control-card summary{cursor:pointer}.notice{padding:12px;border-left:3px solid #e899c2;background:#291e35;font-size:14px;line-height:1.5}.license{font-size:14px;color:#9ba9c1}.license a{color:#a9cadf}@media(max-width:800px){.host-grid{grid-template-columns:1fr;max-width:600px;padding:0 16px 30px}.preview-box{position:static;max-width:390px;margin:auto}.host-header{padding:24px 16px 18px;max-width:600px;align-items:flex-start}.host-header h1{font-size:26px}.host-header a{font-size:14px}.control-card{padding:16px}}@media(max-width:380px){.field-grid{grid-template-columns:1fr}.field.wide{grid-column:auto}.host-header{gap:8px}.host-grid button{padding:10px;font-size:14px}}@media(prefers-reduced-motion:reduce){:where(.host-header,.host-grid,.source-body),:where(.host-header,.host-grid,.source-body) *{animation:none!important;transition:none!important}}
.brand{font-size:35px;line-height:.9}.roundbadge strong{font-size:29px}.quiz-card{padding:16px 24px;gap:8px}.quiz-card h1{font-size:25px;padding:9px 70px 5px}.flag-mat{height:250px;padding:10px}.flag-image{width:430px}.slots{min-height:42px}.slot{height:32px}.slots.long .slot{height:27px}.chat-callout{margin:0;color:#5cf0ec;font-size:22px;font-weight:950;letter-spacing:.6px;text-shadow:0 0 14px #38e9e966}.hint-row{padding-top:7px}.bulb{width:36px;height:36px;background:#ef5cae;color:#fff;box-shadow:0 0 16px #ef5cae77}.hint-chip strong{font-size:17px}.hint-chip span:not(.bulb){display:block}
.play-list{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:12px}.play-list li{display:flex;gap:10px;align-items:flex-start}.play-list p{margin:0;line-height:1.45}.play-icon{width:36px;height:36px;flex:none;display:grid;place-items:center;border-radius:8px;background:#101728;overflow:hidden}.play-icon img{width:36px;height:36px;object-fit:contain;display:block}.play-icon svg{width:22px;height:22px}.steps{margin:6px 0 14px;padding-left:1.2rem}.steps li{margin:6px 0}html:not(.tt-shell) .gift-picker-status{min-height:1.2em;margin:8px 0 12px;color:#b6c2d8;font-size:14px;line-height:1.45}.gift-legend{display:grid;gap:8px;margin:0 0 14px}.gift-legend-row{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 10px;border:1px solid #354058;border-radius:10px;background:#101728}.gift-legend-copy{min-width:0}.gift-legend-copy strong,.gift-legend-copy span{display:block;overflow-wrap:anywhere}.gift-legend-copy strong{font-size:14px;color:#fff}.gift-legend-meta{color:#b6c2d8;font-size:14px;font-weight:500}.gift-legend-action{font-size:14px;letter-spacing:.04em;text-transform:uppercase;color:#71dfe6;font-weight:800}.gift-thumb-shell,.gift-thumb,.gift-thumb-fallback{width:46px;height:46px;border-radius:8px}.gift-thumb,.gift-thumb-fallback{background:#192032}.gift-thumb{display:block;object-fit:contain}.gift-thumb-fallback{display:grid;place-items:center;padding:4px;color:#b6c2d8;font-size:14px;font-weight:700;line-height:1.15;text-align:center}.buttons a{display:inline-flex;align-items:center;color:#9ee9ed;font-weight:700;text-decoration:none}.hint-icon{width:40px;height:40px;object-fit:contain;display:block}.hint-row{align-items:flex-end}.hint-chip{flex-direction:column;align-items:center;text-align:center;gap:1px;margin-left:auto}.hint-chip strong{font-size:14px;max-width:120px;letter-spacing:.3px}.hint-chip #hint-action{font-size:14px;font-weight:800;letter-spacing:.5px;color:#fff}@media(max-width:800px){.gift-legend-row{grid-template-columns:46px minmax(0,1fr)}.gift-legend-row .secondary{grid-column:1/-1}}
[data-tt-gift-icons=off] .hint-icon{display:none!important}
/* Step 4 uses the shared shell's unboxed Battle Arena gift rows. */
html.tt-shell #gifts .gift-legend{display:block;margin:0}
html.tt-shell #gifts .gift-legend-row{border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent}