@import"https://fonts.googleapis.com/css2?family=Grenze+Gotisch:wght@400;600&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{--ground: #101319;--surface: #171b23;--sunken: #0b0e13;--ink: #e6e4dd;--ink-2: #a7aeba;--ink-3: #6f7784;--hair: #2a323e;--teal: #6fd0be;--iron: #4a8ad6;--gold: #b78a1c;--blood: #c8564e;--ivy: #7fa663;--card-face: #efe9da;--card-ink: #1a1f28;--card-red: #b4352e;--logo: #e4d8b8;--teal-ink: #1f7d6c;--gold-ink: #8a6510;--paper-veil: rgba(239, 233, 218, .88);--display: "Grenze Gotisch", Georgia, serif;--mono: "IBM Plex Mono", ui-monospace, Menlo, monospace;--gap: 8px;--log-lines: 6;--logo-h: 92px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--mono);font-size:14px;overscroll-behavior:none}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}.app{min-height:100%;max-width:520px;margin:0 auto;display:flex;flex-direction:column;padding:max(10px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom));gap:var(--gap)}.topbar{display:flex;align-items:center;gap:10px;flex:none}.title{font-family:var(--display);font-size:22px;letter-spacing:.02em;line-height:1;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pill{border:1px solid var(--hair);border-radius:6px;padding:5px 9px;font-size:12px;color:var(--ink-2);white-space:nowrap}.pill b{color:var(--ink);font-weight:600}.icon-btn{width:34px;height:34px;border:1px solid var(--hair);border-radius:6px;display:grid;place-items:center;flex:none}.room-frame{flex:none;position:relative;border-radius:10px;padding:10px;background:radial-gradient(120% 80% at 50% 0%,#1b212b,#0d1015 70%);border:1px solid var(--hair);overflow:hidden}.room-frame .backdrop{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.5}.room-frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0b0e1340,#0b0e13b3);pointer-events:none}.room{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap);justify-items:center;align-items:center}:root{--chrome: 378px;--card-min: 88px}.room{--avail: calc(min(100svh, 100vh) - var(--chrome) - var(--gap));--card-h: max(var(--card-min), calc(var(--avail) / 2))}@media (max-width: 380px){.room{gap:6px}}.card{position:relative;aspect-ratio:5 / 7;border-radius:7px;background:var(--card-face);color:var(--card-ink);border:1px solid var(--teal);overflow:hidden;display:block;padding:0;transition:transform .12s ease,box-shadow .12s ease;width:100%;max-width:min(100%,calc(var(--card-h, 999px) * 5 / 7));box-shadow:0 6px 16px -10px #000;--suit-size: clamp(14px, calc(var(--card-h, 180px) * .105), 26px);--value-size: clamp(18px, calc(var(--card-h, 180px) * .17), 38px)}.card:disabled{cursor:default}.card.selectable:active{transform:scale(.97)}.card.dim{opacity:.4}.card.muted{opacity:.45;filter:saturate(.5)}.card-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.card-face{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.card-face .glyph{font-size:clamp(22px,calc(var(--card-h, 180px) * .22),52px);line-height:1;opacity:.5}.card-face .val{font-family:var(--display);font-size:calc(var(--value-size) * .78);line-height:1;display:flex;align-items:baseline;gap:3px}.card-face .hint{font-family:var(--mono);font-style:normal;font-size:10px;color:#6a7180}.card.red .card-face,.card.red .suit,.card.red .corner em{color:var(--card-red)}.card.red .card-face .hint{color:#a86a66}.card .corner{position:absolute;bottom:1px;right:6px;font-family:var(--display);font-size:var(--value-size);line-height:1;color:var(--card-ink);display:flex;align-items:baseline;gap:2px;text-shadow:0 0 5px rgba(239,233,218,.95),0 0 10px rgba(239,233,218,.8)}.card .corner em{font-family:var(--mono);font-style:normal;font-size:max(9px,calc(var(--value-size) * .42));color:#5d646f}.card.red .corner{color:var(--card-red)}.card-top{position:absolute;top:0;left:0;right:0;display:grid;grid-template-columns:var(--suit-size) 1fr var(--suit-size);align-items:center;padding:3px 5px 0;gap:3px}.card-top:after{content:""}.card .suit{font-size:var(--suit-size);line-height:1;color:var(--card-ink);text-shadow:0 0 4px rgba(239,233,218,.92)}.card.red .suit{color:var(--card-red)}.card .tag{font-size:max(8px,calc(var(--suit-size) * .52));letter-spacing:.06em;text-transform:uppercase;color:#6a7180;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 0 4px rgba(239,233,218,.92)}.card.empty{background:transparent;border-style:dashed;border-color:#6fd0be38;box-shadow:none;pointer-events:none}.card-back-stub{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(45deg,#e4ddcc 0,#e4ddcc 6px,#ece5d3 6px,#ece5d3 12px);border-radius:6px}.card-back-stub:after{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border:1px solid rgba(31,125,108,.32);border-radius:4px}.card.cursed{border-color:var(--blood);box-shadow:inset 0 0 0 2px #c8564e4d,0 6px 16px -10px #000}.card.cursed .tag{color:var(--card-red)}.turnbar{display:flex;align-items:center;gap:8px;flex:none;min-height:34px}.turnbar .who{font-family:var(--display);font-size:19px;line-height:1;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.turnbar .who em{color:var(--teal);font-style:normal}.btn{border:1px solid var(--hair);border-radius:6px;padding:7px 11px;font-size:12px;color:var(--ink-2);white-space:nowrap}.btn:disabled{opacity:.35;cursor:default}.btn.accent{border-color:var(--teal);color:var(--teal)}.btn.primary{background:var(--teal);color:#0b1512;border-color:var(--teal);font-weight:600}.btn.primary.solo{background:var(--ivy);border-color:var(--ivy);color:#0d1409}.btn.wide{width:100%;text-align:center;padding:12px;font-size:14px}.logstrip{flex:none;display:flex;align-items:center;gap:8px;width:100%;min-height:30px;padding:6px 10px;background:var(--sunken);border:1px solid var(--hair);border-radius:7px;text-align:left;font-size:12px;line-height:1.4;color:var(--ink-2)}.logstrip .logline{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logstrip .logline.hurt{color:var(--blood)}.logstrip .logline.good{color:var(--ivy)}.logstrip .chev{flex:none;color:var(--ink-3);font-size:11px}.logstrip:active{border-color:var(--teal)}.lower{position:relative;flex:1 1 auto;min-height:150px;display:flex}.logsheet{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;background:var(--sunken);border:1px solid var(--teal);border-radius:8px;display:flex;flex-direction:column;overflow:hidden}.logsheet-head{flex:none;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 9px;border-bottom:1px solid var(--hair);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}.logsheet-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:8px 10px;display:flex;flex-direction:column-reverse;gap:3px;font-size:12px;line-height:1.5;color:var(--ink-2)}.logsheet-body .line.fresh{color:var(--ink)}.logsheet-body .line.hurt{color:var(--blood)}.logsheet-body .line.good{color:var(--ivy)}.players{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap);flex:1 1 auto;min-width:0}.panel{background:var(--surface);border:1px solid var(--hair);border-radius:8px;padding:9px;display:flex;flex-direction:column;gap:7px;min-width:0;min-height:0}.panel.active{border-color:var(--teal);box-shadow:0 0 0 1px #6fd0be40}.panel-head{display:flex;flex-direction:column;gap:1px;min-width:0}.panel .name{font-family:var(--display);font-size:17px;line-height:1.05;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel .klass{font-size:10px;color:var(--ink-3);letter-spacing:.06em;text-transform:uppercase}.hpbar{height:16px;background:var(--sunken);border:1px solid var(--hair);border-radius:4px;position:relative;overflow:hidden;flex:none}.hpbar i{position:absolute;inset:0 auto 0 0;background:var(--blood);transition:width .25s ease}.hpbar span{position:relative;display:block;text-align:center;font-size:11px;line-height:16px;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px rgba(0,0,0,.55)}.panel-body{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(52px,1fr);gap:6px}.portrait{position:relative;border:1px solid var(--hair);border-radius:6px;background:var(--card-face);overflow:hidden;min-height:74px;display:grid;place-items:center}.portrait-img{width:100%;height:100%;display:block}.portrait-stub{font-family:var(--display);font-size:15px;color:#8b8578;text-align:center;padding:4px;line-height:1.15}.portrait .badge{position:absolute;left:0;right:0;bottom:0;background:#b78a1ce6;color:#17120a;font-size:9px;letter-spacing:.05em;text-transform:uppercase;text-align:center;padding:2px 3px;font-weight:600}.slots{display:flex;flex-direction:column;gap:6px;min-height:0}.slot{flex:1 1 0;min-height:34px;border:1px dashed var(--hair);border-radius:6px;background:var(--sunken);display:grid;place-items:center;position:relative;overflow:hidden;color:var(--ink-3);font-size:10px}.slot.filled{border-style:solid;border-color:var(--iron);background:var(--card-face);color:var(--card-ink)}.slot.brittle{border-color:var(--gold);color:var(--gold)}.slot.filled.brittle{color:var(--gold-ink)}.slot-img{width:100%;height:100%;object-fit:cover}.slot b{font-family:var(--display);font-size:clamp(18px,6vw,24px);line-height:1}.slot-cap{position:absolute;top:0;left:0;right:0;font-size:9px;background:#0b0e13d1;padding:1px 4px 2px;display:flex;align-items:baseline;justify-content:space-between;gap:4px}.slot-state{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slot-val{position:absolute;right:5px;bottom:1px;font-family:var(--display);font-size:clamp(16px,5vw,22px);line-height:1;text-shadow:0 0 5px rgba(239,233,218,.95),0 0 10px rgba(239,233,218,.8)}.slot.filled .slot-cap{background:var(--paper-veil);color:var(--card-ink)}.slot-kills{flex:none;opacity:.72}.slot-empty{font-size:10px}.sheet-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#080a0ec7;display:flex;align-items:flex-end;justify-content:center;padding:14px;z-index:20}.sheet{width:100%;max-width:496px;max-height:88vh;overflow-y:auto;background:var(--surface);border:1px solid var(--hair);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:9px}.sheet h3{font-family:var(--display);font-weight:400;font-size:21px;margin:0;line-height:1.1}.sheet p{margin:0;font-size:12px;color:var(--ink-2);line-height:1.5}.opt{border:1px solid var(--hair);border-radius:7px;padding:11px 12px;display:flex;align-items:center;gap:10px;text-align:left}.opt .lab{flex:1;min-width:0}.opt .cost{font-variant-numeric:tabular-nums;color:var(--blood);white-space:nowrap}.opt .cost.zero{color:var(--ivy)}.opt .warn{display:block;font-size:11px;color:var(--gold);margin-top:2px;font-style:normal}.opt:active{border-color:var(--teal)}.screen{flex:1;min-height:0;display:flex;flex-direction:column;gap:11px;justify-content:center;padding-block:12px;--menu-chrome: 462px;--cover-cap: max(84px, calc(min(100svh, 100vh) - var(--menu-chrome)))}.screen.top{justify-content:flex-start}.cover{position:relative;align-self:center;flex:none;width:min(58vw,var(--cover-max, 230px),var(--cover-cap, 230px));aspect-ratio:1;border:1px solid var(--hair);border-radius:12px;background:var(--card-face);overflow:hidden;display:grid;place-items:center;box-shadow:0 10px 28px -18px #000}.cover img{display:block}.cover-stub{font-family:var(--display);font-size:clamp(44px,18vw,76px);line-height:1;color:#8b8578}.logo-plate{flex:none;width:100%;height:var(--logo-h);margin:0;position:relative;border:1px solid var(--hair);border-radius:10px;background:var(--card-face);overflow:hidden;display:grid;place-items:center;box-shadow:0 8px 22px -16px #000}.logo-img{width:100%;height:100%;padding:6px 10px}.logo-word{font-family:var(--display);font-weight:400;font-size:min(8.5vw,calc(var(--logo-h) * .4));line-height:.95;text-align:center;color:var(--card-ink)}.hero{font-family:var(--display);font-size:clamp(38px,13vw,58px);line-height:.95;margin:0;text-align:center;color:var(--logo)}.hero-sub{text-align:center;color:var(--ink-3);font-size:12px;margin:0;letter-spacing:.08em;text-transform:uppercase}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}.field input,input.code{background:var(--sunken);border:1px solid var(--hair);border-radius:6px;padding:11px 12px;color:var(--ink);font:inherit;width:100%}.field input:focus,input.code:focus{outline:2px solid var(--teal);outline-offset:1px}input.code{font-family:var(--mono);font-weight:600;font-size:28px;letter-spacing:.26em;text-indent:.26em;text-align:center;text-transform:uppercase;padding:15px 12px}input.code::placeholder{letter-spacing:.2em;color:var(--ink-3)}.setup{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:10px;padding-block:10px 4px}.hero-pick{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:9px;--hero-name-size: 25px;--hero-title-size: 11px;--hero-ab-size: 12.5px;--hero-ab-lh: 1.45;--hero-ab-lines: 4}.hero-portrait{flex:1 1 0;min-height:84px;border:1px solid var(--hair);border-radius:10px;background:var(--card-face);overflow:hidden;display:grid;place-items:center;position:relative}.hero-img{width:100%;height:100%;display:block}.hero-stub{font-family:var(--display);font-size:clamp(28px,11vw,46px);color:#8b8578;text-align:center;padding:10px;line-height:1.05}.hero-info{flex:none;display:flex;flex-direction:column;gap:2px}.hero-name{font-family:var(--display);font-size:var(--hero-name-size);line-height:1.1;height:calc(var(--hero-name-size) * 1.1);white-space:nowrap;overflow:hidden}.hero-title{font-size:var(--hero-title-size);color:var(--teal);letter-spacing:.04em;line-height:1.3;height:calc(var(--hero-title-size) * 1.3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-ability{font-size:var(--hero-ab-size);color:var(--ink-2);line-height:var(--hero-ab-lh);margin-top:3px;height:calc(var(--hero-ab-size) * var(--hero-ab-lh) * var(--hero-ab-lines));overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-clamp:4}.chips{flex:none;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:6px}.chip{position:relative;aspect-ratio:1;border:1px solid var(--hair);border-radius:8px;background:var(--card-face);overflow:hidden;display:grid;place-items:center;padding:0;transition:border-color .12s ease,transform .12s ease}.chip img{width:100%;height:100%;display:block}.logo-img,.cover>img,.hero-img,.chip img,.portrait-img,.slot-img,.dbanner-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.hero-img,.portrait-img,.chip img{object-position:50% 0%}.logo-word,.cover-stub,.hero-stub,.chip-stub,.portrait-stub,.dbanner-stub,.slot>b{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;place-items:center;text-align:center;padding:4px}.chip-stub{font-family:var(--display);font-size:21px;color:#8b8578}.chip.on{border-color:var(--teal);box-shadow:0 0 0 1px var(--teal)}.chip.on .chip-stub{color:var(--teal-ink)}.chip:active{transform:scale(.95)}.dpick{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:10px}.dlist{flex:0 1 auto;min-height:0;display:flex;flex-direction:column;gap:9px}.dbanner{flex:1 1 auto;min-height:62px;aspect-ratio:3 / 1;max-height:var(--banner-max, 132px);position:relative;border:1px solid var(--hair);border-radius:10px;background:var(--card-face);overflow:hidden;padding:0;display:block;text-align:left;transition:border-color .12s ease,transform .12s ease}.dbanner:active{transform:scale(.985)}.dbanner.on{border-color:var(--teal);box-shadow:0 0 0 1px var(--teal)}.dbanner-img,.dbanner>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.dbanner-stub{font-family:var(--display);font-size:40px;color:#8b8578}.dbanner-text{position:absolute;left:0;right:0;bottom:0;padding:16px 12px 9px;display:flex;flex-direction:column;gap:2px;background:linear-gradient(180deg,#efe9da00,#efe9daeb 58%)}.dbanner .nm{font-family:var(--display);font-size:22px;line-height:1;color:var(--card-ink)}.dbanner .hp{font-size:10.5px;color:#6b7280}.dbanner.on .nm{color:var(--teal-ink)}.dblurb{flex:none;margin:0;font-size:12.5px;line-height:1.45;color:var(--ink-2);height:36.25px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.steps{display:flex;gap:5px;flex:none;align-items:center}.step{width:7px;height:7px;border-radius:50%;background:var(--hair);transition:background .15s ease}.step.done{background:var(--ink-3)}.step.on{background:var(--teal);width:16px;border-radius:4px}.code-step{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:12px;justify-content:center}.steplabel{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--teal);flex:none}.result-stat{display:flex;justify-content:space-between;border-bottom:1px solid var(--hair);padding:7px 0;font-size:13px}.result-stat span:last-child{font-variant-numeric:tabular-nums;color:var(--ink-2)}.err{color:var(--blood);font-size:12px;text-align:center}.code-box{border:1px solid var(--teal);border-radius:10px;padding:16px;text-align:center;background:var(--surface);display:flex;flex-direction:column;gap:8px}.code-box .code{font-family:var(--mono);font-weight:600;font-size:clamp(36px,12.5vw,52px);letter-spacing:.2em;text-indent:.2em;line-height:1.15;color:var(--teal)}.code-box .cap{font-size:11px;color:var(--ink-3);letter-spacing:.08em;text-transform:uppercase}.status{display:flex;align-items:center;gap:9px;justify-content:center;font-size:12.5px;color:var(--ink-2)}.dot{width:8px;height:8px;border-radius:50%;background:var(--ink-3);flex:none}.dot.live{background:var(--ivy)}.dot.warn{background:var(--gold)}.dot.dead{background:var(--blood)}.dot.pulse{animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.35}50%{opacity:1}}.waiting-note{font-size:12px;color:var(--ink-3);text-align:center;line-height:1.5}@media (max-height: 720px){:root{--gap: 6px;--cover-max: 178px;--banner-max: 108px;--logo-h: 66px}.room-frame{padding:7px}.title{font-size:19px}.turnbar{min-height:30px}.turnbar .who{font-size:17px}.panel{padding:7px;gap:5px}.panel .name{font-size:15px}.lower{min-height:128px}.setup{gap:8px}.hero-portrait{min-height:70px}.screen{gap:11px}}@media (max-height: 620px){:root{--cover-max: 132px}.screen{gap:8px;padding-block:8px;--menu-chrome: 430px}.screen .btn.wide{padding:10px}.langs .lang{padding:6px 12px}.card-face .glyph{font-size:clamp(20px,6.5vw,28px)}.panel .klass{display:none}.lower{min-height:108px}.hero-pick{--hero-name-size: 21px;--hero-ab-size: 11.5px}:root{--banner-max: 84px;--logo-h: 66px}.dbanner .nm{font-size:19px}.dbanner-text{padding:13px 10px 7px}}:focus-visible{outline:2px solid var(--teal);outline-offset:2px}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}.flash{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:40;opacity:0;background:radial-gradient(120% 80% at 50% 50%,transparent 35%,rgba(168,54,47,.55) 100%)}.flash.on{animation:flash .38s ease-out}@keyframes flash{0%{opacity:0}18%{opacity:1}to{opacity:0}}.panel{transition:border-color .2s ease,box-shadow .2s ease}.panel.hit{animation:panel-hit .46s ease-out}.panel.healed{animation:panel-heal .46s ease-out}@keyframes panel-hit{0%{box-shadow:inset 0 0 0 2px var(--blood),0 0 18px -4px var(--blood)}to{box-shadow:none}}@keyframes panel-heal{0%{box-shadow:inset 0 0 0 2px var(--ivy),0 0 18px -6px var(--ivy)}to{box-shadow:none}}.hpbar i{transition:width .34s cubic-bezier(.22,.61,.36,1)}.room .card{animation:deal .26s ease-out backwards}.room .card:nth-child(2){animation-delay:.04s}.room .card:nth-child(3){animation-delay:.08s}.room .card:nth-child(4){animation-delay:.12s}.room .card:nth-child(5){animation-delay:.16s}.room .card:nth-child(6){animation-delay:.2s}@keyframes deal{0%{opacity:0;transform:translateY(9px) scale(.96)}to{opacity:1;transform:none}}.card.selectable:active{transform:scale(.955);box-shadow:0 0 0 2px var(--teal),0 6px 16px -10px #000}.card.empty{animation:slot-in .3s ease-out both}@keyframes slot-in{0%{opacity:0}to{opacity:1}}.logstrip .logline,.logsheet-body .line.fresh{animation:log-in .24s ease-out}@keyframes log-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.turnbar .who em{animation:log-in .22s ease-out}.langs{display:flex;gap:8px;justify-content:center;margin-top:4px}.lang{border:1px solid var(--hair);border-radius:6px;padding:7px 14px;font-size:12px;letter-spacing:.1em;color:var(--ink-3);transition:color .15s ease,border-color .15s ease}.lang.on{color:var(--teal);border-color:var(--teal)}.players.solo{grid-template-columns:1fr}.lower.solo{min-height:132px}.players.solo .panel-body{grid-template-columns:minmax(0,2.6fr) minmax(64px,1fr)}.room.of4{grid-template-columns:repeat(2,1fr)}.app.teaching .room{--chrome: 560px}.coach{flex:none;border:1px solid var(--teal);border-radius:9px;background:var(--surface);padding:11px 13px 12px;display:flex;flex-direction:column;gap:8px;box-shadow:0 10px 26px -20px #000}.coach.done{border-color:var(--ivy)}.coach-head{display:flex;align-items:center;gap:10px}.coach-title{font-family:var(--display);font-size:20px;line-height:1;flex:1;min-width:0}.coach.done .coach-title{color:var(--ivy)}.coach-body{margin:0;font-size:13px;line-height:1.5;color:var(--ink-2);min-height:58.5px}.coach-hint{font-size:12px;letter-spacing:.04em;color:var(--teal);text-align:center;padding:11px;border:1px dashed var(--teal);border-radius:6px;animation:nudge 1.8s ease-in-out infinite}@keyframes nudge{0%,to{opacity:.55}50%{opacity:1}}@media (max-height: 660px){.app.teaching .room{--chrome: 500px;--card-min: 54px}.app.teaching .coach{padding:8px 10px 9px;gap:6px}.app.teaching .coach-title{font-size:17px}.app.teaching .coach-body{font-size:12.5px;min-height:37.5px}.app.teaching .coach-hint{padding:8px}.app.teaching .lower{min-height:104px}.app.teaching .btn.wide{padding:9px}}