@font-face{font-family:Silkscreen;src:url('fonts/Silkscreen-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
:root{font-family:Silkscreen,'Courier New',monospace;color:#202020;background:#fff;font-synthesis:none;--ink:#242424;--accent:#0052ff}*{box-sizing:border-box}body{margin:0;width:100vw;height:100dvh;overflow:hidden}button,input{font:inherit}button{cursor:pointer}button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}#canvas{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none;cursor:grab;outline:none}#canvas.dragging{cursor:grabbing}
.search-overlay{position:fixed;z-index:2;top:24px;left:50%;transform:translateX(-50%);width:286px;max-width:calc(100vw - 40px)}#search-form{display:flex;align-items:center;gap:10px;height:38px;padding:0 12px;border:2px solid var(--ink);border-radius:0;background:#fff}#search-form>svg{width:16px;height:16px;flex-shrink:0;fill:currentColor;color:#484848}#search{width:100%;min-width:0;border:0;border-radius:0;outline:none;background:none;color:#202020;font-size:12px;line-height:1.5;font-kerning:none}#search::placeholder{color:#696969;opacity:1}#search-form:focus-within{border-color:var(--accent)}#search::-webkit-search-cancel-button{-webkit-appearance:none;width:12px;height:12px;margin-left:8px;cursor:pointer;background:linear-gradient(45deg,transparent 42%,#555 42%,#555 58%,transparent 58%),linear-gradient(-45deg,transparent 42%,#555 42%,#555 58%,transparent 58%)}
#results{margin-top:10px;padding:6px;max-height:min(360px,55dvh);overflow:auto;background:#fff;border:2px solid var(--ink);border-radius:0}.result{display:flex;align-items:center;gap:12px;width:100%;padding:7px 10px;border:0;border-radius:0;background:transparent;text-align:left;color:#222;font-size:14px;line-height:1.5}.result img{width:42px;height:42px;object-fit:contain}.result:hover,.result:focus-visible{background:#e7eeff}.empty{margin:0;padding:12px;font-size:14px;color:#777;line-height:1.6}
.controls{position:fixed;z-index:2;right:24px;bottom:24px;display:flex;align-items:center;gap:2px;padding:4px;border:2px solid var(--ink);border-radius:0;background:#fff}.controls button{display:grid;place-items:center;width:40px;height:40px;border:0;background:none;border-radius:0;color:#272727}.controls button:hover{background:#eee}.controls button:active{background:#e7eeff;color:var(--accent);transform:translate(1px,1px)}.controls button:disabled{opacity:.3;cursor:default}.controls svg{width:24px;height:24px;fill:currentColor;stroke:none;shape-rendering:crispEdges}.divider{height:24px;border-left:2px solid #ddd;margin:0 4px}
#notice{position:fixed;left:50%;top:90px;transform:translateX(-50%);margin:0;padding:10px 16px;max-width:calc(100% - 40px);background:#fff;border:2px solid var(--ink);border-radius:0;font-size:14px;line-height:1.6;text-align:center}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:600px){.search-overlay{top:max(18px,env(safe-area-inset-top));width:286px}.controls{right:18px;bottom:max(18px,env(safe-area-inset-bottom))}.controls button{width:42px;height:42px}#search{font-size:12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

#search-form,.controls{background:rgba(255,255,255,.68);transition:background .18s}#search-form:hover,.controls:hover{background:rgba(255,255,255,.48)}#search-form:focus-within{background:rgba(255,255,255,.82)}
#profile-card{position:fixed;left:0;top:0;width:256px;height:256px;z-index:1;transform-origin:0 0;perspective:850px}#profile-turn{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .16s ease-out}#profile-card.flipped #profile-turn{transform:rotateY(180deg)}.profile-front,.profile-back{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#fff}.profile-front img{display:block;width:100%;height:100%;object-fit:contain}.profile-back{transform:rotateY(180deg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:18px;text-align:center}#profile-name{margin:0;max-width:100%;font-size:14px;overflow-wrap:anywhere;line-height:1.5}#profile-link{color:#242424;font-size:11px;text-underline-offset:4px;line-height:1.6}#profile-link:hover{color:var(--accent)}#profile-close{border:0;background:none;color:#777;font-size:10px;padding:8px}#profile-close:hover{color:#222}#profile-link:focus-visible{outline:2px solid var(--accent);outline-offset:5px}@media(prefers-reduced-motion:reduce){#profile-turn{transition:none}}

#chat-room{position:fixed;z-index:3;left:24px;bottom:24px;width:440px;max-width:calc(100vw - 36px);background:rgba(255,255,255,.94);border:2px solid var(--ink);font-size:11px}.chat-header{height:36px;padding:0 10px 0 12px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dedede}.chat-header button{border:0;background:none;width:30px;height:30px;font-size:20px;color:#333}#chat-room.collapsed{width:132px;background:rgba(255,255,255,.7)}#chat-room.collapsed #chat-content{display:none}#chat-room.collapsed .chat-header{border-bottom:0}#chat-messages{height:350px;max-height:calc(100dvh - 250px);overflow-y:auto;overscroll-behavior:contain;padding:12px;scrollbar-width:thin;font-family:Arial,sans-serif;font-size:14px;line-height:1.45}#chat-empty{margin:60px 8px;color:#888;text-align:center}.chat-message{display:flex;gap:8px;margin:0 0 13px}.chat-message>img{flex:none;width:48px;height:48px;object-fit:contain;background:#fff}.chat-message>div{min-width:0}.chat-name{font-size:12px;font-weight:bold;color:var(--accent)}.chat-message p{margin:3px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}#chat-status{font-family:Arial,sans-serif;font-size:12px;color:#525252;margin:0;padding:0 12px;line-height:1.4}#chat-status:empty{display:none}#chat-join{padding:12px;border-top:1px solid #e5e5e5}#chat-join label{display:block;font-size:10px;margin-bottom:9px}.chat-input-row{display:flex;gap:6px}#chat-username{min-width:0;width:100%;padding:8px;border:1px solid #aaa;background:#fff;border-radius:0;font-size:11px}#chat-join-button{padding:0 10px;background:var(--accent);color:white;border:0;font-size:11px}#chat-me{display:flex;align-items:center;gap:7px;padding:9px 12px 6px;border-top:1px solid #e5e5e5}#chat-avatar{object-fit:contain;background:white}#chat-handle{overflow:hidden;text-overflow:ellipsis;font-size:10px}#chat-change{margin-left:auto;border:0;background:none;font:11px Arial,sans-serif;color:#666;padding:5px}#chat-compose{display:flex;gap:6px;padding:6px 12px 12px}#chat-body{resize:none;width:100%;min-width:0;max-height:80px;height:37px;padding:10px;border:1px solid #aaa;border-radius:0;font:13px Arial,sans-serif}#chat-send{flex:none;width:36px;background:var(--accent);color:white;border:0;font-size:23px}#chat-room input:focus,#chat-room textarea:focus{outline:1px solid var(--accent);border-color:var(--accent)}#chat-room button:disabled{opacity:.5;cursor:wait}@media(max-width:720px){#chat-room{left:18px;bottom:78px;width:min(440px,calc(100vw - 36px))}#chat-room.collapsed{bottom:18px}#chat-messages{height:300px;max-height:calc(100dvh - 300px)}}

#chat-content{position:relative}#chat-emoji-toggle{flex:none;width:38px;border:1px solid #b8b8b8;background:#fff;color:#333;font:25px Arial,sans-serif}#chat-emoji-toggle:hover,#chat-emoji-toggle[aria-expanded=true]{color:var(--accent);background:#e7eeff;border-color:var(--accent)}#chat-emoji-panel{position:absolute;right:12px;bottom:62px;width:326px;max-width:calc(100% - 24px);background:#fff;border:2px solid var(--ink);z-index:4}.emoji-heading{height:33px;display:flex;align-items:center;justify-content:space-between;padding:0 8px 0 12px;border-bottom:1px solid #ddd;font-size:10px}.emoji-heading button{border:0;background:none;font:23px Arial,sans-serif;color:#555;width:28px;height:28px}#chat-emoji-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:2px;padding:8px;max-height:min(202px,35dvh);overflow:auto;overscroll-behavior:contain}#chat-emoji-grid button{display:grid;place-items:center;height:34px;min-width:0;border:0;background:none;font:23px 'Apple Color Emoji','Segoe UI Emoji',sans-serif;line-height:1;cursor:pointer}#chat-emoji-grid button:hover,#chat-emoji-grid button:focus-visible{background:#e7eeff;outline:1px solid var(--accent);outline-offset:0}

.chat-header-actions{display:flex;align-items:center;gap:5px}#chat-sound{display:grid;place-items:center;width:30px;height:30px;padding:0;color:#555;border:0;background:none;line-height:0}#chat-sound:hover{color:var(--accent);background:#e7eeff}#chat-sound svg{width:17px;height:17px;fill:currentColor}#chat-sound .sound-muted{display:none}#chat-sound[data-enabled=false] .sound-waves{display:none}#chat-sound[data-enabled=false] .sound-muted{display:block}

#chat-room.collapsed{width:144px;max-width:calc(100vw - 36px)}.chat-header-actions{gap:4px}#chat-sound svg{flex:none;width:15px;height:15px}

#chat-compose{align-items:center}#chat-body{height:40px}#chat-send,#chat-emoji-toggle{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;padding:0;line-height:0}#chat-send svg,#chat-emoji-toggle svg{display:block;width:20px;height:20px;fill:currentColor;shape-rendering:crispEdges}#chat-sound svg{display:block}

#chat-room.collapsed .chat-header{cursor:pointer}#chat-room.collapsed.has-unread{background:var(--accent);border-color:var(--accent);color:#fff}#chat-room.has-unread.collapsed .chat-header button{color:#fff}#chat-room.has-unread.collapsed #chat-sound:hover{background:#ffffff22;color:#fff}#chat-unread-dot{position:absolute;z-index:5;top:-6px;right:-6px;width:14px;height:14px;background:#f02849;border:2px solid #fff;border-radius:50%;pointer-events:none}#chat-room.has-unread.collapsed button:focus-visible{outline-color:#fff;outline-offset:0}

#notice button{display:block;margin:10px auto 0;padding:8px 14px;border:1px solid var(--accent);background:white;color:var(--accent)}
@media(max-width:600px){#search{font-size:16px;letter-spacing:-1px}#search::placeholder{font-size:11px;letter-spacing:0}#chat-username,#chat-body{font-size:16px}.search-overlay{top:max(18px,env(safe-area-inset-top))}#chat-room.collapsed{bottom:max(18px,env(safe-area-inset-bottom))}.controls{bottom:max(18px,env(safe-area-inset-bottom))}}