#skin-picker{position:fixed;inset:0;z-index:10000;background:#081a24;color:#f4f2e8;font:16px/1.4 system-ui;display:grid;grid-template-columns:1.15fr 1fr;overflow:auto}#skin-picker[hidden]{display:none}.skin-preview{position:relative;min-height:400px;background-size:cover;background-position:center;display:grid;place-items:center}.skin-preview:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#081a2477)}.skin-preview img{position:relative;z-index:1;width:min(95%,580px);height:auto}.skin-label{position:absolute;bottom:30px;left:30px;z-index:2;font-size:12px;letter-spacing:3px;text-transform:uppercase}.skin-options{padding:clamp(24px,5vw,64px);align-self:center}.skin-options small{letter-spacing:3px;color:#a8cfc8;font-size:10px}.skin-options h1{font-size:clamp(28px,4vw,46px);line-height:1.1;margin:12px 0}.skin-options p{color:#bdcbd0;font-size:14px;margin:0 0 30px}.skin-options fieldset{border:0;padding:0;margin:25px 0}.skin-options legend{font-size:12px;letter-spacing:2px;margin-bottom:10px}.skin-row{display:flex;gap:10px}.skin-row button{flex:1;background:#122d39;border:1px solid #31505c;border-radius:12px;color:#e7edef;padding:15px 10px;cursor:pointer;font:inherit}.skin-row button[aria-pressed=true]{border-color:#bee9d5;background:#264b4e;box-shadow:inset 0 0 0 1px #bee9d5}.skin-options button:focus-visible,#skin-reopen:focus-visible{outline:3px solid #ffe4a5;outline-offset:3px}#skin-begin{width:100%;border:0;border-radius:30px;background:#e7efd2;color:#18352e;font:600 16px system-ui;padding:16px;cursor:pointer;margin-top:12px}#skin-reopen{position:fixed;right:16px;top:15px;z-index:999;color:#f7f6ed;background:#09202bcc;border:1px solid #aec2c766;border-radius:20px;padding:8px 13px;font:12px system-ui;cursor:pointer}
html[data-environment=mountain] .grove-world{background:linear-gradient(#07132155,#071321bb),url('assets/01-landscape.png') center/cover}html[data-environment=mountain] .grove-world svg{visibility:hidden}
@media(max-width:650px){#skin-picker{grid-template-columns:1fr;grid-template-rows:34svh auto}.skin-preview{min-height:0}.skin-preview img{height:34svh;width:auto;max-width:100%;object-fit:contain}.skin-label{bottom:14px;left:20px;font-size:10px}.skin-options{padding:22px 24px}.skin-options h1{font-size:30px}.skin-options p{margin-bottom:18px}.skin-options fieldset{margin:18px 0}.skin-row button{padding:11px}.skin-options legend{margin-bottom:8px}}