: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{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{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}@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}}.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}.title-portrait-controls{display:none}.title-portrait-controls[hidden],.title-portrait-view[hidden],.title-portrait-button[hidden]{display:none!important}@media (pointer:coarse) and (width<=700px) and (orientation:portrait){.title-portrait-controls{z-index:950;top:calc(56.25vw + 10px);right:max(12px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom));left:max(12px, env(safe-area-inset-left));color:#4f3a5d;overscroll-behavior:contain;touch-action:manipulation;-webkit-overflow-scrolling:touch;background:#fffbeff5;border:3px solid #9d72adeb;border-radius:22px;max-width:520px;margin-inline:auto;padding:12px;display:flex;position:fixed;overflow-y:auto;box-shadow:0 8px 28px #241a3d47}.title-portrait-view{flex-direction:column;gap:10px;width:100%;min-height:100%;display:flex}.title-portrait-heading{color:#5c4568;text-align:center;margin:0 0 2px;font:800 clamp(21px,6vw,28px)/1.1 Trebuchet MS,Segoe UI,system-ui,sans-serif}.title-portrait-actions{gap:9px;display:grid}.title-portrait-button{color:#4f3a5d;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#eee4f7;border:3px solid #b38ac6;border-radius:18px;width:100%;min-height:56px;padding:10px 16px;font:800 clamp(17px,4.8vw,21px)/1.15 Trebuchet MS,Segoe UI,system-ui,sans-serif;box-shadow:0 4px 10px #36244729}.title-portrait-button:active:not(:disabled){transform:scale(.98)}.title-portrait-button:focus-visible{outline-offset:2px;outline:4px solid #d6b35f}.title-portrait-button:disabled{opacity:.5}.title-portrait-button.title-portrait-primary{background:#ffe9a9;border-color:#d6b35f}.title-portrait-button[aria-pressed=true]{background:#d8f0df;border-color:#75aa91}.title-portrait-status{color:#6c5a73;text-align:center;min-height:36px;margin:0;font:700 15px/1.3 Trebuchet MS,Segoe UI,system-ui,sans-serif}.title-portrait-settings-actions{gap:7px}.title-portrait-settings .title-portrait-button{min-height:54px}}