@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800;900&display=swap";:root{font-family:DM Sans,system-ui,sans-serif;color:#eef3ff;background:#101629;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{text-decoration:none;color:inherit}h1,h2,h3,p{margin-top:0}.app-shell{min-height:100vh;position:relative;overflow:hidden;background:radial-gradient(ellipse 70% 46% at 60% -10%,#24274e60,transparent),#101629}.ambient{position:absolute;pointer-events:none;filter:blur(100px);opacity:.16;border-radius:50%;width:400px;height:400px}.ambient-a{top:12%;left:-350px;background:#508aff}.ambient-b{top:22%;right:-350px;background:#9e67f7}.wrap{width:min(1180px,calc(100% - 42px));margin-left:auto;margin-right:auto;position:relative}.topbar{height:90px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12}.brand{display:flex;align-items:center;gap:12px}.brand-icon{height:44px;width:44px;border-radius:12px;background:linear-gradient(135deg,#4377ff,#9763ed);box-shadow:0 8px 26px #5464e641;display:flex;align-items:center;justify-content:center;font-size:35px}.brand-squares{line-height:1;color:#fff;position:relative;top:-2px}.brand strong{display:block;font-family:Outfit,sans-serif;font-size:17px;letter-spacing:1.2px}.brand strong em{color:#a58cff;font-style:normal}.brand small{display:block;color:#8794b4;letter-spacing:4px;font-size:9px;font-weight:800;margin-top:2px}.topbar-right{display:flex;align-items:center;gap:16px}.status,.nickname{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:700;color:#b5c2df}.status{border:1px solid #31405c;background:#1b2740;padding:11px 14px;border-radius:24px}.live-dot{display:inline-block;flex:none;width:8px;height:8px;border-radius:50%;background:#52e4ad;box-shadow:0 0 0 4px #52e4ad16,0 0 15px #52e4ad66}.live-dot.offline{background:#f3b35d;box-shadow:0 0 0 4px #f3b35d18}.nickname{padding:10px 0}.welcome-layout{min-height:calc(100vh - 180px);display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:30px;padding:50px 0 70px}.eyebrow{display:flex;align-items:center;gap:9px;color:#9eb5f4;font-size:12px;letter-spacing:1.8px;font-weight:800}.welcome-copy h1,.page-heading h1{font-family:Outfit,sans-serif;font-size:clamp(46px,6vw,78px);font-weight:900;letter-spacing:-3px;line-height:1.05;margin:24px 0}.welcome-copy h1 span,.page-heading h1 span{color:#aa8cff}.welcome-copy>p{font-size:17px;line-height:1.8;color:#9aa9c8;max-width:570px;margin-bottom:26px}.welcome-bullets{display:flex;gap:22px;flex-wrap:wrap;margin:28px 0 32px}.welcome-bullets span{display:flex;align-items:center;gap:8px;color:#bdc9e0;font-size:13px}.welcome-bullets svg{color:#b499ff}.entry-panel{background:#1b263d;border:1px solid #344260;border-radius:22px;padding:24px;max-width:590px;box-shadow:0 20px 60px #040b1b40}.entry-panel label{font-size:11px;letter-spacing:1.8px;font-weight:800;color:#a7b8d8;display:block;margin-bottom:13px}.entry-row{display:flex;gap:10px}.entry-row input{width:100%;min-width:0}.entry-panel p{color:#8090af;font-size:12px;margin:15px 0 0}.form-error{color:#ffc0c0;font-size:12px;margin-top:12px}input{border:1px solid #3b4966;outline:0;border-radius:12px;background:#101a2d;color:#f5f8ff;padding:13px 16px;transition:border .2s}input::placeholder{color:#7788a9}input:focus{border-color:#8d8cf7;box-shadow:0 0 0 3px #8d8cf720}.primary,.outline-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:12px;padding:13px 18px;font-size:13px;font-weight:800;white-space:nowrap;transition:filter .18s,transform .18s}.primary{background:linear-gradient(120deg,#6588ff,#9164ec);color:#fff;box-shadow:0 9px 24px #605eff38}.primary:hover:not(:disabled){filter:brightness(1.14);transform:translateY(-1px)}.outline-btn{border:1px solid #465472;background:#25314b;color:#e4eaff}.outline-btn:hover:not(:disabled){background:#32415f}.intro-art{height:470px;position:relative;display:flex;align-items:center;justify-content:center}.art-glow{position:absolute;width:360px;height:360px;background:#6756df;filter:blur(110px);opacity:.32}.art-grid{position:relative;width:325px;height:325px;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:8px;transform:rotate(-7deg);filter:drop-shadow(0 20px 30px #02051388)}.art-cell{background:#2735547f;border:3px solid #5e77bb;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#d7e7ff;font:900 32px Outfit}.art-cell.filled{background:linear-gradient(135deg,#4c74de,#9874dd);border-color:#b0a6f5}.art-cell:nth-child(3n){border-color:#ab7fe0}.float-card{position:absolute;background:#1b2844ee;border:1px solid #5670aa99;padding:12px 18px;border-radius:13px;font-size:11px;letter-spacing:1px;font-weight:800;box-shadow:0 12px 35px #0008}.float-card strong{font-size:15px}.card-one{top:55px;right:0;transform:rotate(7deg)}.card-two{bottom:55px;left:0;transform:rotate(4deg);display:flex;align-items:center;gap:9px}.main-container{padding:44px 0 70px;min-height:calc(100vh - 160px)}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.page-heading h1{font-size:clamp(37px,5vw,58px);margin:14px 0 8px}.page-heading p{color:#93a1bc;font-size:14px;margin:0}.live-counter{border:1px solid #3c4c6a;background:#1b263d;border-radius:16px;padding:15px 22px;display:flex;align-items:center;gap:11px}.live-counter strong{font:900 28px Outfit}.live-counter small{font-size:10px;color:#9baac5;letter-spacing:1.2px;font-weight:800;max-width:68px}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:18px}.action-card{border:1px solid #364665;border-radius:20px;background:#1c2b49;padding:22px;display:flex;align-items:center;gap:16px;min-width:0}.room-card{background:#292140;border-color:#51426b}.action-icon{width:54px;height:54px;border-radius:15px;background:#34518b;color:#8eb6ff;display:grid;place-items:center;flex:none}.purple-icon{background:#4c366e;color:#d1a8ff}.action-card>div:nth-child(2){flex:1;min-width:0}.action-card h2{font:800 19px Outfit;margin:0 0 5px}.action-card p{color:#9aacc9;font-size:12px;line-height:1.55;margin:0}.action-card .primary,.action-card .outline-btn{padding:12px 14px}.your-room{display:flex;align-items:center;gap:5px}.your-room span{font-size:9px;color:#bdb2d2;letter-spacing:.8px}.your-room strong{font:900 20px Outfit;letter-spacing:2px;color:#f3dbff}.icon-btn{background:transparent;border:0;color:#aebedb;display:inline-flex;justify-content:center;align-items:center;padding:7px;border-radius:8px}.icon-btn:hover{color:#fff;background:#ffffff16}.room-waiting{margin-top:15px;padding:17px 20px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.room-waiting strong{display:flex;align-items:center;gap:8px;font-size:13px}.room-waiting p{color:#8ca0c1;font-size:12px;margin:5px 0 0}.small-hint{color:#8ca0c1;font-size:12px;margin-left:auto}.request{display:flex;align-items:center;gap:8px;margin-left:auto;font-size:13px}.request button{border:0;border-radius:9px;padding:8px 10px;display:flex;align-items:center;gap:6px}.approve{background:#2c6656;color:#c2ffec}.deny{background:#613846;color:#ffd0df}.join-panel{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:22px 0 24px;padding:15px 19px;background:#171f34;border:1px solid #2e3b56;border-radius:16px}.join-panel>div:first-child{display:flex;flex-direction:column;gap:4px}.join-panel strong{font-size:13px}.join-panel span{font-size:12px;color:#92a1be}.join-input{display:flex;gap:9px}.join-input input{width:110px;text-align:center;letter-spacing:3px;font-weight:900;text-transform:uppercase}.join-input .outline-btn{padding:10px 15px}.lobby-columns{display:grid;grid-template-columns:1.06fr .94fr;gap:18px}.card{background:#1a253c;border:1px solid #34415e;border-radius:20px}.online-panel,.leaderboard-panel{min-height:310px;overflow:hidden}.card-heading{padding:23px 23px 17px;display:flex;justify-content:space-between;align-items:flex-start;gap:15px;border-bottom:1px solid #31405a}.card-heading h2{display:flex;align-items:center;gap:10px;font:800 21px Outfit;margin:0 0 5px}.card-heading h2 svg{color:#95adfa}.card-heading p{color:#8fa0bc;margin:0;font-size:12px}.count-badge{font:700 11px DM Sans;color:#98b7ff;background:#30446e;padding:3px 7px;border-radius:6px}.tiny-live{display:flex;gap:8px;align-items:center;color:#64debb;font-size:11px;letter-spacing:.9px;font-weight:800}.tiny-live .live-dot{width:7px;height:7px}.player-list{max-height:450px;overflow-y:auto;padding:8px 12px}.player-line{width:100%;background:transparent;color:inherit;border:0;border-bottom:1px solid #ffffff0b;display:flex;align-items:center;gap:13px;text-align:left;padding:13px 12px;border-radius:8px}.player-line:hover,.rank-row:hover{background:#ffffff0b}.online-avatar,.player-avatar{width:40px;height:40px;flex:none;border-radius:12px;display:grid;place-items:center;color:#fff;font:800 17px Outfit;background:#5068a9}.avatar-1{background:#7e58aa}.avatar-2{background:#397d7f}.avatar-3{background:#ab734c}.avatar-4{background:#9b5877}.roster-name{display:flex;flex-direction:column;flex:1;min-width:0;gap:4px}.roster-name strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.roster-name small{color:#8498b7;font-size:11px}.roster-record{font:700 12px Outfit;color:#b0c6ec;white-space:nowrap}.roster-record span{color:#5a708f}.roster-arrow{color:#7186a6}.leaderboard-crown{color:#efbf6f;background:#483a40;border-radius:12px;padding:10px;display:flex}.rank-head,.rank-row{display:grid;grid-template-columns:minmax(130px,1fr) 40px 40px 60px;align-items:center;gap:8px;text-align:center}.rank-head{padding:15px 22px;color:#7285a6;font-size:10px;letter-spacing:.7px;font-weight:800}.rank-head span:first-child{text-align:left}.ranks{padding:0 10px 12px;max-height:415px;overflow-y:auto}.rank-row{background:none;border:0;color:#cedaf0;width:100%;padding:13px 12px;border-radius:9px;font-size:12px}.rank-player{display:flex;align-items:center;gap:12px;text-align:left;min-width:0}.rank-player span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.rank-num{font:800 12px Outfit;color:#8595b6}.rank-0{color:#ffda84}.rank-1{color:#b9d2ed}.rank-2{color:#d5a17d}.rank-row strong{color:#bcd2ff}.rank-row em{font-style:normal;color:#9bb3d7}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:48px 23px;color:#8194b6}.empty-state svg{color:#6e83b9}.empty-state strong{color:#d8e3f9;font-size:14px}.empty-state span{font-size:12px;line-height:1.6;max-width:240px}.foot-note{display:flex;align-items:center;gap:11px;margin-top:21px;color:#788aaa;font-size:12px;line-height:1.6}.foot-note svg{color:#86a4ce;flex:none}.site-footer{height:70px;border-top:1px solid #ffffff12;display:flex;justify-content:space-between;align-items:center;color:#6b7b9b;font-size:11px}.site-footer span:first-child{letter-spacing:1.2px;font-weight:900}.text-back{display:flex;align-items:center;gap:8px;background:transparent;border:0;color:#a6b5d2;padding:0;font-size:13px}.text-back:hover{color:#fff}.play-heading{margin-bottom:22px}.play-heading h1{margin:11px 0 6px}.play-heading .heading-period{color:#a58aff}.match-grid{display:grid;grid-template-columns:1fr;gap:18px;align-items:start}.match-grid.with-chat{grid-template-columns:minmax(0,1fr) 300px}.match-main{padding:23px}.player-score-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.player-score{display:flex;align-items:center;gap:12px;border:1px solid #364562;border-radius:14px;background:#17213a;padding:13px;min-width:0}.player-score.playing{border-color:#8193d7;box-shadow:inset 0 0 0 1px #8193d733}.player-avatar{height:43px;width:43px;color:#17213a}.player-score-copy{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0}.player-score-copy span{font:800 14px Outfit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-score-copy small{font-size:10px;letter-spacing:.7px;color:#93a7cc}.player-score>strong{font:900 31px Outfit}.board-frame{display:flex;justify-content:center;align-items:center;padding:18px 0;min-height:385px}.game-board{width:min(100%,430px);height:auto;touch-action:manipulation;border-radius:20px;background:#131d33}.open-edge{stroke:#8fa3c6;stroke-opacity:.23;stroke-width:15;stroke-linecap:round;fill:none}.open-edge.playable{cursor:pointer;transition:stroke .12s}.open-edge.playable:hover,.open-edge.playable:focus{stroke:#b6a7ff;stroke-opacity:.9;outline:none}.turn-indicator{background:#273047;border:1px solid #43516f;display:flex;gap:13px;align-items:center;padding:14px 17px;border-radius:12px}.turn-indicator.turn-yours{background:#232d51;border-color:#6576be}.turn-mark{display:grid;place-items:center;color:#9baefa;width:38px;height:38px;border-radius:12px;background:#39456e}.turn-indicator strong{display:block;font-size:13px;margin-bottom:4px}.turn-indicator small{display:block;font-size:11px;color:#9eaed1;line-height:1.5}.turn-indicator.finished{color:#f6d28b}.turn-indicator.finished span{flex:1;font-weight:800}.turn-indicator.finished small{color:#aabbda;font-weight:400}.primary.compact{padding:10px 13px}.chat-panel{height:600px;min-height:0;display:flex;flex-direction:column;overflow:hidden}.chat-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding:18px;border-bottom:1px solid #354463}.chat-heading strong{display:flex;gap:8px;align-items:center;font-size:14px}.chat-heading small{display:block;color:#8397b8;font-size:11px;margin-top:7px;line-height:1.5}.chat-scroll{flex:1;min-height:0;overflow-y:auto;padding:17px 14px;display:flex;flex-direction:column;gap:12px}.chat-placeholder{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:11px;color:#7d91b6;flex:1;text-align:center}.chat-placeholder strong{color:#bfd0ee;font-size:14px}.chat-placeholder span{font-size:11px}.chat-bubble{background:#2d3a54;border-radius:12px 12px 12px 3px;padding:9px 12px;max-width:90%;align-self:flex-start}.chat-bubble.mine{align-self:flex-end;background:#534b87;border-radius:12px 12px 3px}.chat-bubble small{color:#c4b7f5;font-size:10px;font-weight:800}.chat-bubble p{word-break:break-word;font-size:12px;line-height:1.5;margin:5px 0 0}.chat-compose{padding:12px;display:flex;gap:7px;border-top:1px solid #36415e}.chat-compose input{min-width:0;flex:1;padding:11px;font-size:12px}.chat-compose button{border:0;border-radius:10px;background:#765eeb;color:#fff;padding:11px}.chat-toggle{position:relative}.unread{background:#ed7799;border-radius:20px;font-size:10px;padding:2px 6px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background:#050b1dd4;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);display:flex;align-items:center;justify-content:center;padding:20px}.modal{position:relative;width:min(400px,100%);padding:30px;text-align:center;box-shadow:0 20px 80px #0008}.modal-close{position:absolute;top:16px;right:16px}.profile-avatar{width:76px;height:76px;border-radius:23px;background:linear-gradient(130deg,#5679e0,#b083e2);display:grid;place-items:center;margin:0 auto 17px;font:900 36px Outfit}.profile-label{font-size:10px;letter-spacing:2px;color:#9db2ec;font-weight:800}.modal h2{font:900 26px Outfit;margin:8px 0}.modal p{font-size:12px;color:#91a4c5}.profile-dot{display:inline-block;background:#4ee0ab;width:7px;height:7px;margin-right:7px;border-radius:50%}.profile-dot.dim{background:#8090a8}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:24px 0}.profile-stats div{background:#26334f;border-radius:13px;padding:16px 0;display:flex;flex-direction:column;gap:4px}.profile-stats strong{font:900 27px Outfit}.profile-stats span{font-size:10px;letter-spacing:.7px;color:#8fa5c8}.profile-rate{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #394663;padding:17px 0;font-size:13px;color:#a6b7d4}.profile-rate strong{color:#def5ff}.modal-challenge{width:100%;margin-top:10px}.self-hint{display:flex;align-items:center;justify-content:center;gap:8px;color:#a1b9df;font-size:12px}.invite-buttons{display:flex;gap:10px;margin-top:23px}.invite-buttons>*{flex:1}.toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%);background:#2f3c63;border:1px solid #6379a7;box-shadow:0 12px 45px #02071399;z-index:20;padding:13px 16px;display:flex;align-items:center;gap:10px;color:#eef3ff;border-radius:12px;max-width:min(520px,calc(100% - 30px));font-size:13px}.toast>svg{color:#d3b8ff;flex:none}.toast button{background:none;border:0;color:#ccd9ee;display:flex;align-items:center;padding:2px;margin-left:12px}.spin{animation:spin 1.6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1050px){.action-card{flex-wrap:wrap}.action-card>div:nth-child(2){min-width:calc(100% - 75px)}.action-card .primary,.action-card>.outline-btn,.your-room{margin-left:70px}.match-grid.with-chat{grid-template-columns:minmax(0,1fr) 280px}}@media(max-width:800px){.welcome-layout{grid-template-columns:1fr}.intro-art{display:none}.welcome-copy{max-width:650px}.quick-actions,.lobby-columns{grid-template-columns:1fr}.action-card{flex-wrap:nowrap}.action-card>div:nth-child(2){min-width:0}.action-card .primary,.action-card>.outline-btn,.your-room{margin-left:0}.match-grid.with-chat{grid-template-columns:1fr}.chat-panel{height:340px}.main-container{padding-top:30px}}@media(max-width:520px){.wrap{width:calc(100% - 26px)}.topbar{height:73px}.brand strong{font-size:13px}.brand small{letter-spacing:2.5px}.brand-icon{height:36px;width:36px;font-size:30px}.topbar-right{gap:7px}.status{font-size:10px;padding:9px}.nickname{display:none}.welcome-layout{padding:55px 0 70px}.welcome-copy h1{font-size:50px;letter-spacing:-2px}.welcome-copy>p{font-size:14px}.welcome-bullets{gap:13px}.welcome-bullets span{font-size:11px}.entry-panel{padding:16px}.entry-row{flex-direction:column}.entry-row button{width:100%}.page-heading{align-items:flex-start}.page-heading h1{font-size:42px}.page-heading p{font-size:12px;max-width:250px}.live-counter{padding:10px;gap:7px}.live-counter strong{font-size:21px}.live-counter small{font-size:9px;max-width:45px}.quick-actions{gap:12px}.action-card{flex-wrap:wrap;padding:16px;gap:10px}.action-icon{width:43px;height:43px}.action-card>div:nth-child(2){min-width:calc(100% - 60px)}.action-card .primary,.action-card>.outline-btn,.your-room{margin-left:54px}.join-panel{align-items:flex-start}.join-panel>div:first-child span{max-width:140px;line-height:1.5}.join-input{gap:5px}.join-input input{width:80px;padding:10px 7px}.join-input button{padding:10px}.card-heading{padding:18px}.card-heading h2{font-size:18px}.rank-head,.rank-row{grid-template-columns:minmax(90px,1fr) 24px 24px 45px;gap:5px}.rank-head{padding:15px 13px}.rank-row{padding:13px 5px}.rank-player{gap:7px}.play-heading{align-items:flex-start}.play-heading .outline-btn{padding:10px;margin-top:7px}.match-main{padding:12px}.player-score-row{gap:7px}.player-score{gap:7px;padding:9px}.player-avatar{height:33px;width:33px;border-radius:9px;font-size:14px}.player-score-copy span{font-size:11px}.player-score-copy small{font-size:8px}.player-score>strong{font-size:23px}.board-frame{min-height:auto;padding:12px 0}.turn-indicator{padding:12px}.turn-indicator small{font-size:10px}.site-footer{gap:10px;font-size:9px}}.header-link{display:inline-flex;align-items:center;gap:7px;background:none;border:none;color:#aebee0;font-size:12px;font-weight:700;padding:10px;border-radius:10px}.header-link:hover{background:#ffffff10;color:#fff}.matchmaker{padding:25px;margin-bottom:30px;background:linear-gradient(140deg,#1f2f53,#1a263e 70%);border-color:#3e5277}.matchmaker-head,.private-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.matchmaker-head h2,.private-header h2{font:900 30px Outfit;margin:11px 0 5px}.matchmaker-head p,.private-header p{font-size:13px;color:#a1b2d1;margin:0}.online-badge{display:flex;align-items:center;gap:10px;color:#83edc1;font-size:11px;letter-spacing:1px;font-weight:800;white-space:nowrap}.mode-picker{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}.mode-tile{display:flex;flex-direction:column;gap:7px;text-align:left;padding:18px 20px;background:#131d31;border:1px solid #3b4e71;border-radius:15px;color:#c3cee3;transition:border .15s,background .15s}.mode-tile svg{color:#8eacfa;margin-bottom:2px}.mode-tile strong{font:800 18px Outfit;color:#f0f4ff}.mode-tile small{font-size:12px;color:#889dbe}.mode-tile.selected{background:#2b3e6b;border-color:#899cff;box-shadow:inset 0 0 0 1px #899cff65}.mode-tile.selected svg{color:#c5c0ff}.difficulty-label{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#d1ddf3;font-size:11px;letter-spacing:1px;font-weight:800}.difficulty-label small,.difficulty-label>span:last-child{font-weight:500;letter-spacing:0;color:#899bb8;font-size:11px}.skill-selector{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:10px}.skill-item{display:flex;flex-direction:column;align-items:center;gap:3px;border:1px solid #374667;background:#18223b;color:#d6e1f6;border-radius:11px;padding:12px 7px}.skill-item strong{font:800 14px Outfit}.skill-item span{font-size:11px;color:#8ca2c3}.skill-item.selected{background:#45417c;border-color:#aa8cff;color:#fff}.skill-item.selected span{color:#d6cfff}.matchmaker-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:20px}.queue-info{display:inline-flex;align-items:center;gap:8px;color:#9caed1;font-size:12px}.queue-info svg{color:#aac2ff}.private-section{margin-bottom:23px}.private-header{margin:2px 0 15px}.private-header .eyebrow{font-size:11px}.private-header h2{font-size:25px}.room-builder{padding:18px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.room-name{display:flex;flex-direction:column;gap:8px;flex:1;max-width:360px}.room-name label,.room-details small{font-size:10px;letter-spacing:1px;font-weight:900;color:#9eb2d9}.room-name input{width:100%}.room-builder>div:last-child{display:flex;align-items:center;gap:15px}.builder-note{color:#8b9fc0;font-size:12px;max-width:180px}.room-waiting{justify-content:flex-start;background:#252747;border-color:#665184}.room-details{display:flex;flex-direction:column;gap:5px}.room-details>span{font-size:11px;color:#aaadd2}.code-row{display:flex;align-items:center;gap:7px}.code-row strong{letter-spacing:4px;color:#eac9ff;font:900 26px Outfit}.room-roster{display:flex;gap:9px;flex:1;flex-wrap:wrap}.room-member{display:flex;align-items:center;gap:6px;color:#dae5fa;background:#384260;border:1px solid #57617d;border-radius:9px;padding:9px 10px;font-size:12px}.room-member svg{color:#76e2b8}.room-waiting>.outline-btn{margin-left:auto}.room-waiting .request{margin-left:0}.tab-row{display:flex;padding:14px 20px 4px;gap:7px}.tab-row button{flex:1;border:1px solid #3a4d70;background:#1a2741;border-radius:9px;color:#9eb4d6;font-size:12px;font-weight:800;padding:9px}.tab-row button.active{background:#334d83;color:#eff5ff;border-color:#7a91cf}.skill-chip{display:inline-flex;align-items:center;vertical-align:middle;font:800 12px DM Sans,sans-serif;letter-spacing:0;background:#3c3a65;border:1px solid #665b99;color:#d7ceff;padding:7px 11px;border-radius:20px;margin-left:8px}.game-tools{display:flex;gap:9px;align-items:center}.compact{padding:10px 12px;font-size:12px}.team-scoreboard{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-bottom:12px}.team-score{background:#1e2b44;border:1px solid #3c4a66;border-radius:14px;padding:12px 14px;display:grid;grid-template-columns:1fr auto;gap:7px}.team-score.team-active{border-color:#a3a9ec;box-shadow:0 0 0 1px #a3a9ec40}.team-heading{font-size:11px;font-weight:800;letter-spacing:.8px;display:flex;align-items:center;gap:7px;color:#9cbbef}.team-1 .team-heading{color:#dfb6ed}.team-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.team-points{font:900 30px Outfit;grid-column:2;grid-row:1/3}.team-players{grid-column:1;display:flex;gap:5px;align-items:flex-start;flex-direction:column}.team-player{font-size:12px;color:#aabbd8}.team-player.turn-player{color:#fff;font-weight:800}.team-player.turn-player:before{content:"● ";color:#7fe8c3}.turn-copy{display:flex;flex:1;flex-direction:column;gap:3px}.turn-copy small{font-size:12px;color:#afc3e3}.end-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:12px}.end-actions span{font-size:11px;color:#8b9fbe}.mode-note{display:flex;align-items:center;gap:8px;color:#8fa6c8;font-size:12px;line-height:1.5;margin:14px 0 0}.mode-note svg{flex:none;color:#ae9aff}.quick-chat{display:flex;gap:6px;flex-wrap:wrap;padding:8px 10px 0}.quick-chat button{font-size:10px;padding:6px 7px;background:#2a3a56;border:1px solid #4b5a78;color:#e2e9f9;border-radius:9px}.quick-chat button:hover:not(:disabled){background:#3b5280}.profile-mode-stats{display:flex;flex-direction:column;gap:10px;margin:22px 0}.profile-mode-stats>div{padding:14px;background:#24334e;border:1px solid #3a4a65;border-radius:13px;text-align:left}.profile-mode-stats strong{font-size:11px;letter-spacing:1px;color:#b5c9f1}.profile-mode-stats>div>div{display:flex;justify-content:space-between;gap:10px;margin-top:9px;font-size:13px;color:#dee6fa}.help-modal{text-align:left;max-width:490px}.help-modal h2{text-align:left}.help-modal ol{padding-left:21px;color:#c5d4ef;font-size:13px;line-height:1.9}.help-modal p{line-height:1.6}@media(max-width:900px){.room-builder>div:last-child{flex-direction:column;align-items:flex-end}.builder-note{text-align:right}.skill-chip{margin-top:6px}.header-link{font-size:11px}}@media(max-width:700px){.matchmaker{padding:17px}.matchmaker-head h2{font-size:25px}.online-badge{display:none}.room-builder{flex-direction:column;align-items:stretch;gap:12px}.room-name{max-width:none}.room-builder>div:last-child{flex-direction:row;justify-content:space-between;align-items:center}.builder-note{text-align:left}.matchmaker-bottom{align-items:stretch;flex-direction:column}.matchmaker-bottom button{width:100%}.game-tools{flex-wrap:wrap}.header-link{font-size:0;gap:0}.header-link svg{width:19px;height:19px}}@media(max-width:520px){.mode-picker{gap:9px}.mode-tile{padding:13px}.mode-tile strong{font-size:15px}.mode-tile small{font-size:10px}.skill-selector{gap:5px}.skill-item{padding:10px 3px}.skill-item strong{font-size:12px}.skill-item span{font-size:9px}.matchmaker-head h2{font-size:24px}.matchmaker-head p{font-size:11px}.private-header h2{font-size:23px}.room-builder>div:last-child{flex-direction:column;align-items:stretch}.builder-note{max-width:none}.room-builder .outline-btn{width:100%}.team-score{padding:10px;gap:5px}.team-heading{font-size:9px}.team-points{font-size:25px}.team-player,.skill-chip{font-size:10px}.play-heading{flex-wrap:wrap;gap:12px}.game-tools{width:100%;justify-content:flex-end}.turn-indicator.finished{flex-wrap:wrap}.turn-indicator.finished .primary{margin-left:auto}.end-actions{flex-direction:column;align-items:stretch}.end-actions .outline-btn,.room-roster{width:100%}.room-waiting>.outline-btn{width:100%}.profile-mode-stats>div>div{font-size:12px}.header-link{padding:7px}}.nickname-edit{border:0;background:transparent;cursor:pointer;color:#d7e2f7;border-radius:9px;padding:8px}.nickname-edit:hover:not(:disabled){background:#ffffff12;color:#fff}.nickname-edit:disabled{opacity:.65;cursor:default}.invite-banner{margin:0 0 18px;padding:12px 16px;border:1px solid #7567a3;border-radius:13px;background:linear-gradient(110deg,#2b2e55,#262441);display:flex;align-items:center;justify-content:space-between;gap:12px;color:#decfff;font-size:13px}.invite-banner>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.invite-banner strong{letter-spacing:2px;color:#fff}.board-progress{margin-top:15px;margin-bottom:6px;padding:0 4px}.progress-top{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#a9bbd9;font-weight:700;margin-bottom:9px}.progress-top strong{color:#ded2ff}.progress-track{height:7px;background:#2e3b58;border-radius:99px;overflow:hidden}.progress-track>div{height:100%;border-radius:99px;background:linear-gradient(90deg,#5a9bf1,#c18eff);transition:width .2s ease}.last-move-note{padding:10px 14px;background:#202b43;color:#a8bce0;border:1px solid #364764;border-radius:10px;margin:11px 0 0;font-size:12px;line-height:1.5}.last-move-note.scored{color:#e8d1ff;background:#383056;border-color:#63538a}.chat-head-actions{display:flex;align-items:center;gap:2px;flex:none}.room-member small{display:block;font-size:9px;font-weight:900;letter-spacing:1px;margin-left:4px}.room-member.room-team-0{border-color:#528dde;background:#294371}.room-member.room-team-0 small{color:#a8d2ff}.room-member.room-team-1{border-color:#9573d1;background:#43305e}.room-member.room-team-1 small{color:#e3b9ff}.room-start-hint{font-size:12px;font-weight:700;color:#b9cbec}.room-waiting>.primary{margin-left:auto}.modal form{margin:0}.modal>input{width:100%;margin-top:10px}.modal-challenge{margin-top:18px}@media(max-width:700px){.invite-banner{flex-direction:column;align-items:stretch}.invite-banner .outline-btn{width:100%}.room-waiting>.primary{margin-left:0}}@media(prefers-reduced-motion:reduce){.progress-track>div{transition:none;animation:none}}.mode-picker{grid-template-columns:repeat(3,minmax(0,1fr))}.mode-tile{min-width:0}.team-scoreboard.three-way{grid-template-columns:repeat(3,minmax(0,1fr))}.team-scoreboard.three-way .team-score{min-width:0;grid-template-columns:minmax(0,1fr) auto}.team-scoreboard.three-way .team-players{min-width:0;overflow-wrap:anywhere}.team-2 .team-heading{color:#ffce83}.room-member.room-team-2{border-color:#a67534;background:#493c2d}.room-member.room-team-2 small{color:#ffcf90}@media(max-width:760px){.mode-picker{grid-template-columns:1fr}.mode-tile{padding:13px 17px;gap:4px}.mode-tile svg{margin-bottom:0}}@media(max-width:560px){.team-scoreboard.three-way{grid-template-columns:repeat(2,minmax(0,1fr))}.team-scoreboard.three-way .team-score:nth-child(3){grid-column:1/-1}}.mega-edge{stroke:transparent;stroke-width:19;stroke-linecap:round;fill:none;pointer-events:stroke;touch-action:manipulation}.mega-edge.playable{cursor:pointer}.mega-edge.playable:hover,.mega-edge.playable:focus-visible{stroke:#b6a7ff;stroke-opacity:.5;outline:none}.skill-selector{grid-template-columns:repeat(5,minmax(0,1fr))}@media(max-width:600px){.skill-selector{grid-template-columns:repeat(3,minmax(0,1fr))}}.board-interaction{width:min(100%,430px);display:flex;flex-direction:column;align-items:center;gap:10px}.board-interaction .game-board{display:block;width:100%}.pending-edge-preview{stroke:#ffdb81;stroke-width:7;stroke-linecap:round;pointer-events:none;filter:none}.mega-tap-hint{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:10px 12px;border:1px solid #715f40;border-radius:11px;background:#2b2b37;color:#ffedc0;font-size:12px;line-height:1.5;text-align:center}.mega-tap-hint span{flex:1}.mega-tap-cancel{background:#514159;border:1px solid #806c85;border-radius:8px;color:#fff;padding:8px 11px;font-size:12px;font-weight:700;flex-shrink:0}.mega-tap-cancel:focus-visible{outline:2px solid #ffdb81;outline-offset:2px}.room-team-names{display:flex;align-items:end;flex-wrap:wrap;gap:9px;width:100%;flex-basis:100%;padding:9px 0 2px}.team-name-field{display:flex;flex-direction:column;gap:6px;min-width:120px;flex:1;color:#b8c7e6;font-size:10px;font-weight:800;letter-spacing:.3px}.team-name-field span{white-space:nowrap}.team-name-field input{width:100%;min-width:0;padding:9px 10px;font-size:13px;border-radius:9px;background:#1c2941;color:#edf4ff;border:1px solid #52688e}.team-name-0 input:focus-visible{outline:2px solid #59a6ff;outline-offset:1px}.team-name-1 input:focus-visible{outline:2px solid #d99aff;outline-offset:1px}.room-team-names>.outline-btn{white-space:nowrap}.room-team-display{font-size:12px;font-weight:800;color:#d0dcf5}.room-team-display span{color:#8fa1c5;font-weight:500;margin:0 6px}@media(max-width:500px){.team-name-field{min-width:38%}.room-team-names>.outline-btn{width:100%}}