@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@500;600;700;800;900&display=swap');
.qx-page{background:#101f30;color:#eaf1f6}.qx-shell{max-width:1240px;margin:auto;padding:32px 24px 70px;font-family:'Outfit','Pretendard',sans-serif}.qx-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.qx-logo{font:900 48px/1 'Outfit',sans-serif;letter-spacing:-3px;color:#f4c458!important;text-decoration:none;transform:rotate(-3deg)}.qx-logo>span:first-child{color:#ee7872}.qx-logo>span:nth-child(2){color:#7db3e9}.qx-logo small{display:block;letter-spacing:2px;font:700 10px/2.5 sans-serif;color:#a6bbcd}.qx-head-actions{display:flex;gap:6px}.qx-icon{border:1px solid #3d5369;border-radius:9px;background:#1b3045;color:#dfe9f1;padding:9px 12px;font-size:12px}.qx-nav{display:flex;gap:5px;border-bottom:1px solid #34495d;margin:24px 0}.qx-nav a{padding:13px 24px;color:#afc3d4;text-decoration:none;border-bottom:3px solid transparent;font-weight:700}.qx-nav a.active{border-color:#f3c05c;color:#ffda8d}.qx-hero{display:grid;grid-template-columns:1fr 1.15fr;gap:45px;align-items:center;min-height:450px}.qx-eyebrow{color:#e6b45b;font-size:11px;letter-spacing:2px}.qx-hero h1{font-size:44px;line-height:1.25;margin:20px 0;font-weight:800;letter-spacing:-2px}.qx-hero p{color:#b5c7d4;line-height:1.8}.qx-facts{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.qx-facts span{background:#24394c;border-radius:20px;padding:6px 13px;font-size:12px}.qx-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #476078;border-radius:12px;padding:12px 19px;background:#263c51;color:#eef4f8;text-decoration:none;font-weight:700;cursor:pointer;min-height:46px}.qx-btn:hover{filter:brightness(1.12);color:white}.qx-btn.primary{background:#f3c35e;color:#192b3d;border-color:#f3c35e;box-shadow:0 3px 0 #bd8b2f}.qx-btn.danger{border-color:#a55961;background:#542f3a}.qx-btn:disabled{opacity:.45;cursor:not-allowed}.qx-demo{background:#f8f1df;padding:28px 24px;border-radius:20px;transform:rotate(3deg);box-shadow:0 20px 50px #0005;border:6px solid #d7c9aa}.qx-paper-title{font-size:11px;letter-spacing:2px;color:#776c5c;display:flex;justify-content:space-between;margin-bottom:18px}.qx-demo-row{display:grid;grid-template-columns:repeat(12,1fr);gap:3px;padding:6px;border-radius:8px;margin-bottom:7px}.qx-demo-row span{background:#fff9e9;color:#344056;text-align:center;border-radius:4px;font-size:18px;font-weight:800;padding:7px 0}.qx-demo-row .marked{position:relative;opacity:.65}.qx-demo-row .marked:after{content:'×';position:absolute;inset:0;font-size:32px;line-height:1.4;color:#18293b}.red{--row:#c85658;--light:#f8e5df}.yellow{--row:#c49824;--light:#fff0c3}.green{--row:#408668;--light:#dcefe2}.blue{--row:#427baf;--light:#e0edf8}.qx-demo-row{background:var(--row)}.qx-demo-note{color:#7c705b;text-align:center;font-size:14px;padding-top:10px}.qx-guide{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin:48px 0 20px}.qx-guide article,.qx-panel{background:#1a2d40;border:1px solid #354c62;border-radius:20px;padding:25px}.qx-guide b{color:#f2c366;font-size:12px}.qx-guide h2,.qx-panel h2{font-size:21px;font-weight:800;margin:12px 0}.qx-guide p{font-size:14px;color:#b5c8d8;line-height:1.8;margin:0}.qx-muted{color:#9eb4c7;font-size:13px;line-height:1.7}.qx-score-table{display:grid;grid-template-columns:repeat(12,1fr);gap:5px;margin:20px 0}.qx-score-table span{background:#243c52;border:1px solid #405971;border-radius:8px;padding:8px;text-align:center}.qx-score-table small{display:block;color:#a5bed1;font-size:11px}.qx-score-table b{font-size:19px}.qx-panel a:not(.qx-btn){color:#f4cb7c}.qx-lobby-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.qx-large-action{padding:25px;min-height:210px;position:relative;overflow:hidden}.qx-large-action h2{font-size:28px}.qx-large-action .qx-action-symbol{font-size:60px;float:right;color:#f2c163}.qx-input{background:#102235;border:1px solid #486078;border-radius:10px;color:#f2f6f8;padding:12px;width:100%;min-height:46px}.qx-label{display:block;font-size:13px;color:#bbcfde;margin:15px 0 7px}.qx-radio{display:flex;gap:7px;margin:12px 0}.qx-radio button{flex:1;padding:12px;background:#102235;border:1px solid #4a627a;color:#bad0df;border-radius:10px}.qx-radio button.active{background:#f2c364;color:#182b3b;border-color:#f2c364;font-weight:800}.qx-room-list{margin-top:24px}.qx-room-card{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:18px 0;border-bottom:1px solid #344b60}.qx-room-card strong{display:block}.qx-room-card small{color:#a2bbce;display:block;margin:6px 0}.qx-tag{display:inline-block;border:1px solid #496278;border-radius:20px;padding:4px 10px;font-size:11px;color:#c5d7e5}.qx-wait-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.qx-player{display:flex;align-items:center;gap:12px;padding:13px;border-radius:12px;background:#102338;margin:8px 0}.qx-avatar{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#314b62;color:#f4ca73;font-size:20px}.qx-player .grow{flex:1}.qx-player small{color:#8faabe}.qx-player.ready{box-shadow:inset 3px 0 #6bd4a1}.qx-chat-log{height:240px;overflow:auto;padding:10px;background:#102235;border-radius:12px;font-size:13px;line-height:1.8;overflow-wrap:anywhere}.qx-chat-log p{margin:5px 0}.qx-chat-log b{color:#efca80;margin-right:6px}.qx-chat-form{display:flex;gap:6px;margin-top:9px}.qx-chat-form .qx-btn{padding:10px 15px;white-space:nowrap}.qx-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px;flex-wrap:wrap}.qx-toolbar h1{font-size:22px;margin:0}.qx-code{font-family:monospace;font-size:17px;letter-spacing:3px;color:#f2c366}.qx-phase{background:linear-gradient(110deg,#284d68,#1e354d);border:1px solid #557991;border-radius:17px;padding:20px 24px;display:flex;align-items:center;gap:15px;margin-bottom:16px;min-height:100px}.qx-phase.mine{border-color:#f3c466;box-shadow:0 0 0 2px #f1bc5133;background:linear-gradient(110deg,#564b2e,#26394b)}.qx-phase .phase-num{font-size:32px;color:#f5ce7c;line-height:1}.qx-phase h2{font-size:23px;font-weight:800;margin:0 0 7px}.qx-phase p{font-size:13px;color:#bed1dd;margin:0}.qx-timer{margin-left:auto;color:#c2d6e5;font-size:13px;white-space:nowrap}.qx-dicebar{display:flex;gap:12px;align-items:center;justify-content:center;padding:18px 12px;margin-bottom:14px;border-radius:16px;background:#0b1a29}.qx-die{display:grid;grid-template:repeat(3,1fr)/repeat(3,1fr);gap:4px;padding:10px;width:58px;height:58px;border-radius:12px;background:#f5f0e4;color:#25354a;box-shadow:inset 0 2px 2px #fff9,inset 0 -4px 0 #0003,0 5px 0 #0003;position:relative;border:1px solid #fff4}.qx-die.colored{background:var(--row);color:#fff}.qx-pip{width:8px;height:8px;border-radius:50%;background:currentColor;align-self:center;justify-self:center}.qx-die small{position:absolute;bottom:-16px;left:0;right:0;text-align:center;font-size:9px;color:#91aabd}.qx-die.closed{display:grid;place-items:center;opacity:.28;font-size:24px}.qx-dice-gap{width:10px}.qx-dicebar.rolling .qx-die{animation:qx-roll .45s ease-out}.qx-die.white{border-bottom-color:#d8c79e}.qx-game-layout{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:18px}.qx-sheet{background:#f7f0df;border-radius:18px;padding:19px 16px;color:#27364a;border:4px solid #cfbf9e;box-shadow:0 8px 20px #0003}.qx-sheet-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.qx-sheet-header strong{font-size:19px}.qx-sheet-header span{font-size:11px;color:#776e5e}.qx-sheet-scroll{overflow-x:auto;padding:3px 1px 9px;scrollbar-width:thin}.qx-rows{min-width:530px}.qx-row{display:grid;grid-template-columns:30px repeat(12,minmax(36px,1fr));gap:4px;padding:6px;border-radius:10px;background:var(--row);margin-bottom:8px;align-items:center}.qx-arrow{color:white;font-size:18px;text-align:center}.qx-cell{height:43px;position:relative;border-radius:6px;background:#fff8e9;border:2px solid #fff9;color:#343d4a;font-size:22px;font-weight:800;padding:0;touch-action:manipulation}.qx-cell:disabled{opacity:1;cursor:default}.qx-cell.skipped{background:#fff5;opacity:.38}.qx-cell.marked{background:var(--light);color:#746658}.qx-cell.marked:after{content:'×';position:absolute;inset:-4px 0 0;color:#23384a;font-size:39px;line-height:43px;font-weight:500}.qx-cell.legal{outline:2px solid #fff;outline-offset:1px;cursor:pointer;box-shadow:0 0 0 3px #203b5140}.qx-cell.legal:hover{transform:translateY(-3px);background:white}.qx-cell.selected{background:#fff;outline:3px solid #162e42;transform:translateY(-4px)}.qx-cell.selected:after{content:'×';position:absolute;inset:-4px 0 0;font-size:39px;color:#18364c;line-height:43px}.qx-row.locked{filter:saturate(.5)}.qx-row.locked .qx-arrow{font-size:13px}.qx-scores{display:grid;grid-template-columns:repeat(4,1fr) 1fr 1.3fr;gap:6px;margin-top:12px}.qx-score{border:1px solid #bdb39e;border-radius:9px;padding:7px 2px;text-align:center;background:var(--light,#e7dfce);font-size:21px;font-weight:800}.qx-score small{display:block;font-size:10px;color:var(--row,#7c705c)}.qx-score.total{background:#263e53;color:#fff;border-color:#263e53}.qx-score.total small{color:#bed1de}.qx-penalties{display:flex;align-items:center;gap:5px;font-size:12px;color:#8b7562;margin-top:13px}.qx-penalties span{width:21px;height:21px;border:1px solid #b4a58e;background:#fff7e6;border-radius:4px;text-align:center;color:#b05253;font-size:18px;line-height:18px}.qx-choice{margin-top:14px;background:#20384c;padding:15px;border-radius:15px;display:flex;align-items:center;gap:9px;flex-wrap:wrap;min-height:83px}.qx-choice strong{flex:1;font-size:14px;min-width:160px}.qx-view-tabs{display:flex;gap:6px;overflow-x:auto;margin:0 0 12px}.qx-view-tabs button{background:#20374c;color:#bad0df;border:1px solid #3b556c;border-radius:9px;padding:8px 13px;white-space:nowrap;font-size:12px}.qx-view-tabs button.active{background:#d3e4e9;color:#193346}.qx-ranking{padding:18px}.qx-ranking h3{font-size:17px;margin-bottom:15px}.qx-rank-row{display:flex;gap:8px;align-items:center;margin:7px 0;padding:11px 8px;border-radius:10px;background:#102338;border:1px solid transparent}.qx-rank-row.turn{border-color:#f3c466}.qx-rank-row strong{flex:1;font-size:13px}.qx-rank-row b{font-size:22px;color:#f1cc81}.qx-rank-row small{color:#a5becf;display:block;font-size:10px}.qx-log{max-height:175px;overflow:auto;color:#a9c0d2;font-size:11px;line-height:1.8;margin-top:16px}.qx-small-chat{margin-top:14px}.qx-small-chat .qx-chat-log{height:130px}.qx-end{padding:25px;text-align:center;background:#3f483d;border:1px solid #c9af64;border-radius:17px;margin-bottom:15px}.qx-end h2{color:#f8d482;font-size:27px}.qx-dialog{background:#192e42;border:1px solid #677d8e;border-radius:20px;color:#eaf1f6;max-width:580px;padding:30px}.qx-dialog::backdrop{background:#06101cbb;backdrop-filter:blur(4px)}.qx-dialog p{line-height:1.9;font-size:14px;color:#c0d1dd}#qx-toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);max-width:90vw;background:#f5d280;color:#172d40;padding:13px 22px;border-radius:14px;z-index:10000;box-shadow:0 5px 30px #0007;opacity:0;pointer-events:none;transition:.2s}#qx-toast.show{opacity:1;transform:translate(-50%,0)}.qx-inline-confirm{padding:16px;border:1px solid #b26968;border-radius:12px;background:#492d38;margin:12px 0}.qx-inline-confirm p{font-size:13px;margin-bottom:10px}.qx-in-room footer,.qx-in-room .meeple-walk-container,.qx-in-room #meeple-walk-container,.qx-in-room .pm-meeple-presence,.qx-in-room #meeplePresence,.qx-in-room #meeple-presence-root{display:none!important}.qx-in-room .qx-shell{padding-top:20px}.qx-mobile-hint{display:none}.qx-panel+.qx-panel{margin-top:20px}@keyframes qx-roll{0%{transform:translateY(-12px) rotate(-25deg)}30%{transform:translateY(3px) rotate(18deg)}65%{transform:translateY(-5px) rotate(-8deg)}100%{transform:none}}
@media(max-width:1000px){.qx-game-layout{grid-template-columns:1fr}.qx-side{display:grid;grid-template-columns:1fr 1fr;gap:14px}.qx-small-chat{margin-top:0}.qx-ranking{margin:0}.qx-hero{gap:25px}.qx-hero h1{font-size:35px}.qx-demo{padding:20px 13px}.qx-demo-row span{font-size:15px}}
@media(max-width:650px){.qx-shell{padding:20px 12px 55px}.qx-logo{font-size:38px}.qx-logo small{font-size:8px;letter-spacing:1px}.qx-head-actions{gap:4px}.qx-icon{padding:8px;font-size:10px}.qx-nav{margin:18px 0}.qx-nav a{padding:12px 0;flex:1;text-align:center;font-size:13px}.qx-hero{grid-template-columns:1fr;gap:30px}.qx-hero h1{font-size:36px}.qx-hero p{font-size:14px}.qx-demo{transform:rotate(1deg);margin:5px}.qx-guide{grid-template-columns:1fr;margin-top:35px}.qx-guide article,.qx-panel{padding:19px}.qx-score-table{grid-template-columns:repeat(6,1fr)}.qx-lobby-grid,.qx-wait-grid{grid-template-columns:1fr}.qx-chat-log{height:260px}.qx-toolbar h1{font-size:19px}.qx-toolbar .qx-btn{font-size:12px;padding:9px 12px}.qx-phase{padding:16px 13px;gap:10px;align-items:flex-start}.qx-phase h2{font-size:19px}.qx-phase p{font-size:12px;line-height:1.7}.qx-phase .phase-num{font-size:26px}.qx-timer{font-size:10px}.qx-dicebar{gap:7px;padding:15px 5px 21px}.qx-die{width:44px;height:44px;padding:7px;gap:2px;border-radius:9px}.qx-pip{width:6px;height:6px}.qx-dice-gap{width:3px}.qx-sheet{padding:13px 8px;border-width:3px}.qx-sheet-header strong{font-size:16px}.qx-sheet-header span{font-size:9px}.qx-rows{min-width:560px}.qx-cell{height:45px}.qx-mobile-hint{display:block;font-size:10px;color:#8c7c63;margin:5px 0 0}.qx-scores{gap:4px}.qx-score{font-size:18px}.qx-score small{font-size:9px}.qx-choice .qx-btn{padding:11px 14px;font-size:12px}.qx-choice strong{flex-basis:100%;min-width:0}.qx-side{grid-template-columns:1fr}.qx-small-chat .qx-chat-log{height:150px}.qx-room-card{align-items:flex-start}.qx-room-card .qx-btn{font-size:12px;padding:9px 12px}.qx-dialog{margin:auto 12px;padding:22px}}
.qx-in-room #pm-meeple-floor{display:none!important}
.qx-game-layout>*{min-width:0}.qx-sheet-scroll{max-width:100%}.qx-sheet-header{gap:10px}.qx-sheet-header span{text-align:right;max-width:52%}
.qx-phase h2{word-break:keep-all;line-height:1.4}.qx-in-room #pm-global-chat{display:none!important}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}