:root{--bg:#090d1c;--panel:#12182c;--text:#f5f7ff;--muted:#a1acc6;--line:#28314b;--accent:#a6fb60}*{box-sizing:border-box}html{scroll-behavior:smooth}body.p2l-lobby-body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-size:15px}body.p2l-lobby-body a{text-decoration:none;color:inherit}body.p2l-lobby-body button{font:inherit}.p2l-app{min-height:100vh}.p2l-side{width:242px;position:fixed;inset:0 auto 0 0;background:#0d1222;border-right:1px solid #202a42;padding:28px 17px;display:flex;flex-direction:column;z-index:5}.p2l-brand{display:flex;gap:10px;align-items:center;font-weight:950;letter-spacing:-.7px;font-size:19px;padding:0 9px 46px}.p2l-brand-accent,.p2l-mobile-logo span,.p2l-footer strong span{color:var(--accent)}.p2l-brand small{display:block;font-size:8px;letter-spacing:1.7px;color:#8190ad;margin-top:3px}.p2l-mark{display:grid;place-items:center;width:35px;height:35px;border-radius:11px;background:var(--accent);color:#132015;font-size:16px}.p2l-nav-label,.p2l-kicker{color:#8091b4;font-size:10px;font-weight:850;letter-spacing:2px}.p2l-nav-label{padding:0 15px 15px}.p2l-nav{display:flex;gap:13px;align-items:center;padding:13px 16px;border-radius:12px;color:#a7b3cd!important;font-weight:650;margin-bottom:6px}.p2l-nav.active,.p2l-nav:hover{background:#202d3a;color:var(--accent)!important}.p2l-side-bottom{margin-top:auto;padding:17px 12px;border-top:1px solid var(--line);font-size:12px;color:#d4dced;line-height:1.8}.p2l-side-bottom small{color:var(--muted)}.p2l-status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--accent);margin-right:6px}.p2l-main{margin-left:242px}.p2l-topbar{height:75px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,4vw,64px);border-bottom:1px solid #202a42}.p2l-top-note,.p2l-preview{font-size:11px;letter-spacing:1.4px;font-weight:800;color:#91a1bf}.p2l-preview{color:#b5fb7d;background:#203323;padding:9px 12px;border-radius:30px;letter-spacing:.5px}.p2l-mobile-logo{display:none}.p2l-content{max-width:1440px;margin:auto;padding:38px clamp(20px,4vw,64px) 30px}.p2l-welcome>span{font-size:11px;letter-spacing:2px;color:var(--accent);font-weight:900}.p2l-welcome h1{font-size:clamp(29px,3.6vw,51px);letter-spacing:-1.8px;margin:10px 0}.p2l-welcome h1 em{font-style:normal;color:var(--accent)}.p2l-welcome p{color:var(--muted);margin:0 0 28px}.p2l-feature{min-height:295px;border-radius:24px;overflow:hidden;display:flex;position:relative;background:radial-gradient(circle at 82% 40%,#5d2cba 0,transparent 42%),linear-gradient(115deg,#283575,#40207c 75%,#5224a4);border:1px solid #6553af}.p2l-feature-copy{padding:clamp(24px,3.4vw,44px);max-width:650px;position:relative;z-index:1}.p2l-pill{display:inline-block;background:#ffffff26;border:1px solid #ffffff50;border-radius:30px;padding:8px 12px;font-size:10px;font-weight:900;letter-spacing:1px}.p2l-feature h2{font-size:clamp(29px,3.3vw,48px);line-height:1.07;letter-spacing:-1.6px;margin:19px 0 13px}.p2l-feature h2 strong{color:#b8ff75}.p2l-feature p{max-width:470px;color:#e0def9;line-height:1.6;font-size:14px}.p2l-primary{display:inline-flex;gap:25px;align-items:center;background:var(--accent);color:#142017!important;font-weight:900;padding:13px 17px;border-radius:11px;margin-top:10px}.p2l-feature-art{position:absolute;right:4%;top:0;height:100%;width:32%;display:grid;place-items:center}.p2l-art-main{font-size:clamp(85px,12vw,175px);filter:drop-shadow(0 20px 28px #11052e99);transform:rotate(-13deg);z-index:1}.p2l-orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-one{width:200px;height:200px;background:#b264ff77}.orb-two{width:110px;height:110px;background:#76ecff88;right:4%;top:5%}.p2l-art-star{position:absolute;top:15%;left:10%;font-size:35px;color:#b8ff75}.p2l-art-small{position:absolute;bottom:13%;right:7%;font-size:40px;color:#ffcb61}.p2l-section{padding-top:44px;scroll-margin-top:20px}.p2l-heading{display:flex;justify-content:space-between;align-items:end;gap:10px;margin-bottom:20px}.p2l-heading h2{font-size:clamp(23px,2.5vw,32px);letter-spacing:-.7px;margin:7px 0 0}.p2l-count{color:var(--muted);font-size:11px;font-weight:900;letter-spacing:1px}.p2l-world-grid,.p2l-game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.p2l-world{position:relative;display:flex;flex-direction:column;min-height:305px;padding:20px;border:1px solid #ffffff20;border-radius:19px;overflow:hidden;transition:transform .2s,box-shadow .2s}.p2l-world:hover,.p2l-game:hover{transform:translateY(-3px);box-shadow:0 15px 35px #0005}.p2l-world.violet{background:radial-gradient(circle at 75% 34%,#a66cff90,transparent 42%),linear-gradient(140deg,#3b256a,#20193e)}.p2l-world.blue{background:radial-gradient(circle at 75% 34%,#5cd5ff80,transparent 42%),linear-gradient(140deg,#13476d,#152440)}.p2l-world.green{background:radial-gradient(circle at 75% 34%,#b4f76c80,transparent 42%),linear-gradient(140deg,#1b5949,#15312c)}.p2l-world-top{display:flex;justify-content:space-between;align-items:center}.p2l-world-badge{font-size:9px;font-weight:850;letter-spacing:.8px;background:#ffffff27;padding:7px 9px;border-radius:30px}.p2l-arrow{font-size:23px}.p2l-world-emoji{font-size:70px;text-align:right;height:95px;filter:drop-shadow(0 9px 10px #0005)}.p2l-world-meta{font-size:10px;color:#e1e9f4;font-weight:700}.p2l-world h3{font-size:23px;letter-spacing:-.6px;margin:7px 0}.p2l-world p{color:#e1e9f4;font-size:12px;line-height:1.6;margin:0 0 16px}.p2l-world-action{margin-top:auto;font-weight:850;font-size:12px}.p2l-world-action span{margin-left:7px}.p2l-filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:19px}.p2l-filters button{background:#161e32;color:#b8c4dc;border:1px solid #303b57;border-radius:9px;padding:10px 14px;cursor:pointer;font-size:12px;font-weight:800}.p2l-filters button.selected,.p2l-filters button:hover{background:var(--accent);color:#15200f;border-color:var(--accent)}.p2l-game{background:var(--panel);border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:transform .2s,box-shadow .2s}.p2l-game[hidden]{display:none}.p2l-game-art{height:146px;position:relative;display:grid;place-items:center}.p2l-game.violet .p2l-game-art{background:radial-gradient(circle,#9369dd,#342059)}.p2l-game.blue .p2l-game-art{background:radial-gradient(circle,#5eacec,#1b386e)}.p2l-game.green .p2l-game-art{background:radial-gradient(circle,#6fc7a1,#194d44)}.p2l-game-emoji{font-size:67px;filter:drop-shadow(0 8px 8px #0005)}.p2l-coming{position:absolute;top:12px;left:12px;background:#101628bb;padding:7px 9px;border-radius:7px;font-size:9px;font-weight:900;letter-spacing:1px}.p2l-game-info{padding:18px}.p2l-game-category{color:var(--accent);font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:1px}.p2l-game-info h3{font-size:19px;margin:8px 0}.p2l-game-info p{color:var(--muted);font-size:12px;line-height:1.5;min-height:36px}.p2l-disabled,.p2l-play{display:inline-block;border-radius:9px;padding:10px 13px;font-size:12px;font-weight:850;margin-top:5px}.p2l-disabled{background:#27314a;color:#aebbd4}.p2l-play{background:var(--accent);color:#172315!important}.p2l-footer{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:58px;padding:24px 0;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.p2l-footer strong{color:#fff;font-size:16px}.p2l-footer small{margin-left:auto}.p2l-bottom{display:none}.p2l-no-results{color:var(--muted)}@media(max-width:1050px){.p2l-side{width:200px}.p2l-main{margin-left:200px}.p2l-world-grid,.p2l-game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.p2l-feature-art{opacity:.65}}@media(max-width:700px){.p2l-side{display:none}.p2l-main{margin-left:0}.p2l-topbar{height:62px;padding:0 17px}.p2l-mobile-logo{display:block;font-weight:950;letter-spacing:-.5px}.p2l-top-note{display:none}.p2l-preview{font-size:9px;padding:7px 9px}.p2l-content{padding:27px 16px 100px}.p2l-welcome h1{letter-spacing:-1px}.p2l-feature{min-height:320px}.p2l-feature-copy{padding:23px}.p2l-feature p{max-width:255px}.p2l-feature-art{right:-30px;top:20px;opacity:.35;width:50%}.p2l-feature h2{font-size:30px}.p2l-world-grid,.p2l-game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.p2l-world{min-height:272px;padding:13px}.p2l-world-badge{font-size:7px}.p2l-world-emoji{font-size:52px;height:78px}.p2l-world h3{font-size:18px}.p2l-world p{font-size:11px}.p2l-world-meta{font-size:9px}.p2l-world-action{font-size:10px}.p2l-game-art{height:116px}.p2l-game-emoji{font-size:49px}.p2l-game-info{padding:12px}.p2l-game-info h3{font-size:16px}.p2l-game-info p{font-size:11px}.p2l-coming{font-size:7px}.p2l-footer{display:block}.p2l-footer span,.p2l-footer small{display:block;margin:8px 0}.p2l-bottom{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:9;background:#10172b;border-top:1px solid #303a56;justify-content:space-around;padding:9px 0 max(9px,env(safe-area-inset-bottom))}.p2l-bottom a{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:19px;color:#d3e0f6!important}.p2l-bottom small{font-size:10px}}@media(max-width:360px){.p2l-world-grid,.p2l-game-grid{grid-template-columns:1fr}.p2l-world{min-height:250px}}

/* v0.3: compact, genuinely responsive four-world arcade */
html,body.p2l-lobby-body{max-width:100%;overflow-x:clip} .p2l-app,.p2l-main,.p2l-content,.p2l-section,.p2l-world-grid,.p2l-game-grid{min-width:0;max-width:100%} .p2l-world,.p2l-game{min-width:0} .p2l-world-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .p2l-world{min-height:335px;padding:20px 22px;isolation:isolate} .p2l-world:after{content:"";position:absolute;inset:auto -18% -55% 20%;height:75%;border-radius:50%;background:#ffffff10;filter:blur(28px);z-index:-1} .p2l-world.orange{background:radial-gradient(circle at 75% 30%,#ffbd6d88,transparent 45%),linear-gradient(135deg,#8d3f24,#392044)} .p2l-game.orange .p2l-game-art{background:radial-gradient(circle,#eaa257,#6a2c46)} .p2l-artwork{display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 15px 13px #0005)} .p2l-world-emoji{height:135px;margin:0 auto 4px;width:100%;text-align:center} .p2l-world-emoji svg{display:block;width:min(100%,210px);height:135px;transition:transform .25s ease} .p2l-world:hover .p2l-world-emoji svg,.p2l-world:focus-visible .p2l-world-emoji svg{transform:translateY(-6px) scale(1.06)} .p2l-game-emoji svg{width:150px;height:112px;display:block} .p2l-world h3{font-size:clamp(19px,2.2vw,26px)} .p2l-world-action{display:inline-flex;align-items:center;justify-content:space-between;width:fit-content;gap:12px;padding:9px 12px;background:#ffffff24;border:1px solid #ffffff44;border-radius:10px} .p2l-world:focus-visible,.p2l-primary:focus-visible,.p2l-filters button:focus-visible{outline:3px solid #b6ff70;outline-offset:3px} .p2l-count{white-space:nowrap} .p2l-heading h2{overflow-wrap:anywhere} .p2l-game-grid{grid-template-columns:repeat(2,minmax(0,1fr))} @media(max-width:1100px){.p2l-side{display:none}.p2l-main{margin-left:0}.p2l-mobile-logo{display:block;font-weight:950}.p2l-top-note{display:none}.p2l-content{padding:30px clamp(14px,3vw,32px) 110px}.p2l-bottom{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:9;background:#10172b;border-top:1px solid #303a56;justify-content:space-around;padding:9px 0 max(9px,env(safe-area-inset-bottom))}.p2l-bottom a{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:19px;color:#d3e0f6!important}.p2l-bottom small{font-size:10px}} @media(max-width:700px){.p2l-world-grid,.p2l-game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.p2l-world{min-height:285px;padding:12px}.p2l-world-emoji{height:100px}.p2l-world-emoji svg{width:100%;max-width:155px;height:100px}.p2l-world-badge{font-size:8px;letter-spacing:0;padding:6px}.p2l-world-meta{font-size:9px}.p2l-world h3{font-size:clamp(16px,4.5vw,20px);line-height:1.18}.p2l-world p{font-size:11px;line-height:1.4}.p2l-world-action{font-size:10px;padding:8px}.p2l-game-emoji svg{width:120px;height:94px}.p2l-heading{align-items:center}.p2l-count{font-size:9px}.p2l-content{padding:24px 12px 100px}.p2l-feature-art{pointer-events:none}} @media(max-width:360px){.p2l-world-grid,.p2l-game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.p2l-world{padding:9px;min-height:285px}.p2l-world-badge{font-size:7px}.p2l-world-emoji{height:88px}.p2l-world-emoji svg{height:88px}.p2l-world h3{font-size:15px}.p2l-world-action{font-size:9px}} @media(prefers-reduced-motion:reduce){.p2l-world,.p2l-game,.p2l-world-emoji svg{transition:none!important}html{scroll-behavior:auto}}