html,body,#app{background:var(--theme-bg-subtle);height:100%;overflow:hidden}.display-layout{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.display-layout:before{content:"";background:var(--theme-texture), radial-gradient(ellipse at 85% 25%, #4a9fd412 0%, transparent 45%), radial-gradient(ellipse at 10% 80%, #1a3a5c0d 0%, transparent 40%), radial-gradient(ellipse at 50% 50%, #4a9fd408 0%, transparent 70%);pointer-events:none;position:absolute;inset:0}.display-layout:after{content:"";pointer-events:none;border-bottom:2px solid #1a3a5c1a;border-right:2px solid #1a3a5c1a;border-bottom-right-radius:4px;width:100px;height:100px;position:absolute;bottom:36px;right:36px}.display-layout .branding:before{content:"";pointer-events:none;border:1.5px solid #4a9fd414;border-radius:50%;width:280px;height:280px;position:absolute;bottom:-80px;left:-60px}.display-layout .status-bar:after{content:"";pointer-events:none;border:1.5px solid #1a3a5c0f;border-radius:6px;width:40px;height:40px;position:absolute;top:-30px;right:200px;transform:rotate(35deg)}.qr-corner{z-index:10;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;top:24px;right:24px}.qr-corner canvas{border-radius:var(--theme-radius);width:140px;height:140px;box-shadow:var(--theme-shadow-lg);background:#fff;padding:4px}.qr-label{color:var(--theme-primary);text-transform:uppercase;letter-spacing:2px;font-size:13px;font-weight:700}.wheel-area{flex:1;justify-content:center;align-items:center;width:100%;max-height:75vh;padding:20px;display:flex}#wheel-canvas{max-width:100%;max-height:100%}.status-bar{text-align:center;width:100%;padding:20px 32px;position:relative}.status-text{color:var(--theme-primary-dark);letter-spacing:.5px;font-size:28px;font-weight:700;transition:opacity .3s}.queue-info{color:var(--theme-text-muted);letter-spacing:.5px;margin-top:6px;font-size:15px}.result-overlay{-webkit-backdrop-filter:blur(8px);opacity:0;pointer-events:none;z-index:100;background:#0c1824bf;justify-content:center;align-items:center;transition:opacity .5s;display:flex;position:fixed;inset:0}.result-overlay.visible{opacity:1;pointer-events:auto}.result-content{background:linear-gradient(135deg, #fff 0%, var(--theme-bg-subtle) 100%);border-radius:var(--theme-radius-lg);text-align:center;border:1px solid #4a9fd41a;padding:56px 88px;transition:transform .5s cubic-bezier(.34,1.56,.64,1);transform:scale(.8);box-shadow:0 16px 48px #0c182440}.result-overlay.visible .result-content{transform:scale(1)}.result-label{color:var(--theme-text-muted);text-transform:uppercase;letter-spacing:3px;margin-bottom:14px;font-size:20px;font-weight:600}.result-prize{color:var(--theme-primary);text-shadow:0 2px 8px #1a3a5c1f;font-size:56px;font-weight:800}.branding{position:absolute;bottom:24px;left:40px}.brand-name{color:var(--theme-text-muted);letter-spacing:3px;font-size:18px}.brand-name strong{color:var(--theme-primary);font-weight:800}.connection-indicator{position:absolute;top:28px;left:28px}.connection-indicator .dot{background:var(--theme-error);border-radius:50%;width:10px;height:10px;transition:background .3s;display:inline-block;box-shadow:0 0 6px #c43a2a66}.connection-indicator.connected .dot{background:var(--theme-success);box-shadow:0 0 6px #2a8a4a66}