:root{font-family:ui-rounded,'Malgun Gothic',sans-serif;color:white;background:#103d59}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input{font:inherit}button{cursor:pointer;color:inherit;background:#123d57e8;border:1px solid #ffffff25;border-radius:12px;padding:12px 17px;font-weight:900;transition:transform .15s}button:hover{transform:translateY(-2px);filter:brightness(1.1)}button:disabled{opacity:.55;cursor:default;transform:none}button:focus-visible,input:focus-visible{outline:3px solid #b8f470;outline-offset:3px}[hidden]{display:none!important}#game{position:fixed;inset:0;width:100%;height:100%;touch-action:none}.shade{position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,#05283bb0,transparent 60%),linear-gradient(0deg,#05283bcc,transparent 40%)}body.playing .shade{background:linear-gradient(0deg,#05283bee,transparent 28%)}header{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:24px 36px;z-index:3}.brand{font-size:40px;line-height:.9;font-weight:1000;font-style:italic;letter-spacing:-2px;color:white;text-decoration:none;text-shadow:0 4px #06283c}.brand small{display:block;font-size:10px;letter-spacing:4px;font-style:normal;margin-top:10px;color:#96d7e3}header>div{display:flex;gap:15px;align-items:center}#connection{font-size:11px;color:#9fc8d2}#sound{font-size:11px;padding:10px}main{position:relative;z-index:2;pointer-events:none}main button,main input{pointer-events:auto}.hero{position:fixed;top:23%;left:7%}.badge{display:inline-block;padding:8px 14px;border:1px solid #b8f47050;border-radius:30px;color:#b8f470;background:#b8f47010;font-size:10px;letter-spacing:2px}h1{font-size:clamp(36px,4.6vw,70px);line-height:1.23;letter-spacing:-3px;margin:24px 0;text-shadow:0 5px #082d4366}h1 em{font-style:normal;color:#b8f470}.hero p{font-size:14px;color:#badbe4}.panel{position:fixed;right:6%;bottom:8%;width:330px;padding:23px;background:#082b44ed;border:1px solid #8cbfcd40;border-radius:24px;box-shadow:0 15px 60px #03172470;backdrop-filter:blur(16px)}label{display:block;font-size:11px;color:#a9cad4;font-weight:900;margin-bottom:8px}input{width:100%;min-width:0;color:white;border:1px solid #ffffff25;background:#ffffff08;border-radius:10px;padding:12px}input::placeholder{color:#8eaebc}.modes{display:flex;gap:10px;margin:14px 0}.modes button{flex:1;padding:13px 8px}.modes b{font-size:28px;display:block}.modes i{font-size:10px;font-style:normal;color:#84afbc}.modes small{display:block;font-size:10px;color:#b4cfda;margin-top:5px}.modes .selected{border:2px solid #b8f470;background:#285047}.primary{background:#b8f470;color:#17372d;border:0;border-bottom:5px solid #7eaf45;font-size:16px;padding:15px 22px;box-shadow:0 5px 20px #0002}.panel>.primary,#showJoin{width:100%}#showJoin{font-size:12px;margin-top:10px;background:transparent}.note{display:block;text-align:center;color:#89aebc;font-size:10px;margin-top:16px}#joinForm{display:flex;gap:8px;margin-top:10px}#code{text-transform:uppercase}.tools{position:fixed;right:36px;top:90px;display:flex;gap:8px}.tools button{font-size:11px;padding:9px 12px}#roomcode{letter-spacing:2px;color:#b8f470}.scoreboard{position:fixed;top:24px;left:50%;transform:translateX(-50%);display:flex;align-items:center;background:#082c43ed;border:1px solid #ffffff25;border-radius:18px;box-shadow:0 8px 30px #0002}.scoreboard>div:not(.clock){display:flex;align-items:center;gap:20px;padding:12px 24px;font-size:11px;font-weight:900;letter-spacing:1px}.scoreboard>div>b{font-size:34px}.blue{color:#66d6ff}.coral{color:#ff997c}.clock{text-align:center;min-width:85px}.clock>b{font-size:17px!important}.clock small{display:block;font-size:9px;color:#adc9d4;margin-top:3px}#phase{position:fixed;left:50%;top:112px;transform:translateX(-50%);padding:9px 17px;border-radius:25px;background:#092f48e0;font-size:12px;white-space:nowrap}#phase.urgent{color:#ffac87;background:#66392bea}.bottom{position:fixed;bottom:45px;left:30px;right:30px;display:flex;justify-content:space-between;align-items:flex-end;gap:20px}#players{display:flex;gap:8px;flex-wrap:wrap;max-width:50%}#players button{font-size:11px;padding:10px 13px}.controls{min-width:300px;text-align:center}.controls p{font-size:11px;color:#bcd6e0;margin:0 0 12px}.controls>.primary{width:100%}#power{display:flex;align-items:center;gap:10px;font-size:10px;margin-bottom:12px}#power>div{flex:1;height:7px;border-radius:10px;background:#ffffff25;overflow:hidden}#powerFill{display:block;height:100%;background:#b8f470;width:0}#powerValue{min-width:34px}#result{position:fixed;left:50%;top:33%;transform:translateX(-50%);padding:30px 40px;background:#092e49f2;border:1px solid #b8f47060;border-radius:24px;text-align:center;min-width:300px;box-shadow:0 20px 80px #0005}#result small{letter-spacing:3px;color:#b8f470}#result h2{font-size:32px}#result p{font-size:12px;color:#aac8d4}#goal{position:fixed;top:35%;left:50%;transform:translateX(-50%) rotate(-7deg);font-size:clamp(65px,10vw,130px);font-weight:1000;font-style:italic;color:#b8f470;text-shadow:0 7px #153d4e}#labels{position:fixed;inset:0;pointer-events:none;z-index:1}.name-tag{position:absolute;transform:translate(-50%,-100%);white-space:nowrap;background:#092f48d9;padding:4px 8px;font-size:10px;font-weight:900;border-radius:8px;border:1px solid #ffffff20}.name-tag.mine{border-color:#b8f470;color:#d0ff9f}.name-tag.empty{opacity:.5}#toast,#fatal{position:fixed;top:18%;left:50%;transform:translateX(-50%);padding:15px 22px;background:#173f57;border:1px solid #ffffff30;border-radius:14px;z-index:9;max-width:90%;font-size:13px}#toast{display:none}#fatal{top:40%}footer{position:fixed;bottom:14px;left:36px;right:36px;display:flex;justify-content:space-between;color:#79a7b5;font-size:9px;letter-spacing:1px;pointer-events:none}
@media(max-width:760px){header{padding:18px 20px}.brand{font-size:27px}.brand small{font-size:8px}#connection{display:none}.hero{top:15%;left:7%}h1{font-size:36px;margin:12px 0}.hero p{font-size:11px}.badge{font-size:8px;padding:6px 10px}.panel{bottom:5%;right:6%;left:6%;width:auto;padding:16px}.modes{margin:10px 0}.modes button{padding:8px}.modes b{font-size:22px}.note{margin-top:10px}.scoreboard{top:80px}.scoreboard>div:not(.clock){padding:8px 15px;gap:12px}.scoreboard>div>b{font-size:25px}.clock{min-width:70px}#phase{top:145px;font-size:10px}.tools{top:20px;right:95px}.tools button{font-size:9px;padding:8px}.bottom{bottom:33px;left:15px;right:15px;flex-direction:column;align-items:stretch;gap:10px}#players{max-width:100%;justify-content:center}#players button{padding:6px 8px;font-size:9px}.controls{min-width:0}.controls p{font-size:10px;margin-bottom:8px}.controls>.primary{padding:12px}.name-tag{font-size:8px;padding:3px 5px}footer{left:18px;right:18px;font-size:7px}.shade{background:linear-gradient(0deg,#052b3cbb,transparent 70%)}}

#copyDialog{color:white;background:#123d57;border:1px solid #82bdc7;border-radius:20px;padding:25px;max-width:90vw;text-align:center}#copyDialog::backdrop{background:#001b2bcc}#copyDialog p{font-size:12px;line-height:1.8}#copyValue{display:block;text-align:center;font-size:28px;letter-spacing:6px;margin:18px 0;user-select:text}