:root{color:#304263;background:#eef6ff;font-family:Nunito,Pretendard,Malgun Gothic,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#eef6ff}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}.entry-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 18% 18%,rgba(255,238,161,.55),transparent 18%),radial-gradient(circle at 78% 14%,rgba(255,202,232,.48),transparent 20%),radial-gradient(circle at 50% 78%,rgba(160,199,255,.36),transparent 28%),linear-gradient(135deg,rgba(255,255,255,.78) 25%,transparent 25%) 0 0 / 34px 34px,linear-gradient(135deg,transparent 75%,rgba(205,224,255,.42) 75%) 0 0 / 34px 34px,linear-gradient(180deg,#f8fbff,#eaf4ff 52%,#f8f0ff)}.entry-panel{width:min(760px,100%);border:2px solid rgba(142,174,232,.72);border-radius:24px;padding:clamp(18px,3vw,30px);background:#ffffffc7;box-shadow:0 24px 70px #5b79be3d,inset 0 0 0 1px #ffffffdb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.title-art{display:block;width:min(640px,100%);margin:-4px auto 10px;filter:drop-shadow(0 18px 24px rgba(87,118,190,.24))}.brand-row,.topbar,.topbar-actions,.game-layout{display:flex;align-items:center}.brand-row{justify-content:space-between;gap:20px;margin-bottom:18px}h1,h2,p{margin-top:0}h1{margin-bottom:6px;color:#496ca9;font-size:clamp(24px,5vw,40px);font-weight:900;line-height:1.02;text-shadow:0 2px 0 rgba(255,255,255,.92)}h2{font-size:18px}.brand-row p,.empty,.notice{color:#6f7fa5}.status-pill,.metric{border:1px solid rgba(127,167,238,.7);border-radius:999px;padding:8px 12px;color:#5575b1;background:linear-gradient(180deg,#fff,#e9f2ff);box-shadow:0 6px 14px #6989ca24;white-space:nowrap;font-weight:800}.mode-tabs,.segmented{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.segmented{grid-template-columns:repeat(4,minmax(0,1fr))}.mode-tabs button,.segmented button,.primary,.secondary,.danger,.icon-button{min-height:42px;border:1px solid rgba(128,164,229,.74);border-radius:14px;color:#496ca9;background:linear-gradient(180deg,#fff,#e9f3ff);box-shadow:0 5px 14px #6283c424;font-weight:850}.mode-tabs .active,.segmented .active,.primary{border-color:#88aef6;color:#fff;background:linear-gradient(135deg,#76b8ff,#a9b6ff 52%,#e0a7ee);box-shadow:0 10px 22px #7197e747}.secondary{padding:0 14px;border-color:#91a4d3b8;background:linear-gradient(180deg,#fff,#eef4ff)}.entry-form{display:grid;gap:14px;margin-top:18px}.auth-box{display:flex;align-items:center;min-height:42px;border:1px solid rgba(141,170,229,.72);border-radius:14px;padding:8px 12px;color:#5d6f9b;background:#ffffffb8;box-shadow:inset 0 1px 5px #617cb21f;font-weight:850}.auth-box .secondary{width:100%}.room-list{display:grid;gap:10px}.room-tag{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:12px;min-height:68px;border:1px solid rgba(128,164,229,.74);border-radius:18px;padding:9px 12px;color:#496ca9;background:linear-gradient(135deg,#fffffff0,#e8f3ffe6 48%,#f8ebffeb);box-shadow:0 8px 20px #6283c429;text-align:left}.room-tag:hover{border-color:#88aef6;transform:translateY(-1px)}.room-avatar{width:48px;height:48px;border:2px solid rgba(255,255,255,.9);border-radius:16px;object-fit:cover;background:#e9f3ff;box-shadow:0 6px 14px #6989ca2e}.room-avatar.fallback{display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#76b8ff,#e0a7ee);font-weight:900}.room-tag-text{display:grid;gap:4px;min-width:0}.room-tag-text strong,.room-tag-text span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-tag-text strong{color:#496ca9;font-size:16px;font-weight:900}.room-tag-text span{color:#6f7fa5;font-size:13px;font-weight:800}label{display:grid;gap:7px;color:#5d6f9b;font-weight:800}input,select{width:100%;min-height:42px;border:1px solid rgba(141,170,229,.72);border-radius:14px;padding:0 12px;color:#304263;background:#ffffffdb;box-shadow:inset 0 1px 5px #617cb21f}fieldset{border:0;padding:0;margin:0}legend{margin-bottom:8px;color:#5d6f9b;font-weight:850}.error-line{margin:12px 0 0;color:#d95770;font-weight:850}.game-shell{min-height:100vh;padding:16px;color:#304263;background:radial-gradient(circle at 12% 12%,rgba(255,238,161,.48),transparent 18%),radial-gradient(circle at 86% 10%,rgba(255,202,232,.42),transparent 22%),radial-gradient(circle at 50% 86%,rgba(160,199,255,.32),transparent 28%),linear-gradient(135deg,rgba(255,255,255,.7) 25%,transparent 25%) 0 0 / 34px 34px,linear-gradient(135deg,transparent 75%,rgba(205,224,255,.34) 75%) 0 0 / 34px 34px,linear-gradient(180deg,#f8fbff,#eaf4ff 54%,#f8f0ff)}.topbar{justify-content:space-between;gap:16px;min-height:64px;padding:12px 14px;border:1px solid rgba(142,174,232,.72);border-radius:18px;background:#ffffffc2;box-shadow:0 16px 42px #5b79be33,inset 0 0 0 1px #ffffffd6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.topbar strong{display:block;font-size:22px;color:#496ca9}.topbar span{color:#6f7fa5}.topbar-actions{justify-content:flex-end;flex-wrap:wrap;gap:8px}.icon-button{min-width:44px;padding:0 10px}.danger{padding:0 14px;border-color:#f5929dc7;color:#b44b62;background:linear-gradient(180deg,#fff8fb,#ffe7ee);box-shadow:0 6px 16px #dc64802e}.game-layout{display:grid;grid-template-columns:minmax(180px,1fr) minmax(320px,860px) minmax(240px,1fr);align-items:start;gap:16px;margin-top:16px}.center-stage{grid-column:2;display:grid;justify-items:center;gap:12px;min-width:0}.board-wrap{width:100%;min-width:0;display:grid;justify-items:center}.board{position:relative;display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));grid-template-rows:repeat(var(--rows),minmax(0,1fr));width:min(78vh,100%);max-width:860px;aspect-ratio:1;border-radius:8px;overflow:hidden;border:2px solid #41321e;box-shadow:0 16px 48px #00000052}.board.intersection-board{display:block;background:linear-gradient(135deg,rgba(255,255,255,.16),transparent 36%),linear-gradient(90deg,#5b351314,#ffe6a514,#5b351314),#cf994e}.board.intersection-board.baduk{background:linear-gradient(135deg,rgba(255,255,255,.14),transparent 38%),linear-gradient(90deg,#52311214,#ffe8a814,#52311214),#d5a65f}.board-lines{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.board-lines line{stroke:#180f07e0;stroke-width:1.35;vector-effect:non-scaling-stroke}.board-lines .hoshi{fill:#2d1f0fdb}.janggi-board{display:block;aspect-ratio:9.1 / 10.1;overflow:hidden;background:linear-gradient(135deg,rgba(255,255,255,.18),transparent 34%),linear-gradient(90deg,#532f141f,#ffe29a14,#532f141f),#d0aa6d;border-color:#5b371d}.janggi-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.janggi-canvas line{stroke:#2a180ce6;stroke-width:1.45;vector-effect:non-scaling-stroke}.janggi-canvas .palace-line{stroke-width:1.8}.board.chess{border-color:#20252a}.cell{position:relative;display:grid;place-items:center;min-width:0;min-height:0;border:0;padding:0;color:#24201a;background-color:#c99b5b;background-image:linear-gradient(to right,rgba(55,39,18,.5) 1px,transparent 1px),linear-gradient(to bottom,rgba(55,39,18,.5) 1px,transparent 1px)}.point-cell{position:absolute;z-index:1;display:grid;place-items:center;transform:translate(-50%,-50%);border:0;border-radius:50%;padding:0;background:transparent;color:inherit}.point-cell:hover,.point-cell.selected{outline:3px solid rgba(125,176,255,.78);outline-offset:2px}.janggi-point{position:absolute;z-index:1;display:grid;place-items:center;width:clamp(42px,8.1%,70px);aspect-ratio:1;transform:translate(-50%,-50%);border:0;border-radius:50%;padding:0;background:transparent;color:inherit}.janggi-point:hover,.janggi-point.selected{outline:3px solid rgba(125,176,255,.82);outline-offset:3px}.baduk .cell{background-color:#d3a969}.omok .cell{background-color:#c8924d}.janggi .cell{background-color:#cda769;background-image:linear-gradient(to right,rgba(80,43,24,.54) 1px,transparent 1px),linear-gradient(to bottom,rgba(80,43,24,.54) 1px,transparent 1px)}.chess .cell{background-image:none;font-size:clamp(17px,4vw,42px);color:#14181b59}.chess .cell.light{background:#e2d5bd}.chess .cell.dark{background:#7c8d76}.cell:hover{outline:3px solid rgba(125,176,255,.78);outline-offset:-3px;z-index:2}.cell.selected{outline:3px solid #f8d46b;outline-offset:-3px;z-index:2}.cell.legal-destination:before,.janggi-point.legal-destination:before{content:"";position:absolute;z-index:0;width:28%;aspect-ratio:1;border-radius:50%;background:#56bcffb8;box-shadow:0 0 0 5px #56bcff2e;pointer-events:none}.cell.capture-destination:before,.janggi-point.capture-destination:before{width:72%;border:3px solid rgba(255,213,105,.92);background:#ffd5691f;box-shadow:0 0 0 4px #ffd56929}.cell.last:after,.point-cell.last:after,.janggi-point.last:after,.cell.voted:after,.point-cell.voted:after,.janggi-point.voted:after{content:"";position:absolute;top:32%;right:32%;bottom:32%;left:32%;border:2px solid #76d6ff;border-radius:50%;pointer-events:none}.point-cell.voted:after{top:0;right:0;bottom:0;left:0;border-width:3px}.janggi-point.voted:after{top:7%;right:7%;bottom:7%;left:7%;border-width:3px}.cell.voted:after{top:12%;right:12%;bottom:12%;left:12%;border-width:3px}.piece{z-index:1}.stone{width:100%;aspect-ratio:1;border-radius:50%;box-shadow:inset -5px -7px 12px #00000047,0 3px 8px #00000059}.stone.black{background:radial-gradient(circle at 34% 28%,#5d6770,#090b0d 68%)}.stone.white{background:radial-gradient(circle at 34% 28%,#fff,#d4d0c7 70%)}.janggi-piece{width:100%;aspect-ratio:1;display:grid;place-items:center;border:2px solid #8c4f25;border-radius:50%;background:radial-gradient(circle at 35% 28%,#ffe2a7,#efc57d 72%);font-family:Malgun Gothic,serif;font-weight:800;font-size:clamp(22px,4.1vw,42px);line-height:1;box-shadow:inset -2px -4px 9px #7a431838,0 3px 7px #00000052}.janggi-piece.general{width:112%;font-size:clamp(26px,4.7vw,48px)}.janggi-piece.sa,.janggi-piece.soldier{width:84%;font-size:clamp(18px,3.5vw,34px)}.janggi-piece.black{color:#213f8f}.janggi-piece.white{color:#9e1e22}.chess-piece{font-size:clamp(24px,6vw,58px);color:#111;text-shadow:0 1px 0 rgba(255,255,255,.55)}.chess-piece.white{color:#f4f1e7;text-shadow:0 2px 4px rgba(0,0,0,.5)}.vote-badge{position:absolute;left:50%;bottom:4px;transform:translate(-50%);z-index:3;min-width:32px;border-radius:999px;padding:2px 5px;color:#071016;background:#9ae7ff;font-size:clamp(10px,1.5vw,13px);font-weight:800;pointer-events:none}.palace{position:absolute;left:calc(100% / 9 * 3);width:calc(100% / 9 * 3);height:20%;pointer-events:none}.palace:before,.palace:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-top:2px solid rgba(80,43,24,.62);transform-origin:center}.palace:before{transform:skewY(33deg)}.palace:after{transform:skewY(-33deg)}.palace.top{top:0}.palace.bottom{bottom:0}.turn-help{width:min(78vh,100%);max-width:860px;margin-top:10px;color:#6f7fa5;text-align:center;font-weight:800;text-shadow:0 1px 0 rgba(255,255,255,.8)}.turn-clock-bar{width:min(78vh,100%);max-width:860px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.turn-clock{display:flex;align-items:center;gap:12px;min-height:72px;border:1px solid rgba(142,174,232,.62);border-radius:16px;padding:12px;color:#6f7fa5;background:#ffffffb8;opacity:.78;box-shadow:0 10px 26px #5b79be24,inset 0 0 0 1px #ffffffbd;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.turn-clock.viewers{justify-content:flex-end;text-align:right}.turn-clock.active{opacity:1;border-color:#88aef6;color:#fff;background:linear-gradient(135deg,#76b8ff,#a9b6ff 52%,#e0a7ee);box-shadow:0 0 0 2px #88aef633,0 14px 34px #7197e747}.turn-clock strong,.turn-clock div>span{display:block}.turn-clock strong{font-size:15px}.turn-clock div>span{margin-top:2px;font-size:clamp(22px,4vw,38px);font-weight:900;line-height:1}.turn-icon{width:44px;height:44px;flex:0 0 44px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-family:Malgun Gothic,Segoe UI Symbol,"Apple Color Emoji",sans-serif;font-size:18px;font-weight:900;line-height:1;text-align:center;letter-spacing:0;color:#10171d;background:#9fc8ff;overflow:hidden;box-shadow:0 4px 12px #4d68ae38,inset 0 0 0 1px #ffffff57}.turn-icon.black-team{color:#f4f7f8;background:#15191d;border:1px solid rgba(120,135,150,.7)}.turn-icon.white-team{color:#161a1d;background:#f1eee6;border:1px solid rgba(161,166,176,.58)}.turn-icon.blue-team{color:#eef5ff;background:#3d79d9}.turn-icon.red-team{color:#fff3f1;background:#d95770}.pip-body{min-width:260px;min-height:260px;margin:0;overflow:hidden;color:#304263;background:radial-gradient(circle at 20% 14%,rgba(255,238,161,.42),transparent 22%),radial-gradient(circle at 80% 18%,rgba(255,202,232,.36),transparent 24%),linear-gradient(180deg,#f7fbff,#edf6ff 54%,#f7f0ff)}.pip-shell{width:100vw;height:100vh;display:grid;grid-template-rows:minmax(0,1fr) auto;align-items:center;justify-items:center;gap:clamp(6px,1.8vh,12px);padding:clamp(8px,2vmin,16px)}.pip-shell .board-wrap{width:100%;align-self:center}.pip-shell .board{width:min(calc(100vw - 20px),calc(100vh - 124px),860px);max-width:none}.pip-shell .janggi-board{width:min(calc(100vw - 20px),calc(100vh - 128px),760px)}.pip-shell .turn-help{display:none}.pip-shell .turn-clock-bar{width:min(calc(100vw - 20px),860px);max-width:none;gap:8px}.pip-shell .turn-clock{min-height:54px;padding:8px;gap:8px;border-color:#80a4e56b;color:#5f708e;background:#ffffffbd}.pip-shell .turn-clock.active{color:#eef7ff;background:#346dad}.pip-shell .turn-icon{width:36px;height:36px;flex-basis:36px;font-size:15px}.pip-shell .turn-clock strong{font-size:clamp(11px,2.2vw,14px)}.pip-shell .turn-clock div>span{font-size:clamp(20px,5vw,30px)}@media(max-width:420px),(max-height:420px){.pip-shell{grid-template-rows:minmax(0,1fr)}.pip-shell .board{width:min(calc(100vw - 16px),calc(100vh - 16px),860px)}.pip-shell .janggi-board{width:min(calc(100vw - 16px),calc(100vh - 16px),760px)}.pip-shell .turn-clock-bar{display:none}}.side-panel{grid-column:3;width:100%;border:1px solid rgba(142,174,232,.66);border-radius:18px;padding:16px;color:#304263;background:#ffffffc2;box-shadow:0 16px 42px #5b79be2e,inset 0 0 0 1px #ffffffd1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.rules-panel{grid-column:1;width:100%;border:1px solid rgba(142,174,232,.66);border-radius:18px;padding:16px;color:#4f628f;background:#ffffffb8;box-shadow:0 16px 42px #5b79be29,inset 0 0 0 1px #ffffffd1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.side-panel h2,.rules-panel h2{color:#496ca9;font-weight:900}.rules-panel ul{display:grid;gap:8px;margin:0;padding-left:18px;font-weight:800;line-height:1.45}.score-box{display:grid;gap:8px;margin-top:14px}.score-box span{border:1px solid rgba(144,176,234,.38);border-radius:12px;padding:10px;color:#496ca9;background:linear-gradient(180deg,#ffffffdb,#ebf4ffd1);font-weight:900}.vote-list{display:grid;gap:8px;padding-left:0;list-style:none}.vote-list li{display:flex;justify-content:space-between;gap:10px;padding:10px;border:1px solid rgba(144,176,234,.38);border-radius:12px;color:#4f628f;background:linear-gradient(180deg,#ffffffdb,#ebf4ffd1);box-shadow:0 6px 16px #6989ca1f}.vote-list strong{color:#496ca9}.winner{padding:12px;border:1px solid rgba(126,184,255,.6);border-radius:14px;background:linear-gradient(135deg,#fff3a7,#ffd5ec 48%,#bfe8ff);color:#496ca9;font-weight:900;box-shadow:0 10px 24px #7197e733}.victory-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:24px;width:100%;border:0;background:#6f7fa547;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer}.victory-bubble{min-width:min(520px,92vw);border:3px solid rgba(255,255,255,.9);border-radius:36px;padding:clamp(28px,6vw,54px);text-align:center;color:#17202a;background:radial-gradient(circle at 22% 18%,rgba(255,255,255,.94),transparent 34%),linear-gradient(135deg,#fff3a7,#ffd5ec 48%,#bfe8ff);box-shadow:0 30px 90px #00000070,inset 0 -8px #ffffff52}.victory-bubble span,.victory-bubble strong{display:block;font-family:Arial Rounded MT Bold,Malgun Gothic,Segoe UI,sans-serif;letter-spacing:0}.victory-bubble span{margin-bottom:10px;color:#5d6370;font-size:clamp(18px,4vw,30px);font-weight:900}.victory-bubble strong{color:#182534;font-size:clamp(44px,10vw,86px);font-weight:900;line-height:1.02}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:20px;background:#6f7fa557;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.setup-modal{width:min(560px,100%);display:grid;gap:14px;border:1px solid rgba(142,174,232,.72);border-radius:22px;padding:18px;color:#304263;background:#ffffffe0;box-shadow:0 24px 80px #5b79be47,inset 0 0 0 1px #ffffffdb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.modal-title-row,.modal-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.modal-title-row h2{margin-bottom:0;color:#496ca9;font-weight:900}.modal-actions{justify-content:flex-end}@media(max-width:860px){.brand-row,.topbar,.game-layout{align-items:stretch;flex-direction:column}.game-layout{display:flex}.segmented{grid-template-columns:repeat(2,minmax(0,1fr))}.board,.turn-help,.turn-clock-bar{width:100%}.turn-clock-bar{grid-template-columns:1fr}.side-panel,.rules-panel{width:100%;flex-basis:auto}}