:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#fff8e8;background:#07152f;--color-background: #07152f;--color-panel: #0d2445;--color-accent: #e1a735;--color-text: #fff8e8;--color-muted: #a9b7ca;--color-pointer: #f4c24b;--color-wheel-border: #f2c45c;--panel-opacity: .82;--overlay-opacity: .45;--content-max-width: 1440px;--display-safe-padding: clamp(20px, 4vw, 64px)}@media(min-width:1025px){.display-mode.winner-active .display-winner{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important}.display-mode.winner-active .display-winner>img{position:absolute!important;top:calc(50% - 105px)!important;left:50%!important;transform:translate(-50%,-50%)!important;width:min(72vw,1100px)!important}.display-mode.winner-active .display-winner>div{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:100%!important;padding:0!important;display:block!important}.display-mode.winner-active .display-winner>div span{position:absolute!important;left:50%!important;top:calc(50% - 105px)!important;transform:translate(-50%,-50%)!important;width:72%!important;margin:0!important;text-align:center!important}.display-mode.winner-active .display-winner>div strong{position:absolute!important;left:50%!important;top:calc(50% + 115px)!important;transform:translate(-50%)!important;margin:0!important;max-width:88%!important;text-align:center!important}}@media(max-width:1024px){.display-mode.winner-active .display-winner{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important}.display-mode.winner-active .display-winner>img{position:absolute!important;top:42%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:min(88vw,760px)!important}.display-mode.winner-active .display-winner>div{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:100%!important;padding:0!important;display:block!important}.display-mode.winner-active .display-winner>div span{position:absolute!important;left:50%!important;top:calc(42% - 8px)!important;transform:translate(-50%,-50%)!important;width:76%!important;margin:0!important;text-align:center!important;font-size:clamp(14px,3.2vw,28px)!important;line-height:5!important;letter-spacing:.04em!important;white-space:nowrap!important}.display-mode.winner-active .display-winner>div strong{position:absolute!important;left:50%!important;top:57%!important;transform:translate(-50%)!important;margin:0!important;max-width:84%!important;text-align:center!important}}@media(max-width:768px){.display-mode.winner-active .display-winner>div span{top:40%!important;font-size:clamp(16px,6vw,44px)!important}.display-mode.winner-active .display-winner>div strong{top:55%!important;max-width:88%!important}}@media(max-width:1024px){.display-mode .display-winner>div span{position:absolute!important;left:50%!important;top:calc(42% - 8px)!important;transform:translate(-50%,-50%)!important;margin:0!important;line-height:5!important;white-space:nowrap!important}}@media(max-width:1024px){.display-mode .display-winner>div span{position:absolute!important;left:50%!important;top:42%!important;transform:translate(-50%,-50%)!important;margin:0!important;line-height:1!important;white-space:nowrap!important}}.display-winner strong{max-width:92%!important;overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important;font-size:clamp(30px,min(6vw,calc(68vw / var(--winner-length))),86px)!important}@media(max-width:1024px){.display-winner strong{max-width:92%!important;font-size:clamp(28px,min(8vw,calc(78vw / var(--winner-length))),72px)!important}}.display-winner strong{display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-width:88%!important;white-space:normal!important;overflow:hidden!important;text-overflow:clip!important;overflow-wrap:normal!important;word-break:normal!important;text-align:center;line-height:.95!important;font-size:clamp(42px,6vw,86px)!important}@media(max-width:1024px){.display-winner strong{max-width:84%!important;font-size:clamp(34px,8vw,72px)!important;line-height:.95!important}}@media(max-width:1024px){.display-mode .display-winner>div span{transform:translate(-50%,calc(-50% + 34px))!important}}@media(max-width:1024px){.display-winner>img{top:50%;left:50%;transform:translate(-50%,-50%);width:min(88vw,760px)}.display-winner>div{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;transform:none}.display-winner>div span{position:absolute;left:50%;top:50%!important;transform:translate(-50%,-50%);width:64%;margin:0;text-align:center}.display-winner>div strong{position:absolute;left:50%;top:calc(50% + min(22vw,105px));transform:translate(-50%);margin:0;text-align:center;max-width:82%}}@media(max-width:1024px){.display-mode .display-winner{display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden}.display-mode .display-winner>img{position:absolute!important;top:39.7%!important;left:50%!important;right:auto!important;width:min(88vw,760px)!important;transform:translate(-50%,-50%)!important}.display-mode .display-winner>div{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:100%!important;display:block!important}.display-mode .display-winner>div span{display:block!important;position:absolute!important;left:50%!important;top:39%!important;width:76%!important;max-width:76%!important;transform:translate(-50%,-50%)!important;font-size:clamp(14px,3.2vw,28px)!important;line-height:1!important;letter-spacing:.04em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:clip!important}.display-mode .display-winner>div strong{display:block!important;position:absolute!important;left:50%!important;top:52%!important;transform:translate(-50%)!important;max-width:84%!important;font-size:clamp(32px,8vw,72px)!important;white-space:nowrap!important}}.display-mode .display-client-brand{gap:2px!important}.display-mode .display-client-brand>img:first-child{width:clamp(190px,13vw,300px);height:clamp(28px,2.2vw,44px);object-fit:cover;object-position:center 50%;margin:0!important}.display-mode .display-client-brand>img+img{width:clamp(155px,10vw,240px);height:clamp(14px,1.15vw,24px);object-fit:cover;object-position:center 82%;margin:0!important}@media(max-width:768px){.display-mode .display-client-brand{gap:1px!important}.display-mode .display-client-brand>img:first-child{width:clamp(125px,32vw,180px);height:clamp(20px,5vw,30px)}.display-mode .display-client-brand>img+img{width:clamp(105px,27vw,145px);height:clamp(11px,3vw,18px);object-position:center 82%}}.display-mode .display-client-brand>img:first-child{width:clamp(220px,15vw,340px);height:clamp(32px,2.7vw,52px)}.display-mode .display-client-brand>img+img{width:clamp(180px,12vw,280px);height:clamp(16px,1.35vw,28px);position:relative;top:-22px}@media(max-width:768px){.display-mode .display-client-brand>img:first-child{width:clamp(150px,38vw,220px);height:clamp(22px,6vw,36px)}.display-mode .display-client-brand>img+img{width:clamp(130px,32vw,180px);height:clamp(12px,3.8vw,22px);top:-14px}}.display-mode .display-client-brand{display:flex;align-items:center;gap:0!important;width:auto!important}.display-mode .display-client-brand>img{display:none!important}.display-mode .display-client-brand:before{content:"SCAN GLOBAL\aLOGISTICS";white-space:pre;text-align:center;color:#fff;font-family:Arial,sans-serif;font-size:clamp(18px,1.35vw,30px);font-weight:900;line-height:.88;letter-spacing:-.055em;text-shadow:0 2px 5px #000;font-style:normal}.display-mode .display-client-brand:after{content:"UNCOMPLICATE YOUR WORLD »";white-space:nowrap;color:#fff;font-family:Arial,sans-serif;font-size:clamp(8px,.62vw,14px);font-weight:800;line-height:1;letter-spacing:-.02em;text-shadow:0 1px 3px #000;margin-top:clamp(2px,.25vw,6px)}@media(max-width:768px){.display-mode .display-client-brand:before{font-size:clamp(15px,4.5vw,24px)}.display-mode .display-client-brand:after{font-size:clamp(7px,1.9vw,11px);margin-top:2px}}@font-face{font-family:SubVario;src:url(/assets/fonts/subvario-cond-medium.woff2) format("woff2");font-style:normal;font-weight:500;font-display:swap}.display-mode .display-client-brand:before,.display-mode .display-client-brand:after{font-family:SubVario,Arial,sans-serif}.display-mode .display-client-brand:before{content:"SCAN GLOBAL\aLOGISTICS";display:block;white-space:pre;text-align:center;color:#fff;font-family:SubVario,Arial,sans-serif;font-size:clamp(22px,1.65vw,38px);font-weight:500;line-height:.78;letter-spacing:-.035em;transform:scaleX(1.12);transform-origin:center;text-shadow:0 2px 4px #000}.display-mode .display-client-brand:after{top:0!important;margin-top:4px!important}.display-mode .display-client-brand>img:first-child{display:none!important}.display-mode .display-client-brand>img+img{display:none!important}.display-mode .display-client-brand:after{content:"UNCOMPLICATE YOUR WORLD »";font-family:SubVario,Arial,sans-serif;font-size:clamp(10px,.78vw,16px);font-weight:500;line-height:1;letter-spacing:.01em;margin:0!important;position:relative;top:clamp(-62px,-3.2vw,-22px)}@media(max-width:768px){.display-mode .display-client-brand>img:first-child{display:none!important}.display-mode .display-client-brand:before{font-size:clamp(18px,5.2vw,28px)}.display-mode .display-client-brand:after{font-size:clamp(8px,2.2vw,12px);top:0}}.display-mode .display-client-brand>img+img{margin-top:clamp(-86px,-4.2vw,-58px)}@media(max-width:768px){.display-mode .display-client-brand>img+img{margin-top:clamp(-72px,-7vw,-42px)}}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--color-background)}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.app-shell{min-height:100vh;padding:var(--display-safe-padding);background:radial-gradient(circle at 15% 10%,#173c63 0,transparent 33%),linear-gradient(135deg,#07152f,#0b1b3b 55%,#170e24);color:var(--color-text)}.topbar,.workspace,.primary-bar,footer{max-width:var(--content-max-width);margin-inline:auto}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:28px}.brand-mark,.section-kicker,.preview-kicker{font-size:11px;letter-spacing:.2em;font-weight:800;color:var(--color-accent)}h1{margin:8px 0 4px;font-size:clamp(32px,4vw,60px);line-height:1;color:var(--color-accent)}h2,p{margin-top:0}.topbar p{color:var(--color-muted);margin:0}.status{border:1px solid #f3c65c55;background:#0d2445cc;padding:10px 14px;border-radius:999px;color:#f7df9d;font-size:12px}.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#70d991;margin-right:6px}.workspace{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(380px,.75fr);gap:22px}.display-preview,.panel{border:1px solid #ffffff18;border-radius:24px;background:#0d2445d1;box-shadow:0 24px 65px #0005}.display-preview{min-height:570px;position:relative;overflow:hidden;padding:clamp(24px,4vw,58px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at 75% 20%,#b76e2533,transparent 22%),radial-gradient(circle at 20% 75%,#133b6c,transparent 42%),var(--preview-bg)}.display-preview:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#06122f33,#06122fcc);pointer-events:none}.display-preview>*{position:relative;z-index:1}.display-preview h2{font-size:clamp(28px,4vw,56px);margin:12px 0;color:var(--preview-text)}.display-preview p{font-size:30px;color:var(--preview-accent);font-weight:800;margin:10px}.display-preview p span{display:block;font-size:11px;letter-spacing:.16em;color:var(--preview-text);opacity:.7;text-transform:uppercase}.display-preview small{color:#c0ccdb}.wheel-placeholder{width:min(36vw,330px);aspect-ratio:1;border-radius:50%;padding:12px;background:conic-gradient(var(--preview-accent),#17385d,#c25b2d,#f4cb65,var(--preview-accent));box-shadow:0 0 50px #e1a73544;margin:18px}.wheel-core{width:100%;height:100%;border-radius:50%;display:grid;place-items:center;background:#081a38;border:5px solid var(--color-wheel-border);font-size:36px;font-weight:900;color:var(--preview-accent);letter-spacing:.08em}.panel{padding:25px}.panel-heading,.list-heading,.panel-actions,.add-grid,.primary-bar{display:flex;justify-content:space-between;align-items:center;gap:12px}.panel-heading h2{margin:7px 0 0}.panel-heading strong{font-size:34px;color:var(--color-accent)}.panel-heading small{display:block;font-size:10px;color:var(--color-muted);text-align:right}.panel label{display:grid;gap:7px;margin:18px 0 10px;font-size:12px;color:var(--color-muted);font-weight:700}input,textarea{width:100%;padding:11px;border:1px solid #b5c9df33;border-radius:9px;background:#071a35;color:var(--color-text);outline-color:var(--color-accent)}textarea{resize:vertical}.add-grid{align-items:end}.add-grid label{flex:1}.add-grid button,.wide{background:var(--color-accent);color:#241508;border:0;border-radius:9px;padding:11px 14px;font-weight:800}.wide{width:100%}.list-heading{margin-top:25px;padding-bottom:9px;border-bottom:1px solid #ffffff18}.list-heading small{color:var(--color-muted)}.participant-list{max-height:280px;overflow:auto;margin:10px 0}.participant-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #ffffff12}.participant-row>span{min-width:0;overflow:hidden;text-overflow:ellipsis}.participant-row em{font-style:normal;font-size:10px;color:#ffd778;border:1px solid #e1a73577;border-radius:4px;padding:2px 5px;margin-left:8px}.participant-row>div{display:flex;gap:5px;flex-shrink:0}.small{padding:6px 8px;font-size:11px;border-radius:7px;background:var(--color-accent);color:#241508;border:0}.ghost{background:transparent;color:var(--color-accent);border:1px solid #e1a73566}.danger{background:#8b3d3d;color:#ffe8e8;border:0}.danger-outline{background:transparent;color:#ff9c8d;border:1px solid #b4554d}.panel-actions{border-top:1px solid #ffffff18;padding-top:16px;margin-top:12px}.primary-bar{margin-top:22px;padding:18px 22px;border:1px solid #e1a73544;border-radius:18px;background:#101f3de6}.primary-bar strong{display:block;margin-top:7px;font-size:18px}.spin-placeholder{padding:16px 30px;border-radius:10px;background:#8f6d2a;color:#ffe8a5;border:1px solid #f1c35c;font-weight:900}footer{padding-top:18px;color:var(--color-muted);font-size:11px}@media(max-width:900px){.workspace{grid-template-columns:1fr}.display-preview{min-height:430px}.wheel-placeholder{width:min(52vw,300px)}}@media(max-width:600px){.app-shell{padding:20px 14px}.topbar{display:block}.status{display:inline-block;margin-top:15px}.add-grid{display:block}.add-grid button{width:100%}.primary-bar{display:block}.spin-placeholder{width:100%;margin-top:16px}.participant-row{align-items:flex-start}.participant-row>div{flex-direction:column}.display-preview h2{font-size:30px}}.wheel-shell{width:min(36vw,360px);aspect-ratio:1;position:relative;margin:18px;cursor:pointer}.wheel-shell[aria-disabled=true]{cursor:not-allowed;opacity:.8}.wheel-rotator{width:100%;height:100%;border-radius:50%;border:10px solid var(--color-wheel-border);box-shadow:0 0 42px #e1a73555;transition-property:transform;transition-timing-function:cubic-bezier(.12,.72,.08,1);will-change:transform}.wheel-rotator canvas{width:100%;height:100%;display:block;border-radius:50%}.wheel-pointer{position:absolute;z-index:2;top:-14px;left:50%;transform:translate(-50%);width:36px;height:52px;background:var(--pointer-color);clip-path:polygon(50% 100%,0 12%,50% 0,100% 12%);filter:drop-shadow(0 5px 5px #0008)}.winner-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;background:#020817b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:20px}.winner-card{width:min(660px,100%);text-align:center;background:#102b4deb;border:1px solid #f2c45c99;border-radius:24px;padding:52px 28px;box-shadow:0 25px 100px #000b}.winner-card span{color:var(--color-accent);font-weight:800;letter-spacing:.22em;font-size:13px}.winner-card strong{display:block;color:var(--color-text);font-size:clamp(38px,7vw,78px);line-height:1.05;margin:20px 0 32px}.winner-card button{background:var(--color-accent);color:#241508;padding:12px 28px;font-weight:900}.control-stack{display:grid;gap:22px;min-height:0}.history-panel{min-height:0}.history-list{max-height:270px;overflow:auto;margin:14px 0}.history-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #ffffff12}.history-row strong{display:block}.history-row small{display:block;color:var(--color-muted);font-size:10px;margin-top:4px}.history-actions,.primary-actions{display:flex;gap:8px}.history-actions button{flex:1}.undo-button{padding:16px 22px;background:transparent;color:var(--color-accent);border:1px solid #e1a73588;border-radius:10px;font-weight:900}.primary-actions{align-items:center}.primary-actions .spin-placeholder{min-width:150px}.import-button{width:100%;margin-top:8px;background:#173b62;color:#f6d277;border:1px solid #e1a73588;border-radius:9px;padding:11px;font-weight:800}.import-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:20px;background:#020817cc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.import-dialog{width:min(720px,100%);max-height:90vh;overflow:auto;padding:26px;border:1px solid #f2c45c66;border-radius:20px;background:#0d2445;color:var(--color-text);box-shadow:0 25px 100px #000b}.file-select{text-align:center;padding:45px 20px;color:var(--color-muted)}.file-select button,.import-actions button:not(.ghost){background:var(--color-accent);color:#241508;border:0;border-radius:9px;padding:12px 18px;font-weight:900}.import-error{color:#ff9c8d;margin-top:20px}.import-options{display:grid;grid-template-columns:1fr 1fr;gap:14px}.import-options label{display:grid;gap:7px;color:var(--color-muted);font-size:12px;font-weight:700}.import-options select{padding:10px;background:#071a35;color:var(--color-text);border:1px solid #b5c9df33;border-radius:8px}.import-summary{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.import-summary span{padding:7px 9px;border-radius:7px;background:#071a35;color:#f2d486;font-size:11px}.import-preview{max-height:220px;overflow:auto;padding:12px;background:#071a35;border-radius:10px;color:#dce5f0;font-size:13px;line-height:1.8}.import-preview small{display:block;color:var(--color-muted);margin-top:8px}fieldset{border:1px solid #ffffff22;border-radius:10px;margin:18px 0;padding:12px}fieldset label{display:block;color:var(--color-muted);font-size:12px;margin:8px 0}fieldset input{width:auto;margin-right:7px}.import-actions{display:flex;justify-content:flex-end;gap:8px}.import-actions .ghost{padding:12px 18px;border-radius:9px}@media(max-width:600px){.import-options{grid-template-columns:1fr}.import-actions{display:grid}.import-actions button{width:100%}}.top-actions{display:flex;align-items:center;gap:12px}.open-display{background:transparent;color:var(--color-accent);border:1px solid #e1a73588;border-radius:999px;padding:10px 14px;font-size:11px;font-weight:800}.display-mode{min-height:100vh;display:grid;place-items:center;padding:var(--display-safe-padding);background:radial-gradient(circle at 70% 20%,#b76e2533,transparent 25%),linear-gradient(135deg,#07152f,#0b1b3b 55%,#170e24);color:var(--color-text)}.display-content{text-align:center;width:min(100%,1100px);display:flex;flex-direction:column;align-items:center}.display-kicker{font-size:12px;letter-spacing:.22em;font-weight:800;color:var(--color-accent)}.display-mode h1{font-size:clamp(40px,6vw,92px);margin:14px 0 4px;color:var(--color-accent)}.display-subtitle{color:var(--color-muted);font-size:clamp(14px,2vw,20px)}.display-mode .wheel-shell{width:min(52vw,560px);margin:28px}.display-count{font-size:clamp(36px,5vw,62px);color:var(--color-accent)}.display-count small{display:block;font-size:12px;letter-spacing:.18em;color:var(--color-text);text-transform:uppercase}.display-empty{width:min(52vw,560px);aspect-ratio:1;display:grid;place-items:center;border:2px dashed #e1a73566;border-radius:50%;color:var(--color-muted)}.display-winner{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;display:grid;place-items:center;pointer-events:none;background:#020817aa}.display-winner span{display:block;text-align:center;color:var(--color-accent);font-weight:800;letter-spacing:.24em;font-size:clamp(13px,2vw,22px)}.display-winner strong{display:block;text-align:center;margin-top:20px;color:var(--color-text);font-size:clamp(50px,10vw,150px);line-height:1.03}@media(max-width:700px){.top-actions{display:block}.open-display{margin-top:15px}.display-mode .wheel-shell{width:min(82vw,500px)}}.background-layer{position:relative;min-height:100vh;overflow:hidden;background:var(--background-color)}.background-media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.background-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#020817;z-index:1;pointer-events:none}.background-content{position:relative;z-index:2;min-height:100vh}.display-logo{max-width:min(260px,28vw);max-height:100px;object-fit:contain;margin-bottom:20px}.appearance-panel{max-height:620px;overflow:auto}.appearance-panel fieldset{display:grid;gap:8px}.appearance-panel label{margin:6px 0}.appearance-panel select,.appearance-panel input[type=color]{background:#071a35;color:var(--color-text);border:1px solid #b5c9df33;border-radius:8px;padding:8px}.appearance-panel input[type=color]{height:36px;padding:3px}.media-buttons,.color-swatches{display:flex;flex-wrap:wrap;gap:6px}.media-buttons button{font-size:11px;padding:8px}.color-swatches input{width:38px!important;height:32px!important}.check-label{display:flex!important;align-items:center;gap:8px}.check-label input{width:auto!important}.media-note{font-size:11px;color:var(--color-muted);margin-top:14px}.display-mode .background-content{display:grid;place-items:center}.display-mode .display-content{position:relative}.display-mode .display-winner{z-index:5}.backup-toolbar{max-width:var(--content-max-width);margin:18px auto 0;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.backup-toolbar button{background:#173b62;color:#f6d277;border:1px solid #e1a73588;border-radius:9px;padding:10px 13px;font-weight:800;font-size:11px}.backup-toolbar small{color:var(--color-muted);font-size:10px}.error-screen{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:12px;background:#07152f;color:#fff8e8;text-align:center;padding:24px}.error-screen h1{color:#e1a735}.error-screen button{background:#e1a735;color:#241508;border:0;border-radius:9px;padding:12px 18px;font-weight:800}.operator-warning{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin:1rem auto;max-width:1400px;padding:1rem 1.25rem;border:2px solid #f0a83b;border-radius:12px;background:#3b220d;color:#ffe8bd}.operator-warning span{flex:1;min-width:220px}.operator-warning button{margin-left:auto}:root{--night-navy: #071d55;--night-blue: #0d2f78;--gold: #d99018;--amber: #ffb42e;--ember: #c74718;--deep-red: #7d1616;--cream: #fff2c8;font-family:Trebuchet MS,Arial,sans-serif}.display-mode{padding:3vh 3vw;place-items:stretch;background:#071d55}.display-mode .background-media{object-position:center center}.display-mode .background-overlay{background:#061431;opacity:.2!important}.display-mode .background-content{min-height:100vh}.display-content{width:100%;height:100vh;max-width:none;display:block;position:relative;text-align:left}.display-branding{position:absolute;left:3vw;top:4vh;width:clamp(280px,29vw,560px);display:grid;gap:10px;z-index:3}.display-gala{width:clamp(130px,10vw,230px);object-fit:contain}.display-title-art{width:100%;max-height:150px;object-fit:contain;object-position:left center}.display-power{width:clamp(180px,19vw,360px);object-fit:contain}.display-client-brand{position:absolute;right:3vw;top:4vh;width:clamp(150px,13vw,260px);display:grid;gap:10px;justify-items:end;z-index:3}.display-client-brand img{max-width:100%;max-height:62px;object-fit:contain}.display-client-brand img+img{max-height:28px}.display-mode .display-logo{position:absolute;right:3vw;top:18vh;max-width:180px;z-index:3}.display-mode .wheel-shell{position:absolute;left:27%;top:56%;transform:translate(-50%,-50%);width:clamp(420px,31vw,600px);margin:0;z-index:4}.display-mode .wheel-rotator{border:14px solid #24120b;box-shadow:0 0 0 5px var(--gold),0 0 0 10px #4c210c,0 0 42px #ffb42e99}.display-mode .wheel-rotator canvas{image-rendering:auto}.display-mode .wheel-pointer{background:var(--amber);filter:drop-shadow(0 0 0 var(--deep-red)) drop-shadow(0 4px 4px #000);border:2px solid var(--deep-red)}.display-mode .display-count-badge{position:absolute;left:27%;top:91%;transform:translate(-50%);z-index:5;display:grid;justify-items:center;min-width:230px;padding:9px 28px;color:var(--cream);background:var(--deep-red);border:3px solid var(--gold);box-shadow:0 0 0 3px #3b1608;font-weight:900}.display-count-badge strong{font-size:clamp(28px,3vw,52px);line-height:1;color:var(--amber)}.display-count-badge span{font-size:11px;letter-spacing:.12em}.display-empty{position:absolute;left:27%;top:56%;transform:translate(-50%,-50%);width:clamp(420px,31vw,600px);background:#071d55cc;border:8px solid var(--gold);color:var(--cream)}.display-winner{background:#25090dcc;-webkit-backdrop-filter:none;backdrop-filter:none}.display-winner>img{position:absolute;width:min(760px,70vw);opacity:.92}.display-winner>div{position:relative;z-index:1;text-align:center;padding:70px 100px}.display-winner span{color:var(--amber);text-shadow:3px 3px var(--deep-red)}.display-winner strong{color:var(--cream);text-shadow:4px 4px var(--deep-red),0 0 25px var(--amber)}.app-shell{background:linear-gradient(#07152fcc,#07152fcc),url(/assets/nusantara-night/BACKGROUNd%20polosan.png) center/cover fixed;color:var(--cream)}.panel,.display-preview,.primary-bar{border:2px solid #9b691b;border-radius:4px;background:#071d55e8;box-shadow:0 8px #260e0a,0 18px 35px #0008}.panel{padding:22px}.topbar{border-bottom:2px solid var(--gold);padding-bottom:18px}.brand-mark,.section-kicker,.preview-kicker{color:var(--amber)}.topbar h1,.panel-heading h2{color:var(--cream)}input,textarea,.appearance-panel select,.appearance-panel input[type=color]{border:2px solid #9b691b;border-radius:2px;background:#061638;color:var(--cream)}button,.open-display,.backup-toolbar button,.import-button,.spin-placeholder,.undo-button{border-radius:2px!important;border:2px solid var(--gold)!important;background:var(--deep-red);color:var(--cream)}button:hover{background:var(--ember);color:#fff4bf}.add-grid button,.wide{background:var(--gold);color:#241508}.danger,.danger-outline{background:var(--deep-red);border-color:var(--gold)!important;color:#ffe7b0}.display-preview{background:linear-gradient(#07152d99,#07152d99),url(/assets/nusantara-night/BACKGROUNd%20polosan.png) center/cover}.display-preview:after{background:#06143166}.display-preview h2{color:var(--cream)}@media(max-width:1100px){.display-mode .wheel-shell,.display-empty{left:30%;width:clamp(360px,35vw,500px)}.display-mode .display-count-badge{left:30%}}@media(max-width:700px){.display-content{height:100vh}.display-branding{left:3vw;top:3vh;width:55vw}.display-client-brand{right:3vw;top:3vh;width:28vw}.display-mode .wheel-shell,.display-empty{left:50%;top:61%;width:min(78vw,430px)}.display-mode .display-count-badge{left:50%;top:88%}.display-mode .display-logo{display:none}.display-winner>div{padding:40px 20px}}.display-mode{height:100vh;min-height:100vh}.display-mode .background-content{height:94vh;min-height:94vh}.display-mode .display-content{height:100%}.wheel-shell,.wheel-rotator{aspect-ratio:1/1!important}.wheel-rotator{width:100%!important;height:100%!important}.wheel-rotator canvas{display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important}.display-mode .wheel-shell{left:50%!important;top:50%!important;width:clamp(420px,32vw,620px)!important;height:clamp(420px,32vw,620px)!important;transform:translate(-50%,-50%)!important}.display-mode .display-count-badge{left:50%!important;top:calc(50% + clamp(210px,16vw,310px) + 30px)!important;transform:translate(-50%)!important}.display-mode .display-empty{left:50%!important;top:50%!important;width:clamp(420px,32vw,620px)!important;height:clamp(420px,32vw,620px)!important;transform:translate(-50%,-50%)!important;aspect-ratio:1/1!important}.display-mode.winner-active .display-content>.wheel-shell{transform:translate(-50%,-50%) scale(.94)!important}.display-mode.winner-active .display-content>.wheel-shell{opacity:.15;transform:translate(-50%,-50%) scale(.94)}@media(max-width:1100px){.display-mode{--wheel-x: 29vw;--wheel-diameter: clamp(410px, 29vw, 500px)}.display-mode .wheel-shell{left:var(--wheel-x);width:var(--wheel-diameter)}.display-mode .display-count-badge{left:var(--wheel-x)}}@media(max-width:700px){.display-mode{--wheel-x: 50vw;--wheel-y: 61vh;--wheel-diameter: min(78vw, 430px)}.display-mode .wheel-shell{left:var(--wheel-x);top:var(--wheel-y);width:var(--wheel-diameter)}.display-mode .display-count-badge{left:var(--wheel-x);top:calc(var(--wheel-y) + var(--wheel-diameter) / 2 + 20px)}.display-branding{left:3vw;top:3vh;width:55vw}.display-client-brand{right:3vw;top:3vh;width:28vw}}.display-winner>div span{position:absolute;top:13%;width:72%;margin:0;transform:translate(-50%,-50%);text-align:center;line-height:1;letter-spacing:.18em}.display-winner>img{top:calc(50% - 105px);left:50%;transform:translate(-50%,-50%);width:min(72vw,1100px);height:auto}.display-winner>div{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;width:min(72vw,1100px);height:430px;padding:0;transform:none}.display-winner>div span{position:relative;z-index:1;margin:0;transform:translateY(-105px);font-size:clamp(18px,2vw,30px);letter-spacing:.18em}.display-winner>div strong{position:relative;z-index:1;margin:0;transform:translateY(55px);font-size:clamp(42px,6vw,86px);max-width:78%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.display-preview .wheel-shell{width:min(34vw,360px);max-width:100%;margin:18px auto}.display-preview .preview-title-art{display:block;width:min(75%,360px);height:auto;max-height:100px;object-fit:contain;margin:8px auto 0}.display-preview .wheel-rotator{border-width:8px}.display-preview .wheel-pointer{top:-10px;width:28px;height:40px}.display-winner strong{font-size:clamp(38px,min(6vw,calc(72vw / var(--winner-length))),86px)}.display-mode{--wheel-x: 29vw;--wheel-y: 56vh;--wheel-diameter: clamp(430px, 27vw, 510px)}.display-branding{left:6vw;top:8vh;width:clamp(360px,27vw,560px);gap:8px}.display-gala{width:clamp(190px,15vw,300px)}.display-title-art{width:clamp(420px,25vw,520px);max-height:180px}.display-power{width:clamp(260px,20vw,400px)}.display-client-brand{right:5vw;top:8vh;width:clamp(180px,9vw,250px)}.display-client-brand img{max-height:75px}.display-client-brand img+img{max-height:30px}.display-mode .wheel-shell{left:var(--wheel-x);top:var(--wheel-y);width:var(--wheel-diameter);z-index:3}.display-mode .display-count-badge{left:var(--wheel-x);top:calc(var(--wheel-y) + var(--wheel-diameter) / 2 + 30px);z-index:4}.display-empty{left:var(--wheel-x);top:var(--wheel-y);width:var(--wheel-diameter)}.display-winner{background:#040a239e;z-index:10}.display-winner>img{width:min(72vw,1100px)}.display-winner>div{z-index:11;width:min(72vw,1100px);padding:5.5% 14%;text-align:center}.display-winner span{display:block;margin-bottom:24px}.display-winner strong{display:block;max-width:100%;overflow:hidden;white-space:nowrap;font-size:clamp(42px,6vw,86px);line-height:1.05;text-overflow:ellipsis}.display-mode .display-gala{display:none!important}.display-mode .display-client-brand{right:5vw;top:7vh;width:clamp(240px,13vw,320px);gap:10px;justify-items:center}.display-mode .display-client-brand img{width:100%;max-width:none;max-height:none}.display-mode .display-client-brand img+img{width:82%;max-height:none;margin-top:2px}.display-mode .display-client-brand{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:clamp(2px,.25vw,6px);top:clamp(24px,5vh,64px);right:clamp(24px,4vw,72px);width:auto}.display-mode .display-client-brand>img:first-child{width:clamp(120px,9vw,190px);height:auto}.display-mode .display-client-brand>img+img{width:clamp(90px,7vw,150px);height:auto;margin:0}@media(max-width:768px){.display-mode{overflow:hidden;--wheel-x: 50vw;--wheel-y: 58vh;--wheel-diameter: min(78vw, 420px)}.display-mode .background-content{height:100%;min-height:100%;overflow:hidden}.display-mode .display-client-brand{top:16px;right:16px;gap:2px;width:auto}.display-mode .display-client-brand>img:first-child{width:clamp(90px,24vw,130px)}.display-mode .display-client-brand>img+img{width:clamp(70px,18vw,105px)}.display-mode .display-branding{left:5vw;top:5vh;width:clamp(180px,48vw,320px)}.display-mode .display-title-art{width:clamp(180px,48vw,320px);max-height:none}.display-mode .display-power{width:clamp(150px,36vw,240px)}.display-mode .wheel-shell{left:50%!important;top:var(--wheel-y)!important;width:var(--wheel-diameter)!important;height:var(--wheel-diameter)!important}.display-mode .display-count-badge{left:50%!important;top:calc(var(--wheel-y) + var(--wheel-diameter) / 2 + 16px)!important;min-width:clamp(150px,42vw,230px);padding:7px 14px}.display-mode .display-count-badge strong{font-size:clamp(24px,8vw,42px)}.display-mode .display-count-badge span{font-size:clamp(8px,2.2vw,11px)}.display-winner>img{width:min(88vw,1100px)}.display-winner>div{width:88vw;height:360px}.display-winner>div strong{font-size:clamp(36px,10vw,72px)}}@media(max-width:480px){.display-mode .display-branding{top:4vh}.display-mode .display-client-brand{top:12px;right:12px}.display-mode{--wheel-y: 60vh}}.display-mode .display-client-brand{top:clamp(18px,4vh,52px);right:clamp(18px,3vw,56px);gap:0}.display-mode .display-client-brand>img:first-child{width:clamp(150px,11vw,240px)}.display-mode .display-client-brand>img+img{width:clamp(120px,8.5vw,200px);margin-top:-5px}@media(max-width:1024px){.display-winner>img{width:min(88vw,760px)}.display-winner>div{width:min(88vw,760px);height:clamp(300px,42vw,390px);padding:0;gap:0}.display-winner>div span{left:50%;top:calc(50% - 82px);width:64%;font-size:clamp(18px,3vw,32px);letter-spacing:.08em;line-height:1.1;white-space:nowrap}.display-winner>div strong{transform:translateY(42px);max-width:78%;font-size:clamp(34px,8vw,72px);line-height:1}}@media(max-width:768px){.display-mode .display-client-brand{top:16px;right:16px;gap:0}.display-mode .display-client-brand>img:first-child{width:clamp(100px,27vw,150px)}.display-mode .display-client-brand>img+img{width:clamp(78px,21vw,120px);margin-top:-6px}.display-winner>div span{top:calc(50% - 64px);width:60%;font-size:clamp(16px,4vw,25px);letter-spacing:.05em}.display-winner>div strong{transform:translateY(34px);max-width:82%}}.display-mode .display-client-brand>img:first-child{width:clamp(190px,13vw,300px)}.display-mode .display-client-brand>img+img{width:clamp(155px,10vw,240px);margin-top:clamp(-132px,-6.4vw,-64px)}@media(max-width:768px){.display-mode .display-client-brand>img:first-child{width:clamp(125px,32vw,180px)}.display-mode .display-client-brand>img+img{width:clamp(105px,27vw,145px);margin-top:clamp(-82px,-8vw,-50px)}}@media(min-width:1025px){.display-mode.winner-active .display-winner{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important}.display-mode.winner-active .display-winner>img{position:absolute!important;top:calc(50% - 105px)!important;left:50%!important;transform:translate(-50%,-50%)!important;width:min(72vw,1100px)!important}.display-mode.winner-active .display-winner>div{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:100%!important;padding:0!important;display:block!important}.display-mode.winner-active .display-winner>div span{position:absolute!important;left:50%!important;top:calc(48% - 115px)!important;transform:translate(-50%,-50%)!important;width:72%!important;margin:0!important;text-align:center!important;font-weight:900!important;font-family:SubVario,Arial,sans-serif!important;font-size:clamp(22px,5vw,60px)!important}.display-mode.winner-active .display-winner>div strong{position:absolute!important;left:50%!important;top:calc(50% + 115px)!important;transform:translate(-50%)!important;margin:0!important;max-width:88%!important;text-align:center!important}}@media(max-width:1024px){.display-mode.winner-active .display-winner{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important}.display-mode.winner-active .display-winner>img{position:absolute!important;top:calc(45% - 8px)!important;left:50%!important;transform:translate(-50%,-50%)!important;width:min(88vw,760px)!important}.display-mode.winner-active .display-winner>div{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:100%!important;padding:0!important;display:block!important}.display-mode.winner-active .display-winner>div span{position:absolute!important;left:50%!important;top:42.7%!important;transform:translate(-50%,-50%)!important;width:76%!important;margin:0!important;text-align:center!important;font-weight:900!important;font-family:SubVario,Arial,sans-serif!important;font-size:clamp(16px,5vw,60px)!important;line-height:1!important;letter-spacing:.04em!important;white-space:nowrap!important}.display-mode.winner-active .display-winner>div strong{position:absolute!important;left:50%!important;top:57%!important;transform:translate(-50%)!important;margin:0!important;max-width:84%!important;text-align:center!important}}@media(max-width:768px){.display-mode.winner-active .display-winner>div span{top:42.8%!important;font-size:clamp(16px,6vw,44px)!important}.display-mode.winner-active .display-winner>div strong{top:55%!important;max-width:88%!important}}