/* Paper HOME skins (illustrated-fleet / notebook): interactive paper and pen controls. No layout or interaction changes. */
:is([data-skin="notebook"],[data-skin="illustrated-fleet"]) .zaruba-home{
 --home-control-shadow:color-mix(in srgb,var(--home-ink-primary) 14%,transparent);
 --home-control-edge:color-mix(in srgb,var(--home-ink-primary) 65%,var(--home-paper));
 --home-radar-dark:#17233d;
 --home-radar-mid:#34445c;
 --home-radar-grid:#73849f;
 --home-radar-sweep:#8999af;
 --home-radar-light:#c2ccd9;
}
/* Reusable double pen-line treatment for the existing native controls. */
:is([data-skin="notebook"],[data-skin="illustrated-fleet"]) .zaruba-home .home-create,
:is([data-skin="notebook"],[data-skin="illustrated-fleet"]) .zaruba-home .home-join button,
:is([data-skin="notebook"],[data-skin="illustrated-fleet"]) .zaruba-home .home-join input,
:is([data-skin="notebook"],[data-skin="illustrated-fleet"]) .zaruba-home #home-settings-toggle{
 position:relative;
 border:2px solid var(--home-ink-strong);
 border-radius:2px 5px 3px 4px;
 background-color:var(--home-paper);
 background-image:repeating-linear-gradient(113deg,transparent 0 7px,color-mix(in srgb,var(--home-ink-primary) 3%,transparent) 7px 8px,transparent 8px 14px);
 color:var(--home-ink-strong);
 box-shadow:inset 0 0 0 3px var(--home-paper),inset 0 0 0 4px var(--home-control-edge),2px 3px 0 var(--home-control-shadow);
 transition:background-color .12s,color .12s,transform .08s;
}
:is([data-skin="notebook"],[data-skin="illustrated-fleet"]) .zaruba-home .home-create{
 font-family:ZarubaHand,"Segoe Print",cursive;
 font-size:29px;
 font-weight:700;
 letter-spacing:.015em;
 background-color:var(--home-paper);
 color:var(--home-ink-strong);
}
:is([data-skin="notebook"],[data-skin="illustrated-fleet"]) .zaruba-home .home-create::after,
:is([data-skin="notebook"],[data-skin="illustrated-fleet"]) .zaruba-home #home-settings-toggle::after{
 content:"";position:absolute;inset:1px 2px 2px 1px;border:1px solid var(--home-ink-primary);border-radius:4px 2px 5px 2px;opacity:.3;pointer-events:none;
}
:is([data-skin="notebook"],[data-skin="illustrated-fleet"]) .zaruba-home .home-join :is(input,button){font-family:ZarubaHand,"Segoe Print",cursive;font-size:24px;font-weight:700}
:is([data-skin="notebook"],[data-skin="illustrated-fleet"]) .zaruba-home .home-join input{letter-spacing:.12em}
:is([data-skin="notebook"],[data-skin="illustrated-fleet"]) .zaruba-home .home-join input::placeholder{font-family:inherit;font-weight:500}
:is([data-skin="notebook"],[data-skin="illustrated-fleet"]) .zaruba-home :is(.home-create,.home-join button):hover{
 background:var(--home-ink-strong);color:var(--home-paper);border-color:var(--home-ink-strong);
 box-shadow:inset 0 0 0 3px var(--home-ink-strong),inset 0 0 0 4px var(--home-ink-faint),2px 3px 0 var(--home-control-shadow);filter:none;transform:none;
}
:is([data-skin="notebook"],[data-skin="illustrated-fleet"]) .zaruba-home :is(.home-create,.home-join button,#home-settings-toggle):active{transform:translate(1px,2px);box-shadow:inset 0 0 0 3px var(--home-paper),inset 0 0 0 4px var(--home-control-edge)}
:is([data-skin="notebook"],[data-skin="illustrated-fleet"]) .zaruba-home :is(.home-actions button,.home-actions input,.home-settings button,.home-settings a,.home-footer a):focus-visible{outline:3px solid var(--home-focus);outline-offset:4px}
:is([data-skin="notebook"],[data-skin="illustrated-fleet"]) .home-or{font-family:ZarubaHand,"Segoe Print",cursive;font-size:19px;line-height:15px}
:is([data-skin="notebook"],[data-skin="illustrated-fleet"]) .home-or span{height:5px;background:transparent url('../assets/home/ink-stroke.svg?v=1.17.3') center/100% 100% no-repeat;opacity:.7}
:is([data-skin="notebook"],[data-skin="illustrated-fleet"]) .home-underline{background:url('../assets/home/ink-stroke.svg?v=1.17.3') center/100% 100% no-repeat}
:is([data-skin="notebook"],[data-skin="illustrated-fleet"]) .home-underline path{opacity:0}
:is([data-skin="notebook"],[data-skin="illustrated-fleet"]) .zaruba-home #home-settings-toggle:hover{background-color:var(--home-wash)!important;filter:none}
/* A sheet with two ink edges, rather than a floating dropdown card. */
:is([data-skin="notebook"],[data-skin="illustrated-fleet"]) .zaruba-home #home-settings-panel{
 border:2px solid var(--home-ink-primary);border-radius:2px 4px 3px 2px;
 background-color:var(--home-paper);
 background-image:repeating-linear-gradient(0deg,transparent 0 23px,color-mix(in srgb,var(--home-ink-faint) 13%,transparent) 23px 24px);
 box-shadow:inset 0 0 0 4px var(--home-paper),inset 0 0 0 5px var(--home-control-edge),3px 3px 0 var(--home-control-shadow);
}
:is([data-skin="notebook"],[data-skin="illustrated-fleet"]) .zaruba-home #home-settings-panel :is(button,a){font-family:ZarubaHand,"Segoe Print",cursive;font-size:23px;line-height:26px;font-weight:600;border-radius:0}
:is([data-skin="notebook"],[data-skin="illustrated-fleet"]) .zaruba-home #home-settings-panel hr{height:2px;border:0;background:url('../assets/home/ink-stroke.svg?v=1.17.3') center/100% 100% no-repeat;opacity:.45}
:is([data-skin="notebook"],[data-skin="illustrated-fleet"]) .settings-caption{font-family:ZarubaHand,"Segoe Print",cursive;font-size:15px;letter-spacing:.12em}
/* Engraved frame with restrained screen phosphor; geometry/animation untouched. */
:is([data-skin="notebook"],[data-skin="illustrated-fleet"]) .home-radar{filter:drop-shadow(1px 2px 0 var(--home-control-shadow))}
:is([data-skin="notebook"],[data-skin="illustrated-fleet"]) .radar-frame{stroke:var(--home-ink-strong);stroke-width:2.5;stroke-dasharray:310 1 210 1}
:is([data-skin="notebook"],[data-skin="illustrated-fleet"]) .radar-blips{filter:drop-shadow(0 0 1px color-mix(in srgb,var(--home-radar-light) 25%,transparent))}
:is([data-skin="notebook"],[data-skin="illustrated-fleet"]) .home-footer{color:var(--home-ink-muted)}
@media(max-width:650px){
 :is([data-skin="notebook"],[data-skin="illustrated-fleet"]) .zaruba-home .home-create{font-size:26px}
 :is([data-skin="notebook"],[data-skin="illustrated-fleet"]) .zaruba-home .home-join :is(input,button){font-size:22px}
}
@media(max-width:360px){:is([data-skin="notebook"],[data-skin="illustrated-fleet"]) .zaruba-home .home-join button{font-size:20px}}
@media(prefers-reduced-motion:reduce){:is([data-skin="notebook"],[data-skin="illustrated-fleet"]) .zaruba-home .home-create,
:is([data-skin="notebook"],[data-skin="illustrated-fleet"]) .zaruba-home .home-join button,
:is([data-skin="notebook"],[data-skin="illustrated-fleet"]) .zaruba-home .home-join input,
:is([data-skin="notebook"],[data-skin="illustrated-fleet"]) .zaruba-home #home-settings-toggle{transition:none}}