:root{--color-green-raw:0, 102, 47;--color-crimson-raw:200, 16, 46;--color-gold:#ffc72c;--color-gold-hover:#d9a300;--font-family:-apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--transition-smooth:all .4s cubic-bezier(.16, 1, .3, 1);--border-radius-pill:50px}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;font-family:var(--font-family);-webkit-font-smoothing:antialiased;background-color:#030506;margin:0;padding:0;overflow:hidden}.fullscreen-app{color:#fff;width:100vw;height:100vh;position:relative;overflow:hidden}.app-background-image{z-index:1;filter:contrast(108%)brightness(85%)grayscale(15%);transition:var(--transition-smooth);background-image:url(/cr7_banner.png);background-position:50% 25%;background-size:cover;position:absolute;inset:0}.fullscreen-app.voted-mode .app-background-image{filter:contrast(105%)brightness(60%)grayscale(25%)blur(2px)}.floating-header{text-align:center;z-index:20;pointer-events:none;width:90%;max-width:580px;position:absolute;top:48px;left:50%;transform:translate(-50%)}@media (max-width:768px){.floating-header{top:28px}}.badge-portugal-worldcup{background:var(--color-gold);color:#0f172a;border-radius:var(--border-radius-pill);letter-spacing:1px;text-transform:uppercase;margin-bottom:8px;padding:4px 14px;font-size:.68rem;font-weight:850;display:inline-block;box-shadow:0 4px 10px #0000004d}.header-title{color:#fff;letter-spacing:-.5px;text-shadow:0 2px 10px #0009,0 0 30px #0006;font-size:2.15rem;font-weight:900;line-height:1.25}@media (max-width:768px){.header-title{font-size:1.6rem}}.header-subtitle{color:#ffffffd9;text-shadow:0 1px 5px #0009,0 0 20px #0006;max-width:480px;margin-top:6px;margin-left:auto;margin-right:auto;font-size:.88rem;line-height:1.45}@media (max-width:768px){.header-subtitle{max-width:320px;font-size:.8rem}}.split-view-container{z-index:2;width:100vw;height:100vh;display:flex;position:absolute;inset:0}@media (max-width:768px){.split-view-container{flex-direction:column}}.split-pane{width:var(--pane-ratio);cursor:pointer;justify-content:center;align-items:center;height:100%;transition:width 1.2s cubic-bezier(.16,1,.3,1),height 1.2s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}@media (max-width:768px){.split-pane{height:var(--pane-ratio);width:100%!important}}.pane-green{background-color:rgba(var(--color-green-raw), .84);-webkit-backdrop-filter:blur(8px);transition:var(--transition-smooth)}.fullscreen-app.lobby-mode .pane-green:hover{background-color:rgba(var(--color-green-raw), .72);-webkit-backdrop-filter:blur(2px)}.pane-red{background-color:rgba(var(--color-crimson-raw), .84);-webkit-backdrop-filter:blur(8px);transition:var(--transition-smooth)}.fullscreen-app.lobby-mode .pane-red:hover{background-color:rgba(var(--color-crimson-raw), .72);-webkit-backdrop-filter:blur(2px)}.pane-glow-effect{opacity:0;z-index:2;pointer-events:none;transition:opacity .4s;position:absolute;inset:0}.pane-green:hover .pane-glow-effect{opacity:1;background:radial-gradient(circle,#10b98126 0%,#0000 70%)}.pane-red:hover .pane-glow-effect{opacity:1;background:radial-gradient(circle,#e11d4826 0%,#0000 70%)}.fullscreen-app.voted-mode .split-pane{cursor:default;pointer-events:none}.pane-content{z-index:5;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:40px;display:flex;position:relative}.vote-action-indicator{opacity:0;transition:var(--transition-smooth);z-index:6;position:absolute;top:50%;transform:translateY(-50%)}.pane-green .vote-action-indicator{left:40px}.pane-red .vote-action-indicator{right:40px}@media (max-width:768px){.pane-green .vote-action-indicator,.pane-red .vote-action-indicator{inset:auto auto 120px;transform:none}}.action-hover-glow{border-radius:var(--border-radius-pill);letter-spacing:.5px;text-transform:uppercase;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff26;border:1px solid #ffffff4d;padding:8px 20px;font-size:.8rem;font-weight:800;box-shadow:0 4px 15px #00000026}.split-pane:hover .vote-action-indicator{opacity:1}.choice-label-block{text-align:center;transition:var(--transition-smooth);flex-direction:column;align-items:center;gap:2px;margin-top:120px;display:flex}.split-pane:hover .choice-label-block{transform:scale(1.03)}@media (max-width:768px){.choice-label-block{margin-top:60px}}.choice-zh{color:#fff;letter-spacing:-.5px;font-size:1.85rem;font-weight:900}@media (max-width:768px){.choice-zh{font-size:1.45rem}}.choice-en{letter-spacing:2px;opacity:.9;font-size:1.1rem;font-weight:900}.pane-green .choice-en,.pane-red .choice-en{color:var(--color-gold)}.choice-details{color:#ffffffb3;max-width:220px;margin-top:6px;font-size:.8rem}.pane-divider{background-color:var(--color-gold);width:4px;top:0;bottom:0;left:var(--divider-pos);z-index:10;transition:left 1.2s cubic-bezier(.16,1,.3,1);position:absolute;transform:translate(-50%);box-shadow:0 0 20px #ffc72c80}@media (max-width:768px){.pane-divider{top:var(--divider-pos);width:100%;height:4px;transition:top 1.2s cubic-bezier(.16,1,.3,1);bottom:auto;left:0;right:0;transform:translateY(-50%)}}.gold-crest-badge{z-index:11;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 12px #00000040}.lobby-crest{border:2.5px solid var(--color-gold);background-color:#fff}.voted-crest{background-color:var(--color-gold);border:3px solid #fff}.pane-divider:hover .gold-crest-badge{transform:translate(-50%,-50%)scale(1.08)}.crest-icon{font-size:17px;line-height:1}.result-overlay{flex-direction:column;align-items:center;gap:4px;margin-top:10px;display:flex}@keyframes zoomIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.result-overlay.animate-fade-in{animation:.8s cubic-bezier(.16,1,.3,1) forwards zoomIn}.result-percent{letter-spacing:-2px;color:#fff;text-shadow:0 4px 15px #00000040;font-size:4.5rem;font-weight:950;line-height:1}@media (max-width:768px){.result-percent{font-size:3rem}}.result-votes-label{text-transform:uppercase;letter-spacing:1.5px;color:#fffffff2;background:#00000026;border-radius:6px;padding:4px 12px;font-size:.85rem;font-weight:700}.floating-result-footer{z-index:20;-webkit-backdrop-filter:blur(20px);text-align:center;background:#0b0f19cc;border:1px solid #ffffff14;border-radius:20px;flex-direction:column;align-items:center;gap:6px;width:90%;max-width:460px;padding:16px 28px;display:flex;position:absolute;bottom:40px;left:50%;transform:translate(-50%);box-shadow:0 15px 30px #00000080}@media (max-width:768px){.floating-result-footer{padding:12px 20px;bottom:24px}}.user-choice-pill{color:#ffffffd9;font-size:.9rem;font-weight:600}.selected-pill{text-transform:uppercase;border:1px solid #ffffff26;border-radius:6px;margin-left:4px;padding:2px 10px;font-size:.82rem;font-weight:800}.selected-pill.starter{color:#34d399;background:#10b98133}.selected-pill.substitute{color:#f43f5e;background:#e11d4833}.footer-total-votes{color:#fff9;letter-spacing:.5px;font-size:.78rem}.floating-lock-status{z-index:20;-webkit-backdrop-filter:blur(12px);border-radius:var(--border-radius-pill);color:var(--color-gold);text-transform:uppercase;letter-spacing:.5px;pointer-events:none;background:#0f172ab3;border:1px solid #ffc72c40;padding:10px 24px;font-size:.78rem;font-weight:700;position:absolute;bottom:40px;left:50%;transform:translate(-50%);box-shadow:0 4px 15px #0000004d}@media (max-width:768px){.floating-lock-status{text-align:center;width:85%;padding:8px 16px;font-size:.7rem;bottom:24px}}.error-toast{z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--border-radius-pill);color:#fff;background:#c8102ef2;padding:10px 24px;font-size:.82rem;font-weight:750;animation:.3s fadeIn;position:absolute;bottom:110px;left:50%;transform:translate(-50%);box-shadow:0 8px 20px #0006}@media (max-width:768px){.error-toast{text-align:center;width:85%;bottom:90px}}.language-selector{z-index:100;-webkit-backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:30px;gap:8px;padding:4px 6px;display:flex;position:absolute;top:24px;right:24px;box-shadow:0 4px 20px #00000026}.lang-btn{color:#fff9;cursor:pointer;background:0 0;border:none;border-radius:20px;padding:6px 12px;font-family:inherit;font-size:.72rem;font-weight:700;transition:all .3s}.lang-btn:hover{color:#fff;background:#ffffff14}.lang-btn.active{color:#000;background:var(--color-gold);box-shadow:0 2px 8px #ffc72c66}@media (max-width:768px){.language-selector{gap:4px;padding:3px 5px;top:16px;right:50%;transform:translate(50%)}.lang-btn{padding:4px 8px;font-size:.62rem}.floating-header{top:72px}}