/* Denchik is a local CSS mascot: no WebGL, third-party scripts, fonts or tracking. */
.denchik { --denchik-accent:#ff785d; --denchik-text:#f7efdf; --denchik-muted:#b8c4c6; color:var(--denchik-text); font-family:Inter,Arial,sans-serif; font-size:16px; }
.denchik[hidden], .denchik [hidden], .arcade-open .denchik { display:none !important; }
.denchik-launcher { position:fixed; z-index:45; right:max(24px,env(safe-area-inset-right)); bottom:max(24px,env(safe-area-inset-bottom)); display:flex; align-items:center; gap:12px; min-height:74px; padding:10px 18px 10px 12px; border:1px solid #61716e; border-radius:20px; color:var(--denchik-text); background:linear-gradient(135deg,#202d2bed,#111b1ef5); box-shadow:0 12px 42px #0007,inset 0 1px #ffffff12; backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); text-align:left; animation:denchik-arrive .6s cubic-bezier(.16,1,.3,1) both; transition:transform .2s,border-color .2s,box-shadow .2s; }
.home-page .denchik-launcher { bottom:max(86px,calc(env(safe-area-inset-bottom) + 76px)); }
.denchik-launcher:hover { transform:translateY(-3px); border-color:#91b8a2; box-shadow:0 16px 48px #0008,0 0 30px #91b8a218; }
.denchik-launcher-copy { display:grid; gap:4px; }
.denchik-launcher-copy strong { font-size:17px; font-weight:600; }
.denchik-launcher-copy>span { color:#bac8c3; font-size:12px; line-height:1.5; }
.denchik-launcher-copy>span>span { margin-left:10px; color:var(--denchik-accent); }
.denchik-bot { display:block; position:relative; flex:none; width:50px; height:54px; perspective:200px; }
.denchik-bot-shell { display:block; position:absolute; inset:9px 2px 5px; border-radius:13px 13px 15px 15px; border:1px solid #b7c6bd; background:linear-gradient(145deg,#dae1c9,#637d77 55%,#2e4948); box-shadow:inset -3px -4px 0 #183536,2px 4px 0 #172b2c; transform:rotateY(-12deg) rotateX(8deg) rotateZ(-5deg); animation:denchik-float 5s ease-in-out 3; }
.denchik-bot-shell:before,.denchik-bot-shell:after { content:''; position:absolute; top:13px; width:4px; height:12px; border-radius:2px; background:#ff785d; box-shadow:0 0 8px #ff785d40; }
.denchik-bot-shell:before { left:-5px; }.denchik-bot-shell:after { right:-5px; }
.denchik-bot-screen { position:absolute; inset:7px 5px 8px; display:flex; justify-content:center; align-items:center; gap:8px; border-radius:7px; background:#112d2c; box-shadow:inset 0 2px 4px #0008,0 1px #e7f3cc80; }
.denchik-bot-screen i { display:block; width:5px; height:8px; border-radius:3px; background:#c6ffac; box-shadow:0 0 8px #b7ff9166; animation:denchik-blink 7s 3; }
.denchik-bot-screen>span { position:absolute; bottom:3px; width:7px; height:2px; border-radius:0 0 3px 3px; background:#b3f296; }
.denchik-bot-antenna { position:absolute; top:0; left:24px; width:2px; height:10px; background:#94b8a9; transform:rotate(14deg); }
.denchik-bot-antenna:before { content:''; position:absolute; top:-2px; left:-2px; width:6px; height:6px; border-radius:2px; background:#ff785d; box-shadow:0 0 12px #ff785d70; transform:rotate(45deg); }
.denchik-bot-shadow { position:absolute; bottom:0; left:7px; width:38px; height:4px; border-radius:50%; background:#0006; filter:blur(2px); }
.denchik-dialog { position:fixed; inset:auto max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) auto; width:410px; max-width:calc(100vw - 32px); height:min(660px,calc(100dvh - 48px)); max-height:calc(100dvh - 48px); padding:0; margin:0; overflow:hidden; color:var(--denchik-text); background:#101b1df5; border:1px solid #53615e; border-radius:24px; box-shadow:0 26px 100px #000a,inset 0 1px #ffffff10; backdrop-filter:blur(24px); -webkit-backdrop-filter:blur(24px); }
.denchik-dialog[open] { animation:denchik-arrive .3s cubic-bezier(.16,1,.3,1) both; }
.denchik-dialog::backdrop { background:#02090966; }
.denchik-panel { height:100%; display:flex; flex-direction:column; min-height:0; }
.denchik-header { flex:none; display:flex; justify-content:space-between; align-items:center; gap:12px; padding:20px 20px 18px 24px; background:radial-gradient(ellipse at 0 0,#8cc89821,transparent 85%); border-bottom:1px solid #a6c3af21; }
.denchik-heading { display:flex; align-items:center; gap:11px; min-width:0; }
.denchik-presence { width:8px; height:8px; flex:none; border-radius:50%; background:#bbec9c; box-shadow:0 0 0 5px #b9ec9c0d,0 0 15px #b9ec9c30; }
.denchik-heading h2 { font:600 21px/1.4 Inter,Arial,sans-serif; margin:0; letter-spacing:-.5px; }
.denchik-heading h2 span { font-size:12px; letter-spacing:1px; color:#91a7a1; font-weight:400; }
.denchik-heading p { margin:3px 0 0; font-size:12px; color:var(--denchik-muted); line-height:1.5; }
.denchik-icon-button { width:44px; height:44px; border:1px solid #71888044; border-radius:12px; flex:none; font-size:28px; line-height:1; background:#ffffff04; }
.denchik-icon-button:hover { background:#ffffff0d; border-color:#91a7a1; }
.denchik-conversation { flex:1; min-height:100px; overflow:auto; overscroll-behavior:contain; scrollbar-color:#556760 transparent; scrollbar-width:thin; padding:24px; }
.denchik-kicker { color:#a4b69c; font-size:10px; letter-spacing:1.8px; font-weight:600; }
.denchik-welcome h3 { font:600 25px/1.3 Inter,Arial,sans-serif; letter-spacing:-.8px; margin:15px 0 10px; }
.denchik-welcome h3 span { color:var(--denchik-accent); }
.denchik-welcome p { font-size:15px; line-height:1.65; color:var(--denchik-muted); margin:0 0 20px; }
.denchik-suggestions { display:grid; gap:8px; }
.denchik-suggestions button { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:11px 13px; min-height:44px; border:1px solid #71888044; border-radius:10px; background:#c7e8bd05; font-size:13px; text-align:left; line-height:1.5; }
.denchik-suggestions button span { color:#a4c6b1; }
.denchik-suggestions button:hover { border-color:#9ab9a3; background:#c7e8bd0c; }
.denchik-help-link { display:inline-flex; align-items:center; min-height:44px; margin-top:8px; color:#bcd0b0; font-size:12px; text-decoration:underline; text-underline-offset:4px; }
.denchik-fallback { margin:0 0 8px; }
.denchik-messages { display:grid; gap:20px; }
.denchik-message { min-width:0; }
.denchik-message-label { display:block; font-size:10px; font-weight:600; letter-spacing:1px; text-transform:uppercase; color:#aac3b4; margin-bottom:7px; }
.denchik-message p { margin:0; padding:13px 15px; white-space:pre-wrap; overflow-wrap:anywhere; font-size:15px; line-height:1.7; background:#abc5b60a; border:1px solid #a7d5b41c; border-radius:3px 14px 14px 14px; }
.denchik-message--user { margin-left:28px; }
.denchik-message--user .denchik-message-label { text-align:right; color:#d4b3a3; }
.denchik-message--user p { border-radius:14px 3px 14px 14px; border-color:#e3896738; background:#bd5a3717; }
.denchik-message-links { display:flex; flex-wrap:wrap; gap:7px; margin-top:10px; }
.denchik-message-links a { display:flex; align-items:center; min-height:44px; max-width:100%; font-size:13px; line-height:1.5; color:#d3eac6; border:1px solid #afcea936; border-radius:8px; padding:9px 11px; overflow-wrap:anywhere; }
.denchik-message-links a:hover { background:#b9d8a90d; border-color:#aecbaa; }
.denchik-compose { flex:none; border-top:1px solid #a6c3af21; padding:0 20px 16px; background:#0c1516b3; }
.denchik-status { min-height:21px; margin:8px 0; color:#e3cba5; font-size:12px; line-height:1.6; overflow-wrap:anywhere; }
.denchik[data-busy=true] .denchik-status:before { content:''; display:inline-block; width:6px; height:6px; margin-right:8px; border-radius:50%; background:#b9ec9c; animation:denchik-thinking 1.4s ease-in-out infinite; }
.denchik-compose textarea { display:block; width:100%; min-height:70px; max-height:140px; resize:vertical; border:1px solid #61746b; border-radius:12px; padding:12px 13px; background:#1a2826; color:var(--denchik-text); font-family:inherit; font-size:16px; line-height:1.5; }
.denchik-compose textarea::placeholder { color:#a2b2ad; opacity:1; }
.denchik-compose textarea:focus { outline:2px solid #b4d3a0; outline-offset:2px; }
.denchik-compose-actions { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:8px; }
.denchik-clear { min-height:44px; padding:7px 0; font-size:11px; color:#acbdb7; text-decoration:underline; text-underline-offset:3px; }
.denchik-clear:hover { color:#fff2de; }
.denchik-counter { margin-left:auto; font-size:10px; font-variant-numeric:tabular-nums; color:#99aaa2; white-space:nowrap; }
.denchik-send { display:flex; gap:8px; align-items:center; justify-content:center; min-height:44px; padding:10px 13px; border:1px solid #ffa78e; border-radius:10px; background:#e55c3f; font-size:12px; font-weight:600; color:#fffaf0; }
.denchik-send:hover:enabled { background:#f67151; }
.denchik-send:disabled { opacity:.45; }
.denchik-privacy { margin:9px 0 0; font-size:12px; line-height:1.6; color:#a9bab2; }
.denchik-privacy a { color:#d4e2c9; text-decoration:underline; text-underline-offset:3px; }
.denchik :is(button,a):focus-visible { outline:2px solid #d2f3b9; outline-offset:3px; }
@keyframes denchik-arrive { from { opacity:0; transform:translateY(16px) scale(.97); } to { opacity:1; transform:translateY(0) scale(1); } }
@keyframes denchik-float { 0%,100% { transform:rotateY(-12deg) rotateX(8deg) rotateZ(-5deg); } 50% { transform:translateY(-2px) rotateY(5deg) rotateX(0deg) rotateZ(3deg); } }
@keyframes denchik-blink { 0%,42%,46%,100% { transform:scaleY(1); } 44% { transform:scaleY(.15); } }
@keyframes denchik-thinking { 0%,100% { opacity:.4; } 50% { opacity:1; } }
@media(max-width:680px) { .denchik-launcher { right:12px; bottom:max(12px,env(safe-area-inset-bottom)); padding:8px 12px 8px 9px; min-height:64px; gap:9px; border-radius:17px; }.home-page .denchik-launcher { bottom:max(76px,calc(env(safe-area-inset-bottom) + 66px)); }.denchik-launcher-copy strong { font-size:15px; }.denchik-launcher-copy>span { font-size:11px; }.denchik-bot { width:46px; height:48px; }.denchik-dialog { inset:auto 8px max(8px,env(safe-area-inset-bottom)) auto; width:calc(100vw - 16px); max-width:calc(100vw - 16px); height:min(660px,calc(100dvh - 16px - env(safe-area-inset-bottom))); max-height:calc(100dvh - 16px - env(safe-area-inset-bottom)); border-radius:20px; }.denchik-header { padding:16px 16px 14px 20px; }.denchik-conversation { padding:20px; }.denchik-compose { padding-inline:16px; }.denchik-welcome h3 { font-size:24px; } }
@media(max-width:359px) { .denchik-conversation { padding:16px; }.denchik-compose { padding-inline:12px; }.denchik-compose-actions { gap:7px; }.denchik-send { padding-inline:10px; }.denchik-send svg { display:none; }.denchik-clear { font-size:10px; }.denchik-counter { font-size:9px; }.denchik-message--user { margin-left:16px; } }
@media(max-height:520px) { .denchik-header { padding-block:9px; }.denchik-heading p { display:none; }.denchik-compose { padding-bottom:8px; }.denchik-privacy { font-size:10px; margin-top:4px; }.denchik-conversation { min-height:0; padding-block:14px; }.denchik-compose textarea { min-height:48px; height:48px; }.denchik-status { margin-block:4px; } }
@media(prefers-reduced-motion:reduce) { .denchik *, .denchik *:before, .denchik *:after { animation:none !important; transition:none !important; scroll-behavior:auto !important; } }