:root{color:#344d43;font-synthesis:none;--ink:#344d43;--muted:#78887c;--line:#d5dfd2;--accent:#2e7161;--paper:#fbfcf6;--ball:#bb985c;background:#f3f4ec;font-family:Segoe UI,Malgun Gothic,Arial,sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;color:var(--ink);white-space:nowrap;background:#f1f4ec;border:1px solid #cdd9cb;border-radius:10px;padding:10px 15px;transition:background .15s,box-shadow .15s}button:hover{background:#e5eddf}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #d59945}button:active:not(:disabled){transform:translateY(1px)}input,select,textarea{color:var(--ink);background:#fffef8;border:1px solid #cbd7c9;border-radius:8px;max-width:100%;padding:10px}input[type=checkbox]{accent-color:var(--accent)}a{color:inherit;text-decoration:none}.app{flex-direction:column;width:100%;height:100dvh;min-height:460px;padding:0 14px;display:flex;overflow:hidden}.topbar{flex:0 0 60px;justify-content:space-between;align-items:center;gap:16px;height:60px;padding:0 9px;display:flex}.brand{letter-spacing:-.6px;align-items:center;gap:10px;font-size:19px;font-weight:800;display:flex}.brand-icon{color:#a68b52;text-indent:-999px;background:radial-gradient(circle at 32% 25%,#eedcaf,#b79560 48%,#806645);border-radius:50%;place-items:center;width:31px;height:31px;font-size:25px;line-height:1;display:grid;overflow:hidden;box-shadow:inset -2px -3px 4px #5f4a3f44,0 2px 4px #5b644624}.header-actions{align-items:center;gap:6px;display:flex}.header-actions button{background:0 0;border-color:#0000;padding:8px 12px;font-size:12px}.header-actions button:hover{background:#e5ebdf}.header-actions .people-button{background:#e8eee0;gap:14px;display:flex}.people-button b{font-variant-numeric:tabular-nums;color:#307360}.header-actions button:last-child{padding:3px 9px;font-size:25px}.header-actions button[aria-pressed=true]{background:#dce8d5}main{flex:1;min-height:0;display:flex}.game-column{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.arena{background:#dce6dd;border:1px solid #c5d1c0;border-radius:15px;flex:1;min-height:0;position:relative;overflow:hidden;box-shadow:0 4px 16px #5a6d4c10}.viewport{position:absolute;inset:0}.viewport canvas{touch-action:manipulation;width:100%;height:100%;display:block}.arena-top{pointer-events:none;z-index:2;justify-content:space-between;align-items:flex-start;gap:15px;display:flex;position:absolute;top:15px;left:18px;right:18px}.chip{color:#67806e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#f6f9eacc;border:1px solid #fdfef6b3;border-radius:20px;align-items:center;gap:7px;padding:7px 12px;font-size:11px;font-weight:700;display:flex;box-shadow:0 2px 9px #1b452215}.chip i{background:#92a27b;border-radius:50%;width:5px;height:5px}.chip.racing i{background:#d27a4c}.timer{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#f5f8e9d9;border:1px solid #fafcf5ad;border-radius:20px;align-items:center;gap:12px;padding:7px 12px;display:flex;box-shadow:0 2px 9px #1b452215}.timer strong{font-variant-numeric:tabular-nums;letter-spacing:-.5px;font:600 15px ui-monospace,Consolas,monospace}.timer span{color:#6a8069;border-left:1px solid #c3d2bc;padding-left:12px;font-size:10px}.leaders{z-index:3;align-items:center;gap:6px;max-width:65%;display:flex;position:absolute;top:15px;left:50%;transform:translate(-50%)}.leaders button{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fbfcf2dd;border:1px solid #fdfef9c2;border-radius:24px;align-items:center;gap:8px;min-width:0;padding:6px 11px 6px 7px;font-size:11px;display:flex;box-shadow:0 2px 9px #1b452215}.leaders button>b{color:#87967c;font-size:9px;font-weight:700}.leaders button>span:nth-of-type(2){text-overflow:ellipsis;max-width:105px;overflow:hidden}.tiny-ball{color:#fff8de;text-shadow:0 1px 2px #43533588;border-radius:50%;flex-shrink:0;place-items:center;width:24px;height:24px;font-size:11px;font-weight:800;display:inline-grid;box-shadow:inset -2px -3px 4px #5f51374a,inset 2px 2px 4px #fff6}.leaders small{color:#3d8c6d}.minimap{opacity:.6;z-index:2;width:13px;position:absolute;top:75px;bottom:24px;right:7px}.minimap>div{background:#f4f8e257;border:1px solid #9cae952b;border-radius:10px;height:100%;position:relative}.minimap button{border:1px solid #ffe8;border-radius:50%;width:5px;height:5px;min-height:0;padding:0;position:absolute;box-shadow:0 1px 1px #1c402c33}.transport{flex:0 0 76px;justify-content:space-between;align-items:center;gap:18px;padding:10px 12px;display:flex}.race-buttons{align-items:center;gap:8px;display:flex}.primary{background:var(--accent);color:#f8f7e5;border:1px solid #286352;font-weight:700;box-shadow:0 3px 8px #285e3e20}.primary:hover{background:#3b826f}.start,.pause-button{letter-spacing:2px;min-width:135px;padding:12px 22px;font-size:15px}.start span{margin-left:20px;font-size:11px}.shake{background:#e9eedf;padding:12px 22px;font-size:13px}.restart-button{background:0 0;border-color:#0000;padding:9px 13px;font-size:25px;line-height:1}.camera-control{align-items:center;gap:8px;margin-left:auto;display:flex}.camera-control select{background:#f1f4e9;border-color:#d8e1cf;max-width:180px;padding:10px 12px;font-size:12px}.play-controls{align-items:center;gap:5px;display:flex}.play-controls>button:not(.settings-button){background:0 0;border-color:#0000;min-width:39px;padding:9px 12px;font-size:20px}.play-controls button.active{background:#dde8d4}.play-controls button.recording{color:#c46445;background:#f0dfd4}.play-controls .settings-button{background:0 0;border-color:#d3ddca;margin-left:6px;font-size:12px}.countdown,.pause-overlay,.loading-overlay,.error-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:4;color:#385448;background:#eff3df55;flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:absolute;inset:0}.countdown{color:#4f7157;background:#f3f5e138;font:800 140px ui-rounded,Segoe UI,sans-serif}.pause-overlay b{font-size:30px;font-weight:700}.loading-overlay{font-size:12px}.loading-overlay>span{border:3px solid #b6c5a8;border-top-color:#3f7b65;border-radius:50%;width:34px;height:34px;animation:1s linear infinite loading;display:block}.error-overlay{padding:24px;font-size:14px;line-height:1.8}.winner-toast{z-index:3;white-space:nowrap;background:#fbf1ccf0;border:1px solid #c9b477;border-radius:28px;padding:12px 24px;font-size:13px;position:absolute;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #56523430}.winner-toast b{color:#775d36;margin-left:12px}.sr-only{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;background:#18332866;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{width:min(780px,100%);max-height:90dvh;color:var(--ink);background:#f8f9f0;border:1px solid #fffaf0;border-radius:18px;padding:28px;overflow:auto;box-shadow:0 35px 100px #16332655}.modal-title{justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}.modal-title h2{letter-spacing:-.7px;margin:6px 0;font-size:23px;font-weight:700}.modal-title>button{background:0 0;border:0;font-size:20px}.eyebrow{color:#879778;letter-spacing:1px;font-size:10px}.hint{color:var(--muted);font-size:11px;line-height:1.8}.settings-tools{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:18px;display:flex}.settings-tools button{background:#eaf0e2;padding:8px;font-size:10px}.settings-tools label{font-size:11px}.settings-tools input{width:65px}.participant-table{background:#eaf0e1;border:1px solid #d7e1cc;border-radius:10px;max-height:300px;padding:8px;overflow:auto}.participant-row,.table-heading{grid-template-columns:70px 1fr 60px 35px;align-items:center;gap:8px;margin:6px;display:grid}.table-heading{color:#788e70;padding:5px 0;font-size:10px}.participant-row input{width:100%;min-width:0;padding:8px;font-size:12px}.participant-row input[type=color]{height:35px;padding:3px}.participant-row button{padding:6px}.settings-modal details{border:1px solid var(--line);border-radius:9px;margin:15px 0;padding:13px;font-size:12px}.settings-modal summary{cursor:pointer}.settings-modal textarea{width:100%;height:110px;margin:10px 0;display:block}.select-row{grid-template-columns:1.3fr 1fr;gap:12px;margin:16px 0;display:grid}.select-row label{color:#768a6e;flex-direction:column;gap:7px;font-size:11px;display:flex}.select-row select,.select-row input{width:100%;padding:10px;font-size:12px}.audio-settings{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:18px;margin-top:22px;padding-top:15px;font-size:11px;display:flex}.audio-settings label{align-items:center;gap:8px;display:flex}.audio-settings input[type=range]{width:110px}.podium{justify-content:center;align-items:flex-end;gap:14px;padding:15px 0 10px;display:flex}.podium-place{text-align:center;flex-direction:column;align-items:center;gap:10px;width:29%;display:flex}.podium-ball{background:repeating-linear-gradient(84deg,#ffffff0a 0 2px,#2d331118 3px 4px,#fff0 5px 9px),radial-gradient(circle at 30% 25%,#fff6bfaa 0%,var(--ball) 32%,var(--ball) 52%,#695f44 110%);color:#fffbdf;text-shadow:0 1px 2px #424c3480;border:1px solid #ede8c37d;border-radius:50%;place-items:center;width:83px;height:83px;font-size:34px;font-weight:700;display:grid;box-shadow:inset -4px -7px 9px #3c34295e,0 5px 8px #4d684a26}.podium-place>b{overflow-wrap:anywhere;max-width:100%;font-size:14px}.podium-place>small{color:#8b997f;font-size:11px}.podium-place>strong{color:#8c7140;background:linear-gradient(#d8c49c,#e8dbc1);border:1px solid #ceb987;border-bottom:0;border-radius:8px 8px 0 0;flex-direction:column;justify-content:center;align-items:center;width:100%;height:115px;font:600 48px Segoe UI,sans-serif;display:flex}.podium-place>strong span{letter-spacing:3px;font-size:9px}.place-0{order:1}.place-1{order:0}.place-2{order:2}.place-1>strong{color:#7c9073;background:linear-gradient(#d8dfcf,#e9edde);border-color:#c5d0ba;height:85px}.place-2>strong{color:#9a7656;background:linear-gradient(#debaa0,#e8d0b9);border-color:#d2ac8b;height:65px}.results>.hint{text-align:center}.result-actions{flex-wrap:wrap;gap:8px;margin:20px 0;display:flex}.result-actions button{font-size:11px}.results>input{width:100%;margin:10px 0}.all-results{max-height:210px;overflow:auto}.all-results>div{border-bottom:1px solid var(--line);align-items:center;gap:15px;padding:11px 0;font-size:12px;display:flex}.all-results>div>span:last-child{color:#8b997f;margin-left:auto;font-family:monospace}.results>small{margin-top:18px;display:block}.history-row{text-align:left;justify-content:space-between;gap:12px;width:100%;margin:8px 0;font-size:12px;display:flex}.history-row small{color:#879e7a;margin-top:5px;font-size:9px;display:block}.results{position:relative}.celebration{pointer-events:none;height:210px;position:absolute;inset:0 0 auto;overflow:hidden}.celebration i{opacity:0;width:5px;height:9px;animation:3s ease-out 2 confetti;position:absolute;top:-15px}.broadcast .topbar{flex-basis:42px;height:42px}.broadcast .header-actions button:not([aria-pressed]),.broadcast .play-controls,.broadcast .camera-control{display:none}.broadcast .transport{flex-basis:58px;justify-content:center;padding:6px}.broadcast .shake{display:none}@keyframes confetti{10%{opacity:.8}to{opacity:0;translate:20px 230px;rotate:310deg}}@keyframes loading{to{rotate:360deg}}@media (width>=1800px){.app{padding:0 22px}.topbar{flex-basis:64px;height:64px}.transport{flex-basis:84px}}@media (width<=740px){.app{min-height:360px;padding:0 7px}.topbar{flex-basis:51px;height:51px;padding:0 5px}.brand{gap:7px;font-size:15px}.brand-icon{width:24px;height:24px}.header-actions{gap:1px}.header-actions button{padding:7px;font-size:10px}.header-actions .people-button{gap:6px}.header-actions button:last-child{display:none}.arena{border-radius:11px}.arena-top{top:11px;left:11px;right:11px}.chip{padding:6px 9px;font-size:9px}.timer{gap:8px;padding:6px 9px}.timer strong{font-size:13px}.timer span{padding-left:7px;font-size:9px}.leaders{gap:4px;width:max-content;max-width:95%;top:48px}.leaders button{gap:5px;padding:4px 7px 4px 5px;font-size:9px}.leaders button>span:nth-of-type(2){max-width:55px}.leaders button .tiny-ball{width:19px;height:19px;font-size:9px}.minimap{opacity:.45;width:8px;top:95px;bottom:15px;right:4px}.minimap button{width:4px;height:4px}.transport{flex-basis:105px;grid-template-columns:1fr auto;align-content:center;gap:5px 10px;padding:8px 6px;display:grid}.race-buttons{grid-column:1;gap:5px}.race-buttons .start,.pause-button{letter-spacing:0;min-width:90px;padding:11px 15px;font-size:13px}.start span{margin-left:8px;font-size:9px}.shake{padding:11px 15px;font-size:12px}.restart-button{padding:7px 9px}.play-controls{grid-area:1/2;gap:0}.play-controls>button:not(.settings-button){min-width:28px;padding:8px 6px;font-size:18px}.play-controls .settings-button{margin-left:1px;padding:8px 9px;font-size:11px}.play-controls>button[title=경기\ 녹화]{display:none}.camera-control{grid-area:2/1/auto/-1;width:100%;margin:0}.camera-control select{flex:1;min-width:0;max-width:none;padding:7px 10px;font-size:10px}.winner-toast{padding:10px 16px;font-size:11px;bottom:17px}.modal-backdrop{padding:10px}.modal{border-radius:14px;max-height:94dvh;padding:19px}.modal-title h2{font-size:19px}.participant-row,.table-heading{grid-template-columns:52px 1fr 43px 29px;gap:5px;margin:5px 0}.participant-row input{padding:7px 5px}.podium{gap:8px}.podium-ball{width:65px;height:65px;font-size:27px}.podium-place>b{font-size:11px}.podium-place>strong{height:100px}.place-1>strong{height:75px}.place-2>strong{height:55px}.podium-place>strong span{letter-spacing:2px;font-size:7px}.result-actions{gap:6px}.result-actions button{padding:9px 10px;font-size:10px}.broadcast .transport{display:flex}.broadcast .topbar{flex-basis:42px;height:42px}.broadcast .header-actions button[aria-pressed]{display:block}}@media (height<=520px) and (width>=741px){.topbar{flex-basis:43px;height:43px}.transport{flex-basis:51px;padding:5px 8px}.transport button{padding:7px 13px}.brand{font-size:16px}.arena{border-radius:10px}.brand-icon{width:26px;height:26px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.celebration{display:none}.loading-overlay>span{animation-duration:3s}}.count-picker{text-align:center;max-width:640px}.count-picker h2{margin:0 0 24px}.count-options{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.count-options button{background:#f0f3e9;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:140px;display:flex}.count-options button>span{flex-wrap:wrap;justify-content:center;gap:5px;max-width:84px;display:flex}.count-options i{border-radius:50%;width:23px;height:23px;display:block;box-shadow:inset -4px -4px 6px #0002,0 3px 4px #0001}.count-options b{font-size:22px}.count-options button:hover,.count-options button:focus-visible{outline-offset:2px;background:#dcebe2;outline:3px solid #397466}@media (width<=540px){.count-options{grid-template-columns:repeat(2,1fr)}.count-options button{min-height:120px}}