/* Plazr Studio public identity. Scoped away from the lobby and game surfaces. */
.studio-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.studio-page .studio-tech p{color:#4b6352}.studio-page .studio-tech .section-kicker{color:#556e54}
.studio-page .studio-hero{max-width:none;width:100%;margin:0;padding-block:40px 60px}.studio-page main>.studio-section{margin-top:0;padding-block:65px;border-top:1px solid var(--public-border,#a8c4ac26)}.studio-page main>.studio-cta{margin-top:0;padding-block:90px 85px;border-top:0}
.studio-page{--bg:var(--public-bg,#102e29);--panel:var(--public-panel,#193a33);--ink:var(--public-ink,#f5f0e2);--muted:var(--public-muted,#b3c8bb);--line:#416052;--accent:var(--public-accent,#e4d5a5);--soft:#24483c;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.8;color-scheme:var(--public-scheme,dark)}
.studio-page .top,.studio-page main,.studio-page footer{max-width:1280px;padding-inline:clamp(20px,5vw,70px)}
.studio-page .top{min-height:98px;border-color:var(--public-border,#a8c4ac26);gap:22px}.studio-page .brand{font-size:27px;font-weight:800;letter-spacing:-1px}.studio-page .top nav{gap:26px}.studio-page .top nav a{text-decoration:none;color:var(--public-nav,#d6e1d2);font-size:14px}.studio-page .top .launch,.studio-page .play{border-radius:999px;background:#e6d6a7;color:#17392f;padding:12px 24px;box-shadow:none;font-weight:750}.studio-page a:focus-visible{outline-color:#f1bf8a}.studio-page .skip{background:var(--public-ink,#f5f0e2);color:#18392f}
.studio-page main{padding-bottom:0}.studio-hero{display:grid;grid-template-columns:1fr 1.12fr;align-items:center;gap:8px;min-height:660px;padding-block:40px 60px}.studio-copy{position:relative;z-index:1}.studio-page .eyebrow{display:flex;align-items:center;gap:10px;text-transform:uppercase;font-size:12px;letter-spacing:2px;color:var(--public-kicker,#c8dbb2);font-weight:650}.studio-page .eyebrow:before{content:"";width:24px;height:1px;background:currentColor}.studio-page h1{font-size:clamp(42px,5.2vw,73px);line-height:1.25;font-weight:800;letter-spacing:-2px;margin:25px 0}.studio-page h1 em{color:var(--public-highlight,#e4c28e);font-style:normal}.studio-page .intro{color:var(--muted);font-size:17px;line-height:1.95;max-width:42ch}.studio-page .hero-actions{gap:24px;margin-top:30px}.studio-page .hero-actions>a:not(.play){font-size:14px;text-decoration:none;border-bottom:1px solid #a8c4ac66;padding-bottom:4px}.studio-page .device-note{color:var(--public-muted,#99b3a4);font-size:12px;margin-top:20px}.studio-art{margin:0;min-width:0;position:relative}.studio-art>img{width:116%;max-width:none;height:auto;display:block;margin-inline-start:-8%;aspect-ratio:10/9}.art-label{position:absolute;bottom:7%;inset-inline-start:18%;border:1px solid #9ab49c50;background:#1e4238;box-shadow:0 14px 35px #081d2340;border-radius:999px;padding:7px 19px;font-size:12px;color:#d7e3cb;display:flex;gap:8px;align-items:center}.art-label i{width:6px;height:6px;border-radius:50%;background:#c3d998}
.studio-page .section-kicker{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--public-muted,#9fb39f);font-weight:650}.studio-section{padding-block:65px;border-top:1px solid var(--public-border,#a8c4ac26)}.studio-page .section-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:30px}.studio-page h2{font-size:clamp(27px,3.4vw,40px);line-height:1.4;margin:10px 0;font-weight:750;letter-spacing:-.7px}.studio-page .section-heading>p{font-size:14px;color:var(--muted);max-width:33ch}.studio-page .game-grid{gap:17px;margin-top:0}.studio-page .game-card{padding:0;border:1px solid var(--public-border,#65816c50);border-radius:20px;overflow:hidden;background:var(--public-card,#193b31);transition:transform .2s,border-color .2s}.studio-page .game-card:hover{transform:translateY(-5px);border-color:#d3d2a0}.studio-game-art{width:100%;height:176px;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 90%,#79a77a40,transparent 70%),#24493c;position:relative}.studio-game-art:before{content:"";position:absolute;width:108px;height:108px;border:1px solid #d9d3a13d;border-radius:50%}.studio-game-art img{width:92px;height:92px;object-fit:contain;margin:0;z-index:1;filter:drop-shadow(0 15px 10px #051c1950)}.studio-game-body{padding:22px;display:flex;flex-direction:column;flex:1}.studio-page .game-card h3{font-size:20px;margin:0 0 6px}.studio-page .game-card p{font-size:13px;margin:0 0 18px;color:var(--public-muted,#acc2af)}.studio-page .game-card .game-link{color:#e6d7a8;font-size:12px}.studio-page .game-card:nth-child(2) .studio-game-art{background-color:#4a4532}.studio-page .game-card:nth-child(3) .studio-game-art{background-color:#2d4549}.studio-page .game-card:nth-child(4) .studio-game-art{background-color:#563e36}
.studio-story{display:grid;grid-template-columns:.7fr 1fr;gap:80px}.studio-story p{font-size:17px;line-height:2;color:var(--public-muted,#b7cbbc);max-width:58ch}.studio-story a{font-size:13px;color:var(--public-accent,#e4d5a5)}.studio-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:35px}.studio-value{padding:28px 0;border-top:1px solid #78947c70}.studio-value>b{font:12px ui-monospace,monospace;color:#d4bd8c}.studio-value h3{font-size:20px;margin:20px 0 10px}.studio-value p{font-size:14px;color:var(--muted);max-width:33ch}.studio-tech{background:#e9e2ce;color:#16382c;border-radius:26px;padding:clamp(26px,5vw,55px);display:grid;grid-template-columns:1.5fr 1fr;gap:40px;align-items:center}.studio-tech .section-kicker{color:#5d735e}.studio-tech p{font-size:15px;color:#5b6e5c;max-width:57ch}.studio-tech-card{background:#d8d7bb;border:1px solid #adba9955;border-radius:18px;padding:28px;color:#214535;text-decoration:none;display:flex;flex-direction:column;gap:12px;transition:background .2s}.studio-tech-card:hover{background:#cfdaa9}.studio-tech-card svg{width:30px;height:30px}.studio-tech-card strong{font-size:19px;overflow-wrap:anywhere}.studio-tech-card span{font-size:13px;color:#4e6551}.studio-tech-card small{font:11px ui-monospace,monospace;display:flex;justify-content:space-between;gap:12px}.studio-cta{text-align:center;padding-block:90px 85px}.studio-cta p{color:var(--muted);margin-bottom:25px}.studio-page footer{padding-block:35px 45px;display:grid;grid-template-columns:1fr 1.6fr;gap:24px;border-color:var(--public-border,#a8c4ac26)}.studio-page footer nav{justify-content:flex-end;align-content:start;gap:12px 24px}.studio-page footer a{text-decoration:none}.studio-footer-brand p{font-size:12px;margin:8px 0;color:var(--public-muted,#9ab39f)}.studio-copyright{grid-column:1/-1;padding-top:22px;border-top:1px solid var(--public-border,#a8c4ac26);font-size:11px;letter-spacing:.5px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.studio-page footer .studio-github{display:flex;align-items:center;gap:8px}.studio-github svg{width:17px;height:17px}.studio-about .studio-hero{min-height:570px}.studio-about .studio-story{grid-template-columns:1fr 1fr}.studio-page .studio-contact{padding:30px;border:1px solid #a8c4ac40;border-radius:18px;margin-top:28px}.studio-contact a{overflow-wrap:anywhere}
@media(min-width:1100px){[dir=ltr] .studio-copy h1{font-size:78px;letter-spacing:-3px}}
@media(max-width:900px){.studio-page .top nav{gap:15px}.studio-hero{min-height:auto;grid-template-columns:1fr 1fr;padding-block:45px}.studio-page h1{font-size:48px}.studio-story{gap:35px}.studio-page .game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-tech{gap:25px}.studio-values{gap:20px}.studio-page .section-heading{align-items:start}}
@media(max-width:620px){.studio-page .top{min-height:80px;gap:12px;flex-wrap:wrap;padding-block:16px}.studio-page .brand{font-size:24px}.studio-page .top nav{gap:14px}.studio-page .top nav a{font-size:12px}.studio-page .top nav .studio-nav-about,.studio-page .top nav .studio-nav-games{display:none}.studio-page .top .launch{padding:8px 14px}.studio-hero{grid-template-columns:1fr;gap:0;padding-block:34px 20px;min-height:auto}.studio-page h1{font-size:clamp(40px,10.5vw,58px);letter-spacing:-1.6px;margin:20px 0}.studio-page .intro{font-size:15px;max-width:42ch}.studio-art{max-width:460px;justify-self:center;width:100%;margin-top:3px}.studio-art>img{width:100%;margin:0}.studio-page .hero-actions{margin-top:22px;gap:20px}.studio-page .play{font-size:14px;padding:12px 21px}.studio-page .device-note{font-size:11px}.art-label{bottom:4%;font-size:11px}.studio-section{padding-block:40px}.studio-page .section-heading{display:block;margin-bottom:24px}.studio-page .section-heading>p{max-width:none}.studio-game-art{height:135px}.studio-game-art img{width:78px;height:78px}.studio-game-body{padding:17px}.studio-page .game-card h3{font-size:17px}.studio-page .game-card p{font-size:12px}.studio-story,.studio-about .studio-story{grid-template-columns:1fr;gap:10px}.studio-story p{font-size:15px}.studio-values{grid-template-columns:1fr;gap:0;margin-top:25px}.studio-value{padding-block:24px}.studio-value h3{margin-top:10px}.studio-value p{max-width:none}.studio-tech{grid-template-columns:1fr;gap:22px;border-radius:20px}.studio-tech-card{padding:22px}.studio-cta{padding-block:55px}.studio-page footer{grid-template-columns:1fr;padding-block:30px}.studio-page footer nav{justify-content:flex-start;font-size:12px}.studio-about .studio-hero{min-height:auto}}
@media(prefers-reduced-motion:reduce){.studio-page *{transition:none!important;scroll-behavior:auto!important}}
@media print{.studio-page{background:white;color:black}.studio-art,.studio-page .top,.studio-page footer{display:none}.studio-tech{background:white}.studio-page p{color:#333}}

@media(max-width:620px){.studio-page .studio-hero{padding-block:34px 20px}.studio-page main>.studio-section{padding-block:40px}.studio-page main>.studio-cta{padding-block:55px}}
.studio-page .device-art{width:112%;margin-inline-start:-6%;aspect-ratio:4/3;align-self:center}.studio-page .device-art>img{width:100%;height:auto;aspect-ratio:auto;margin:0;display:block;object-fit:contain}.studio-page main>.technical-footer{border-top:1px solid var(--public-border,#a8c4ac26);padding-block:30px;display:flex;align-items:center;justify-content:space-between;gap:25px}.studio-page .technical-footer h2{font-size:18px;letter-spacing:0;margin:0 0 7px}.studio-page .technical-footer p{font-size:13px;color:var(--muted);margin:0;max-width:65ch}.technical-footer .studio-github{display:flex;align-items:center;gap:9px;font-size:13px;text-decoration:none;white-space:nowrap}.technical-footer .studio-github svg{width:22px;height:22px}@media(max-width:620px){.studio-page .device-art{width:100%;margin:14px 0 0}.studio-page main>.technical-footer{align-items:flex-start;flex-direction:column;gap:16px}}

/* Theme variables also work without JavaScript; explicit preference wins. */
:root[data-public-theme="light"]{color-scheme:light;--public-scheme:light;--public-bg:#f7f5ed;--public-panel:#fffdf6;--public-ink:#183b32;--public-muted:#52685a;--public-border:#9bab8d55;--public-nav:#345442;--public-highlight:#936834;--public-accent:#556b3c;--public-kicker:#526b40;--public-card:#fffdf7}
:root[data-public-theme="dark"]{color-scheme:dark}
@media(prefers-color-scheme:light){:root:not([data-public-theme]){color-scheme:light;--public-scheme:light;--public-bg:#f7f5ed;--public-panel:#fffdf6;--public-ink:#183b32;--public-muted:#52685a;--public-border:#9bab8d55;--public-nav:#345442;--public-highlight:#936834;--public-accent:#556b3c;--public-kicker:#526b40;--public-card:#fffdf7}}
.appearance-toggle{width:38px;height:38px;flex-shrink:0;border:1px solid var(--public-border,#78947c70);border-radius:50%;background:transparent;color:var(--public-ink,#f5f0e2);display:grid;place-items:center;padding:8px;cursor:pointer}.appearance-toggle svg{width:20px;height:20px}.appearance-toggle .theme-moon{display:none}:root[data-public-theme="light"] .theme-moon{display:block}:root[data-public-theme="light"] .theme-sun{display:none}.studio-page .game-link{color:var(--public-accent,#e6d7a8)}.studio-page .studio-story a{color:var(--public-accent,#e4d5a5)}.studio-page .studio-value>b{color:var(--public-highlight,#d4bd8c)}.studio-page .game-card .game-link{color:var(--public-accent,#e6d7a8)}.studio-page footer p{color:var(--public-muted,#9ab39f)}
@media(max-width:620px){.studio-page .top nav{gap:10px}.appearance-toggle{width:32px;height:32px;padding:6px}}

.studio-page .studio-game-art:has(.native-uno-hand):before,.studio-page .studio-game-art:has(.native-game-board):before{display:none}.studio-page .studio-game-art .native-game-board{width:140px;height:140px;object-fit:contain}.native-uno-hand{position:relative;width:150px;height:140px;isolation:isolate}.studio-page .native-uno-hand img{position:absolute;width:67px;height:108px;object-fit:contain;bottom:10px;left:42px;transform-origin:50% 95%;filter:drop-shadow(0 8px 6px #071d1955)}.studio-page .native-uno-hand img:nth-child(1){transform:rotate(-23deg);left:24px;z-index:1}.studio-page .native-uno-hand img:nth-child(2){transform:rotate(0);z-index:2}.studio-page .native-uno-hand img:nth-child(3){transform:rotate(23deg);left:60px;z-index:3}@media(max-width:620px){.studio-page .studio-game-art .native-game-board{width:112px;height:112px}.native-uno-hand{transform:scale(.83);height:130px}}
