:root{color:#fff;font-synthesis:none;text-rendering:optimizelegibility;background:#241a3d;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#game-shell,#game-container{width:100%;height:100%;margin:0}html,body{overscroll-behavior:none;min-width:320px;min-height:100vh;overflow:hidden}body{background:radial-gradient(circle at top,#7f67b5 0%,#49376f 45%,#241a3d 100%)}#game-shell{justify-content:center;align-items:center;width:100vw;height:100dvh;display:flex;overflow:hidden}#game-container{place-items:center;width:100vw;height:100dvh;display:grid;position:relative;overflow:hidden}canvas{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;max-width:100vw;max-height:100dvh;margin-inline:auto;display:block}.mobile-touch-controls{z-index:1000;right:max(12px, env(safe-area-inset-right));bottom:max(14px, env(safe-area-inset-bottom));left:max(12px, env(safe-area-inset-left));pointer-events:none;touch-action:none;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:flex-end;display:flex;position:fixed}.mobile-touch-controls[hidden]{display:none}.mobile-touch-dpad{pointer-events:none;grid-template-rows:repeat(3,clamp(54px,15vw,64px));grid-template-columns:repeat(3,clamp(54px,15vw,64px));gap:4px;display:grid}.mobile-touch-button{color:#5c4568;pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:transparent;background:#fffbeff0;border:3px solid #9d72adeb;border-radius:999px;font:800 clamp(24px,7vw,31px)/1 system-ui,sans-serif;box-shadow:0 5px 16px #241a3d42}.mobile-touch-button.is-active{background:#f8e9ff;transform:scale(.94);box-shadow:0 2px 8px #241a3d3d}.mobile-touch-up{grid-area:1/2}.mobile-touch-left{grid-area:2/1}.mobile-touch-right{grid-area:2/3}.mobile-touch-down{grid-area:3/2}.mobile-touch-gallop{white-space:pre-line;border-color:#b17bbdf5;width:clamp(88px,26vw,112px);height:clamp(88px,26vw,112px);margin-bottom:clamp(18px,7vh,56px);font-size:clamp(17px,4.7vw,22px);line-height:1.12}.mobile-interaction-prompt{display:none}.mobile-interaction-prompt[hidden]{display:none!important}.mobile-modal-companion{display:none}@media (pointer:coarse) and (width<=700px) and (orientation:portrait){#game-shell{align-items:flex-start}#game-container{place-items:start center}#game-container canvas{align-self:start;margin-top:0!important;margin-bottom:auto!important}.mobile-interaction-prompt{z-index:1010;top:calc(56.25vw + 10px);right:max(12px, env(safe-area-inset-right));left:max(12px, env(safe-area-inset-left));color:#4f3a5d;pointer-events:auto;touch-action:manipulation;background:#fffbeff7;border:3px solid #9d72adf0;border-radius:20px;gap:7px;max-width:520px;margin-inline:auto;padding:9px;display:grid;position:fixed;box-shadow:0 7px 22px #241a3d47}.mobile-interaction-hint{color:#6c5a73;text-align:center;margin:0;font:700 clamp(14px,3.8vw,17px)/1.2 Trebuchet MS,Segoe UI,system-ui,sans-serif}.mobile-interaction-button{color:#4f3a5d;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#ffe9a9;border:4px solid #b17bbd;border-radius:18px;width:100%;min-height:62px;padding:10px 14px;font:900 clamp(19px,5.4vw,24px)/1.1 Trebuchet MS,Segoe UI,system-ui,sans-serif;box-shadow:0 4px 11px #3624472e}.mobile-interaction-button.is-active{background:#fff1bd;transform:scale(.98)}.mobile-interaction-button:focus-visible{outline-offset:2px;outline:4px solid #d6b35f}.mobile-interaction-prompt.is-high-visibility{background:#ffef9f;border-width:5px;border-color:#513161}.mobile-interaction-prompt.is-high-visibility .mobile-interaction-button{color:#321d3b;border-width:5px;border-color:#513161}.mobile-modal-companion{z-index:1020;top:calc(56.25vw + 8px);right:max(8px, env(safe-area-inset-right));bottom:max(8px, env(safe-area-inset-bottom));left:max(8px, env(safe-area-inset-left));color:#4f3a5d;overscroll-behavior:contain;touch-action:pan-y;background:#fffbeffa;border:3px solid #9d72adf0;border-radius:22px;max-width:560px;margin-inline:auto;padding:14px;display:block;position:fixed;overflow-y:auto;box-shadow:0 8px 24px #241a3d4d}.mobile-modal-heading{color:#4f3a5d;text-align:center;margin:0;font:900 clamp(22px,6vw,28px)/1.1 Trebuchet MS,Segoe UI,system-ui,sans-serif}.mobile-modal-intro,.mobile-modal-card-description,.mobile-modal-card-badge,.mobile-modal-action-group-label{font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif}.mobile-modal-intro{color:#67546f;text-align:center;margin:8px 0 12px;font-size:clamp(16px,4.2vw,19px);font-weight:700;line-height:1.3}.mobile-modal-cards{gap:10px;margin-bottom:12px;display:grid}.mobile-modal-card{background:#fffdf5;border:2px solid #d7bfdc;border-radius:16px;padding:11px 12px}.mobile-modal-card-title{color:#4f3a5d;margin:0 0 5px;font:900 clamp(18px,4.8vw,22px)/1.15 Trebuchet MS,Segoe UI,system-ui,sans-serif}.mobile-modal-card-description,.mobile-modal-card-badge{color:#67546f;margin:0;font-size:clamp(16px,4.1vw,18px);font-weight:700;line-height:1.28}.mobile-modal-card-badge{color:#765e75;margin-top:6px;font-weight:900}.mobile-modal-actions{gap:12px;display:grid}.mobile-modal-action-group{gap:7px;display:grid}.mobile-modal-action-group-label{color:#67546f;text-align:center;margin:0;font-size:15px;font-weight:900}.mobile-modal-action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.mobile-modal-button{color:#4f3a5d;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#f5e7f1;border:3px solid #b17bbd;border-radius:16px;min-height:58px;padding:9px 10px;font:900 clamp(17px,4.5vw,20px)/1.12 Trebuchet MS,Segoe UI,system-ui,sans-serif}.mobile-modal-button.is-selected{background:#ffe6a6;border-color:#9a743c}.mobile-modal-button:disabled{opacity:.42}.mobile-modal-button:focus-visible{outline-offset:2px;outline:4px solid #d6b35f}}.unicorn-name-input{z-index:20;color:#4f3a5d;text-align:center;background:#fffaf2;border:4px solid #c192d5;border-radius:15px;outline:none;min-width:120px;min-height:34px;padding:7px 14px;font:700 20px Trebuchet MS,Segoe UI,system-ui,sans-serif;position:absolute;transform:translate(-50%,-50%);box-shadow:0 6px 18px #36244733}.unicorn-name-input:hover{border-color:#b17bc9}.unicorn-name-input:focus{border-color:#d6b35f;box-shadow:0 0 0 3px #ffe6a65c}:root{--portrait-exploration-dock-offset:0px}.mobile-exploration-concept-dock{display:none}@media (pointer:coarse) and (width<=700px) and (orientation:portrait){.mobile-exploration-concept-dock{z-index:1008;top:calc(56.25vw + 8px);right:max(8px, env(safe-area-inset-right));left:max(8px, env(safe-area-inset-left));color:#4b2b66;pointer-events:auto;touch-action:manipulation;background:linear-gradient(#fffdf6fa,#f7ebf9fa);border:3px solid #a076b4eb;border-radius:22px;gap:7px;max-width:560px;margin-inline:auto;padding:8px;display:grid;position:fixed;box-shadow:0 8px 22px #241a3d47,inset 0 1px #ffffffe0}.mobile-exploration-meta{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:7px;display:grid}.mobile-exploration-pill{color:#5b3a70;text-align:center;white-space:nowrap;text-overflow:ellipsis;background:#fffbeff5;border:2px solid #b28ec2db;border-radius:999px;justify-content:center;align-items:center;min-width:0;min-height:34px;padding:5px 9px;font:900 clamp(12px,3.3vw,15px)/1.05 Trebuchet MS,Segoe UI,system-ui,sans-serif;display:flex;overflow:hidden;box-shadow:inset 0 1px #ffffffe6}.mobile-exploration-shimmer{color:#654b2d;background:linear-gradient(#fff9df,#f8e7b4);border-color:#d5b25ae0}.mobile-exploration-nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.mobile-exploration-nav-button{color:#4b2b66;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:linear-gradient(#fffdf7 0%,#f3e4f5 100%);border:3px solid #a477b9;border-radius:17px;align-content:center;place-items:center;gap:2px;min-width:0;min-height:70px;padding:5px 3px 6px;display:grid;box-shadow:0 4px 10px #36244729,inset 0 1px #fffffff2}.mobile-exploration-nav-button.is-active{background:linear-gradient(#fff4bf 0%,#ecd5f0 100%);border-color:#c69b4f;transform:translateY(1px)scale(.97);box-shadow:0 2px 5px #36244729}.mobile-exploration-nav-button:focus-visible{outline-offset:2px;outline:4px solid #d9b760}.mobile-exploration-nav-icon{min-height:26px;font-size:clamp(20px,5.5vw,25px);line-height:1;display:block}.mobile-exploration-nav-label{font:900 clamp(12px,3.4vw,15px)/1 Trebuchet MS,Segoe UI,system-ui,sans-serif;display:block}.mobile-interaction-prompt{top:calc(56.25vw + 10px + var(--portrait-exploration-dock-offset));background:linear-gradient(#fffdf6fa,#f7ebf9fa);border-color:#a076b4f0;box-shadow:0 8px 22px #241a3d47,inset 0 1px #ffffffe6}.mobile-interaction-button{color:#4b2b66;background:linear-gradient(#fff0b2 0%,#f5d88d 100%);border-color:#a477b9;box-shadow:0 4px 10px #3624472e,inset 0 1px #ffffffc7}.mobile-touch-controls{right:max(10px, env(safe-area-inset-right));bottom:max(10px, env(safe-area-inset-bottom));left:max(10px, env(safe-area-inset-left))}.mobile-touch-dpad{background:#fffbef61;border:2px solid #a477b9b3;border-radius:26px;gap:3px;padding:7px;box-shadow:0 6px 18px #241a3d2e}.mobile-touch-button{color:#613c78;background:linear-gradient(#fffdf7fa,#e5cdeefa);border-width:3px;border-color:#8958a0eb;box-shadow:0 5px 14px #241a3d3d,inset 0 1px #ffffffeb}.mobile-touch-button.is-active{background:linear-gradient(#f5dff8,#dcc2e7)}.mobile-touch-gallop{color:#684b2c;background:linear-gradient(#fff3b9 0%,#edcf78 100%);border-color:#c29541f5}.mobile-modal-companion{background:linear-gradient(#fffdf6fc,#f8eff9fc);border-color:#a076b4f0;box-shadow:0 8px 24px #241a3d4d,inset 0 1px #ffffffe6}.mobile-modal-card{background:linear-gradient(#fffdf7,#faf2f8);border-color:#d2b8da}.mobile-modal-button{background:linear-gradient(#f8edf7,#ead9ee);border-color:#a477b9}.mobile-modal-button.is-selected{background:linear-gradient(#fff2ba,#f0d58a);border-color:#b9893e}}.title-portrait-controls,.title-portrait-controls[hidden],.title-portrait-view[hidden],.title-portrait-button[hidden]{display:none}@media (pointer:coarse) and (width<=900px){.title-portrait-controls{z-index:950;box-sizing:border-box;min-width:100vw;min-height:100dvh;padding:max(10px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));color:#4f3a5d;overscroll-behavior:contain;touch-action:manipulation;-webkit-overflow-scrolling:touch;background-color:#4b356f;background-image:linear-gradient(#4a305b0d 0%,#291c3726 100%),url(/assets/title/wp19f-title-landscape.webp);background-position:50%;background-size:cover;display:block;position:fixed;inset:0;overflow:hidden auto}.title-portrait-sparkles{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.title-portrait-sparkle{--sparkle-x:50%;--sparkle-rest-y:50%;--sparkle-delay:0s;--sparkle-duration:10s;--sparkle-size:17px;top:-8vh;left:var(--sparkle-x);color:#fffadac7;font-family:Georgia,serif;font-size:var(--sparkle-size);text-shadow:0 0 8px #fff3b8b3;opacity:0;animation:title-portrait-sparkle-fall var(--sparkle-duration) linear infinite;animation-delay:var(--sparkle-delay);line-height:1;position:absolute}.title-portrait-view{z-index:2;box-sizing:border-box;justify-content:space-between;align-items:center;gap:clamp(16px,3vw,28px);width:100%;min-height:calc(100dvh - 20px);display:flex;position:relative}.title-portrait-logo{object-fit:contain;width:min(47vw,430px);height:auto;margin:0 auto;animation:.72s cubic-bezier(.2,.9,.25,1.18) both title-portrait-logo-arrive;display:block}.title-portrait-card{box-sizing:border-box;background:radial-gradient(circle at 18% 8%,#ffffff85 0 2px,#0000 3px) 0 0/52px 52px,radial-gradient(circle at 82% 18%,#e1c8e847 0 2px,#0000 3px) 0 0/68px 68px,linear-gradient(155deg,#fffdf6f7,#fff5e0f2);border:3px solid #b97dccf0;border-radius:24px;flex:none;width:min(45vw,400px);padding:14px;position:relative;box-shadow:0 12px 28px #2f1d4345,inset 0 1px #fffc}.title-portrait-heading{color:#4f3a5d;text-align:center;text-shadow:0 1px #ffffffd9;margin:0;font:800 clamp(20px,4vw,27px)/1.08 Trebuchet MS,Segoe UI,system-ui,sans-serif}.title-portrait-subtitle{color:#6f5a79;text-align:center;margin:5px 0 9px;font:600 clamp(13px,2.5vw,16px)/1.25 Trebuchet MS,Segoe UI,system-ui,sans-serif}.title-portrait-actions{gap:7px;display:grid}.title-portrait-button{color:#4f3a5d;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:linear-gradient(#ffffff4d,#ffffff0a),#ead8f3;border:3px solid #c192d5;border-radius:16px;width:100%;min-height:48px;padding:8px 14px;font:800 clamp(16px,3vw,20px)/1.15 Trebuchet MS,Segoe UI,system-ui,sans-serif;transition:transform .12s,box-shadow .12s,filter .12s;box-shadow:0 4px #4b365826,0 7px 13px #2f1d431f,inset 0 1px #ffffffb3}.title-portrait-button.title-portrait-primary{background:linear-gradient(#ffffff57,#ffffff0d),#ffe6a6;border-color:#d6b35f}.title-portrait-button.title-portrait-blush{background:linear-gradient(#ffffff57,#ffffff0d),#ffdbe8;border-color:#e99ab7}.title-portrait-button.title-portrait-mint{background:linear-gradient(#ffffff57,#ffffff0d),#dff1df;border-color:#90c89a}.title-portrait-button.title-portrait-warning{background:linear-gradient(#ffffff57,#ffffff0d),#ffdbe8;border-color:#e99ab7}.title-portrait-button:active:not(:disabled){transform:translateY(3px)scale(.99);box-shadow:0 1px #4b365824,0 3px 8px #2f1d431a,inset 0 1px #ffffffa6}.title-portrait-button:focus-visible{outline-offset:3px;outline:4px solid #7d5a92}.title-portrait-button:disabled{opacity:.5}.title-portrait-status{box-sizing:border-box;color:#6f5a79;text-align:center;background:#fff4dcbd;border:1px solid #d9b5e7b8;border-radius:14px;min-height:34px;margin:8px 0 0;padding:6px 10px;font:700 clamp(12px,2.3vw,14px)/1.25 Trebuchet MS,Segoe UI,system-ui,sans-serif}@media (hover:hover){.title-portrait-button:hover:not(:disabled){filter:brightness(1.025);transform:translateY(-1px);box-shadow:0 5px #4b365826,0 9px 16px #2f1d4324,inset 0 1px #ffffffc7}}}@media (pointer:coarse) and (width<=900px) and (orientation:portrait){.title-portrait-controls{padding:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));background-image:linear-gradient(#4a305b0d 0%,#291c3726 100%),url(/assets/title/wp19f-title-portrait.webp);background-position:50% 48%}.title-portrait-view{flex-direction:column;justify-content:flex-start;gap:22px;min-height:calc(100dvh - 24px)}.title-portrait-logo{width:min(88vw,520px);margin-top:clamp(4px,1.8vh,18px)}.title-portrait-card{border-radius:28px;width:min(92vw,480px);margin-top:auto;margin-bottom:clamp(2px,1.2vh,12px);padding:clamp(18px,4.8vw,24px);box-shadow:0 14px 32px #2f1d4347,inset 0 1px #fffc}.title-portrait-heading{font-size:clamp(22px,6.1vw,29px)}.title-portrait-subtitle{margin:8px 0 16px;font-size:clamp(14px,3.8vw,17px);line-height:1.3}.title-portrait-actions{gap:11px}.title-portrait-button{border-radius:18px;min-height:58px;padding:10px 16px;font-size:clamp(17px,4.8vw,21px);box-shadow:0 5px #4b365826,0 8px 15px #2f1d431f,inset 0 1px #ffffffb3}.title-portrait-status{border-radius:15px;min-height:42px;margin-top:16px;padding:9px 12px;font-size:clamp(13px,3.6vw,15px);line-height:1.3}}@keyframes title-portrait-logo-arrive{0%{opacity:0;transform:translateY(22px)scale(.86)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes title-portrait-sparkle-fall{0%{opacity:0;transform:translateY(-6vh)rotate(0)scale(.78)}14%{opacity:.68}78%{opacity:.42}to{opacity:0;transform:translate(14px,116vh)rotate(145deg)scale(1.08)}}@media (prefers-reduced-motion:reduce){.title-portrait-logo{animation:none}.title-portrait-sparkle{top:var(--sparkle-rest-y);opacity:.42;animation:none;transform:none}.title-portrait-button{transition:none}}#game-container>.settings-audio-control{z-index:var(--uv-ui-dom-depth,30);box-sizing:border-box;color:var(--uv-ui-ink,#4f3a5d);font-family:var(--uv-ui-font,"Trebuchet MS", "Segoe UI", system-ui, sans-serif);touch-action:manipulation;margin:0;position:absolute}#game-container>.settings-audio-control:focus-visible{outline:4px solid var(--uv-ui-focus,#7d5a92);outline-offset:3px}#game-container>.settings-audio-slider{--settings-audio-progress:50%;appearance:none;border-radius:var(--uv-ui-pill-radius,999px);cursor:pointer;background:0 0;border:0;min-height:44px;padding:0}#game-container>.settings-audio-slider::-webkit-slider-runnable-track{border:2px solid var(--uv-ui-lavender-strong,#c192d5);border-radius:var(--uv-ui-pill-radius,999px);background:linear-gradient(to right, var(--uv-ui-ribbon,#d9b5e7) 0 var(--settings-audio-progress), var(--uv-ui-cream-text,#fffaf1) var(--settings-audio-progress) 100%);height:12px;box-shadow:inset 0 2px 3px #4b36581a}#game-container>.settings-audio-slider::-webkit-slider-thumb{appearance:none;border:3px solid var(--uv-ui-ribbon-strong,#b97dcc);background:var(--uv-ui-gold,#ffe6a6);border-radius:50%;width:30px;height:30px;margin-top:-11px;box-shadow:0 3px #4b36582e,0 4px 10px #4b365829}#game-container>.settings-audio-slider:hover::-webkit-slider-thumb{background:var(--uv-ui-parchment,#fff4dc)}#game-container>.settings-audio-slider::-moz-range-track{border:2px solid var(--uv-ui-lavender-strong,#c192d5);border-radius:var(--uv-ui-pill-radius,999px);background:var(--uv-ui-cream-text,#fffaf1);height:8px;box-shadow:inset 0 2px 3px #4b36581a}#game-container>.settings-audio-slider::-moz-range-progress{border:2px solid var(--uv-ui-lavender-strong,#c192d5);border-radius:var(--uv-ui-pill-radius,999px);background:var(--uv-ui-ribbon,#d9b5e7);height:8px}#game-container>.settings-audio-slider::-moz-range-thumb{border:3px solid var(--uv-ui-ribbon-strong,#b97dcc);background:var(--uv-ui-gold,#ffe6a6);border-radius:50%;width:26px;height:26px;box-shadow:0 3px #4b36582e,0 4px 10px #4b365829}#game-container>.settings-audio-select{appearance:none;border:3px solid var(--uv-ui-lavender-strong,#c192d5);border-radius:var(--uv-ui-control-radius,16px);background-color:var(--uv-ui-cream-text,#fffaf1);background-image:linear-gradient(45deg, transparent 50%, var(--uv-ui-ink,#4f3a5d) 50%), linear-gradient(135deg, var(--uv-ui-ink,#4f3a5d) 50%, transparent 50%);cursor:pointer;background-position:calc(100% - 22px),calc(100% - 15px);background-repeat:no-repeat;background-size:7px 7px,7px 7px;min-height:44px;padding:0 52px 0 18px;font-size:17px;font-weight:700;transform:translateY(-10px);box-shadow:0 4px #4b36581f,inset 0 2px #ffffffb8}#game-container>.settings-audio-select:hover{border-color:var(--uv-ui-ribbon-strong,#b97dcc);background-color:var(--uv-ui-parchment,#fff4dc)}#game-container>.settings-audio-select:focus-visible{border-color:var(--uv-ui-focus,#7d5a92);outline-offset:2px}#game-container>.settings-audio-select option{background:var(--uv-ui-cream-text,#fffaf1);color:var(--uv-ui-ink,#4f3a5d);font-weight:700}@media (forced-colors:active){#game-container>.settings-audio-control{forced-color-adjust:auto}}.creator-portrait-controls{display:none}.creator-landscape-rename-button{z-index:950;color:#4f3a5d;cursor:pointer;background:#fffaf2;border:3px solid #b38ac6;border-radius:12px;font:800 22px Trebuchet MS,sans-serif;position:absolute}.creator-landscape-rename-button:focus-visible{outline-offset:2px;outline:4px solid #d6b35f}.creator-portrait-controls[hidden],.creator-portrait-section[hidden],.creator-portrait-action[hidden]{display:none!important}@media (pointer:coarse) and (width<=700px) and (orientation:portrait){.creator-portrait-controls{z-index:960;top:calc(56.25vw + 8px);right:max(10px, env(safe-area-inset-right));bottom:max(10px, env(safe-area-inset-bottom));left:max(10px, env(safe-area-inset-left));color:#4f3a5d;overscroll-behavior:contain;touch-action:manipulation;-webkit-overflow-scrolling:touch;background:#fffbeff7;border:3px solid #9d72adf0;border-radius:22px;flex-direction:column;gap:10px;max-width:520px;margin-inline:auto;padding:12px;display:flex;position:fixed;overflow-y:auto;box-shadow:0 8px 28px #241a3d4d}.unicorn-name-input{visibility:hidden;pointer-events:none}.creator-landscape-rename-button{display:none}.creator-portrait-heading{color:#5c4568;text-align:center;margin:0;font:800 clamp(21px,6vw,28px)/1.1 Trebuchet MS,Segoe UI,system-ui,sans-serif}.creator-portrait-preview-hint,.creator-portrait-status{color:#6c5a73;text-align:center;margin:0;font:700 clamp(14px,3.8vw,17px)/1.3 Trebuchet MS,Segoe UI,system-ui,sans-serif}.creator-portrait-name-group{color:#5c4568;gap:5px;font:800 17px Trebuchet MS,Segoe UI,system-ui,sans-serif;display:grid}.creator-portrait-name-input{color:#4f3a5d;text-align:center;background:#fffaf2;border:3px solid #b38ac6;border-radius:16px;outline:none;width:100%;min-height:54px;padding:9px 14px;font:800 clamp(18px,5vw,22px) Trebuchet MS,Segoe UI,system-ui,sans-serif;box-shadow:0 4px 10px #36244724}.creator-portrait-name-input:focus-visible{border-color:#d6b35f;box-shadow:0 0 0 3px #ffe6a666}.creator-portrait-tabs{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.creator-portrait-tab,.creator-portrait-action,.creator-portrait-cycle-button,.creator-portrait-swatch{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.creator-portrait-tab{color:#4f3a5d;background:#eee4f7;border:3px solid #b38ac6;border-radius:15px;min-height:48px;padding:7px 6px;font:800 clamp(14px,3.8vw,17px)/1.08 Trebuchet MS,Segoe UI,system-ui,sans-serif}.creator-portrait-tab[aria-pressed=true]{background:#ffe9a9;border-color:#d6b35f}.creator-portrait-section{background:#f7effa;border:2px solid #b38ac694;border-radius:18px;gap:10px;padding:10px;display:grid}.creator-portrait-colour-row{border:0;min-width:0;margin:0;padding:0}.creator-portrait-colour-row legend,.creator-portrait-cycle-label{color:#5c4568;margin-bottom:6px;font:800 16px Trebuchet MS,Segoe UI,system-ui,sans-serif}.creator-portrait-swatches{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.creator-portrait-swatch{color:#4f3a5d;text-align:left;background:#fffaf2;border:3px solid #c4a2d2;border-radius:15px;align-items:center;gap:8px;min-width:0;min-height:50px;padding:7px 9px;font:800 clamp(13px,3.7vw,16px) Trebuchet MS,Segoe UI,system-ui,sans-serif;display:flex}.creator-portrait-swatch-dot{background:var(--creator-swatch);border:2px solid #4f3a5d61;border-radius:999px;flex:0 0 27px;width:27px;height:27px}.creator-portrait-swatch[aria-pressed=true]{background:#fff0bb;border-color:#d6b35f;box-shadow:0 0 0 2px #d6b35f33}.creator-portrait-cycle-row{gap:5px;display:grid}.creator-portrait-cycle-controls{grid-template-columns:54px minmax(0,1fr) 54px;align-items:center;gap:7px;display:grid}.creator-portrait-cycle-button{color:#4f3a5d;background:#eee4f7;border:3px solid #b38ac6;border-radius:999px;width:54px;height:54px;font:900 32px/1 system-ui,sans-serif}.creator-portrait-cycle-value{color:#4f3a5d;text-align:center;background:#eadcf1;border-radius:14px;place-items:center;min-height:50px;padding:8px;font:800 clamp(15px,4.2vw,18px) Trebuchet MS,Segoe UI,system-ui,sans-serif;display:grid}.creator-portrait-status{min-height:18px}.creator-portrait-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.creator-portrait-action{color:#4f3a5d;background:#eee4f7;border:3px solid #b38ac6;border-radius:17px;min-height:54px;padding:9px 10px;font:800 clamp(15px,4vw,18px)/1.12 Trebuchet MS,Segoe UI,system-ui,sans-serif}.creator-portrait-action.creator-portrait-primary{background:#ffe9a9;border-color:#d6b35f;grid-column:1/-1;min-height:60px;font-size:clamp(18px,5vw,22px)}.creator-portrait-tab:active:not(:disabled),.creator-portrait-action:active:not(:disabled),.creator-portrait-cycle-button:active:not(:disabled),.creator-portrait-swatch:active:not(:disabled){transform:scale(.98)}.creator-portrait-tab:focus-visible,.creator-portrait-action:focus-visible,.creator-portrait-cycle-button:focus-visible,.creator-portrait-swatch:focus-visible{outline-offset:2px;outline:4px solid #d6b35f}.creator-portrait-tab:disabled,.creator-portrait-action:disabled,.creator-portrait-cycle-button:disabled,.creator-portrait-swatch:disabled{opacity:.5}.creator-portrait-style-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.creator-portrait-style-card{color:#4f3a5d;touch-action:manipulation;background:linear-gradient(#fffaf2,#f1e5f6);border:3px solid #b38ac6;border-radius:16px;min-height:72px;padding:10px;font:800 15px Trebuchet MS,Segoe UI,system-ui,sans-serif;display:grid}.creator-portrait-component-art{color:#8551a4;place-items:center;min-height:44px;font:900 38px/1 Trebuchet MS,sans-serif;display:grid}.creator-portrait-style-card[aria-pressed=true]{background:#ffedb1;border:4px solid #d19a21}}