/* shared pixel chrome for every erinperry.bot page */
*{box-sizing:border-box}
html,body{margin:0;height:100%;overflow:hidden;background:#ffe9f0;font-family:ui-rounded,"SF Pro Rounded",system-ui,-apple-system,"Segoe UI",sans-serif;color:#3b2a4a;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
canvas.stage{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;touch-action:none;display:block;image-rendering:pixelated}
#topnav{position:fixed;left:0;right:0;top:0;z-index:10;display:flex;align-items:center;gap:10px;padding:6px 10px;padding-top:max(6px,env(safe-area-inset-top));background:#3b2a4a;border-bottom:3px solid #1c1424;font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
#topnav::-webkit-scrollbar{display:none}
#topnav .logo{flex:none;color:#ffd23f;font-weight:800;font-size:15px;text-decoration:none;letter-spacing:.5px;padding:2px 4px;text-shadow:2px 2px 0 #1c1424}
#topnav ul{list-style:none;margin:0;padding:0;display:flex;gap:6px;flex:none}
#topnav a.tab{display:inline-flex;align-items:center;gap:5px;color:#3b2a4a;background:#fff4d6;border:2px solid #1c1424;border-radius:8px;padding:3px 9px;font-size:12px;font-weight:800;text-decoration:none;box-shadow:2px 2px 0 #1c1424;white-space:nowrap}
#topnav a.tab:hover{background:#ffe08a}
#topnav a.tab[aria-current="page"]{background:#ffb3c9;transform:translateY(1px);box-shadow:1px 1px 0 #1c1424}
#topnav a.tab b{font-weight:800}
#topnav a.tab span{font-size:14px;line-height:1}
#hud{position:fixed;left:12px;top:calc(max(6px,env(safe-area-inset-top)) + 48px);z-index:4;pointer-events:none;background:rgba(255,255,255,.86);border:3px solid #3b2a4a;border-radius:14px;padding:6px 12px 7px;box-shadow:4px 4px 0 #3b2a4a;max-width:calc(100vw - 24px)}
#hud h1{margin:0;font-size:20px;letter-spacing:.5px;font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-weight:800}
#hud p{margin:2px 0 0;font-size:12px;opacity:.8}
#hud a{pointer-events:auto;color:#3b2a4a}
#bar{position:fixed;left:50%;transform:translateX(-50%);bottom:max(12px,env(safe-area-inset-bottom));z-index:4;display:flex;gap:6px;background:rgba(255,255,255,.9);border:3px solid #3b2a4a;border-radius:16px;padding:6px;box-shadow:4px 4px 0 #3b2a4a;max-width:calc(100vw - 16px)}
#bar button{font:inherit;font-size:11px;font-weight:700;color:#3b2a4a;background:#fff4d6;border:2px solid #3b2a4a;border-radius:10px;padding:4px 7px;display:flex;flex-direction:column;align-items:center;gap:1px;cursor:pointer;min-width:48px;touch-action:manipulation}
#bar button span{font-size:18px;line-height:1}
#bar button.on{background:#ffb3c9;transform:translateY(1px)}
#bar button:active{transform:translateY(2px)}
#verdict{margin:6px 0 0;display:inline-flex;align-items:center;gap:6px;font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:11px;font-weight:700;line-height:1.25;padding:3px 8px 3px 6px;border:2px solid #3b2a4a;border-radius:8px;background:#fff4d6;max-width:min(320px,calc(100vw - 50px))}
#verdict i{font-style:normal;flex:none;width:10px;height:10px;border:2px solid #3b2a4a;background:#ccc}
#verdict.human{background:#d9f7e4}#verdict.human i{background:#3fcf7a}
#verdict.bot{background:#ffe0e6}#verdict.bot i{background:#ff4f7a}
#verdict.maybe{background:#fff4d6}#verdict.maybe i{background:#ffc44a}
#verdict.pop{animation:vpop .5s steps(4)}
@keyframes vpop{0%{transform:scale(1)}50%{transform:scale(1.12)}100%{transform:scale(1)}}
.ns{position:fixed;inset:40% 10% auto;text-align:center;font-size:18px}
/* 404 */
body.page-404{background:#ffe9f0}
.lost{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:120px 16px 20px;background-image:linear-gradient(45deg,#ffd9e6 25%,transparent 25%,transparent 75%,#ffd9e6 75%),linear-gradient(45deg,#ffd9e6 25%,transparent 25%,transparent 75%,#ffd9e6 75%);background-size:32px 32px;background-position:0 0,16px 16px}
.lost .card{background:#fffaf2;border:3px solid #3b2a4a;border-radius:14px;box-shadow:6px 6px 0 #3b2a4a;padding:18px 22px;text-align:center;max-width:360px;font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace}
.lost svg{width:144px;height:120px;image-rendering:pixelated}
.lost h2{margin:8px 0 4px;font-size:22px}
.lost p{margin:6px 0;font-size:13px}
.lost ul{list-style:none;padding:0;margin:12px 0 0;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.lost ul a{display:inline-block;color:#3b2a4a;background:#fff4d6;border:2px solid #3b2a4a;border-radius:8px;padding:4px 10px;font-weight:800;text-decoration:none;box-shadow:2px 2px 0 #3b2a4a}
@media (max-width:520px){#hud h1{font-size:16px}#hud p{font-size:11px;max-width:230px}#bar{gap:3px;padding:4px}#bar button{min-width:0;padding:3px 5px;font-size:10px}#bar button span{font-size:16px}#verdict{font-size:10px}#topnav .logo{font-size:13px}#topnav a.tab{font-size:11px;padding:3px 7px}#topnav a.tab b.l{display:none}#topnav a.tab::after{content:attr(data-short)}}