:root{--black:#000;--navy:#1d2b53;--plum:#7e2553;--green:#008751;--brown:#ab5236;--stone:#5f574f;--gray:#c2c3c7;--white:#fff1e8;--red:#ff004d;--orange:#ffa300;--yellow:#ffec27;--lime:#00e436;--blue:#29adff;--purple:#83769c;--pink:#ff77a8;--peach:#fca;--display:"Press Start 2P", monospace;--body:"Pixelify Sans", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html{background:var(--navy);scrollbar-color:var(--purple) var(--navy);scrollbar-width:thin}body{color:var(--white);font:500 20px/1.35 var(--body);overscroll-behavior:none;-webkit-tap-highlight-color:transparent;margin:0}::selection{background:var(--yellow);color:var(--navy)}input{caret-color:var(--yellow)}button,input{font:inherit}button,a,input{touch-action:manipulation}button{min-height:46px;color:var(--white);background:var(--plum);border:3px solid var(--black);box-shadow:3px 3px 0 var(--black);cursor:pointer;font:400 11px/1.6 var(--display);border-radius:0;justify-content:center;align-items:center;gap:10px;padding:10px 16px;transition:transform 80ms steps(2,end);display:inline-flex}button:hover{border-color:var(--white)}button:active,button.pressed{box-shadow:1px 1px 0 var(--black);transform:translate(2px,2px)}button:disabled{background:var(--stone);color:var(--gray);cursor:wait;box-shadow:none}button:disabled:hover{border-color:var(--black)}:focus-visible,.gamepad-focus{outline:3px solid var(--yellow);outline-offset:4px}button:focus-visible{z-index:2;position:relative}a{color:inherit;text-underline-offset:5px}svg{vertical-align:middle;width:24px;height:24px;image-rendering:pixelated;flex:none}[data-icon]{justify-content:center;align-items:center;display:inline-flex}img,canvas{image-rendering:pixelated}h1,h2,p{margin:0}h1{font:400 clamp(20px, 2.5vw, 30px)/1.5 var(--display);text-wrap:balance}h2{font:400 14px/1.6 var(--display);text-wrap:balance;margin-bottom:16px}label{display:block}input:not([type=range]){width:100%;min-width:0;min-height:48px;color:var(--white);background:var(--navy);border:3px solid var(--purple);border-radius:0;padding:10px 12px;font-size:23px}input::placeholder{color:var(--gray);opacity:1}input[type=range]{appearance:none;border:3px solid var(--black);background:repeating-linear-gradient(90deg, var(--purple) 0 10px, var(--navy) 10px 13px);cursor:pointer;border-radius:0;width:100%;height:18px;margin:16px 0 12px;display:block}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--yellow);border:3px solid var(--black);width:24px;height:32px;box-shadow:3px 3px 0 var(--black);border-radius:0}input[type=range]::-moz-range-thumb{background:var(--yellow);border:3px solid var(--black);width:20px;height:26px;box-shadow:3px 3px 0 var(--black);border-radius:0}.panel{background:var(--navy);border:3px solid var(--purple);box-shadow:6px 6px 0 var(--black)}.primary{background:var(--yellow);color:var(--navy)}.primary:hover{border-color:var(--yellow)}.secondary{background:var(--navy);border-color:var(--purple)}.danger{background:var(--red);color:var(--black)}.icon-button{width:48px;height:48px;padding:10px}#game{touch-action:none;outline:none;width:100%;height:100dvh;display:block;position:fixed;inset:0}#entry{min-height:100dvh;padding:max(24px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));background:var(--navy) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%2383769C' fill-opacity='.15' d='M0 0h1v1H0zM4 4h1v1H4z'/%3E%3C/svg%3E");position:relative}#splash{flex-direction:column;justify-content:center;align-items:center;gap:32px;min-height:calc(100dvh - 48px);display:flex}.brand{font:400 clamp(28px, 8vw, 80px)/1.4 var(--display);letter-spacing:-.025em}.brand span,.small-brand span{color:var(--yellow)}.brand-tree{color:var(--lime)}.brand-tree svg{width:64px;height:64px}.splash-family{border-bottom:3px solid var(--purple);align-items:end;gap:20px;padding:0 12px 12px;display:flex;position:relative}.splash-family>span{color:var(--blue);animation:2.6s steps(2,end) infinite family-hop}.splash-family>span:nth-child(2){color:var(--pink);animation-delay:.3s}.splash-family>span:nth-child(3){color:var(--yellow);animation-delay:.7s}.splash-family>span:nth-child(4){color:var(--lime);animation-delay:1s}.splash-family>span:nth-child(5){color:var(--peach);animation-delay:1.3s}.splash-family svg{width:40px;height:48px}.splash-family>span:nth-child(3) svg{width:28px;height:34px}@keyframes family-hop{0%,72%,to{transform:translateY(0)}80%,90%{transform:translateY(-6px)}}#start-entry{width:112px;height:64px;margin-top:16px}#start-entry svg{width:32px;height:32px}#tree-screen{max-width:900px;margin:0 auto}.tree-heading{text-align:center;margin:8px 0 32px}.small-brand{font:400 16px/1.6 var(--display);margin-bottom:26px;display:block}.tree-heading h1{font-size:clamp(16px,2.5vw,24px)}#family-tree{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:20px;width:min(100%,980px);margin:auto;display:flex}.role-groups{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.role-group{border:2px solid var(--purple);background:#0003;padding:12px}.role-group h2{font:400 12px/1.4 var(--display);text-align:center;color:var(--peach);margin:0 0 10px}.role-group.friends{border-style:dashed;border-color:var(--blue)}.role-group.friends h2{color:var(--blue)}.role-row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.role-group{box-sizing:border-box;max-width:100%}.tree-node{width:104px;min-width:0;min-height:0;box-shadow:none;font:500 20px/1.2 var(--body);background:0 0;border:0;flex-direction:column;gap:4px;padding:0 6px}.tree-node[aria-pressed=true]{color:var(--yellow)}.tree-node[aria-pressed=true] .node-figure{border-color:var(--yellow)}@media (hover:hover){.tree-node:hover .node-figure{border-color:var(--peach)}}.node-figure{background:var(--navy);border:2px solid var(--purple);place-items:center;width:88px;max-width:100%;height:88px;display:grid;position:relative}.node-figure>svg{width:44px;height:66px;color:var(--peach)}.node-figure.loaded>svg{display:none}.node-figure img{object-fit:contain;width:100%;height:100%}#family-actions{flex-wrap:wrap;justify-content:center;gap:16px;margin:32px auto 0;display:flex}#family-actions button{max-width:280px;min-height:64px;font:600 21px/1.2 var(--body);flex:1;padding:14px 10px}#entry-error{text-align:center}.tree-hint{text-align:center;color:var(--purple);margin-top:26px}dialog{color:var(--white);border-radius:0;max-height:calc(100dvh - 32px)}dialog::backdrop{background:#000b}.entry-dialog{width:min(460px,100vw - 32px);padding:24px}.dialog-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.dialog-heading h2{color:var(--yellow);margin:0;font-size:16px}.dialog-heading .icon-button{flex:none}.dialog-hint{color:var(--peach);margin:16px 0 24px;font-size:17px}.full-button{width:100%;min-height:54px;margin-top:20px}input.arcade-input:not([type=range]){text-align:center;text-transform:uppercase;letter-spacing:.08em;font:400 clamp(22px, 6vw, 32px)/1.8 var(--display);padding:14px 8px}#player-name::placeholder{font-size:16px}#join-role{color:var(--peach);margin-bottom:16px}.age-label output{float:right;color:var(--yellow);font-variant-numeric:tabular-nums}.error-note{color:var(--pink);overflow-wrap:anywhere;font-size:19px}.error-note:not(:empty){padding:14px 0}#suggest-age{font-size:10px}#look-panel{width:min(1080px,100vw - 32px);padding:20px}#look-panel .dialog-heading{margin-bottom:16px}.creator-workbench{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;display:grid}.preview-panel{flex-direction:column;min-width:0;height:min(65dvh,650px);display:flex;position:relative}.preview-caption{z-index:1;pointer-events:none;position:absolute;top:12px;left:16px}@media (width<=700px){.preview-caption{justify-content:center;align-items:baseline;gap:10px;padding:4px 8px 0;display:flex;position:static}.preview-caption h2{margin:0}.preview-caption p{font-size:14px}}.preview-caption h2{color:var(--yellow);margin-bottom:6px;font-size:20px}.preview-caption p{color:var(--peach);font-size:18px}#preview-slot{flex:1;min-height:0;position:relative}#character-preview{touch-action:none;cursor:grab;width:100%;height:100%;display:block}#character-preview:active{cursor:grabbing}.preview-controls{justify-content:center;gap:12px;padding:12px 0 4px;display:flex}.customization{flex-direction:column;min-width:0;height:min(65dvh,650px);display:flex}.custom-tabs{border-bottom:3px solid var(--purple);grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:4px 4px 16px;display:grid}.custom-tabs button{background:var(--navy);border-color:var(--purple);min-width:0;padding:10px 4px}.custom-tabs [aria-selected=true]{background:var(--yellow);color:var(--navy);border-color:var(--black)}.custom-scroll{flex:1;min-height:0;padding:20px 8px;scroll-padding:18px;overflow-y:auto}.meter{border:2px solid var(--black);background:var(--stone);height:14px;position:relative;overflow:hidden}.meter i{background:var(--lime);transform-origin:0;width:100%;height:100%;display:block}.portrait .meter:before{content:"";z-index:1;pointer-events:none;background:var(--white);opacity:var(--heal-flash,0);position:absolute;inset:0}.meter:after{content:"";background:repeating-linear-gradient(90deg, transparent 0 9px, var(--navy) 9px 12px);pointer-events:none;position:absolute;inset:0}.cosmetic-group{border:0;min-width:0;margin:0 0 28px;padding:0}.cosmetic-group:last-child{margin-bottom:0}.cosmetic-group legend{color:var(--peach);margin-bottom:12px;padding:0;font-size:21px}.swatches{flex-wrap:wrap;gap:12px;padding:3px 4px 5px 0;display:flex}.swatch{background:var(--swatch);border:3px solid var(--black);flex:none;width:42px;min-height:42px;padding:0;position:relative}.swatch[aria-pressed=true]{outline:3px solid var(--yellow);outline-offset:2px}.swatch[aria-pressed=true]:after{content:"";background:var(--black);border:2px solid var(--white);width:10px;height:10px;position:absolute}.option-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.look-option{background:var(--navy);border-color:var(--purple);min-width:0;font:500 17px/1.2 var(--body);flex-direction:column;gap:5px;padding:8px 4px;display:flex}.look-option[aria-pressed=true]{border-color:var(--yellow);color:var(--yellow)}.look-option img{aspect-ratio:1;object-fit:contain;background:var(--stone);width:100%;max-width:90px;height:auto}.look-option span{overflow-wrap:anywhere}.silhouette{place-items:center;height:62px;display:grid}.silhouette svg{width:56px;height:56px}.group-body .option-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#hud{pointer-events:none;position:fixed;inset:0}.hud-top{top:max(12px, env(safe-area-inset-top));left:max(12px, env(safe-area-inset-left));right:max(12px, env(safe-area-inset-right));background:var(--navy);border:3px solid var(--purple);box-shadow:4px 4px 0 var(--black);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:10px;display:grid;position:absolute}.portraits{flex-wrap:wrap;gap:8px;min-width:0;display:flex}.portrait{flex-direction:column;gap:3px;width:36px;display:flex;position:relative}.portrait img{object-fit:cover;width:32px;height:32px}.portrait b{font:400 10px/1.6 var(--display)}.portrait:not(.local) b{display:none}.portrait.local{grid-template-rows:20px 16px 16px;grid-template-columns:40px 104px;column-gap:8px;width:auto;display:grid}.portrait.local img{grid-row:span 3;align-self:center;width:40px;height:48px}.vital{align-items:center;gap:4px;min-width:0;display:flex}.vital>svg{width:12px;height:12px;color:var(--red)}.vital.hunger>svg{color:var(--orange)}.vital .meter{flex:1}.portrait .meter{width:100%;height:8px}.portrait.local .meter{height:12px}.hunger .meter i{background:var(--orange)}.portrait:not(.local) .hunger .meter{border-width:1px;height:4px}.heal-pixel{z-index:3;pointer-events:none;width:2px;height:2px;position:absolute;top:0;left:0}.portrait.local .heal-pixel{width:4px;height:4px}.heal-plus{width:8px;height:8px;color:var(--white);z-index:3;pointer-events:none;position:absolute;top:0;left:0}.portrait.local .heal-plus{width:12px;height:12px}.healing-heart{width:20px;height:20px;color:var(--red);position:absolute;transform:translate(-50%,-50%)}.healing-heart svg,.heal-plus svg{width:100%;height:100%}.hud-actions{pointer-events:auto;gap:8px;display:flex}.hud-actions .icon-button{width:44px;height:44px;min-height:44px;padding:8px}#floating{position:absolute;inset:0}.damage{font:400 16px var(--display);color:var(--yellow);text-shadow:2px 2px 0 var(--black);position:absolute;transform:translate(-50%,-50%)}#touch-controls{bottom:max(24px, env(safe-area-inset-bottom));left:max(24px, env(safe-area-inset-left));right:max(24px, env(safe-area-inset-right));justify-content:space-between;align-items:end;display:none;position:absolute}#joystick{border:3px solid var(--purple);background:var(--navy);width:132px;height:132px;box-shadow:4px 4px 0 var(--black);pointer-events:auto;touch-action:none;position:relative}#joystick>span{opacity:.6;position:absolute;inset:8px}#joystick svg{width:100%;height:100%;color:var(--purple)}#stick{border:3px solid var(--black);background:var(--blue);width:40px;height:40px;box-shadow:3px 3px 0 var(--black);position:absolute;top:44px;left:44px}#touch-attack{width:104px;height:96px;color:var(--navy);background:var(--orange);pointer-events:auto;touch-action:none}#touch-attack svg{width:40px;height:40px}.toast{bottom:max(24px, env(safe-area-inset-bottom));z-index:20;overflow-wrap:anywhere;pointer-events:none;width:max-content;max-width:calc(100vw - 40px);padding:16px 22px;position:fixed;left:50%;transform:translate(-50%)}.fatal{z-index:30;color:var(--pink);padding:22px;position:fixed;inset:auto 20px 20px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (any-pointer:coarse){#touch-controls{display:flex}}@media (width<=700px){#entry{padding-left:12px;padding-right:12px}.tree-heading{margin-bottom:20px}.tree-heading h1{max-width:24ch;margin:auto}#family-tree,.role-groups{gap:10px}.role-group{padding:8px}.tree-node{overflow-wrap:anywhere;width:70px;padding:0 3px;font-size:clamp(10px,3vw,16px)}.node-figure{width:64px;height:64px}.node-figure>svg{width:28px;height:42px}#family-actions{gap:10px;margin-top:24px}#family-actions button{flex-basis:100%;max-width:360px;min-height:50px}.tree-hint{margin-top:20px}.creator-workbench{flex-direction:column;gap:20px;display:flex}#look-panel{padding:16px}.preview-panel{height:35dvh;min-height:230px}.customization{height:45dvh;min-height:280px}.preview-caption h2{font-size:14px}.option-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.look-option{font-size:16px}.swatch{width:44px;min-height:44px}.swatches{gap:12px}.hud-top{grid-template-columns:1fr auto;gap:8px;padding:8px;left:8px;right:8px}.hud-actions{grid-area:1/2;gap:6px}.hud-actions .icon-button{width:40px;height:44px;padding:6px}.portrait.local{grid-template-columns:28px 80px;column-gap:6px}.portrait.local img{width:28px;height:36px}.portraits{grid-column:1/-1;gap:6px}.portraits:empty{display:none}.portrait{width:24px}.portrait img{width:24px;height:24px}}@media (width<=380px){.entry-dialog{padding:18px}.dialog-heading h2{font-size:13px}.option-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cosmetic-group legend{font-size:19px}}@media (height<=500px) and (orientation:landscape){.creator-workbench{grid-template-columns:1fr 1fr;display:grid}.preview-panel,.customization{height:310px}#joystick{width:96px;height:96px}#stick{width:34px;height:34px;top:28px;left:28px}#touch-attack{width:88px;height:80px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}#inventory{bottom:max(22px, env(safe-area-inset-bottom));pointer-events:auto;position:absolute;left:50%;transform:translate(-50%)}#hotbar{grid-template-columns:repeat(var(--slots,10), 48px);background:var(--navy);border:2px solid var(--black);width:max-content;max-width:100%;box-shadow:3px 3px 0 var(--black);gap:4px;padding:5px;display:grid}#hotbar:has(>:nth-child(4):last-child){--slots:4}#hotbar:has(>:nth-child(6):last-child){--slots:6}.slot-holder{min-width:0;position:relative}.inventory-slot{border:2px solid var(--purple);width:100%;height:48px;min-height:0;box-shadow:none;touch-action:manipulation;background:#29334e;padding:2px}.inventory-slot:empty:after{content:"";border:1px solid #5f6386;width:12px;height:12px}.inventory-slot[aria-pressed=true]{border-color:var(--yellow);background:#454663}.inventory-slot img{object-fit:contain;width:100%;height:100%}.inventory-slot:focus-visible{outline-offset:2px;outline-width:2px}.food-menu{z-index:3;background:var(--navy);border:2px solid var(--yellow);box-shadow:3px 3px 0 var(--black);gap:3px;padding:4px;display:flex;position:absolute;bottom:calc(100% + 9px);left:50%;transform:translate(-50%)}.food-menu button{width:44px;height:44px;min-height:0;color:var(--navy);background:var(--yellow);box-shadow:none;touch-action:manipulation;border-width:1px;padding:6px}.food-menu button[data-action=drop]{background:var(--peach)}#inventory-full{color:var(--yellow);background:var(--plum);border:2px solid var(--black);padding:8px;position:absolute;bottom:calc(100% + 18px);left:50%;transform:translate(-50%)}#inventory-full svg{width:32px;height:32px}#inventory-full.shake{animation:.4s steps(2,end) 2 backpack-shake}@keyframes backpack-shake{25%{margin-left:-5px}75%{margin-left:5px}}.portrait.starving img{animation:.3s steps(2,end) infinite hungry-shake}.portrait.starving .hunger>svg{animation:.6s steps(2,end) infinite hunger-blink}@keyframes hungry-shake{25%{transform:translate(-1px)}75%{transform:translate(1px)}}@keyframes hunger-blink{50%{color:var(--red);opacity:.4}}@media (width<=580px) and (pointer:fine){#hotbar{grid-template-columns:repeat(var(--slots,5), 40px)}#hotbar:has(>:nth-child(6):last-child){--slots:3}.inventory-slot{height:40px}}@media (any-pointer:coarse){#touch-controls{bottom:max(16px, env(safe-area-inset-bottom));left:max(12px, env(safe-area-inset-left));right:max(12px, env(safe-area-inset-right))}#joystick{width:88px;height:88px}#stick{width:30px;height:30px;top:26px;left:26px}#touch-attack{width:72px;height:72px;min-height:0;padding:10px}#touch-attack svg{width:32px;height:32px}#inventory{left:max(112px, calc(env(safe-area-inset-left) + 112px));right:max(96px, calc(env(safe-area-inset-right) + 96px));width:auto;bottom:max(16px, env(safe-area-inset-bottom));transform:none}#hotbar{grid-template-columns:repeat(var(--slots,10), minmax(0, 48px));justify-content:center;width:100%}.inventory-slot{aspect-ratio:1;height:auto}.food-menu{left:auto;right:0;transform:none}.toast{bottom:130px}}@media (any-pointer:coarse) and (width<=780px){#hotbar{--slots:5;gap:3px;padding:3px}#hotbar:has(>:nth-child(6):last-child){--slots:3}#hotbar:has(>:nth-child(4):last-child){--slots:2}}@media (any-pointer:coarse) and (width<=360px){#joystick{width:68px;height:68px}#stick{width:26px;height:26px;top:18px;left:18px}#touch-attack{width:56px;height:60px}#inventory{left:86px;right:74px}}html,body{touch-action:manipulation;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}input,textarea{-webkit-user-select:text;user-select:text}.enemy-health{pointer-events:none;background:#3b2328;border:1px solid #1d2b53;width:30px;height:6px;position:absolute;transform:translate(-50%,-100%)}.enemy-health i{background:#c64142;height:100%;display:block}.enemy-health[hidden]{display:none}.link-button{box-shadow:none;color:var(--purple);font:500 14px/1.2 var(--body);background:0 0;border:0;align-items:center;gap:6px;margin:14px auto 0;padding:4px 8px;display:flex}.link-button[aria-pressed=true]{color:var(--yellow)}