.tot-door-icon{--icon-primary: var(--color-primary, currentColor);--icon-secondary: var(--color-secondary, currentColor);--icon-secondary-opacity: .55;width:1em;height:1em;vertical-align:-.125em;flex:none}.tot-door{--tot-door-ink: var(--color-primary, currentColor);display:inline-grid;place-items:center;width:3.4rem;height:4.4rem;flex:none;border-radius:1.7rem 1.7rem 6px 6px;border:2px solid color-mix(in srgb,var(--tot-door-ink) 45%,transparent);background:color-mix(in srgb,var(--tot-door-ink) 12%,transparent);transform-origin:12% 50%;vertical-align:middle}.tot-door .tot-door-icon{width:1.7rem;height:1.7rem}.tot-door--mine{width:4.6rem;height:6rem;border-radius:2.3rem 2.3rem 6px 6px}.tot-door--mine .tot-door-icon{width:2.3rem;height:2.3rem}.tot-door--profile{width:2.6rem;height:3.4rem}.tot-door--profile .tot-door-icon{width:1.3rem;height:1.3rem}.tot-door--locked{border-style:dashed}.tot-mine{display:flex;gap:1rem;align-items:center}.tot-mine h2{margin:0 0 .25rem}.tot-mine p{margin:0}.tot-message{font-weight:700;margin-top:.4rem!important}.tot-picker-form{margin:0}.tot-picker{border:1px solid color-mix(in srgb,currentColor 20%,transparent);border-radius:8px;padding:.75rem;margin:.75rem 0 0;min-width:0;text-align:left}.tot-picker legend{font-weight:700;padding-inline:.3rem;width:auto;font-size:1rem;margin:0}.tot-picker:disabled .tot-picker-grid,.tot-picker:disabled .tot-picker-save{opacity:.5}.tot-lock-note{font-weight:700;margin:0 0 .5rem}.tot-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(5.2rem,1fr));gap:.4rem}.tot-pick{position:relative;display:grid;justify-items:center;gap:.25rem;padding:.5rem .25rem;border:1px solid transparent;border-radius:8px;cursor:pointer;font-size:.82rem;font-weight:400;text-align:center;margin:0}.tot-pick .tot-door-icon{width:1.8rem;height:1.8rem}.tot-pick input{position:absolute;opacity:0;pointer-events:none}.tot-pick:hover{border-color:color-mix(in srgb,currentColor 25%,transparent)}.tot-pick:has(input:checked){border-color:var(--color-primary, currentColor);background:color-mix(in srgb,var(--color-primary, currentColor) 10%,transparent);font-weight:700}.tot-pick:has(input:focus-visible){outline:2px solid var(--color-primary, currentColor);outline-offset:2px}.tot-picker:disabled .tot-pick{cursor:not-allowed}.tot-picker-save{margin-top:.75rem}.tot-door-page{display:grid;gap:.5rem;max-width:40rem;margin-inline:auto;padding:1rem}.tot-links{margin-top:.75rem}.tot-result-picker{max-width:40rem;margin:1rem auto 0}.tot-knock .tot-door-icon{width:1.2em;height:1.2em}.tot-profile-link{display:inline-block;text-align:center}.tot-owner{flex-direction:column;align-items:stretch}.tot-trick{display:grid;justify-items:center;gap:.5rem;margin:.75rem 0}.tot-trick p{margin:0;max-width:32rem}.tot-swap-doors{display:flex;gap:2.5rem;justify-content:center}.tot-swap-doors figure{display:grid;justify-items:center;gap:.3rem;margin:0}.tot-swap-doors figcaption{font-size:.85rem}@media(prefers-reduced-motion:no-preference){.tot-door--landed .tot-door-icon{animation:tot-land .45s cubic-bezier(.3,1.6,.5,1)}}@keyframes tot-land{0%{scale:.5;opacity:.2}to{scale:1;opacity:1}}.tot-page{display:grid;gap:.75rem;max-width:44rem;margin-inline:auto;padding:1rem;text-align:center}.tot-page h1{margin:0 0 .25rem;font-size:1.4rem}.tot-page p{margin:0}.tot-page .tot-mine{justify-content:center;text-align:left}.tot-item{margin:0;display:grid;justify-items:center;gap:.3rem}.tot-hex-avatar{max-width:100%;max-height:18rem;height:auto;width:auto}.tot-visit,.tot-street{--tot-night: color-mix(in srgb, var(--color-base-content) 88%, var(--color-primary));--tot-night-ink: var(--color-base-100)}[data-content=dark] .tot-visit,[data-content=dark] .tot-street{--tot-night: color-mix(in srgb, var(--color-base-100) 88%, var(--color-primary));--tot-night-ink: var(--color-base-content)}.tot-visit{--tot-glow: var(--color-warning);display:grid;grid-template-columns:auto minmax(0,1fr);gap:1.25rem;align-items:center;text-align:left}.tot-visit--hexed{--tot-glow: var(--color-success)}.tot-visit-door{margin:0;display:grid;justify-items:center;gap:.4rem}.tot-doorway{position:relative;width:11rem;max-width:100%;aspect-ratio:3 / 4.4;perspective:700px;border-radius:5.5rem 5.5rem 6px 6px;border:6px solid color-mix(in srgb,var(--color-primary) 55%,var(--tot-night));background:var(--tot-night);overflow:hidden}.tot-doorway-inside{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:end center;background:radial-gradient(circle at 50% 35%,var(--tot-glow) 0,color-mix(in srgb,var(--tot-glow) 40%,var(--tot-night)) 45%,var(--tot-night) 80%)}.tot-doorway-host{width:100%;height:92%;object-fit:contain;object-position:bottom}.tot-doorway-panel{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;transform-origin:0 50%;transform:rotateY(-104deg);background:color-mix(in srgb,var(--color-primary) 55%,var(--tot-night))}.tot-doorway-panel .tot-door-icon{--icon-primary: var(--tot-glow);--icon-secondary: var(--color-base-100);--icon-secondary-opacity: .35;width:42%;height:auto}.tot-doorway-knob{position:absolute;right:12%;top:55%;width:9px;height:9px;border-radius:50%;background:var(--tot-glow)}.tot-host{display:grid;gap:.55rem;min-width:0;justify-items:start}.tot-host p{margin:0}.tot-host-name{margin:0;font-size:1.6rem;line-height:1.1}.tot-knock-line{font-style:italic}.tot-facts{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem}.tot-facts li{font-size:.82rem;border:1px solid var(--color-base-300);border-radius:999px;padding:.1rem .6rem;background:var(--color-base-200)}.tot-loot{display:grid;justify-items:center;gap:.5rem;padding:.75rem;border-radius:8px;border:1px solid var(--color-base-300);background:color-mix(in srgb,var(--color-primary) 8%,var(--color-base-100));text-align:center;width:100%}.tot-loot .tot-trick{margin:0}@media(max-width:40rem){.tot-visit{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center}.tot-host{justify-items:center}}@media(prefers-reduced-motion:no-preference){.tot-doorway-panel{animation:tot-door-open .85s cubic-bezier(.3,.7,.3,1) both}.tot-reveal{animation:tot-reveal .25s ease-out .55s both}.tot-reveal--2{animation-delay:.7s}.tot-reveal--3{animation-delay:.85s}}@keyframes tot-door-open{0%,35%{transform:rotateY(0) translate(0)}8%{transform:rotateY(-2deg) translate(-2px)}16%{transform:rotateY(0) translate(2px)}24%{transform:rotateY(0) translate(-1px)}to{transform:rotateY(-104deg) translate(0)}}@keyframes tot-reveal{0%{opacity:0;translate:0 6px}}.tot-house-actions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.tot-howto{text-align:left}.tot-howto h2{margin:0;font-size:1.15rem}.tot-howto ol{margin:0;padding-left:1.4rem;display:grid;gap:.4rem}.tot-street{position:relative;display:grid;gap:1rem;padding:1.4rem 1rem 0;border-radius:8px;overflow:hidden;background:color-mix(in srgb,var(--tot-night) 80%,var(--color-primary));color:var(--tot-night-ink)}.tot-street:after{content:"";position:absolute;inset:auto 0 0;height:14px;background:var(--tot-night)}.tot-street-row{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.4rem;align-items:end;position:relative}.tot-home{justify-self:center;width:100%;max-width:4.2rem;aspect-ratio:4 / 5;display:grid;place-items:center;border-radius:40% 40% 0 0;background:var(--tot-night)}.tot-home:nth-child(2n){aspect-ratio:4 / 6}.tot-home-window{width:38%;aspect-ratio:1;border-radius:3px;background:var(--color-warning);opacity:.3;transition:opacity .08s}.tot-home--lit .tot-home-window{opacity:1}.tot-home--picked .tot-home-window{opacity:1;box-shadow:0 0 0 4px color-mix(in srgb,var(--color-warning) 35%,transparent)}.tot-street-cta{position:relative;display:grid;justify-items:center;gap:.5rem;padding-bottom:1.6rem}.tot-street-cta p{font-size:.9rem}@media(prefers-reduced-motion:reduce){.tot-home-window{transition:none}}.tot-action-form{display:inline;margin:0}.tot-action .tot-door-icon{width:1.2em;height:1.2em;vertical-align:-.2em}.btn-primary .tot-door-icon{--icon-primary: currentColor;--icon-secondary: currentColor}.tot-action--link{background:none;border:0;padding:0;font:inherit;color:var(--color-primary, LinkText);text-decoration:underline;cursor:pointer;text-align:center}.tot-action--link:focus-visible{outline:2px solid currentColor;outline-offset:2px}a.tot-scode.tot-scode{--tot-scode-ink: var(--color-primary, LinkText);--tot-scode-paper: var(--color-base-100, Canvas);--tot-scode-step: color-mix(in srgb, var(--tot-scode-ink) 45%, var(--tot-scode-paper));position:relative;display:inline-flex;align-items:center;box-sizing:border-box;max-width:calc(100% - .75em);margin:.55em .2em .35em .75em;padding:.3em .75em .3em 1.95em;border:1.5px solid var(--tot-scode-step)!important;border-bottom-width:3.5px!important;border-radius:8px;background:color-mix(in srgb,var(--tot-scode-ink) 7%,var(--tot-scode-paper))!important;color:var(--color-base-content, CanvasText)!important;font:inherit;font-style:normal;font-size:.95em;line-height:1.3;text-align:left;text-decoration:none!important;text-shadow:none!important;vertical-align:middle;cursor:pointer;-webkit-tap-highlight-color:transparent}a.tot-scode.tot-scode:hover{border-color:var(--tot-scode-ink)!important;background:color-mix(in srgb,var(--tot-scode-ink) 15%,var(--tot-scode-paper))!important}a.tot-scode.tot-scode:active,a.tot-scode.tot-scode.is-knocking{border-color:var(--tot-scode-ink)!important;border-bottom-width:1.5px!important;padding-bottom:calc(.3em + 2px);background:color-mix(in srgb,var(--tot-scode-ink) 20%,var(--tot-scode-paper))!important}a.tot-scode.tot-scode:focus-visible{outline:2px solid var(--tot-scode-ink);outline-offset:2px}.tot-scode .tot-scode__door{position:absolute;left:-.75em;top:50%;width:2.5em;height:2.5em;margin:0;translate:0 -55%;rotate:-8deg;transform-origin:50% 90%;filter:drop-shadow(1.5px 0 0 var(--tot-scode-paper)) drop-shadow(-1.5px 0 0 var(--tot-scode-paper)) drop-shadow(0 1.5px 0 var(--tot-scode-paper)) drop-shadow(0 -1.5px 0 var(--tot-scode-paper));--icon-primary: color-mix(in srgb, var(--tot-scode-ink) 65%, var(--color-base-content, currentColor));--icon-secondary: var(--icon-primary);--icon-secondary-opacity: .7;pointer-events:none}a.tot-scode.tot-scode :is(.tot-scode__text,.tot-scode__host){min-width:0;color:inherit!important;background:none!important;text-shadow:none!important;font:inherit}a.tot-scode.tot-scode .tot-scode__host{font-weight:700}@media(prefers-reduced-motion:no-preference){a.tot-scode.tot-scode{transition:translate .12s ease-out,border-color .12s,background-color .12s}a.tot-scode.tot-scode:hover{translate:0 -1px}a.tot-scode.tot-scode:active,a.tot-scode.tot-scode.is-knocking{translate:0 2px;transition-duration:.05s}.tot-scode .tot-scode__door{transition:rotate .18s cubic-bezier(.3,1.6,.5,1)}.tot-scode:hover .tot-scode__door,.tot-scode:focus-visible .tot-scode__door{rotate:-16deg}.tot-scode.is-knocking .tot-scode__door{animation:tot-scode-knock .34s ease-out}}@keyframes tot-scode-knock{0%{rotate:-8deg;scale:1}18%{rotate:-20deg;scale:.92}36%{rotate:-4deg;scale:1.04}56%{rotate:-18deg;scale:.94}78%{rotate:-6deg;scale:1.02}to{rotate:-8deg;scale:1}}