.devi-fab{position:fixed;right:20px;bottom:76px;z-index:30;display:flex;align-items:center;gap:8px;background:var(--ink,#1f3d32);color:#fff;border:1px solid #fff;border-radius:3px;padding:12px 20px;font-size:13px;font-weight:700;box-shadow:0 8px 22px #1f3d3233;transition:transform .25s}
.devi-fab:hover{transform:translateY(-3px)}.devi-fab.hide{display:none}
.devi-panel{position:fixed;right:20px;bottom:20px;z-index:31;width:min(380px,calc(100vw - 24px));height:min(600px,calc(100dvh - 40px));display:flex;flex-direction:column;background:var(--paper,#f6f7f1);color:var(--ink,#1f3d32);border:1px solid var(--line,#d5ddce);border-radius:6px;box-shadow:0 18px 50px #1f3d3233;overflow:hidden;font-size:13px;line-height:1.55}
.devi-panel[hidden]{display:none}
.devi-head{display:flex;justify-content:space-between;align-items:center;background:var(--ink,#1f3d32);color:#fff;padding:14px 18px}.devi-head strong{font-size:16px;display:block}.devi-head small{font-size:10px;color:#cfdcc8}
.devi-x{background:none;border:0;color:#fff;font-size:26px;line-height:1;padding:0 4px}
.devi-stats{display:flex;align-items:center;gap:10px;padding:8px 16px;font-size:10px;background:var(--sage,#e9eee1)}.devi-stats i{flex:1;height:6px;border-radius:6px;background:#fff;position:relative;overflow:hidden}.devi-stats i:after{content:'';position:absolute;inset:0;width:var(--p,0);background:#6c9149;border-radius:6px;transition:width .5s}
.devi-tabs{display:flex;border-bottom:1px solid var(--line,#d5ddce)}.devi-tabs button{flex:1;background:none;border:0;border-bottom:2px solid transparent;padding:11px 4px;font-size:12px;font-weight:700}.devi-tabs button[aria-selected=true]{border-color:var(--ink,#1f3d32)}
.devi-view{flex:1;min-height:0;overflow-y:auto;padding:14px 16px;display:flex;flex-direction:column;gap:10px}.devi-view[hidden]{display:none}
.devi-log{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px}
.devi-msg{max-width:88%;padding:9px 13px;border-radius:6px;white-space:pre-wrap}.devi-msg.bot{background:#fff;border:1px solid var(--line,#d5ddce);border-bottom-left-radius:4px;align-self:flex-start}.devi-msg.me{background:var(--accent,#d7ec9d);border-bottom-right-radius:4px;align-self:flex-end}
.devi-chips{display:flex;flex-wrap:wrap;gap:6px}.devi-chips button{background:none;border:1px solid var(--line,#d5ddce);border-radius:3px;padding:5px 11px;font-size:11px}.devi-chips button:hover{background:var(--sage,#e9eee1)}
.devi-form{display:flex;gap:8px}.devi-form input{flex:1;min-width:0;border:1px solid var(--line,#d5ddce);border-radius:3px;padding:10px 14px;background:#fff;color:inherit}.devi-form button,.devi-cta{background:var(--ink,#1f3d32);color:#fff;border:0;border-radius:3px;padding:10px 18px;font-weight:700;font-size:12px;align-self:flex-start}
.devi-note{font-size:10px;color:var(--muted,#5c6d65);margin:0}.devi-lead{color:var(--muted,#5c6d65);margin:0}.devi-h{font-size:22px;margin:0}.devi-q{font-size:15px;font-weight:700;margin:0}.devi-fact{margin:0;color:var(--muted,#5c6d65)}
.devi-games{display:grid;gap:10px}.devi-game{display:flex;flex-direction:column;gap:3px;text-align:left;background:#fff;border:1px solid var(--line,#d5ddce);border-radius:6px;padding:14px 16px}.devi-game:hover{background:var(--sage,#e9eee1)}.devi-game strong{font-size:15px}.devi-game span{font-size:11px;color:var(--muted,#5c6d65)}
.devi-link{background:none;border:0;text-decoration:underline;font-size:11px;align-self:flex-start;padding:0}
.devi-hud{display:flex;justify-content:space-between;font-weight:700;font-size:14px}
.devi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.devi-hole{aspect-ratio:1;font-size:34px;background:#fff;border:1px solid var(--line,#d5ddce);border-radius:6px;transition:transform .12s,background .12s;touch-action:manipulation}.devi-hole.up{background:var(--accent,#d7ec9d);transform:scale(1.06)}.devi-hole.hit{background:#fff7c2}
.devi-opts{display:grid;gap:8px}.devi-opts button{background:#fff;border:1px solid var(--line,#d5ddce);border-radius:6px;padding:11px 14px;text-align:left}.devi-opts button:not(:disabled):hover{background:var(--sage,#e9eee1)}.devi-opts button:disabled{opacity:1;cursor:default}.devi-opts .right{background:var(--accent,#d7ec9d);border-color:#6c9149}.devi-opts .wrong{background:#f6d5d0;border-color:#b5483a}
.devi-check{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line,#d5ddce);border-radius:6px;padding:14px}.devi-check input{width:20px;height:20px;accent-color:var(--ink,#1f3d32)}
.devi-badges{list-style:none;margin:0;padding:0;display:grid;gap:8px}.devi-badges li{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line,#d5ddce);border-radius:6px;padding:10px 14px;opacity:.6}.devi-badges li.on{opacity:1;background:var(--accent,#d7ec9d)}.devi-badges span{font-size:11px;color:var(--muted,#5c6d65)}
.devi-toast{position:fixed;left:50%;bottom:90px;transform:translate(-50%,20px);z-index:40;background:var(--ink,#1f3d32);color:#fff;padding:11px 20px;border-radius:3px;font-size:12px;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s}.devi-toast.on{opacity:1;transform:translate(-50%,0)}
@media(max-width:560px){.devi-panel{right:12px;bottom:12px}.devi-fab{right:16px;bottom:72px}}
@media(prefers-reduced-motion:reduce){.devi-fab,.devi-hole,.devi-toast,.devi-stats i:after{transition:none}}
.devi-fab{right:20px;bottom:104px;width:52px;height:52px;padding:0;justify-content:center;gap:0}
.devi-fab .ui-icon{width:24px;height:24px}
.devi-fab-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(min-width:900px){.devi-fab{width:auto;height:auto;padding:12px 20px;gap:8px;right:20px;bottom:76px}.devi-fab-label{position:static;width:auto;height:auto;clip:auto;overflow:visible}}
.devi-hole .ui-icon{width:36px;height:36px;color:#517130}.devi-hole.up .ui-icon{color:var(--ink,#1f3d32)}.devi-hole.gold{background:#f3d98a}.devi-hole.hit .ui-icon{color:#517130}
.devi-opts .right:disabled,.devi-opts .wrong:disabled{color:var(--ink,#1f3d32)}
@media(max-width:560px){.devi-fab{right:16px;bottom:96px}}