@font-face{font-family:Pixelify Sans;src:url(/fonts/pixelify-var.woff2) format("woff2-variations");font-weight:400 700;font-style:normal;font-display:swap}@font-face{font-family:Silkscreen;src:url(/fonts/silkscreen-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Silkscreen;src:url(/fonts/silkscreen-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--paper:#efe9dd;--paper-lit:#f7f2e8;--ink:#14110f;--ink-soft:#4a443c;--crab:#d6391f;--crab-dark:#a82a15;--link:#1a1ae6;--visited:#551a8b;--rule:#14110f;--sunk:#cdc5b4;--display:"Pixelify Sans","Courier New",monospace;--chrome:"Silkscreen","Courier New",monospace;--body:ui-monospace,"Cascadia Mono","Courier New",monospace;--col:40rem}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;padding:0;background-color:var(--paper);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3CfeColorMatrix values='0 0 0 0 0.05 0 0 0 0 0.04 0 0 0 0 0.02 0 0 0 0.055 0'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E");color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.65}.page{max-width:var(--col);margin:0 auto;padding:1.5rem 1.15rem 3rem}hr{border:0;border-top:2px solid var(--rule);margin:1.75rem 0}hr.thin{border-top-width:1px;opacity:.45}h1,h2,h3{font-family:var(--display);font-weight:400;line-height:1.25;margin:0 0 .6rem;letter-spacing:.01em}h1{font-size:clamp(1.35rem,5.5vw,1.9rem)}h2{font-size:clamp(1.1rem,4.5vw,1.4rem);display:flex;align-items:center;gap:.6rem}h3{font-size:1rem;margin-top:1.6rem}p{margin:0 0 1rem}a{color:var(--link);text-decoration:underline}a:visited{color:var(--visited)}a:hover{color:var(--crab)}a:focus-visible{outline:2px solid var(--crab);outline-offset:2px}.small,small{font-size:.82rem;line-height:1.5}.dim,blockquote{color:var(--ink-soft)}blockquote{margin:1.25rem 0;padding:.2rem 0 .2rem 1rem;border-left:4px solid var(--crab)}code{font-family:var(--body);background:var(--sunk);padding:.05em .35em}.masthead{text-align:center;padding:.5rem 0 0}.wordmark{font-family:var(--display);font-size:clamp(2.6rem,13vw,4.5rem);line-height:1;margin:1rem 0 0;letter-spacing:.02em}.wordmark .net{color:var(--crab)}.wordmark-rule{border:0;border-top:3px solid var(--ink);margin:.4rem auto .75rem;max-width:22ch}.tagline{font-family:var(--display);font-size:clamp(.85rem,3.4vw,1.05rem);line-height:1.6;margin:0 0 .5rem}.navlist{list-style:none;margin:0;padding:0 0 0 .5rem}.navlist li{display:flex;align-items:baseline;flex-wrap:wrap;gap:.2rem .7rem;margin:.55rem 0}.navlist a{font-family:var(--display);font-size:1.05rem}.navlist .note{font-size:.78rem;color:var(--ink-soft)}.crab-stage{display:flex;flex-direction:column;align-items:center;gap:.5rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;max-width:100%}.crab-stage>*{min-width:0;max-width:100%}.crab-button{background:none;border:0;padding:.5rem;margin:0;cursor:pointer;line-height:0;touch-action:manipulation;transition:transform 90ms steps(2)}.crab-button:active{transform:translateY(2px)}.crab-button:focus-visible{outline:2px dashed var(--crab);outline-offset:4px}.crab-wrap{position:relative;display:inline-block}.bubble{position:absolute;font-size:.85rem;pointer-events:none;animation:rise .9s ease-out forwards}@keyframes rise{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-70px) scale(1.4)}}@media (prefers-reduced-motion:reduce){.bubble{display:none}.crab-button{transition:none}}.pet-readout{font-family:var(--chrome);font-size:.8rem;text-align:center;line-height:1.9}.pet-readout,.pet-readout>div{max-width:100%}.odometer{display:inline-flex;gap:1px;background:var(--ink);padding:2px;border:1px solid var(--ink);vertical-align:middle}.odometer span{font-family:var(--chrome);background:#000;color:#4dff4d;padding:1px 3px;min-width:1.05em;text-align:center;font-size:.9rem}.odometer span.comma{min-width:auto;padding:1px;color:#2a8f2a}.meter{font-family:var(--chrome);letter-spacing:-.05em;color:var(--crab)}.box{border:2px solid var(--ink);padding:.9rem 1rem;margin:1.25rem 0;background:var(--paper-lit)}.box h3{margin-top:0}.notepad-badge{font-family:var(--chrome);font-size:.78rem;border:2px solid var(--ink);padding:.4rem .6rem;text-align:center;line-height:1.5;background:var(--paper-lit);flex:0 0 auto}.colophon{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.footer{text-align:center;font-size:.8rem;line-height:1.8}.ticker{overflow:hidden;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:.35rem 0;white-space:nowrap;font-size:.8rem}.ticker-track{display:inline-block;padding-left:100%;animation:scroll-left 38s linear infinite}@keyframes scroll-left{to{transform:translateX(-100%)}}@media (prefers-reduced-motion:reduce){.ticker-track{animation:none;padding-left:0;white-space:normal}}label{display:block;font-family:var(--chrome);font-size:.8rem;margin:.85rem 0 .25rem}input[type=email],input[type=text],input[type=url],textarea{width:100%;font-family:var(--body);font-size:.95rem;padding:.45rem .5rem;border:2px inset var(--sunk);background:#fff;color:var(--ink)}textarea{resize:vertical;min-height:6rem}button.btn,input[type=submit]{font-family:var(--chrome);font-size:.9rem;padding:.5rem 1.1rem;background:var(--sunk);color:var(--ink);border:2px outset #fff;cursor:pointer;margin-top:1rem}button.btn:active,input[type=submit]:active{border-style:inset}.honey{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.error{border:2px solid var(--crab);background:#fdeae6;padding:.6rem .8rem;margin:1rem 0;font-size:.9rem}.entry{border-top:1px solid var(--sunk);padding:1.1rem 0 .4rem}.entry-head{font-family:var(--chrome);font-size:.82rem;display:flex;flex-wrap:wrap;gap:.5rem;align-items:baseline}.entry-body{margin:.5rem 0 .6rem;overflow-wrap:anywhere}.stamp{font-family:var(--chrome);font-size:.72rem;color:var(--ink-soft);display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.stamp .bar{color:var(--crab);letter-spacing:-.05em}.tank{position:relative;height:420px;border:3px solid var(--ink);--waterline:55%;background:linear-gradient(#cfe6ef 0,#a9d3e2 var(--waterline),#d8c8a4 var(--waterline),#c6b48c 100%);transition:background 1.2s linear;overflow:hidden;margin:1.25rem 0}.tank-crab{position:absolute;animation-name:wander;animation-timing-function:linear;animation-iteration-count:infinite;will-change:transform;background:none;border:0;cursor:pointer;line-height:0;touch-action:manipulation}.tank-crab:focus-visible{outline:2px solid #fff;outline-offset:3px}.tank.is-frozen .tank-crab,.tank:hover .tank-crab{animation-play-state:paused!important}.tank-crab{padding:7px;margin:-7px}.tank-crab:focus-visible,.tank-crab:hover{z-index:400!important}.tank-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap;margin-bottom:.4rem}.tank-toolbar .btn{margin-top:0;font-size:.7rem;padding:.3rem .7rem}.tank-crab.is-selected{filter:drop-shadow(0 0 0 #fff) drop-shadow(0 0 3px #fff)}.crab-tag{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);margin-bottom:3px;font-family:var(--chrome);font-size:.6rem;line-height:1.4;white-space:nowrap;background:var(--paper-lit);color:var(--ink);border:1px solid var(--ink);padding:1px 4px;pointer-events:none}.tank-crab.is-selected .crab-tag{background:var(--ink);color:var(--paper-lit)}.tank-empty{position:absolute;inset:0;display:grid;place-items:center;text-align:center;margin:0}.crab-card{min-height:5.5rem}.mine-badge{font-family:var(--chrome);font-size:.6rem;background:var(--crab);color:#fff;padding:1px 5px;margin-left:.4rem;vertical-align:middle}.resident-list{list-style:none;margin:.5rem 0 0;padding:0}.resident-list li{margin:0}.resident{display:flex;align-items:baseline;flex-wrap:wrap;gap:.2rem .5rem;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid var(--sunk);padding:.5rem .3rem;font:inherit;font-size:.85rem;color:inherit;cursor:pointer}.resident.is-selected,.resident:hover{background:var(--paper-lit)}.resident.is-selected{outline:2px solid var(--crab);outline-offset:-2px}.resident-dot{width:.7rem;height:.7rem;flex:0 0 auto;border:1px solid var(--ink);align-self:center}@keyframes wander{0%{transform:translateX(0) scaleX(1)}49%{transform:translateX(var(--range)) scaleX(1)}50%{transform:translateX(var(--range)) scaleX(-1)}99%{transform:translateX(0) scaleX(-1)}to{transform:translateX(0) scaleX(1)}}@media (prefers-reduced-motion:reduce){.tank-crab{animation:none}}.center{text-align:center}.stack>*+*{margin-top:.6rem}.crumb{font-family:var(--chrome);font-size:.78rem;margin-bottom:1rem}.skip{position:absolute;left:-9999px}.skip:focus{position:static;display:inline-block;margin:.5rem}@media (max-width:480px){body{font-size:15px}.tank{height:320px}.odometer span{padding:1px 2px}.odometer span,.pet-readout{font-size:.72rem}}.itch{position:absolute;width:16px;height:16px;margin:-8px 0 0 -8px;border:2px solid #fff36b;background:rgba(255,243,107,.35);border-radius:50%;pointer-events:none;animation:itch-pulse .7s steps(2) infinite}@keyframes itch-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.45);opacity:.55}}.bonus-flash{position:absolute;left:50%;top:30%;transform:translateX(-50%);font-family:var(--chrome);font-size:1.5rem;color:#e8b800;-webkit-text-stroke:1px var(--ink);pointer-events:none;animation:rise 1.2s ease-out forwards}@media (prefers-reduced-motion:reduce){.bonus-flash,.itch{animation:none}}.crab-name{font-family:var(--display);font-size:1.05rem;color:var(--ink);line-height:1.3;margin-bottom:.15rem}.ranks{list-style:none;margin:0;padding:0;counter-reset:rank}.rank{display:flex;align-items:center;gap:.7rem;padding:.45rem .4rem;border-bottom:1px solid var(--sunk)}.rank.is-me{background:var(--paper-lit);outline:2px solid var(--crab);outline-offset:-2px}.rank-n{font-family:var(--chrome);font-size:.85rem;min-width:2.2ch;text-align:right;color:var(--ink-soft);flex:0 0 auto}.rank-name{flex:1 1 auto;min-width:0;overflow-wrap:anywhere}.rank-pets{font-family:var(--chrome);font-size:.85rem;flex:0 0 auto}.admin-list{list-style:none;margin:.5rem 0 0;padding:0}.admin-list li{display:flex;align-items:baseline;flex-wrap:wrap;gap:.3rem .7rem;padding:.45rem .3rem;border-bottom:1px solid var(--sunk);font-size:.85rem}.admin-name{flex:1 1 12rem;min-width:0;overflow-wrap:anywhere}.admin-list .is-hidden-row,.admin-list li.is-hidden-row{opacity:.55;text-decoration:line-through}.admin-row-form{display:flex;align-items:center;gap:.4rem;margin:0;flex:0 0 auto}.tank-toolbar-btns{display:flex;gap:.35rem;flex-wrap:wrap}.flotsam{position:absolute;background:none;border:0;padding:2px;line-height:0;cursor:pointer;z-index:1;filter:drop-shadow(0 1px 0 rgba(90,70,40,.5))}.flotsam.is-selected{outline:2px solid var(--crab);outline-offset:-1px;z-index:400}@keyframes startle{0%,to{transform:translate(0) rotate(0deg)}20%{transform:translate(-3px,-2px) rotate(-8deg)}45%{transform:translate(3px,-1px) rotate(9deg)}70%{transform:translate(-2px) rotate(-5deg)}}.tank-crab.is-pinched svg{animation:startle .42s steps(4) 3;transform-origin:50% 70%}@keyframes bob{0%,to{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-5px) rotate(6deg)}}.tank.is-rave{animation:rave-water 1.4s steps(6) infinite}@keyframes rave-water{0%{filter:hue-rotate(0deg) saturate(1.6)}to{filter:hue-rotate(1turn) saturate(1.6)}}.tank.is-rave .tank-crab svg{animation:bob .46s ease-in-out infinite;transform-origin:50% 80%}.tank.is-rave .tank-crab:nth-child(3n) svg{animation-delay:.15s}.tank.is-rave .tank-crab:nth-child(3n+1) svg{animation-delay:.3s}@media (prefers-reduced-motion:reduce){.tank-crab.is-pinched svg,.tank.is-rave,.tank.is-rave .tank-crab svg{animation:none}}.visually-hidden{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.chat-log{list-style:none;margin:1rem 0 .6rem;padding:.5rem .6rem;height:340px;overflow-y:auto;overflow-x:hidden;border:2px inset var(--sunk);background:var(--paper-lit);font-size:.85rem;overscroll-behavior:contain}.chat-log li{margin:0 0 .3rem;overflow-wrap:anywhere}.chat-log li.is-mine .chat-who{color:var(--crab)}.chat-who{font-family:var(--chrome);font-size:.62rem;text-transform:uppercase;margin-right:.45rem}.chat-who:after{content:":"}.chat-said{line-height:1.5}.chat-form{display:flex;gap:.4rem;align-items:stretch;margin:0}.chat-form input[type=text]{flex:1 1 6rem;min-width:0;margin:0}.chat-form .btn{flex:0 0 auto}.crabometer{margin:1rem 0 .6rem}.crabometer-head{margin:0 0 .5rem;font-family:var(--chrome);font-size:.62rem;text-transform:uppercase}.crabometer-bar{display:flex;align-items:center;gap:2px;flex-wrap:wrap}.crabometer-bar .seg{width:10px;height:16px;flex:0 0 auto;border:1px solid var(--ink);background:var(--paper)}.crabometer-bar .seg.is-lit{background:var(--crab)}.crabometer-pct{font-family:var(--chrome);font-size:.72rem;margin-left:.5rem}.crabometer-verdict{font-family:var(--chrome);font-size:.6rem;margin:.55rem 0 0;color:var(--crab);overflow-wrap:anywhere}.crabometer-parts{list-style:none;margin:.6rem 0 0;padding:0;font-size:.8rem}.crabometer-parts li{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap}.crabometer-key{font-family:var(--chrome);font-size:.58rem;min-width:5.5rem}.crabometer-num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;min-width:2.6rem;text-align:right}.countdown{margin:.7rem 0 0;text-align:center;font-size:.85rem}.countdown-value{font-family:var(--chrome);font-size:.78rem;background:var(--ink);color:var(--paper);padding:3px 6px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;display:inline-block}.countdown-label{display:block;margin-top:.3rem}.width-nag{border:2px solid var(--crab);background:var(--paper-lit);padding:.6rem .7rem;margin:0 0 1rem;font-size:.82rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.width-nag .btn{margin-left:auto;flex:0 0 auto}@keyframes hermit-cross{0%{transform:translateX(-14%) scaleX(1)}to{transform:translateX(760%) scaleX(1)}}.hermit{position:absolute;left:-6%;bottom:2%;z-index:2;padding:4px;line-height:0;background:none;border:0;cursor:pointer;animation-name:hermit-cross;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:forwards;filter:drop-shadow(0 1px 0 rgba(90,70,40,.45))}.hermit.is-spotted{outline:2px solid var(--crab);outline-offset:-2px}.sand-writing{position:absolute;z-index:1;background:none;border:0;padding:2px 3px;cursor:pointer;font-family:var(--chrome);font-size:.58rem;letter-spacing:.12em;color:#8e7748;text-shadow:0 1px 0 rgba(255,250,235,.55);transform:rotate(var(--tilt,0deg));white-space:nowrap}.sand-writing.is-selected,.sand-writing:hover{color:var(--crab)}@keyframes salute{0%,to{transform:translateY(0) rotate(0deg)}40%{transform:translateY(-6px) rotate(-10deg)}60%{transform:translateY(-6px) rotate(10deg)}}.tank.is-saluting .tank-crab svg{animation:salute .9s ease-in-out 1;transform-origin:50% 80%}.tank.is-saluting .tank-crab:nth-child(4n+1) svg{animation-delay:.08s}.tank.is-saluting .tank-crab:nth-child(4n+2) svg{animation-delay:.16s}.tank.is-saluting .tank-crab:nth-child(4n+3) svg{animation-delay:.24s}@media (prefers-reduced-motion:reduce){.hermit{animation-duration:30s}.tank.is-saluting .tank-crab svg{animation:none}}