:root{--paper:#f7f7f0;--ink:#192738;--cyan:#57dcea;--muted:#5c6870;--line:#ccd0ca;--yellow:#f4e775;--purple:#ad98d8;--coral:#ed9885;font-family:"Yu Gothic", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;position:relative}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}button{border:0}a:focus-visible,button:focus-visible{outline:3px solid #3155c8;outline-offset:5px}::selection{background:var(--cyan);color:var(--ink)}.wrap{width:min(1184px,calc(100% - 96px));margin-inline:auto}.skip{position:absolute;top:-100px;left:20px;z-index:100;background:var(--cyan);padding:16px}.skip:focus{top:10px}.header{display:flex;align-items:center;gap:40px;min-height:108px;border-bottom:1px solid var(--ink)}.brand{display:flex;align-items:center;gap:12px;font-size:21px;font-weight:900;letter-spacing:-.7px}.brand img{border-radius:50%;object-fit:cover}.brand-sub{display:block;font-size:11px;font-weight:500;letter-spacing:1px;margin-top:2px}.header nav{display:flex;gap:30px;margin-left:auto}.header nav a{display:grid;align-items:center;min-height:48px;font-size:14px;font-weight:700}.header nav a:hover,.header nav a[aria-current]{text-decoration:underline;text-underline-offset:9px;text-decoration-color:var(--cyan);text-decoration-thickness:3px}.header-join{min-width:108px;min-height:48px;background:var(--ink);color:var(--paper);display:flex;justify-content:space-between;align-items:center;padding:12px 20px;font-weight:700;border-radius:3px}.header-join:hover{background:#294762}.eyebrow{font-size:13px;font-weight:700;letter-spacing:1px}.mono{font-family:Consolas,monospace;font-size:12px}.join-button{display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--cyan);border:1.5px solid var(--ink);box-shadow:4px 4px 0 var(--ink);min-height:70px;width:min(100%,370px);padding:18px 25px;font-weight:800;border-radius:3px;transition:transform .18s,box-shadow .18s}.join-button>span:last-child{font-size:29px;font-weight:400}.join-button:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}footer{border-top:1px solid var(--ink);min-height:116px;display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-brand{font-size:17px;font-weight:800}.footer-brand>span{display:block;font-size:12px;font-weight:400;margin-top:7px}.footer-meta{display:flex;align-items:center;gap:20px}.footer-meta button{font-size:12px;background:transparent;min-height:44px;text-decoration:underline;text-underline-offset:4px}.footer-meta>a{min-width:44px;min-height:44px;display:grid;place-items:center;border:1px solid var(--line)}.announcement{position:absolute;top:114px;left:50%;transform:translateX(-50%);max-width:90%;padding:12px 20px;background:var(--ink);color:var(--paper);z-index:50;pointer-events:none;border-radius:4px;font-size:14px;opacity:0}.announcement.show{opacity:1}#slime-layer{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:20}.owner-slime{position:absolute;top:0;left:0;pointer-events:none;user-select:none;will-change:transform}.owner-slime img{width:100%;height:auto;display:block;pointer-events:none}.owner-slime.facing-left img{transform:scaleX(-1)}.slime-speech{position:absolute;bottom:calc(100% + 7px);left:50%;transform:translateX(-50%);white-space:nowrap;background:var(--ink);color:white;font-size:12px;padding:5px 9px;border-radius:5px;opacity:0}.owner-slime.noticed .slime-speech{opacity:1}.null-mode{--paper:#edf9f6;--cyan:#b7ee72}.null-mode .sticker{background:var(--purple)}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.header{gap:15px;flex-wrap:wrap;padding-block:20px;min-height:120px}.brand{font-size:18px}.brand-sub{font-size:10px}.header nav{order:3;width:100%;margin:0;justify-content:center;gap:42px}.header nav a{min-height:36px}.header-join{margin-left:auto;min-width:86px;padding:12px;min-height:44px}footer{padding-block:28px;align-items:flex-start;flex-direction:column}.footer-meta{width:100%;justify-content:space-between;gap:12px}.announcement{top:170px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}