:root{color:#455446;font-synthesis:none;background:#77b9b4;font-family:Avenir Next,Avenir,Segoe UI,sans-serif}*{box-sizing:border-box}body{overscroll-behavior:none;margin:0;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer;color:inherit;background:0 0;border:0}button:disabled{opacity:.55;cursor:wait}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:4px;outline:3px solid #af765f}button:hover{filter:brightness(.95)}#game{position:absolute;inset:0;overflow:hidden}#ui{pointer-events:none;position:absolute;inset:0}#ui button,#ui input,#ui select,#chat-panel,.modal{pointer-events:auto}.park-badge{background:#fff9e9f0;border:1px solid #ffffff80;border-radius:18px;align-items:center;gap:13px;padding:14px 23px 14px 17px;display:flex;position:absolute;top:26px;left:30px;box-shadow:0 4px 20px #405f5010}.brand-mark{color:#819774;font-size:37px}.park-badge h1{letter-spacing:-.5px;margin:0 0 5px;font:600 24px Georgia,serif}.park-badge p{color:#7d8774;margin:0;font-size:11px}.status-dot{background:#91aa78;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.top-right{align-items:center;gap:20px;display:flex;position:absolute;top:34px;right:30px}.private-label{letter-spacing:2px;color:#3f6b61;font-size:9px}.top-right button{background:#fff9e9ed;border-radius:50%;width:44px;height:44px;font-size:23px}.dock{white-space:nowrap;background:#fffaeef5;border:1px solid #fff;border-radius:20px;align-items:center;padding:10px 14px;display:flex;position:absolute;bottom:47px;left:50%;transform:translate(-50%);box-shadow:0 7px 35px #304c4220}.dock button{border-radius:12px;min-width:75px;padding:3px 12px;font-size:11px;position:relative}.dock button:hover{background:#efeddf}.dock button span{color:#70836b;margin-bottom:5px;font:26px Georgia;display:block}.dock i{background:#e3e4d6;width:1px;height:36px;margin:0 6px}kbd{color:#818b76;border:1px solid #cbd1bd;border-radius:4px;padding:2px 4px;font:9px inherit}.dock kbd{font-size:8px;position:absolute;top:3px;right:4px}.controls-hint{text-align:center;letter-spacing:.4px;color:#3d6557;width:100%;font-size:10px;position:absolute;bottom:18px}.controls-hint b{padding:0 12px}#context{color:#fff6db;opacity:0;visibility:hidden;touch-action:manipulation;background:#435b49e8;border-radius:12px;min-height:48px;padding:12px 20px;font-size:12px;position:absolute;bottom:160px;left:50%;transform:translate(-50%)}#context.visible{opacity:1;visibility:visible}#context:before{content:"E · "}#touch-controls{display:none}#connection{background:#fff4db;border-radius:10px;padding:12px 20px;font-size:13px;position:absolute;top:125px;left:50%;transform:translate(-50%)}#toast{opacity:0;background:#fff9eb;border-radius:12px;max-width:80vw;padding:14px 22px;font-size:13px;transition:all .2s;position:absolute;top:125px;left:50%;transform:translate(-50%,-10px);box-shadow:0 5px 24px #45544615}#toast.show{opacity:1;transform:translate(-50%)}.scrim{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);pointer-events:auto;background:#335b493d;place-items:center;padding:20px;display:grid;position:absolute;inset:0}.modal{background:#fffaed;border:1px solid #fff;border-radius:26px;width:min(550px,100%);max-height:90vh;padding:36px;overflow:auto;box-shadow:0 20px 90px #2b493433}#guest-name-field[hidden]{display:none}.eyebrow{letter-spacing:2.2px;color:#8f9a7a;margin:0 0 16px;font-size:9px;font-weight:700}h2{letter-spacing:-1px;color:#465b47;margin:0 0 20px;font:400 38px/1.12 Georgia,serif}.intro{color:#7c8471;font-size:14px;line-height:1.8}.fine,small{color:#969a88;font-size:11px;line-height:1.7}.fine{margin-top:25px}.primary{color:#fff8e7;border-radius:12px;padding:15px 21px;font-size:13px;font-weight:600;background:#69826b!important}.primary span{float:right;margin-left:30px}#access-actions .primary{width:100%;margin:18px 0 10px}label{color:#7a806d;margin:14px 0;font-size:11px;display:block}input:not([type=checkbox]):not([type=range]),select{color:#4d604c;background:#f8f5e8;border:1px solid #dbdfce;border-radius:9px;width:100%;margin-top:8px;padding:11px;font-size:13px;display:block}fieldset{border:0;margin:15px 0;padding:0}legend{color:#7a806d;margin-bottom:8px;font-size:11px}.wardrobe-layout{grid-template-columns:155px 1fr;gap:24px;display:grid}.preview-stage{background:#e9edda;border-radius:90px 90px 18px 18px;flex-direction:column;align-self:center;align-items:center;padding:27px 0 20px;display:flex}.preview-stage canvas{width:144px;height:168px}.preview-stage span{margin-top:10px;font-size:12px}.swatches{gap:7px;display:flex}.swatches button{background:var(--swatch);border:3px solid #fffaed;border-radius:50%;width:25px;height:25px;box-shadow:0 0 0 1px #ddd}.swatches button[aria-pressed=true]{box-shadow:0 0 0 2px #7a8d6d}.modal-actions{justify-content:flex-end;align-items:center;gap:20px;margin-top:20px;font-size:12px;display:flex}#save-error,#access-message{color:#ac745f;font-size:12px}.check{align-items:center;gap:12px;display:flex}input[type=range]{accent-color:#728967;width:100%;margin-top:14px;display:block}#chat-panel{background:#fff9edf5;border:1px solid #fff;border-radius:17px;width:310px;max-height:380px;position:absolute;bottom:150px;left:28px;overflow:hidden;box-shadow:0 5px 25px #35594020}.chat-heading{border-bottom:1px solid #e7e8d8;justify-content:space-between;padding:16px 19px;font:17px Georgia;display:flex}.chat-heading button{font:22px Arial}#history{max-height:230px;padding:10px 18px;overflow:auto}.message{margin:10px 0;font-size:12px;line-height:1.5}.message strong{color:#899577;font-size:10px;display:block}.message span{overflow-wrap:anywhere}.message button{color:#9a9c8a;margin-left:5px;font-size:8px}#chat-form{align-items:center;gap:8px;padding:5px 12px 12px;display:flex}#chat-form input{margin:0;font-size:12px}#chat-form button{font-size:24px}@media (width<=700px){.park-badge{padding:10px 13px;top:14px;left:14px}.park-badge h1{font-size:20px}.top-right{top:20px;right:14px}.private-label{display:none}.dock{padding:8px 4px;bottom:40px}.dock button{min-width:48px;padding:4px 7px;font-size:9px}.dock i{margin:0 2px}.dock kbd{display:none}.modal{padding:25px}.wardrobe-layout{grid-template-columns:110px 1fr;gap:15px}.preview-stage canvas{width:110px;height:130px}h2{font-size:32px}.swatches{gap:3px}.swatches button{width:22px;height:22px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}@media (any-pointer:coarse){#game{touch-action:none}#ui.playing #touch-controls{left:max(18px, env(safe-area-inset-left));bottom:calc(96px + env(safe-area-inset-bottom));display:block;position:absolute}#joystick{pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#fff9e9b8;border:2px solid #ffffffe0;border-radius:50%;width:124px;height:124px;position:relative;box-shadow:0 4px 20px #304c4220}.joystick-arrows{text-align:center;color:#70836b;pointer-events:none;font-size:21px;line-height:36px;position:absolute;inset:6px}.joystick-knob{pointer-events:none;background:#7c9476;border:3px solid #fffaed;border-radius:50%;width:44px;height:44px;position:absolute;top:38px;left:38px;box-shadow:0 3px 8px #304c4230}.held .joystick-knob{background:#526e53}.touch-hint{text-align:center;color:#344f3f;margin-top:5px;font-size:11px;display:block}.controls-hint,.dock kbd,.private-label{display:none}.dock{bottom:calc(10px + env(safe-area-inset-bottom));max-width:calc(100% - 16px - env(safe-area-inset-left) - env(safe-area-inset-right));padding:6px 3px}.dock button{touch-action:manipulation;min-width:44px;min-height:52px;padding:4px 6px;font-size:9px}.dock i{margin:0 1px}#context{left:auto;right:max(18px, env(safe-area-inset-right));bottom:calc(128px + env(safe-area-inset-bottom));max-width:calc(100% - 172px - env(safe-area-inset-right));padding:14px;font-size:13px;transform:none}#context:before{content:""}.park-badge{left:max(14px, env(safe-area-inset-left));top:calc(12px + env(safe-area-inset-top));padding:9px 12px}.park-badge h1{font-size:20px}.park-badge p{max-width:205px;font-size:10px}.top-right{right:max(14px, env(safe-area-inset-right));top:calc(18px + env(safe-area-inset-top))}.scrim{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))}.modal{max-height:90dvh}input:not([type=checkbox]):not([type=range]),select,#chat-form input{font-size:16px}#chat-panel{left:max(12px, env(safe-area-inset-left));bottom:calc(84px + env(safe-area-inset-bottom));width:min(360px,100% - 24px);max-height:calc(100dvh - 100px)}#history{max-height:min(230px,35dvh)}}@media (any-pointer:coarse) and (height<=500px){#ui.playing #touch-controls{bottom:calc(20px + env(safe-area-inset-bottom))}#context{bottom:calc(36px + env(safe-area-inset-bottom));max-width:150px}.dock{justify-content:flex-start;max-width:calc(100% - 320px);overflow-x:auto}.dock button{flex-shrink:0}}@media (any-pointer:coarse) and (width<=420px){.park-badge{gap:8px;max-width:calc(100% - 80px)}.modal{padding:20px}.wardrobe-layout{grid-template-columns:80px minmax(0,1fr);gap:12px}.preview-stage canvas{width:80px;height:94px}.swatches{flex-wrap:wrap;gap:8px}.swatches button{width:30px;height:30px}}