:root{font-family:Inter,Pretendard,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f3f3f5;background:#141517;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}button:focus-visible,a:focus-visible{outline:3px solid #fff;outline-offset:5px}header{max-width:1240px;margin:auto;padding:28px 36px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #303135}.brand{font-size:27px;font-weight:950;color:white;text-decoration:none;letter-spacing:-1.5px}.brand span{color:#ceff5f}.header-note{font-size:12px;letter-spacing:2px;color:#999ba1}.badge{font-size:12px;letter-spacing:1.4px;padding:9px 12px;border:1px solid #4e5056;border-radius:30px;color:#d2d3d8}main{max-width:1240px;margin:auto;padding:44px 36px 24px}.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:38px}.eyebrow{font-size:14px;font-weight:700;color:#ceff5f;letter-spacing:1px;margin:0 0 12px}h1{font-size:clamp(30px,4vw,46px);letter-spacing:-2px;margin:0;line-height:1.25}h1 span{color:#ceff5f}.intro{color:#acadb4;line-height:1.7;font-size:16px;margin:0}.layout{display:grid;grid-template-columns:330px 1fr;gap:32px}.settings{background:#1e1f23;border:1px solid #34353a;border-radius:20px;padding:26px;align-self:start}.section-title{display:flex;align-items:center;gap:10px;margin-bottom:25px}h2{font-size:20px;margin:0;letter-spacing:-.5px}.number{font-size:12px;color:#c8c9ce;border:1px solid #53545b;border-radius:6px;padding:4px}.small-label{margin-left:auto;color:#909299;font-size:13px}label{display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:650;margin-bottom:12px}label span{color:#b3b4bd;font-size:12px;font-weight:400}.input-row{display:flex;gap:8px}input,textarea{background:#151619;color:#fff;border:1px solid #424349;border-radius:10px;padding:12px;width:100%;min-width:0;font-size:16px;outline:none}input:focus,textarea:focus{border-color:#ceff5f}textarea{resize:vertical;line-height:1.6}.add{background:#ceff5f;color:#172000;border:0;border-radius:10px;min-width:45px;font-size:26px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.chip{font-size:14px;color:#e1e1e7;background:#323338;border:1px solid #47484e;padding:9px 10px;border-radius:8px;overflow-wrap:anywhere}.chip b{color:#aaa;margin-left:9px}.hint{color:#9d9fa8;font-size:13px;line-height:1.6}.divider{height:1px;background:#3b3c41;margin:24px 0}.ready-note{display:flex;gap:12px;margin-top:24px;padding:15px;border-radius:10px;background:#2b3023}.ready-note>span{font-size:30px;color:#ceff5f}.ready-note p{margin:0;font-size:14px;line-height:1.7}.ready-note small{font-size:12px;color:#babdaf}#error{font-size:14px;color:#ffb29e;margin:12px 0 0}.games{display:grid;grid-template-columns:1fr 1fr;gap:17px}.game{text-align:left;border:0;border-radius:18px;padding:22px;color:#18200b;display:flex;flex-direction:column;position:relative;min-height:245px;transition:transform .18s,filter .18s}.game:hover{transform:translateY(-4px);filter:brightness(1.05)}.lime{background:#ceff5f}.purple{background:#c8b6fa}.orange{background:#ffae7d}.blue{background:#a4ccf5}.game-top{font-size:11px;letter-spacing:1.5px;font-weight:750;display:flex;justify-content:space-between;width:100%;opacity:.75}.game-top>span{font-size:21px;line-height:14px}.game-icon{font-size:53px;line-height:1.3;margin:10px 0;align-self:flex-end;filter:drop-shadow(0 5px 2px #0001)}.game strong{font-size:24px;letter-spacing:-1px;margin-top:auto}.game-desc{font-size:14px;margin:8px 0 16px}.tag{font-size:12px;border:1px solid #18200b40;border-radius:20px;padding:5px 9px;align-self:flex-start}.tile-icon{display:grid;grid-template-columns:24px 24px;gap:4px;margin:15px 0 17px;align-self:flex-end;transform:rotate(12deg)}.tile-icon i{font-size:15px;font-style:normal;text-align:center;line-height:24px;border-radius:5px;background:#433561;color:#e5dafe}.tile-icon i:last-child{background:#43356125}footer{display:flex;justify-content:space-between;color:#797b83;font-size:12px;margin-top:36px}footer span{letter-spacing:1.5px}.play-head{display:flex;justify-content:space-between;align-items:center}.quiet{color:#b9bbc4;background:transparent;border:0;padding:14px;font-size:14px}.play-wrap{text-align:center;max-width:660px;margin:35px auto}.play-wrap .intro{margin:18px 0}.primary{background:#ceff5f;color:#152000;border:0;border-radius:12px;padding:17px 30px;font-size:17px;font-weight:800;min-height:54px}#actions{margin-top:22px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.wheel{position:relative;width:min(340px,85vw);height:min(340px,85vw);border:1px solid #50573e;border-radius:50%;margin:34px auto;background:repeating-radial-gradient(circle,#ceff5f05 0 48px,#ceff5f18 49px 50px)}.seat{position:absolute;transform:translate(-50%,-50%);padding:8px 10px;border-radius:20px;background:#353a2b;border:1px solid #71864b;font-size:14px;max-width:100px;overflow-wrap:anywhere;z-index:2}.spinner{position:absolute;inset:25%;display:flex;align-items:center;justify-content:center;transition:transform 4s cubic-bezier(.12,.7,.12,1)}.bottle{display:inline-block;font-size:112px;transform:rotate(-45deg)}.tip{position:absolute;top:-6px;left:calc(50% - 9px);color:#ceff5f;font-size:24px}.board{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;width:min(330px,85vw);margin:20px auto}.tile{aspect-ratio:1;border:0;border-radius:13px;background:#c8b6fa;color:#352248;font-size:30px;font-weight:750}.tile.empty{background:#27242e}.stat{font-size:24px;font-variant-numeric:tabular-nums;color:#ceff5f;margin:20px}.reaction-pad{width:100%;min-height:260px;border:0;border-radius:22px;color:white;background:#74453e;font-size:27px;font-weight:800;touch-action:manipulation}.reaction-pad.go{background:#ceff5f;color:#172000}.bomb-pad{border:1px solid #675044;background:#2e231e;color:#ffae7d;border-radius:24px;min-height:240px;width:100%;font-size:25px;font-weight:800;touch-action:manipulation}.bomb-pad span{display:block;font-size:86px;margin-bottom:15px}dialog{background:#232429;color:white;border:1px solid #55575f;border-radius:25px;padding:32px;max-width:460px;width:calc(100% - 32px);text-align:center;max-height:90vh;overflow:auto}dialog::backdrop{background:#060709cf;backdrop-filter:blur(8px)}dialog h2{font-size:32px;overflow-wrap:anywhere}.result-symbol{font-size:65px;color:#ceff5f;margin:15px}.result-symbol+ h2{margin-bottom:16px}#penaltyResult{background:#ceff5f;color:#19210c;padding:19px;border-radius:12px;font-weight:750;font-size:20px;white-space:pre-wrap;overflow-wrap:anywhere}dialog .primary{width:100%;margin-top:15px}#scores{font-size:14px;color:#c1c2c9;line-height:1.9}.score-row{display:flex;justify-content:space-between;gap:15px}.score-row span:first-child{overflow-wrap:anywhere;text-align:left}@media(max-width:800px){header{padding:21px}.header-note{display:none}main{padding:28px 20px}.heading{display:block;margin-bottom:26px}.heading .intro{margin-top:15px}.layout{grid-template-columns:1fr;gap:25px}.settings{padding:22px}.games{gap:12px}.game{padding:18px;min-height:235px}.game strong{font-size:21px}.game-desc{font-size:13px;line-height:1.5}.game-top{font-size:10px}.small-label{font-size:12px}.ready-note{margin-top:18px}.section-title{margin-bottom:18px}footer span{display:none}}@media(prefers-reduced-motion:reduce){.game{transition:none}.spinner{transition-duration:.1s}}

#modeBar{display:flex;gap:12px;margin-bottom:32px;border-bottom:1px solid #36373c;padding-bottom:20px}.mini-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-width:380px;margin:20px auto}.mini-tile{aspect-ratio:1;border:1px solid #5b5d68;border-radius:13px;background:#303137;color:#fff;font-size:30px;touch-action:manipulation}.mini-tile.lit{background:#ceff5f}.room-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}select{width:100%;padding:14px;background:#151619;color:#fff;border:1px solid #555;border-radius:10px;font-size:16px}#roomPeople{justify-content:center}#networkMessage{white-space:pre-line}.online-score{padding:10px;border-bottom:1px solid #444}.turn-alert{color:#ceff5f;font-size:22px}.my-seat{border-color:#ceff5f}.net-busy{pointer-events:none;opacity:.5}