.packedman-root{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:#f8f8ff;width:100%;margin:0 auto;--night:#10102c;--pink:#ff4fb8;--cyan:#39e8ff;--yellow:#ffe35d;--green:#63f5c8}.packedman-root *{box-sizing:border-box}.packedman-root [hidden]{display:none!important}.pm-shell{overflow:hidden;border-radius:22px;background:#11112e;border:1px solid #303264;box-shadow:0 20px 55px #14133d22}.pm-header{display:flex;align-items:center;justify-content:space-between;padding:17px 23px;background:#17173b;border-bottom:1px solid #30315e;gap:12px}.pm-brand{display:flex;align-items:center;gap:12px}.pm-logo{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#ff4fb8,#8e5dff);color:#ffe35d;font-size:30px;font-weight:900;box-shadow:0 0 22px #ff4fb833}.pm-brand small,.pm-top small,.pm-wait>small,.pm-game-name small,.pm-howto small,.pm-overlay-card small{font-size:9px;letter-spacing:.19em;font-weight:900;color:#8a91ff}.pm-brand h2{margin:2px 0 0;font-size:17px;letter-spacing:.15em;color:#fff}.pm-status{display:flex;align-items:center;gap:8px;font-size:11px;color:#c4c6e9}.pm-status i{width:7px;height:7px;border-radius:50%;background:#63f5c8;box-shadow:0 0 10px #63f5c8}.pm-home{display:grid;grid-template-columns:1.1fr .9fr;gap:35px;padding:clamp(25px,5vw,56px);align-items:center;background:radial-gradient(ellipse at 14% 15%,#2e2464 0,transparent 48%),radial-gradient(ellipse at 80% 100%,#143c59 0,transparent 50%),#11112e}.pm-hero{max-width:510px}.pm-pill{display:inline-block;border:1px solid #6851a9;background:#35245c;color:#e6d8ff;border-radius:30px;padding:8px 12px;font-size:9px;font-weight:900;letter-spacing:.13em}.pm-hero h3{font-size:clamp(42px,6vw,68px);line-height:.96;letter-spacing:-.055em;margin:22px 0 18px}.pm-hero h3 em{font-style:normal;color:var(--yellow);text-shadow:0 0 22px #ffe35d33}.pm-hero p{color:#c2c5e4;font-size:14px;line-height:1.8;max-width:410px}.pm-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:23px}.pm-tags span{border-radius:30px;padding:8px 10px;background:#ffffff0c;border:1px solid #ffffff18;color:#d7d8f5;font-size:10px}.pm-tags span:first-child{color:#ffe35d}.pm-entry{padding:25px;background:#1a1a42;border:1px solid #3a3a72;border-radius:18px;box-shadow:0 20px 50px #06061c66}.pm-entry label{display:block;color:#a9a9d6;font-size:9px;font-weight:900;letter-spacing:.14em;margin-bottom:9px}.pm-entry input{width:100%;height:48px;border:1px solid #46477d;background:#11112e;border-radius:10px;padding:0 14px;color:white;font:inherit;font-size:14px;margin-bottom:13px;outline:none}.pm-entry input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #39e8ff18}.pm-btn{border:0;border-radius:10px;min-height:44px;padding:12px 15px;font:inherit;font-size:12px;font-weight:900;cursor:pointer;transition:transform .15s,filter .15s}.pm-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.pm-primary{width:100%;background:linear-gradient(100deg,#ff4fb8,#a45dff);color:#fff;box-shadow:0 7px 20px #ff4fb82b}.pm-secondary{width:100%;background:#25264e;border:1px solid #444578;color:#f1f1ff}.pm-or{display:flex;align-items:center;justify-content:center;margin:15px 0;color:#777aa9;font-size:9px;letter-spacing:.2em}.pm-entry>p{text-align:center;color:#898bb7;font-size:10px;margin:15px 0 0}.pm-invite-join{width:100%;margin-top:12px;padding:12px;border:1px solid #ffe35d;background:#ffe35d15;color:#ffe88b;border-radius:9px;font-weight:800;cursor:pointer}.pm-lobby{padding:clamp(24px,4vw,42px);min-height:310px}.pm-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.pm-top h3,.pm-wait h3,.pm-howto h3{font-size:clamp(25px,3vw,35px);letter-spacing:-.04em;margin:7px 0;color:#fff}.pm-lobby>p,.pm-wait>p{color:#b6b8dc;font-size:13px;line-height:1.7}.pm-mini{border:1px solid #414276;background:#202047;color:#dedfff;border-radius:9px;padding:9px 11px;font:inherit;font-size:11px;font-weight:800;cursor:pointer}.pm-rooms{display:grid;gap:10px;margin:22px 0}.pm-room{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 15px;background:#1a1a42;border:1px solid #363765;border-radius:13px}.pm-room>div{display:flex;align-items:center;gap:10px}.pm-avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#3b245e;color:#ff91d5;font-weight:900}.pm-room b,.pm-room small{display:block}.pm-room b{font-size:13px}.pm-room small{font-size:10px;color:#9c9fc8;margin-top:3px}.pm-join{background:#ffe35d;color:#2d2354;white-space:nowrap;min-height:38px}.pm-empty{text-align:center;padding:25px;border:1px dashed #4a4b7c;border-radius:12px;color:#ffe35d}.pm-empty b{display:block;color:#fff;margin-top:7px}.pm-empty p{color:#aeb0d4;font-size:12px}.pm-back{border:0;background:none;color:#aeb0d4;font:inherit;font-size:11px;cursor:pointer;padding:16px 0 0}.pm-wait{text-align:center;padding:40px 20px 35px;background:radial-gradient(ellipse at 50% 0,#30235f,transparent 68%)}.pm-big-orb{font-size:37px;color:#ffe35d;text-shadow:0 0 25px #ffe35d;margin-bottom:13px}.pm-wait h3{margin:8px 0}.pm-code{display:inline-flex;align-items:center;gap:13px;padding:12px 16px;margin:12px 0;background:#1a1a42;border:1px solid #444578;border-radius:10px;color:#a7a9d2;font-size:9px;letter-spacing:.15em}.pm-code b{font-size:16px;letter-spacing:.1em;color:#ffe35d}.pm-invites{display:flex;gap:9px;justify-content:center;flex-wrap:wrap}.pm-invites .pm-btn{width:auto;min-width:145px}.pm-feedback{min-height:18px;color:#63f5c8;font-size:11px}.pm-loader{display:flex;justify-content:center;gap:6px;margin:15px}.pm-loader i{width:7px;height:7px;background:#ff4fb8;border-radius:50%;animation:pmPulse 1s infinite}.pm-loader i:nth-child(2){animation-delay:.15s}.pm-loader i:nth-child(3){animation-delay:.3s}@keyframes pmPulse{0%,80%,100%{opacity:.35;transform:scale(.7)}40%{opacity:1;transform:scale(1)}}.pm-game{padding:clamp(10px,2vw,20px)}.pm-scorebar{display:grid;grid-template-columns:1fr auto 1fr;gap:9px;align-items:center;margin-bottom:12px}.pm-scorebar>div:not(.pm-game-name){display:flex;flex-direction:column;gap:3px;padding:9px 12px;border:1px solid #353663;border-radius:11px;background:#1a1a42;min-width:0}.pm-scorebar small{font-size:8px;letter-spacing:.15em;color:#a5a6d4;font-weight:900}.pm-scorebar b{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pm-scorebar strong{font-size:23px;color:#ffe35d}.pm-scorebar span{font-size:10px;color:#ff82cb}.pm-right{text-align:right;align-items:flex-end}.pm-game-name{text-align:center;display:flex;flex-direction:column;gap:4px}.pm-game-name b{font-size:clamp(13px,2vw,20px);letter-spacing:.1em}.pm-game-name span{font-size:9px;color:#aeb0d8}.pm-canvas-wrap{position:relative;overflow:hidden;border-radius:13px;border:2px solid #4844a4;background:#090b27;box-shadow:0 0 30px #6c52ff18}.pm-canvas-wrap canvas{display:block;width:100%;touch-action:none}.pm-overlay{position:absolute;inset:0;display:grid;place-items:center;background:#080822d9;backdrop-filter:blur(5px);padding:15px}.pm-overlay>div{background:#1b1b45;border:1px solid #56518e;border-radius:16px;padding:25px;width:min(320px,100%);text-align:center}.pm-overlay h3{font-size:27px;margin:8px 0}.pm-overlay p{color:#b9bbdf;font-size:12px}.pm-overlay .pm-btn{margin-top:8px}.pm-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:11px 0;color:#b5b7da;font-size:10px}.pm-key{display:inline-grid;place-items:center;width:19px;height:19px;border:1px solid #55558c;border-radius:4px;margin-right:3px;color:#fff}.pm-mobile{display:none;font-size:10px;color:#aaaed4}.pm-howto{padding:26px clamp(18px,4vw,38px);background:#17173b;border-top:1px solid #30315e}.pm-howto h3{font-size:clamp(21px,3vw,29px);margin:7px 0 18px}.pm-instructions{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.pm-instructions article{display:flex;gap:10px;align-items:flex-start}.pm-instructions i{font-style:normal;display:grid;place-items:center;flex:0 0 35px;height:35px;border-radius:10px;font-size:18px}.pm-yellow{background:#ffe35d18;color:#ffe35d}.pm-pink{background:#ff4fb81a;color:#ff78ca}.pm-blue{background:#39e8ff18;color:#39e8ff}.pm-green{background:#63f5c818;color:#63f5c8}.pm-instructions b{font-size:11px;color:#fff}.pm-instructions p{font-size:10px;line-height:1.55;color:#aeb0d4;margin:5px 0 0}.pm-footer{display:flex;justify-content:space-between;gap:10px;padding:13px 21px;color:#777aa9;font-size:8px;letter-spacing:.1em;background:#11112e}.pm-error{margin:12px;padding:12px;border:1px solid #814268;background:#421c3b;border-radius:9px;color:#ffc2e3;font-size:12px}@media(max-width:720px){.pm-home{grid-template-columns:1fr;gap:22px;padding:24px 17px}.pm-hero h3{font-size:46px;margin:15px 0}.pm-hero p{font-size:13px}.pm-entry{padding:18px}.pm-instructions{grid-template-columns:repeat(2,1fr);gap:18px}.pm-header{padding:13px 15px}.pm-brand h2{font-size:14px}.pm-logo{width:36px;height:36px}.pm-status{font-size:9px}.pm-game{padding:9px}.pm-scorebar{gap:5px}.pm-scorebar>div:not(.pm-game-name){padding:7px}.pm-game-name span{display:none}.pm-controls>span{width:100%;order:3}.pm-mobile{display:block}.pm-footer{font-size:7px;padding:11px 13px;letter-spacing:.04em}}@media(max-width:430px){.pm-instructions{grid-template-columns:1fr}.pm-scorebar strong{font-size:18px}.pm-scorebar b{font-size:10px}.pm-game-name b{font-size:12px}.pm-invites{flex-direction:column;align-items:stretch}.pm-invites .pm-btn{width:100%}}