:root{--sign: #1f6b45;--sign-deep: #0c2a1a;--paper: #f4efe4;--ink: #1a1426;--ink-soft: #2a2238;--taxi: #ffd27a;--taxi-deep: #c9952f;--dusk-top: #3a4688;--dusk-mid: #c27a92;--dusk-low: #ffc48e;--muted: #b9b0c6}.kui,.kui *{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.kui input{-webkit-user-select:text;user-select:text}:where(.kui) button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}.kui :focus-visible{outline:3px solid var(--taxi);outline-offset:2px}#title.arrival{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;overflow:hidden;background:#3a4688;color:var(--paper);font-family:Pixelify Sans,ui-rounded,system-ui,sans-serif;--px: 2px;--notch: 0 -3px 0 var(--ink), 0 3px 0 var(--ink), -3px 0 0 var(--ink), 3px 0 0 var(--ink);--outline: -3px 0 0 var(--ink), 3px 0 0 var(--ink), 0 -3px 0 var(--ink), 0 3px 0 var(--ink), 3px 6px 0 var(--ink)}.arrival .city-backdrop{position:absolute;left:0;top:0;image-rendering:pixelated}.arrival .arr{position:relative;z-index:1;box-sizing:border-box;height:100%;width:min(100%,1120px);margin:0 auto;display:grid;gap:12px;padding:calc(22px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) calc(16px + env(safe-area-inset-left));grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(120px,1fr) minmax(210px,38%) auto;grid-template-areas:"hello" "doll" "wardrobe" "go"}.arrival .hello{grid-area:hello;min-width:0;text-align:center}.arrival .ask{margin:0;font:700 clamp(28px,8.6vw,58px)/1 "Silkscreen",monospace;letter-spacing:1px;white-space:nowrap;text-shadow:var(--outline)}.arrival .iam{display:flex;justify-content:center;align-items:baseline;gap:.42em;margin-top:12px;font:700 clamp(22px,7vw,46px)/1.15 "Silkscreen",monospace;white-space:nowrap;text-shadow:var(--outline);cursor:text}.arrival .iam input{font:inherit;color:var(--taxi);background:transparent;border:0;border-radius:0;padding:0 .08em .12em;margin:0;min-width:3ch;text-transform:uppercase;caret-color:var(--taxi);text-shadow:var(--outline);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:repeating-linear-gradient(90deg,var(--taxi) 0 .3em,transparent .3em .45em);background-size:100% 4px;background-position:0 100%;background-repeat:no-repeat}.arrival .iam input::placeholder{color:#ffd27a80}.arrival .iam input:focus{background-image:repeating-linear-gradient(90deg,var(--paper) 0 .3em,transparent .3em .45em)}.arrival .doll{grid-area:doll;min-height:0;width:min(100%,620px);justify-self:center;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:minmax(0,1fr) auto;align-items:end}.arrival .me{grid-column:2;grid-row:1;height:100%;min-height:0;display:flex;align-items:flex-end;justify-content:center;cursor:pointer}.arrival .me canvas{image-rendering:pixelated;display:block}.arrival .me canvas.hop{animation:arr-hop .3s steps(3)}@keyframes arr-hop{40%{transform:translateY(calc(var(--px) * -4))}}.arrival .turn{grid-row:1;align-self:center;width:40px;height:40px;padding:0;font-size:18px}.arrival .turn.l{grid-column:1}.arrival .turn.r{grid-column:3}.arrival .chips{grid-column:1 / -1;grid-row:2;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:12px}.arrival .px-btn{position:relative;margin:3px;border:0;border-radius:0;background:var(--paper);color:var(--ink);font:700 12px/1 Silkscreen,monospace;letter-spacing:1px;padding:8px 11px 7px;cursor:pointer;box-shadow:var(--notch),inset -3px -3px #1a142626,inset 3px 3px #ffffffb0;touch-action:manipulation}.arrival .px-btn:active{transform:translateY(2px)}.arrival .px-btn.on{background:var(--taxi)}.arrival .px-btn:focus-visible{outline:3px solid var(--taxi);outline-offset:4px}.arrival .px-panel{margin:3px;background:repeating-conic-gradient(#1a1426eb 0,#1a1426eb 25%,#1a1426b8 0,#1a1426b8 50%) 0 0 / calc(var(--px) * 2) calc(var(--px) * 2);box-shadow:var(--notch),inset 0 3px #ffffff14,inset 0 -3px #00000040}.arrival .wardrobe{grid-area:wardrobe;min-height:0;display:flex;flex-direction:column}.arrival .tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;padding:8px 8px 0;flex:none}.arrival .tabs button{min-width:0;border:0;border-radius:0;background:transparent;color:var(--muted);font:700 12px/1 Silkscreen,monospace;padding:9px 0 8px;cursor:pointer}.arrival .tabs button[aria-selected=true]{background:var(--taxi);color:var(--ink);box-shadow:0 -2px 0 var(--ink),-2px 0 0 var(--ink),2px 0 0 var(--ink)}@media(max-width:340px){.arrival .tabs{grid-template-columns:repeat(3,minmax(0,1fr))}}.arrival .panel{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;padding:6px 12px 14px;border-top:3px solid var(--taxi);margin:0 8px;scrollbar-width:thin;scrollbar-color:var(--muted) transparent}.arrival .panel h3{margin:10px 0 7px;font:700 11px/1 Silkscreen,monospace;letter-spacing:1px;color:var(--muted);text-transform:uppercase}.arrival .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:9px}.arrival .grid.sw{grid-template-columns:repeat(auto-fill,minmax(34px,1fr));gap:8px}.arrival .opt{position:relative;aspect-ratio:1;margin:3px;padding:0;border:0;border-radius:0;background:#2c2440;display:grid;place-items:center;cursor:pointer;box-shadow:0 -3px #0e0a16,0 3px #0e0a16,-3px 0 #0e0a16,3px 0 #0e0a16,inset 3px 3px #ffffff12}.arrival .opt canvas{image-rendering:pixelated;display:block}.arrival .opt[aria-pressed=true]{background:#463a64;box-shadow:0 -3px 0 var(--taxi),0 3px 0 var(--taxi),-3px 0 0 var(--taxi),3px 0 0 var(--taxi),inset 3px 3px #ffffff20}.arrival .opt.sw{background:var(--c);box-shadow:0 -3px #0e0a16,0 3px #0e0a16,-3px 0 #0e0a16,3px 0 #0e0a16,inset -4px -4px #00000038,inset 4px 4px #ffffff40}.arrival .opt.sw[aria-pressed=true]{box-shadow:0 -3px 0 var(--taxi),0 3px 0 var(--taxi),-3px 0 0 var(--taxi),3px 0 0 var(--taxi),inset -4px -4px #00000038,inset 4px 4px #ffffff40}.arrival .opt.sw[aria-pressed=true]:after{content:"";width:8px;height:8px;background:var(--paper);box-shadow:0 -2px 0 var(--ink),0 2px 0 var(--ink),-2px 0 0 var(--ink),2px 0 0 var(--ink)}.arrival .opt .none{font:700 10px/1 Silkscreen,monospace;color:var(--muted)}.arrival .go{grid-area:go;justify-self:center;width:min(calc(100% - 6px),440px);margin:3px 3px 8px;background:var(--taxi);padding:17px 12px 15px;font:700 clamp(22px,6vw,30px)/1 "Silkscreen",monospace;letter-spacing:3px;box-shadow:0 -4px 0 var(--ink),0 4px 0 var(--ink),-4px 0 0 var(--ink),4px 0 0 var(--ink),inset -4px -4px #c9952f,inset 4px 4px #fff0c4,0 9px #1a1426b0}.arrival .go .label{display:block}.arrival .go .bar{display:none}.arrival .go[data-wait=true]{background:#efe2b8;font-size:14px;letter-spacing:1px;padding:12px 12px 11px;box-shadow:0 -4px 0 var(--ink),0 4px 0 var(--ink),-4px 0 0 var(--ink),4px 0 0 var(--ink),inset -4px -4px #cbbd92,inset 4px 4px #fff8e2,0 9px #1a1426b0}.arrival .go[data-wait=true] .bar{display:flex;gap:3px;justify-content:center;margin-top:9px}.arrival .go .bar i{width:12px;height:8px;background:#1a142626}.arrival .go .bar i.on{background:var(--ink)}#title.folded .wardrobe{display:none}#title.folded .arr{grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"hello" "doll" "go"}.arrival .hello,.arrival .wardrobe,.arrival .go,.arrival .chips,.arrival .turn{transition:transform .4s steps(6),opacity .3s steps(4)}.arrival.entering .hello{transform:translateY(-180%)}.arrival.entering .wardrobe{transform:translateY(140%)}.arrival.entering .go{transform:translateY(300%)}.arrival.entering .chips,.arrival.entering .turn{opacity:0}#title.arrival.dissolving{background:transparent}.arrival.dissolving .hello,.arrival.dissolving .wardrobe,.arrival.dissolving .go{visibility:hidden}@media(min-width:900px)and (min-height:560px){.arrival .arr{grid-template-columns:minmax(380px,1fr) minmax(420px,500px);grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"hello wardrobe" "doll wardrobe" "go wardrobe";column-gap:48px;row-gap:16px}.arrival .hello,.arrival .ask{text-align:left}.arrival .iam{justify-content:flex-start}.arrival .wardrobe{align-self:center;height:min(640px,100%)}.arrival .go{justify-self:start}#title.folded .arr{grid-template-columns:minmax(0,1fr);grid-template-areas:"hello" "doll" "go"}#title.folded .hello,#title.folded .ask{text-align:center}#title.folded .iam{justify-content:center}#title.folded .go{justify-self:center}}@media(max-height:520px)and (min-width:560px){.arrival .arr{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"hello wardrobe" "doll wardrobe" "go wardrobe";gap:8px 18px;padding-top:calc(10px + env(safe-area-inset-top))}.arrival .ask{font-size:24px}.arrival .iam{font-size:20px;margin-top:6px}.arrival .go{padding:10px;font-size:18px}#title.folded .arr{grid-template-columns:minmax(0,1fr);grid-template-areas:"hello" "doll" "go"}}@media(prefers-reduced-motion:reduce){.arrival .hello,.arrival .wardrobe,.arrival .go,.arrival .chips,.arrival .turn{transition:none}.arrival .me canvas.hop{animation:none}}#pauseBtn{position:absolute;z-index:7;right:calc(12px + env(safe-area-inset-right));top:calc(34px + env(safe-area-inset-top));width:40px;height:40px;border-radius:50%;border:3px solid var(--ink);background:#f4efe4e0;color:var(--ink);font-family:Silkscreen,monospace;font-size:14px;box-shadow:0 3px #1a1426b0;display:grid;place-items:center}#pause{position:fixed;top:0;right:0;bottom:0;left:0;z-index:15;display:none;place-items:center;background:#1a142699;font-family:Pixelify Sans,sans-serif;color:var(--paper)}#pause.open{display:grid}#pause .sheet{width:min(92vw,340px);background:var(--ink-soft);border:3px solid var(--ink);border-radius:12px;box-shadow:0 6px 0 var(--ink);padding:14px;display:grid;gap:8px}#pause .who{display:flex;align-items:center;gap:12px;padding:4px 4px 10px;border-bottom:2px solid #ffffff18;margin-bottom:4px}#pause .who canvas{width:48px;height:60px;image-rendering:pixelated;background:#ffffff10;border-radius:6px}#pause .who b{font-family:Silkscreen,monospace;font-weight:400;font-size:18px;display:block}#pause .who span{font-size:13px;color:var(--muted)}#pause .item{display:flex;justify-content:space-between;align-items:center;width:100%;border:2px solid #ffffff22;border-radius:8px;background:#ffffff0c;padding:11px 12px;font-size:17px;text-align:left}#pause .item em{font-style:normal;color:var(--taxi);font-size:15px}#pause .item.primary{background:var(--taxi);color:var(--ink);border-color:var(--ink);font-family:Silkscreen,monospace;justify-content:center}#pause .keys{font-size:13px;color:var(--muted);line-height:1.5;padding:4px 2px 0}@media(prefers-reduced-motion:reduce){#title.leaving,.card .stage canvas.hop{animation:none}}body.touch #pause .keys{display:none}#tags{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;overflow:hidden}#tags .tag{position:absolute;left:0;top:0;width:0;height:0;will-change:transform}#tags .stack{position:absolute;left:0;bottom:0;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:2px}#tags .name{font:12px/1 Pixelify Sans,sans-serif;color:var(--paper);background:#1a1426b8;padding:2px 6px 3px;border-radius:5px;white-space:nowrap}#tags .bubble{font:14px/1.25 Pixelify Sans,sans-serif;color:var(--ink);background:#fffdf6;border:2px solid var(--ink);border-radius:10px;padding:5px 9px 6px;width:max-content;max-width:190px;overflow-wrap:anywhere;box-shadow:0 3px #1a142666;margin-bottom:6px}#tags .bubble{position:relative}#tags .bubble:after{content:"";position:absolute;left:50%;bottom:-8px;margin-left:-6px;border:6px solid transparent;border-top-color:var(--ink);border-bottom:0}#chatlog{position:fixed;z-index:3;left:calc(16px + env(safe-area-inset-left));top:calc(96px + env(safe-area-inset-top));max-width:min(62vw,340px);pointer-events:none;font:13px/1.35 Pixelify Sans,sans-serif;color:var(--paper);text-shadow:0 2px 0 var(--ink);display:grid;gap:2px}#chatlog div{transition:opacity 2s}#chatlog div.old{opacity:0}#chatlog b{font-weight:600;color:var(--taxi)}#online{position:absolute;z-index:3;right:calc(60px + env(safe-area-inset-right));top:calc(44px + env(safe-area-inset-top));font:12px Pixelify Sans,sans-serif;color:var(--paper);background:#1a1426a8;border-radius:999px;padding:3px 9px 4px;pointer-events:none}#online:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#6fdc8c;margin-right:6px;vertical-align:1px}#sayBtn{position:absolute;z-index:7;right:calc(12px + env(safe-area-inset-right));top:calc(84px + env(safe-area-inset-top));width:40px;height:40px;border-radius:50%;border:3px solid var(--ink);background:#f4efe4e0;color:var(--ink);box-shadow:0 3px #1a1426b0;display:grid;place-items:center}#sayBtn[hidden]{display:none}#saybar{position:fixed;z-index:16;left:50%;transform:translate(-50%);top:calc(10px + env(safe-area-inset-top));width:min(94vw,460px);display:flex;gap:6px;background:var(--ink-soft);border:3px solid var(--ink);border-radius:12px;padding:6px;box-shadow:0 5px 0 var(--ink)}#saybar[hidden]{display:none}#saybar input{flex:1;min-width:0;border:2px solid var(--ink);border-radius:8px;padding:8px 10px;font:16px Pixelify Sans,sans-serif;color:var(--ink);background:#fffdf6}#saybar button{border:2px solid var(--ink);border-radius:8px;background:var(--taxi);color:var(--ink);font:15px Silkscreen,monospace;padding:0 12px}#dialogue{position:fixed;z-index:8;left:50%;transform:translate(-50%);bottom:calc(18px + env(safe-area-inset-bottom));width:min(560px,calc(100vw - 28px));background:#fffdf6;color:var(--ink);border:3px solid var(--ink);border-radius:18px;box-shadow:0 5px 0 var(--ink);padding:18px 18px 14px;font-family:Pixelify Sans,sans-serif}#dialogue[hidden]{display:none}#dialogue .who{position:absolute;left:18px;top:-16px;background:var(--taxi);border:3px solid var(--ink);border-radius:999px;padding:2px 14px 3px;font:16px Silkscreen,monospace}#dialogue .line{margin:2px 0 10px;font-size:18px;line-height:1.4;min-height:2.8em}#dialogue .replies{display:flex;flex-wrap:wrap;gap:6px}#dialogue .replies button{border:2px solid var(--ink);border-radius:999px;background:#fff;color:var(--ink);padding:6px 12px;font-size:15px}#dialogue .replies button[aria-selected=true]{background:var(--taxi)}body.touch #dialogue{bottom:auto;top:calc(96px + env(safe-area-inset-top))}
