*{box-sizing:border-box;margin:0;padding:0}:root{--orange-strong:#fd5901;--orange-mid:#f78104;--orange-light:#faab36;--teal-bright:#249ea0;--teal-mid:#008083;--teal-dark:#005f60;--white:#fff}body{color:var(--teal-dark);background:radial-gradient(circle at 50% 8%,#fffffff5 0%,#ffffffd1 18%,#faab3638 44%,#0000 66%),linear-gradient(#fff 0%,#faab36 55%,#f78104 100%);font-family:Comic Sans MS,Chalkboard,cursive,sans-serif;overflow:hidden}#canvas-container{width:100vw;height:100vh;position:fixed;inset:0}#ui-overlay{z-index:100;pointer-events:none;flex-direction:column;justify-content:flex-end;align-items:center;padding:16px 16px 24px;display:flex;position:fixed;inset:0}#title{text-align:center;pointer-events:none;flex-direction:column;align-items:center;gap:8px;width:min(760px,100vw - 24px);display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%)}#title-wordmark{letter-spacing:6px;max-width:100%;color:var(--orange-mid);text-shadow:0 5px 0 var(--white), 0 10px 0 #f7810424, 3px 3px 0 var(--teal-dark), 0 0 28px #faab367a;font-size:clamp(2.5rem,7vw,5.2rem);line-height:.9}#title-kicker{border:4px solid var(--teal-dark);max-width:fit-content;color:var(--white);letter-spacing:1px;text-transform:uppercase;background:linear-gradient(#249ea0 0%,#008083 100%);border-radius:999px;padding:8px 18px;font-size:clamp(.7rem,1.8vw,1rem);box-shadow:0 8px #005f60,0 14px 20px #005f6029}button{pointer-events:auto;font:inherit;text-transform:uppercase;letter-spacing:2px;color:var(--white);border:4px solid var(--teal-dark);cursor:pointer;text-shadow:0 1px #005f6038;border-radius:999px;font-weight:700;transition:transform .15s,box-shadow .15s,filter .15s}button:hover{transform:translateY(-2px) rotate(var(--button-tilt,0deg));filter:saturate(1.04)}button:active{transform:translateY(3px) rotate(var(--button-tilt,0deg))}button:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #249ea059}#control-cluster{pointer-events:none;flex-direction:column;align-items:center;gap:10px;display:flex}#control-chip{border:4px solid var(--orange-strong);max-width:max-content;color:var(--orange-strong);letter-spacing:1px;text-transform:uppercase;background:#ffffffeb;border-radius:16px;padding:8px 16px;font-size:.82rem;font-weight:700;transition:opacity .2s,transform .2s;transform:rotate(-1.5deg);box-shadow:0 8px #f78104,0 14px 24px #f7810429}#control-cluster:has(#start-btn.hidden) #control-chip{opacity:0;pointer-events:none;transform:translateY(10px)scale(.96)}#edit-btn,#copy-link-btn{--button-tilt:-1deg;background:linear-gradient(#249ea0 0%,#008083 58%,#005f60 100%);padding:10px 22px;font-size:1rem;box-shadow:0 8px #005f60,0 16px 24px #005f6033}#start-btn,#save-editor-btn,#reset-btn,#cancel-editor-btn{--button-tilt:1deg;background:linear-gradient(#faab36 0%,#f78104 58%,#fd5901 100%);padding:14px 34px;box-shadow:0 8px #005f60,0 18px 28px #fd59013d}#start-btn{letter-spacing:3px;min-width:min(92vw,420px);font-size:clamp(1.15rem,2.8vw,1.95rem)}#reset-btn,#cancel-editor-btn{--button-tilt:-1deg}#participant-themes{border:4px solid var(--teal-dark);pointer-events:auto;background:linear-gradient(#fffffff5 0%,#ffffffe0 100%),linear-gradient(#faab36 0%,#f78104 100%);border-radius:22px;flex-direction:column;gap:10px;width:min(360px,100vw - 32px);padding:14px;display:flex;position:fixed;top:18px;left:18px;box-shadow:0 20px 34px #f781042e,inset 0 0 0 5px #faab362e}#participant-themes:before{content:"daftar tema";border:3px solid var(--orange-strong);color:var(--orange-strong);letter-spacing:1px;text-transform:uppercase;background:#fffffffa;border-radius:999px;align-self:flex-start;padding:6px 12px;font-size:.74rem;font-weight:700;box-shadow:0 6px #f78104}.theme-item{background:color-mix(in srgb, var(--theme-bg,var(--orange-mid)) 84%, white 16%);color:var(--theme-fg,var(--white));border:3px solid #005f602e;border-radius:18px;grid-template-columns:auto 1fr;align-items:center;gap:12px;padding:10px 12px;display:grid;box-shadow:inset 0 1px #ffffff38}.theme-badge{background:#ffffff2e;border:2px solid #ffffff47;border-radius:999px;justify-content:center;align-items:center;min-width:42px;height:34px;padding:0 10px;font-size:.78rem;font-weight:700;display:inline-flex}.theme-copy{flex-direction:column;gap:1px;min-width:0;display:flex}.theme-name,.theme-theme{overflow-wrap:anywhere}.theme-name{opacity:.84;text-transform:uppercase;letter-spacing:.8px;font-size:.8rem}.theme-theme{font-size:.97rem;font-weight:700;line-height:1.15}#result-overlay{--winner-color:var(--orange-strong);backdrop-filter:blur(6px)saturate(.95);z-index:200;pointer-events:none;background:radial-gradient(circle,#faab361f 0%,#005f6038 100%),#005f603d;justify-content:center;align-items:center;padding:20px;animation:.45s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}#result-content{--winner-color:var(--orange-strong);border:5px solid var(--winner-color);width:min(620px,100vw - 40px);color:var(--teal-dark);text-align:center;pointer-events:auto;background:radial-gradient(circle at top,#fffffffa 0%,#ffffffe6 34%,#faab362e 100%),linear-gradient(#fff 0%,#faab361f 100%);border-radius:30px;padding:42px 34px 34px;position:relative;box-shadow:0 22px 60px #f7810438,inset 0 0 0 6px #249ea01f}#result-content:before,#result-content:after{content:"";border:3px solid var(--teal-dark);background:#249ea0;border-radius:10px;width:56px;height:16px;position:absolute;top:18px}#result-content:before{left:26px;transform:rotate(-12deg)}#result-content:after{right:26px;transform:rotate(12deg)}.result-kicker{border:3px solid var(--teal-dark);color:var(--white);letter-spacing:1.2px;text-transform:uppercase;background:#249ea0;border-radius:999px;justify-content:center;align-items:center;margin-bottom:12px;padding:8px 16px;font-size:.76rem;font-weight:700;display:inline-flex}#result-content h2{color:var(--orange-strong);letter-spacing:2px;margin-bottom:12px;font-size:1.25rem}#winner-theme{color:var(--orange-mid);text-shadow:0 3px #ffffffa6;margin-bottom:12px;font-size:clamp(2rem,5vw,3rem);line-height:1.02;animation:2s ease-in-out infinite winnerPulse}@keyframes winnerPulse{0%,to{transform:scale(1)}50%{transform:scale(1.025)}}#winner-participant{color:#005f60e0;font-size:1.15rem}.hidden{display:none!important}#editor-overlay{backdrop-filter:blur(8px)saturate(.95);z-index:300;background:#005f6047;justify-content:center;align-items:center;padding:20px;animation:.3s fadeIn;display:flex;position:fixed;inset:0;overflow-y:auto}#editor-form{border:5px solid var(--teal-dark);background:radial-gradient(circle at top,#fffffffa 0%,#ffffffe6 36%,#faab3629 100%),linear-gradient(#fff 0%,#faab361f 100%);border-radius:30px;width:min(100%,620px);max-height:calc(100vh - 40px);padding:38px 24px 24px;position:relative;overflow-y:auto;box-shadow:0 24px 60px #f7810438,inset 0 0 0 6px #249ea01a}#editor-form:before,#editor-form:after{content:"";border:3px solid var(--teal-dark);background:#faab36;border-radius:10px;width:58px;height:16px;position:absolute;top:18px}#editor-form:before{left:26px;transform:rotate(-11deg)}#editor-form:after{right:26px;transform:rotate(11deg)}.editor-kicker{border:3px solid var(--orange-strong);color:var(--orange-strong);letter-spacing:1px;text-transform:uppercase;background:#fffffffa;border-radius:999px;justify-content:center;align-items:center;margin-bottom:12px;padding:8px 16px;font-size:.74rem;font-weight:700;display:inline-flex;box-shadow:0 6px #f78104}#editor-form h2{text-align:center;color:var(--orange-strong);letter-spacing:3px;margin-bottom:18px;font-size:2rem}.editor-rows{flex-direction:column;gap:14px;margin-bottom:20px;display:flex}.editor-row{background:#ffffff8f;border:3px solid #005f6024;border-radius:20px;flex-direction:column;gap:8px;padding:14px 14px 12px 18px;display:flex;position:relative;box-shadow:inset 0 1px #faab363d}.editor-row:before{content:"";background:var(--row-accent,var(--orange-mid));border-radius:999px;width:6px;position:absolute;top:12px;bottom:12px;left:10px}.editor-row label{color:var(--row-accent,var(--orange-strong));letter-spacing:1px;margin-left:6px;font-size:.96rem;font-weight:700}.row-fields{grid-template-columns:1fr 1fr auto;align-items:center;gap:8px;display:grid}.editor-row input[type=text]{width:100%;color:var(--teal-dark);font:inherit;background:#fffffff0;border:3px solid #005f602e;border-radius:16px;padding:10px 12px;transition:border-color .2s,box-shadow .2s,transform .2s}.editor-row input[type=text]:focus{border-color:var(--row-accent,var(--orange-mid));transform:translateY(-1px);box-shadow:0 0 0 4px #faab362e}.editor-row input[type=color]{cursor:pointer;background:#fffffff0;border:3px solid #005f602e;border-radius:16px;width:54px;height:44px;padding:4px}.row-note{color:#005f60b8;text-transform:uppercase;letter-spacing:.8px;margin-left:6px;font-size:.76rem}.editor-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.editor-actions button{min-width:180px;padding:12px 24px;font-size:1.04rem}@media (width<=760px){#title-wordmark{letter-spacing:4px}#participant-themes{width:min(100vw - 24px,360px)}}@media (width<=640px){#ui-overlay{padding:14px 12px 28px}#title{gap:4px;width:calc(100vw - 16px);top:10px}#title-wordmark{letter-spacing:2px;font-size:clamp(1.95rem,10.8vw,3.7rem)}#title-kicker{letter-spacing:.7px;max-width:calc(100vw - 28px);padding:6px 10px;font-size:.58rem;line-height:1.15}#participant-themes{width:auto;top:12px;left:12px;right:12px}.theme-item{gap:10px}.theme-theme{font-size:.9rem}#control-cluster{gap:8px}#control-chip{text-align:center;max-width:min(100%,340px);padding:7px 12px;font-size:.7rem}#edit-btn{padding:9px 20px;font-size:.95rem}#start-btn{width:min(100%,100vw - 24px);font-size:clamp(1rem,7.6vw,1.55rem)}#editor-form,#result-content{border-radius:24px}#editor-form{width:100%;padding:34px 16px 20px}#editor-form h2{font-size:1.7rem}.editor-kicker,.result-kicker{font-size:.66rem}.row-fields{grid-template-columns:1fr}.editor-row input[type=color]{width:100%}.editor-actions{flex-direction:column}.editor-actions button{width:100%;min-width:0}#result-content{padding:40px 20px 26px}#result-content h2{font-size:1.08rem}#winner-participant{font-size:1rem}}