html[data-welcome=pending] body>:not(.ps-welcome){visibility:hidden!important}html:has(.ps-welcome[open]){overflow:hidden}.ps-welcome{--pw-bg:#fff;--pw-ink:#141714;--pw-muted:#667066;--pw-line:#e2e5e0;--pw-soft:#f5f6f3;position:fixed;inset:0;margin:auto;padding:0;border:0;border-radius:20px;background:var(--pw-bg);color:var(--pw-ink);width:min(1020px,calc(100vw - 48px));max-width:none;max-height:calc(100dvh - 40px);font-family:Manrope,system-ui,sans-serif;box-shadow:0 24px 100px #0002}.ps-welcome::backdrop{background:#101610c9;backdrop-filter:blur(9px)}.ps-welcome *{box-sizing:border-box}.ps-welcome .pw-shell{padding:30px 40px 18px}.ps-welcome .pw-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0;margin:0;max-width:none;border:0;position:static;background:none}.pw-header img{width:154px;height:auto}.ps-welcome button{font-family:inherit;cursor:pointer}.pw-header button,.pw-back{border:0;background:transparent;color:var(--pw-muted);min-height:44px;padding:8px 0;font-size:14px}.pw-count{display:flex;gap:7px;margin:22px 0 0}.pw-count span{height:3px;flex:1;background:var(--pw-line);border-radius:4px}.pw-count .active{background:var(--pw-ink)}.ps-welcome .pw-content{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:38px;padding:24px 0;min-height:400px;margin:0;max-width:none}.pw-copy .pw-eyebrow{font-size:10px;letter-spacing:.11em;font-weight:700;margin:0 0 18px;color:var(--pw-muted)}.pw-copy h1{font-size:clamp(30px,3.7vw,43px);letter-spacing:-.055em;line-height:1.1;margin:0 0 22px;font-weight:700;text-wrap:balance;outline:none}.pw-copy>p:last-child{font-size:17px;line-height:1.65;color:var(--pw-muted);margin:0;max-width:37ch}.pw-art{min-width:0;animation:pw-appear .18s ease-out}.ps-welcome .pw-footer{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--pw-line);padding:20px 0 0;margin:0;max-width:none;background:none}.pw-back:disabled{opacity:.25;cursor:default}.pw-next{border:1px solid var(--pw-ink);background:var(--pw-ink);color:var(--pw-bg);border-radius:10px;font-size:15px;font-weight:650;min-height:52px;min-width:210px;padding:12px 22px;display:flex;gap:25px;justify-content:space-between;align-items:center}.ps-welcome .pw-footnote{font-size:10px;text-align:center;color:var(--pw-muted);margin:15px 0 0}.pw-next:hover{opacity:.86}.ps-welcome button:focus-visible,.pw-replay:focus-visible{outline:3px solid #338fbd;outline-offset:4px}.pw-replay{font:inherit;font-size:12px;min-height:44px;padding:8px 12px;color:inherit;background:transparent;border:0;text-decoration:underline;cursor:pointer}.pw-levels{position:relative;display:grid;gap:10px;padding:14px 0 14px 45px}.pw-levels:before{content:'';position:absolute;left:19px;top:30px;bottom:35px;width:1px;background:var(--pw-line)}.pw-levels>div{position:relative;display:grid;gap:6px;padding:19px 20px;border:1px solid var(--pw-line);border-radius:12px;background:var(--pw-bg)}.pw-levels>div:before{content:'';width:9px;height:9px;border-radius:50%;background:var(--pw-ink);position:absolute;left:-31px;top:31px}.pw-levels b{font-size:16px}.pw-levels small{font-size:12px;color:var(--pw-muted)}.pw-orbit{font-size:45px;position:absolute;left:7px;top:-20px;background:var(--pw-bg);padding:0 0 10px;line-height:1}.pw-path{display:grid;gap:8px;padding:10px 20px}.pw-path>div{border:1px solid var(--pw-line);border-radius:12px;padding:17px;display:grid;grid-template-columns:36px 1fr;align-items:center;column-gap:14px;background:var(--pw-soft)}.pw-path i{grid-row:1/3;font-size:12px;font-style:normal;width:34px;height:34px;display:grid;place-items:center;background:var(--pw-ink);color:var(--pw-bg);border-radius:50%}.pw-path b{font-size:17px}.pw-path span{font-size:12px;color:var(--pw-muted)}.pw-path em{text-align:center;font-style:normal;color:var(--pw-muted)}.pw-drill{position:relative;text-align:center;padding-top:25px}.pw-table{height:145px;margin:0 20px;border:2px solid #708078;border-radius:80px;background:#17382e;position:relative;display:grid;place-items:center}.pw-table>small{font-size:8px;letter-spacing:.08em;color:#d5e8df}.pw-seat{position:absolute;border:1px solid #667b70;border-radius:13px;background:#18251e;color:#fff;padding:6px 8px;font-size:9px;line-height:1.1;min-width:36px}.s1{left:12%;top:-13px}.s2{left:42%;top:-15px}.s3{right:8%;top:-9px}.s4{right:-17px;top:36%}.s5{right:4%;bottom:-9px}.s6{right:27%;bottom:-16px}.s7{left:22%;bottom:-16px}.s8{left:-10px;bottom:14%}.s9{left:-16px;top:20%}.pw-seat.pw-you{border:2px solid #5de0ef;background:#113d44;font-weight:700;color:#c5f8ff}.pw-hand{display:flex;gap:8px;justify-content:center;margin:25px 0 12px}.ps-welcome .playing-card{width:66px;margin:0;display:block}.ps-welcome .card-face{position:relative;background:#fffef7;border:1px solid #c9cbc5;border-radius:7px;width:66px;height:94px;overflow:hidden;color:#172b24;box-shadow:0 3px 9px #0001}.ps-welcome .playing-card.red .card-face{color:#a22335}.ps-welcome .card-corner{position:absolute;left:4px;top:3px;display:grid;justify-items:center;line-height:1;font-size:14px;gap:2px}.ps-welcome .card-corner .suit-icon{width:9px;height:9px}.ps-welcome .card-corner.bottom{top:auto;left:auto;bottom:3px;right:4px;transform:rotate(180deg)}.ps-welcome .card-art{position:absolute;inset:17px 13px;display:block}.ps-welcome .card-art>svg{width:100%;height:100%}.ps-welcome figcaption{display:none}.pw-actions{display:flex;gap:5px;justify-content:center}.pw-actions>span{padding:8px 12px;font-size:11px;border-radius:7px;background:#3177bb;color:white;flex:1}.pw-actions>span:nth-child(2){background:#f8d54b;color:#192018}.pw-actions>span:nth-child(3){background:#a77bd8}.pw-drill>p{font-size:12px;margin:13px 0 4px}.pw-drill>small{font-size:9px;color:var(--pw-muted)}.pw-help{display:grid;gap:15px}.pw-chat{border:1px solid var(--pw-line);border-radius:13px;padding:20px}.pw-chat small{font-size:9px;letter-spacing:.1em;color:var(--pw-muted)}.pw-chat>p{background:var(--pw-ink);color:var(--pw-bg);padding:14px;font-size:16px;border-radius:10px;margin:14px 0}.pw-chat>div{padding:0 8px;font-size:13px;line-height:1.7;color:var(--pw-muted)}.pw-note{background:var(--pw-soft);border-radius:12px;padding:17px 20px;font-size:13px}.pw-note>span{font-size:20px;margin-right:10px}.pw-note p{margin:8px 0 0;line-height:1.6;color:var(--pw-muted)}.pw-profile{border:1px solid var(--pw-line);border-radius:16px;padding:24px}.pw-profile-top{display:flex;gap:13px;align-items:center;margin-bottom:25px}.pw-profile-top>span{font-size:34px;background:var(--pw-soft);width:56px;height:56px;border-radius:50%;display:grid;place-items:center}.pw-profile-top>div{display:grid;gap:6px}.pw-profile-top b{font-size:18px}.pw-profile-top small{font-size:12px;color:var(--pw-muted)}.pw-skill{margin:18px 0;font-size:12px}.pw-skill i{display:block;height:7px;background:var(--pw-soft);border-radius:7px;margin-top:9px;overflow:hidden}.pw-skill i:after{content:'';display:block;width:var(--pw-fill);height:100%;background:var(--pw-ink);border-radius:7px}.pw-profile>p{font-size:13px;line-height:1.7;margin-top:22px;color:var(--pw-muted)}.pw-profile>small{font-size:9px;color:var(--pw-muted)}@keyframes pw-appear{from{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
html[data-theme=dark] .ps-welcome{--pw-bg:#171b1b;--pw-ink:#f1f4ee;--pw-muted:#abb4ac;--pw-line:#39423d;--pw-soft:#222b26}html[data-theme=dark] .pw-header img{filter:invert(1)}@media(prefers-reduced-motion:reduce){.pw-art{animation:none}.ps-welcome::backdrop{backdrop-filter:none}}@media(max-width:700px){.ps-welcome{width:100%;height:100dvh;max-height:100dvh;border-radius:0}.ps-welcome .pw-shell{padding:14px 22px;min-height:100%;display:flex;flex-direction:column}.ps-welcome .pw-header{gap:12px}.pw-header img{width:132px}.pw-header button{font-size:12px}.pw-count{margin-top:9px}.ps-welcome .pw-content{display:flex;flex-direction:column;gap:16px;min-height:0;flex:1;justify-content:center;padding:22px 0}.pw-copy{width:100%}.pw-copy .pw-eyebrow{margin-bottom:12px;font-size:9px}.pw-copy h1{font-size:31px;max-width:20ch;margin-bottom:13px}.pw-copy>p:last-child{font-size:16px;line-height:1.55;max-width:45ch}.pw-art{width:100%;max-width:350px;margin:0 auto}.pw-levels{gap:7px;padding-top:13px;padding-bottom:0}.pw-levels>div{padding:13px 15px}.pw-levels>div:before{top:23px}.pw-levels b{font-size:14px}.pw-levels small{font-size:11px}.pw-orbit{font-size:34px;top:-12px}.pw-path{gap:3px;padding:0 16px}.pw-path>div{padding:11px 15px}.pw-path em{line-height:1}.pw-table{height:115px}.pw-drill{padding-top:15px}.pw-drill .pw-hand{margin-top:20px}.ps-welcome .playing-card,.ps-welcome .card-face{width:50px}.ps-welcome .card-face{height:72px}.ps-welcome .card-art{inset:14px 10px}.ps-welcome .card-corner{font-size:11px}.ps-welcome .card-corner .suit-icon{width:7px;height:7px}.pw-seat{font-size:8px}.pw-actions>span{padding:7px}.pw-drill>small{display:none}.pw-help{gap:9px}.pw-chat{padding:12px 16px}.pw-chat>p{padding:10px;margin:9px 0;font-size:14px}.pw-chat>div{font-size:12px}.pw-note{padding:11px 16px}.pw-profile{padding:18px 22px}.pw-profile-top{margin-bottom:14px}.pw-skill{margin:12px 0}.pw-profile>p{margin-top:15px}.ps-welcome .pw-footer{padding-top:13px}.pw-next{min-width:180px;min-height:48px}.ps-welcome .pw-footnote{margin-top:9px;font-size:9px}}@media(max-height:720px) and (max-width:700px){.ps-welcome .pw-content{padding:12px 0;gap:10px}.pw-copy h1{font-size:27px}.pw-copy>p:last-child{font-size:14px}.pw-path>div{padding:8px 12px}.pw-levels>div{padding:10px 15px}.pw-table{height:95px}.pw-drill .pw-hand{margin-top:20px;margin-bottom:7px}.pw-profile{padding:15px}.pw-chat>p{padding:8px}.pw-note{padding:8px 14px}.pw-copy .pw-eyebrow{margin-bottom:8px}}

html[data-text-size=large] .pw-copy>p:last-child{font-size:19px}html[data-text-size=large] .pw-next{font-size:17px}

.mobile-top>.pw-replay{font-size:12px;line-height:1;min-height:44px;padding:8px 10px;white-space:nowrap;text-decoration:none;color:inherit;background:transparent;border:1px solid currentColor;border-radius:9px;margin-left:auto}
