/* room: Luuk walks around a photo room, you sit down and talk */
body.is-room{height:100dvh;overflow:hidden;display:flex;flex-direction:column}
body.is-room>.lk-nav{flex:0 0 auto}
body.is-room>main{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}
.room{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,460px)}

/* ---------- stage ---------- */
.stage{position:relative;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:var(--night);isolation:isolate}
.stage-bg{position:absolute;inset:-40px;z-index:-1;background-size:cover;background-position:center;filter:blur(28px) saturate(1.1) brightness(.45);transform:scale(1.08)}
.stage-top,.stage-bar{flex:0 0 auto;display:flex;align-items:center;gap:10px;padding:10px 14px;min-height:56px}
.stage-top{justify-content:space-between}
.stage-bar{justify-content:space-between}
.frame-wrap{flex:1 1 auto;min-height:0;container-type:size;display:grid;place-items:center;padding:0 14px}
.frame{position:relative;width:min(100cqw,150cqh);height:min(100cqh,66.667cqw);container-type:size;overflow:hidden;border-radius:18px;border:2px solid rgba(243,234,214,.16);box-shadow:0 24px 60px rgba(0,0,0,.5);background:var(--night-2)}
.photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:filter .7s var(--ease),transform .9s var(--ease);transform-origin:var(--fx,60%) 85%}
.scene-tod{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(11,21,38,.25) 0%,transparent 20%,transparent 70%,rgba(11,21,38,.35) 100%)}
.scene-tod::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,var(--sky-top),var(--sky-bot));mix-blend-mode:soft-light;opacity:.5}
.scene-tod.night::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 50% at 70% 60%,rgba(255,190,90,.22),transparent 70%),rgba(11,21,38,var(--dim))}

.room-tabs{display:flex;gap:4px;padding:5px;border-radius:999px;background:rgba(11,21,38,.6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1.5px solid rgba(243,234,214,.18);min-width:0;overflow-x:auto;scrollbar-width:none}
.room-tabs::-webkit-scrollbar{display:none}
.rt{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 13px;border-radius:999px;color:var(--cream);text-decoration:none;font-weight:800;font-size:13px;transition:background .2s}
.rt:hover{background:rgba(243,234,214,.12)}
.rt.on{background:var(--cream);color:var(--night)}
.rt-home{padding:8px 10px}
.rt-home svg{width:17px;height:17px}
.found{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;background:rgba(11,21,38,.6);border:1.5px solid rgba(243,234,214,.18);color:var(--cream);font-weight:900;font-size:12.5px;letter-spacing:.02em}
.found:empty{display:none}
.found::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--tulip)}
.found.all{background:var(--mint);color:var(--ink);border-color:var(--mint)}
.found.all::before{background:var(--ink)}

/* hotspots: exact % of the photo, so they sit on the object */
.spots{position:absolute;inset:0;z-index:4;transition:opacity .4s}
.spot{position:absolute;transform:translate(-50%,-50%);border:0;background:none;padding:6px;cursor:pointer;display:block;color:var(--cream);-webkit-tap-highlight-color:transparent}
.spot i{display:block;position:relative;width:18px;height:18px;border-radius:50%;background:var(--tulip);border:2.5px solid var(--ink);box-shadow:0 0 0 0 rgba(255,210,63,.7);animation:spot 2.6s ease-out infinite;animation-delay:var(--d);transition:transform .2s var(--ease)}
.spot span{position:absolute;left:50%;bottom:calc(100% - 2px);transform:translate(-50%,4px);opacity:0;pointer-events:none;transition:.2s var(--ease);background:rgba(11,21,38,.84);border:1.5px solid rgba(243,234,214,.3);padding:3px 9px;border-radius:999px;font-weight:800;font-size:12px;white-space:nowrap}
.spot:hover i,.spot:focus-visible i{transform:scale(1.25)}
.spot:hover span,.spot:focus-visible span,.spot.seen span{opacity:1;transform:translate(-50%,0)}
.spot.seen i{background:var(--mint);animation:none;width:14px;height:14px}
.spot.seen span{opacity:.88;font-size:11px}
.spot.active i{background:var(--orange);transform:scale(1.3)}
@keyframes spot{0%{box-shadow:0 0 0 0 rgba(255,210,63,.7)}70%,100%{box-shadow:0 0 0 14px rgba(255,210,63,0)}}
.walk-hint{position:absolute;left:50%;top:14px;transform:translateX(-50%);z-index:5;margin:0;padding:7px 14px;border-radius:999px;background:rgba(11,21,38,.78);color:var(--cream);font-weight:800;font-size:13px;white-space:nowrap;pointer-events:none;animation:hint-in .5s .9s var(--ease) backwards;transition:opacity .4s}
.walk-hint.gone{opacity:0}
@keyframes hint-in{from{opacity:0;transform:translate(-50%,-8px)}}

/* Luuk: feet at (--x,--y) % of the frame, height in frame cqh, bigger when closer */
.walker{--s:1;--dur:0ms;position:absolute;z-index:3;left:calc(var(--x) * 1%);top:calc(var(--y) * 1%);height:calc(var(--h) * var(--s) * 1cqh);aspect-ratio:480/880;transform:translate(-50%,-100%);transition:left var(--dur) linear,top var(--dur) linear,height var(--dur) linear,opacity .3s;pointer-events:none;opacity:0}
.walker.ready{opacity:1}
.walker::after{content:"";position:absolute;left:18%;right:18%;bottom:-1.5%;height:5%;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.45),transparent);z-index:-1}
.luuk-body{all:unset;display:block;width:100%;height:100%;cursor:pointer;pointer-events:auto;transform-origin:50% 100%;animation:breathe 4s ease-in-out infinite;-webkit-tap-highlight-color:transparent}
.luuk-body img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 14px rgba(0,0,0,.4));transform:scaleX(var(--face,1));transition:transform .18s}
.walker.walking .luuk-body{animation:step .44s ease-in-out infinite}
.walker.walking .luuk-body img{transition:none}
.walker.talking .luuk-body{animation:talk .36s ease-in-out infinite alternate}
.walker.hop .luuk-body{animation:hop .5s var(--ease)}
.luuk-body:focus-visible{outline:3px solid var(--orange);outline-offset:4px;border-radius:20px}
@keyframes breathe{0%,100%{transform:scale(1,1)}50%{transform:scale(1.012,.988) translateY(1px)}}
@keyframes step{0%,100%{transform:translateY(0) rotate(-1.5deg)}50%{transform:translateY(-3.5%) rotate(1.5deg)}}
@keyframes talk{from{transform:translateY(0) rotate(-.6deg)}to{transform:translateY(-2%) rotate(.8deg)}}
@keyframes hop{0%{transform:none}40%{transform:translateY(-9%) rotate(-3deg)}100%{transform:none}}

/* Luuk's speech bubble, placed by room.js above or beside him */
.lb{position:absolute;z-index:6;width:max-content;max-width:min(320px,62cqw);background:#fffaf0;color:var(--ink);border:2.5px solid var(--ink);border-radius:18px;padding:10px 30px 11px 13px;box-shadow:0 5px 0 var(--ink);animation:pop .3s var(--ease)}
.lb[hidden]{display:none}
.lb-head{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-bottom:3px}
.lb-word{all:unset;cursor:pointer;font-weight:900;font-size:18px;line-height:1.15;border-bottom:2.5px solid var(--tulip)}
.lb-word:hover{background:var(--tulip)}
.lb-head small{font-weight:800;font-size:12.5px;color:var(--ink-soft)}
.lb-line{margin:0;font-family:var(--f-voice);font-size:16.5px;line-height:1.4}
.lb-en{margin:4px 0 0;font-size:13px;font-weight:600;color:var(--ink-soft)}
.lb-acts{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}
.lb-acts button{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:800;padding:5px 11px;border:1.5px solid var(--ink);border-radius:999px;background:var(--paper)}
.lb-acts button svg{width:12px;height:12px}
.lb-acts button:hover,.lb-acts button.on{background:var(--tulip)}
.lb-acts button.saved{background:var(--mint)}
.lb-x{all:unset;cursor:pointer;position:absolute;top:2px;right:8px;font-size:20px;line-height:1;color:var(--ink-soft);padding:4px}

.scene-act{margin:0;min-width:0;color:var(--cream);font-family:var(--f-voice);font-style:italic;font-size:16px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.scene-act b{font-family:var(--f-ui);font-style:normal;font-weight:900;font-size:11px;letter-spacing:.14em;text-transform:uppercase;background:var(--tulip);color:var(--ink);padding:3px 8px;border-radius:999px;margin-right:6px;vertical-align:2px}
.sit-btn{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 18px;border-radius:999px;border:2.5px solid var(--ink);background:var(--tulip);color:var(--ink);font:inherit;font-weight:900;font-size:14px;cursor:pointer;box-shadow:0 4px 0 rgba(0,0,0,.45);transition:transform .15s var(--ease),box-shadow .15s var(--ease)}
.sit-btn svg{width:18px;height:18px}
.sit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 0 rgba(0,0,0,.45)}
.sit-btn:active{transform:translateY(2px);box-shadow:0 1px 0 rgba(0,0,0,.45)}
.sit-btn[aria-pressed="true"]{background:var(--cream)}

/* sitting: Luuk comes over, the room softens behind him */
.room.sitting .photo{filter:blur(3px) brightness(.62) saturate(1.1);transform:scale(1.07)}
.room.sitting .spots{opacity:0;pointer-events:none}
.room.sitting .walk-hint{opacity:0}
.room.sitting .walker::after{display:none}

/* ---------- talk panel ---------- */
.talk{position:relative;display:flex;flex-direction:column;min-height:0;background:var(--night-2);border-left:1.5px solid rgba(243,234,214,.08)}
.talk-head{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;border-bottom:1.5px solid rgba(243,234,214,.08)}
.talk-who{display:flex;align-items:center;gap:10px;min-width:0}
.talk-who b{display:block;font-weight:900;font-size:15px;line-height:1.1}
.talk-who small{display:block;color:var(--cream-dim);font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.talk-av{position:relative;width:40px;height:40px;border-radius:50%;border:2px solid var(--cream);overflow:hidden;background:var(--sky);flex:0 0 auto}
.talk-av img{width:100%;height:100%;object-fit:cover}
.talk-av .dot{position:absolute;right:1px;bottom:1px;width:10px;height:10px;border-radius:50%;background:#3ddc84;border:2px solid var(--night-2)}
.talk-tools{display:flex;gap:5px;flex-wrap:nowrap}
.tg{display:inline-flex;align-items:center;gap:5px;height:32px;min-width:32px;justify-content:center;padding:0 9px;border-radius:999px;border:1.5px solid rgba(243,234,214,.28);background:transparent;color:var(--cream-dim);font-weight:900;font-size:12px;cursor:pointer;transition:.15s}
.tg svg{width:15px;height:15px}
.tg:hover{border-color:var(--cream);color:var(--cream)}
.tg[aria-pressed="true"]{background:var(--cream);color:var(--night);border-color:var(--cream)}
.tg[data-level-btn]{background:var(--tulip);color:var(--ink);border-color:var(--tulip)}
.level-pop{position:absolute;right:12px;top:calc(100% + 6px);z-index:20;background:var(--paper);color:var(--ink);border:2.5px solid var(--ink);border-radius:16px;box-shadow:var(--shadow);padding:6px;display:flex;flex-direction:column;min-width:200px;animation:pop .25s var(--ease)}
.level-pop[hidden]{display:none}
.level-pop button{all:unset;cursor:pointer;padding:9px 12px;border-radius:10px;font-weight:700;font-size:14px}
.level-pop button b{display:inline-block;width:30px;font-weight:900}
.level-pop button:hover,.level-pop button[aria-checked="true"]{background:var(--tulip)}
.guest-note{margin:10px 14px 0;padding:9px 12px;border-radius:12px;background:rgba(255,210,63,.1);border:1.5px solid rgba(255,210,63,.35);color:var(--cream);font-size:13px;font-weight:600;line-height:1.4}
.guest-note a{color:var(--tulip);font-weight:800}

.feed{flex:1;min-height:0;overflow-y:auto;padding:16px 14px 10px;display:flex;flex-direction:column;gap:14px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(243,234,214,.2) transparent}
.m{max-width:90%;display:flex;flex-direction:column;animation:m-in .38s var(--ease) both}
@keyframes m-in{from{opacity:0;transform:translateY(10px) scale(.98)}}
.m.luuk{align-self:flex-start;align-items:flex-start}
.m.me{align-self:flex-end;align-items:flex-end}
.m .b{position:relative;font-size:16.5px;line-height:1.55;padding:11px 15px;border:2px solid var(--ink);word-wrap:break-word}
.m.luuk .b{background:#fffaf0;color:var(--ink);border-radius:18px 18px 18px 6px;box-shadow:0 3px 0 rgba(0,0,0,.4)}
.m.me .b{background:var(--orange);color:#fff;border-radius:18px 18px 6px 18px;box-shadow:0 3px 0 rgba(0,0,0,.4);font-weight:600}
.m.aside .b{background:rgba(243,234,214,.94);border-style:dashed}
.m .tag{font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--cream-dim);margin:0 0 4px 4px}
.w{cursor:pointer;border-radius:5px;padding:0 1px;margin:0 -1px;transition:background .12s;-webkit-tap-highlight-color:transparent}
.w:hover{background:var(--tulip)}
.w.on{background:var(--tulip);box-shadow:0 0 0 2px var(--tulip)}
.w.known{text-decoration:underline 2px dotted rgba(255,107,53,.7);text-underline-offset:4px}
.act{font-family:var(--f-voice);font-style:italic;color:var(--ink-soft);font-size:15.5px}
.act .w:hover{background:rgba(255,210,63,.6)}
.m .en{margin-top:7px;padding-top:7px;border-top:1.5px dashed var(--ink-faint);font-size:14.5px;color:var(--ink-soft);font-weight:600;line-height:1.45}
.m .en.loading{opacity:.6}
.acts{display:flex;gap:6px;margin-top:7px;flex-wrap:wrap}
.ma{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 11px;border-radius:999px;border:1.5px solid rgba(243,234,214,.25);background:rgba(243,234,214,.04);color:var(--cream-dim);font-weight:800;font-size:12px;cursor:pointer;transition:.15s}
.ma svg{width:13px;height:13px}
.ma:hover{color:var(--cream);border-color:var(--cream)}
.ma.on{background:var(--cream);color:var(--night);border-color:var(--cream)}
.ma.busy{opacity:.6;pointer-events:none}
.fix{margin-top:7px;max-width:100%;border-radius:14px;padding:9px 12px;font-size:14.5px;line-height:1.45;border:2px solid var(--ink);animation:m-in .35s var(--ease) both}
.fix.ok{background:var(--mint);color:var(--ink);padding:6px 11px;font-weight:800;font-size:13px}
.fix.no{background:#fffaf0;color:var(--ink)}
.fix .lbl{display:block;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--orange-2);margin-bottom:2px}
.fix .fx{font-weight:800;font-size:15.5px}
.fix .fx ins{text-decoration:none;background:var(--tulip);border-radius:4px;padding:0 2px}
.fix .tip{display:block;margin-top:4px;color:var(--ink-soft);font-weight:600}
.fix .row{display:flex;gap:6px;margin-top:7px}
.fix .row button{all:unset;cursor:pointer;font-size:12px;font-weight:800;padding:4px 10px;border:1.5px solid var(--ink);border-radius:999px;background:var(--paper)}
.fix .row button:hover{background:var(--tulip)}

.sys{align-self:stretch;max-width:none;background:rgba(243,234,214,.06);border:1.5px solid rgba(243,234,214,.16);border-radius:18px;padding:14px;color:var(--cream)}
.sys p{margin:0 0 10px;font-weight:800}
.sys .lv{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.sys .lv button{all:unset;cursor:pointer;text-align:left;padding:10px 12px;border-radius:12px;border:1.5px solid rgba(243,234,214,.25);font-weight:700;font-size:14px;transition:.15s}
.sys .lv button b{display:block;font-weight:900;color:var(--tulip)}
.sys .lv button:hover{background:var(--cream);color:var(--night)}
.sys .lv button:hover b{color:var(--orange-2)}

.typing{display:flex;align-items:center;gap:5px;padding:0 18px 8px;color:var(--cream-dim);font-size:12px;font-weight:700}
.typing[hidden]{display:none}
.typing span{width:7px;height:7px;border-radius:50%;background:var(--cream-dim);animation:dot 1.1s infinite}
.typing span:nth-child(2){animation-delay:.15s}.typing span:nth-child(3){animation-delay:.3s}
.typing em{font-style:normal;margin-left:6px}
@keyframes dot{0%,80%,100%{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}

.suggest{display:flex;flex-wrap:wrap;gap:7px;max-height:172px;overflow-y:auto;padding:4px 14px 10px;scrollbar-width:none;align-items:stretch}
.suggest[hidden]{display:none}
.suggest::-webkit-scrollbar{display:none}
.suggest .lbl{align-self:center;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--cream-dim);flex:0 0 auto}
.sg{flex:0 1 auto;max-width:100%;text-align:left;cursor:pointer;border:1.5px solid var(--tulip);background:rgba(255,210,63,.08);color:var(--cream);border-radius:14px;padding:7px 12px;display:flex;flex-direction:column;gap:1px;transition:.15s;animation:m-in .3s var(--ease) both}
.sg b{font-size:14px;font-weight:800;white-space:normal}
.sg small{font-size:12px;color:var(--cream-dim);font-weight:600;white-space:normal}
.sg:hover{background:var(--tulip);color:var(--ink)}
.sg:hover small{color:var(--ink-soft)}

.composer{display:flex;align-items:flex-end;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));border-top:1.5px solid rgba(243,234,214,.08);background:var(--night-2)}
.composer textarea{flex:1;resize:none;min-height:46px;max-height:140px;padding:12px 16px;border-radius:23px;border:2px solid rgba(243,234,214,.22);background:rgba(243,234,214,.06);color:var(--cream);font:inherit;font-size:16px;line-height:1.35;outline:none;transition:border-color .15s}
.composer textarea:focus{border-color:var(--tulip)}
.composer textarea::placeholder{color:rgba(243,234,214,.45);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mic,.send{flex:0 0 auto;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;cursor:pointer;border:2px solid var(--ink);transition:transform .15s var(--ease)}
.mic{background:var(--cream);color:var(--ink)}
.send{background:var(--orange);color:#fff}
.mic svg,.send svg{width:20px;height:20px}
.mic:hover,.send:hover{transform:translateY(-2px)}
.mic.on{background:#ff4f3a;color:#fff;animation:rec 1.3s infinite}
.mic[disabled]{opacity:.4}
@keyframes rec{0%,100%{box-shadow:0 0 0 0 rgba(255,79,58,.55)}50%{box-shadow:0 0 0 9px rgba(255,79,58,0)}}

/* gloss popover */
.gloss{position:fixed;z-index:130;width:min(290px,calc(100vw - 24px));background:var(--paper);color:var(--ink);border:2.5px solid var(--ink);border-radius:16px;box-shadow:var(--shadow);padding:12px 14px;animation:pop .2s var(--ease)}
.gloss[hidden]{display:none}
.gloss .gw{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.gloss .gw b{font-size:20px;font-weight:900}
.gloss .gw small{color:var(--ink-soft);font-weight:700}
.gloss .ge{margin:4px 0 0;font-weight:700;font-size:15px}
.gloss .gn{margin:4px 0 0;font-size:13px;color:var(--ink-soft);font-weight:600}
.gloss .gr{display:flex;gap:6px;margin-top:10px}
.gloss .gr .chip{padding:5px 11px;font-size:12px}
.gloss .gr .chip.saved{background:var(--mint)}
.gloss .ld{color:var(--ink-soft);font-weight:700}

/* brief (laptop) */
.brief{position:fixed;inset:0;z-index:125;display:grid;place-items:center;padding:20px}
.brief[hidden]{display:none}
.brief-bg{position:absolute;inset:0;background:rgba(11,21,38,.7);backdrop-filter:blur(6px);animation:fade .2s both}
.brief-paper{position:relative;width:min(640px,100%);max-height:84vh;overflow:auto;background:#f6efdc;color:#1d160e;border:2.5px solid var(--ink);border-radius:8px;padding:34px 34px 30px;box-shadow:0 30px 80px rgba(0,0,0,.5);background-image:repeating-linear-gradient(180deg,transparent 0,transparent 29px,rgba(15,52,96,.08) 30px);animation:pop .3s var(--ease)}
.brief-x{position:absolute;top:12px;right:12px;font-size:22px}
.brief-meta{margin:0 0 6px;font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--orange-2)}
.brief-paper h2{margin:0 0 14px;font-size:28px;line-height:1.15}
.brief-body{font-family:var(--f-voice);font-size:18px;line-height:1.75}
.brief-body p{margin:0 0 14px}
.brief-body .btn{font-family:var(--f-ui)}

/* ---------- mobile ---------- */
@media (max-width:820px){
  body.lk-fullscreen .lk-links{display:none}
  .room{display:flex;flex-direction:column}
  .stage{flex:0 0 auto}
  .stage-bg{display:none}
  .stage-top{position:absolute;top:0;left:0;right:0;z-index:7;padding:8px;min-height:0;pointer-events:none}
  .stage-top>*{pointer-events:auto}
  .frame-wrap{flex:0 0 auto;container-type:inline-size;padding:0}
  .frame{width:100%;height:66.667cqw;border-radius:0;border:0;box-shadow:none}
  .stage-bar{min-height:0;padding:7px 10px;background:var(--night-2);border-bottom:1.5px solid rgba(243,234,214,.08)}
  .scene-act{font-size:14px}
  .sit-btn{height:36px;padding:0 13px;font-size:13px}
  .rt{padding:6px 10px;font-size:12px}
  .rt-home{padding:6px 8px}
  .found{padding:5px 9px;font-size:11.5px}
  .walk-hint{top:auto;bottom:10px;font-size:12px;padding:5px 11px}
  .spot{padding:9px}
  .spot i{width:15px;height:15px}
  .spot span{display:none}
  .spot.active span{display:block;opacity:1}
  .lb{max-width:min(270px,74cqw);padding:8px 11px 9px;border-radius:15px}
  .lb-word{font-size:16px}
  .lb-line{font-size:14.5px}
  .lb-acts{margin-top:6px}
  .talk{flex:1 1 auto;min-height:0;border-left:0}
  .guest-note{margin:8px 10px 0;padding:6px 10px;font-size:12px}
  .has-chatted .guest-note{display:none}
  .tg .tg-l{display:none}
  .talk-head{padding:8px 10px}
  .m .b{font-size:16px}
}
@media (max-width:380px){
  .talk-tools .tg[data-toggle="ambient"]{display:none}
  .sit-btn [data-sit-label]{display:none}
}
@media (prefers-reduced-motion:reduce){
  .walker{transition:none}
  .luuk-body,.walker.walking .luuk-body,.walker.talking .luuk-body{animation:none}
  .spot i{animation:none}
}
.lb:not([hidden])~.walk-hint{opacity:0}