.mp-shell{color:#edf1f7;isolation:isolate;background:radial-gradient(at 35% 52%,#0d24433d,#0000 55%),#070b13;min-height:100svh;padding:0 clamp(20px,4vw,70px) 45px;position:relative;overflow:hidden}.mp-shell button{color:inherit;background:0 0;border:0;justify-content:center;align-items:center;gap:12px;display:inline-flex}.mp-header{z-index:4;border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:20px;height:86px;display:flex;position:relative}.mp-back{align-items:center;gap:9px;font-size:13px;display:flex;color:#9ba9bb!important}.mp-brand{letter-spacing:2px;font-size:14px;font-weight:700}.mp-brand span{color:#a8fb83;margin-left:10px;font:10px Courier New,monospace}.mp-tools{align-items:center;gap:18px;display:flex}.mp-tools button{min-width:40px;min-height:40px}.mp-connection{letter-spacing:1px;color:#8c97a8;align-items:center;gap:7px;font:10px Courier New,monospace;display:flex}.mp-connection.is-online{color:#a8fb83}.mp-content{z-index:2;pointer-events:none;grid-template-columns:1fr minmax(360px,440px);align-items:start;column-gap:70px;max-width:1250px;margin:65px auto 0;display:grid;position:relative}.mp-content a,.mp-content button,.mp-content input,.mp-panel{pointer-events:auto}.mp-eyebrow,.mp-panel-heading,.mp-rules>span,.mp-countdown>span{letter-spacing:2px;color:#98a8bc;font:10px Courier New,monospace}.mp-eyebrow{color:#a8fb83;align-items:center;gap:10px;display:flex}.mp-eyebrow i{background:#a8fb83;border-radius:50%;width:5px;height:5px}.mp-intro h1{letter-spacing:-4px;margin:24px 0;font-size:clamp(45px,5.6vw,83px);font-weight:900;line-height:.95}.mp-intro h1 em{color:#a8fb83;font-style:normal}.mp-intro>p:not(.mp-eyebrow){color:#9daabd;font-size:17px;line-height:1.65}.mp-rule-row{color:#b9c4d3;gap:24px;margin-top:30px;font-size:11px;display:flex}.mp-rule-row b{color:#a8fb83;margin-right:7px;font:10px Courier New,monospace}.mp-cube{z-index:0;width:57%;height:460px;position:absolute;top:405px;left:1%}.mp-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0b131fef;border:1px solid #ffffff16;border-radius:22px;padding:28px;box-shadow:0 30px 70px #0003}.mp-panel-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.mp-panel-heading small{color:#a8fb83;font-size:9px}.mp-panel h2{letter-spacing:-1px;margin:30px 0 12px;font-size:30px;font-weight:700}.mp-panel p{color:#a5b1c2;font-size:14px;line-height:1.6}.mp-shell .mp-primary,.mp-shell .mp-secondary{border-radius:11px;justify-content:space-between;width:100%;min-height:54px;padding:15px 20px;font-size:14px;font-weight:700}.mp-shell .mp-primary{color:#101a13;background:#a8fb83}.mp-shell .mp-primary:hover:not(:disabled){background:#bcff9f}.mp-shell .mp-secondary{background:#ffffff05;border:1px solid #ffffff25}.mp-primary svg,.mp-secondary svg{flex-shrink:0}.mp-entry>.mp-primary{margin-top:26px}.mp-divider{color:#65758d;align-items:center;gap:15px;margin:23px 0;font-size:12px;display:flex}.mp-divider:before,.mp-divider:after{content:"";background:#ffffff12;flex:1;height:1px}.mp-join{background:#060a12;border:1px solid #fff2;border-radius:10px;margin-top:10px;display:flex}.mp-join input{color:#e4eefc;letter-spacing:2px;text-transform:uppercase;background:0 0;border:0;border-radius:10px;width:100%;min-width:0;padding:17px;font:17px Courier New,monospace}.mp-join input:focus{outline-offset:2px;outline:2px solid #a8fb83}.mp-join button{color:#a8fb83;flex-shrink:0;width:56px}.mp-entry label{letter-spacing:2px;color:#a3aec0;font:10px Courier New,monospace}.mp-entry footer{color:#7f8da1;text-align:center;margin:24px 0 0;font-size:11px}.mp-code{justify-content:space-between;align-items:center;gap:10px;padding:25px 0 8px;display:flex}.mp-code b{letter-spacing:2px;-webkit-user-select:all;user-select:all;font:clamp(18px,2vw,24px) Courier New,monospace}.mp-code button{color:#a8fb83;width:40px;height:40px}.mp-room-hint{margin:0 0 18px;font-size:12px!important}.mp-seats{margin:0 0 24px;padding:0;list-style:none}.mp-seats li{border-bottom:1px solid #ffffff0c;align-items:center;gap:13px;padding:15px 0;display:flex}.mp-avatar{flex-shrink:0;width:35px;font-size:32px;line-height:1}.mp-avatar.is-runner{clip-path:polygon(0 0,100% 0,100% 25%,50% 50%,100% 75%,100% 100%,0 100%)}.mp-seats li>div{flex:1}.mp-seats b{font-size:14px;display:block}.mp-seats b small{color:#8493a9;margin-left:8px;font:8px Courier New,monospace}.mp-seats div>span{color:#8493a9;margin-top:4px;font-size:11px;display:block}.mp-ready{color:#a8fb83}.mp-ready i{background:#3a495e;border-radius:50%;width:6px;height:6px;display:block}.mp-swap{border-radius:7px;font-size:11px;border:1px solid #ffffff20!important;padding:9px!important}.mp-lobby-actions{gap:10px;display:grid}.mp-lobby-actions>p{text-align:center;margin:0;font-size:11px}.mp-rules{grid-column:2;margin:22px 5px 0}.mp-rules p{color:#8897ab;font-size:12px;line-height:1.7}.mp-rules b{color:#bfccd9}.mp-offline{border:1px solid #ffffff14;border-radius:12px;margin-top:22px;padding:20px}.mp-offline a{color:#a8fb83;align-items:center;gap:10px;font-size:13px;display:flex}.mp-playing{height:100svh;padding-bottom:0}.mp-playing .mp-cube{width:80%;height:calc(100svh - 220px);top:125px;left:10%}.mp-hud{z-index:2;pointer-events:none;justify-content:center;align-items:center;gap:50px;height:80px;display:flex;position:relative}.mp-role{letter-spacing:2px;font:11px Courier New,monospace}.mp-role.runner{color:#ffe34b}.mp-role.ghost{color:#ff8395}.mp-hud>b{font:700 32px Courier New,monospace}.mp-hud small{color:#8897ab;margin-left:5px;font-size:9px}.mp-hud>span:last-child{color:#8999b0;font-size:12px}.mp-power,.mp-respawn{text-align:center;color:#ffe34b;z-index:4;pointer-events:none;font:11px Courier New,monospace;position:absolute;top:170px;left:0;right:0}.mp-respawn{top:210px}.mp-play-tools{color:#8695a9;justify-content:space-between;align-items:center;gap:20px;font-size:11px;display:flex;position:absolute;bottom:32px;left:5%;right:5%}.mp-play-tools button{border:1px solid #ffffff20;border-radius:10px;padding:12px}.mp-pad{display:none}.mp-result{border-top:1px solid #ffffff12;padding-top:10px;display:block}.mp-result h2{color:#a8fb83;margin-top:12px}.mp-result>p:first-child{letter-spacing:2px;font:10px Courier New,monospace}.mp-notice{z-index:20;background:#172234;border:1px solid #415575;border-radius:12px;align-items:center;gap:16px;width:max-content;max-width:90vw;padding:15px 20px;font-size:13px;display:flex;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0006}.mp-notice button{color:#a8fb83}.mp-modal{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:30;background:#03060cbd;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.mp-modal section{background:#101a29;border:1px solid #ffffff25;border-radius:20px;max-width:400px;padding:28px}.mp-modal h2{font-size:25px;font-weight:700}.mp-modal p{color:#a9b6c8;margin:16px 0 24px;font-size:14px;line-height:1.6}.mp-modal button+button{margin-top:12px}@media (max-width:850px){.mp-shell{padding:0 22px 30px;overflow:clip visible}.mp-header{gap:10px;height:70px}.mp-brand{letter-spacing:1px;font-size:11px}.mp-brand span{display:none}.mp-tools{gap:4px}.mp-connection{font-size:8px}.mp-content{grid-template-columns:1fr;gap:0;max-width:480px;margin-top:35px}.mp-intro h1{letter-spacing:-2px;font-size:52px}.mp-intro>p:not(.mp-eyebrow){font-size:14px}.mp-rule-row{display:none}.mp-cube{pointer-events:none;width:90%;height:300px;top:285px;left:5%}.mp-panel{margin-top:285px;padding:23px}.mp-rules{grid-column:1;margin-top:24px}.mp-playing{height:100svh;padding-bottom:0;overflow:hidden}.mp-playing .mp-cube{pointer-events:auto;width:100%;height:calc(100svh - 260px);top:135px;left:0}.mp-playing .mp-brand{display:none}.mp-hud{gap:30px;height:65px}.mp-hud>b{font-size:27px}.mp-hud .mp-role{font-size:10px}.mp-play-tools{bottom:25px;left:20px;right:auto}.mp-play-tools>span{display:none}.mp-pad{grid-template-rows:repeat(2,36px);grid-template-columns:repeat(3,38px);gap:3px;display:grid;position:absolute;bottom:16px;right:20px}.mp-pad button{touch-action:none;background:#162234b0;border:1px solid #ffffff13;border-radius:8px}.mp-pad button:first-child{grid-column:2}.mp-pad button:nth-child(2){grid-column:1}.mp-power{top:138px}.mp-respawn{top:160px}.mp-notice{font-size:12px;bottom:100px}.mp-code b{font-size:21px}.mp-playing .mp-back{font-size:11px}}@media (prefers-reduced-motion:reduce){.mp-shell button{transition:none}}