:root{--ink:#4a3528;--cream:#fff4dc;--paper:#fff8ee;--rug-a:#f9e7c6;--rug-b:#f1d7ae;--cheese:#ff9f4a;--mack:#8fa3b8;--pink:#ffb3c6;--mint:#a8e6cf;--butter:#ffd36e;--sky:#a7d8f0;--peach:#ffb084;--slotA:#ff7f5c;--slotB:#2fb98f;--lav:#c9b6f0;color:var(--ink);font-family:Jua,Apple SD Gothic Neo,Malgun Gothic,sans-serif}*{box-sizing:border-box}html,body{background:#f6e3c4;height:100%;margin:0;overflow:hidden}body{touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}#bg{background:radial-gradient(circle at 20% 15%,#fff9,#0000 40%),radial-gradient(#ffb3c659 2px,#0000 2.5px) 0 0/34px 34px,radial-gradient(#a8e6cf66 2px,#0000 2.5px) 17px 17px/34px 34px,linear-gradient(#fbecd2,#f3d9b2);position:fixed;inset:0}#bg.art{background:url(/art/bg_room.webp) 50%/cover no-repeat}#bg.art:after{content:"";background:#fff4dc26;position:absolute;inset:0}button,input{font:inherit;color:inherit}button{cursor:pointer;border:3px solid var(--ink);background:var(--paper);box-shadow:0 4px 0 var(--ink);border-radius:999px;padding:9px 18px;font-size:17px;transition:transform 80ms,box-shadow 80ms,background .15s,opacity .15s}button:active:not(:disabled){box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}button:disabled{opacity:.4;cursor:default}button.big{background:var(--butter);padding:12px 24px;font-size:21px}button.big.alt{background:var(--mint)}button.link{box-shadow:none;background:0 0;border:none;padding:4px 8px;font-size:15px;text-decoration:underline}input{border:3px solid var(--ink);text-align:center;-webkit-user-select:text;user-select:text;background:#fff;border-radius:999px;min-width:0;padding:9px 14px;font-size:19px}.panel{background:var(--paper);border:3px solid var(--ink);box-shadow:0 7px 0 var(--ink), 0 18px 40px #4a352833;border-radius:28px;flex-direction:column;align-items:center;gap:10px;max-width:min(420px,100%);padding:18px 20px;display:flex}.screen{padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:fixed;inset:0;overflow-y:auto}.hero{justify-content:center;align-items:flex-end;gap:6%;width:min(520px,100%);height:min(24vh,170px);display:flex}.hero.art{border:3px solid var(--ink);box-shadow:0 6px 0 var(--ink);background:url(/art/title.webp) 50%/cover no-repeat;border-radius:28px;height:min(30vh,260px)}.gang{align-items:flex-end;display:flex}.gang i{aspect-ratio:1;width:clamp(38px,9vw,64px);margin:0 -5px;animation:1.6s ease-in-out infinite bob;display:block}.gang i:nth-child(3){width:clamp(44px,10.5vw,74px)}.logo{flex-direction:column;align-items:center;margin:0;font-weight:400;line-height:1;display:flex}.logo span{font-size:40px;animation:2.2s ease-in-out infinite crownBob}.logo b{color:var(--ink);text-shadow:0 3px 0 var(--butter), 0 5px 0 var(--ink);letter-spacing:-.02em;font-size:clamp(34px,9vw,54px);font-weight:400}.tag{text-align:center;opacity:.85;margin:0;font-size:16px;line-height:1.45}.namebox{align-items:center;gap:8px;font-size:16px;display:flex}.namebox input{width:9em}.join{gap:8px;width:100%;display:flex}.join input{text-transform:uppercase;flex:1;width:6em}#title.invited #btnJoin{background:var(--butter);animation:1.2s ease-in-out infinite hot}.msg{color:#c0473a;text-align:center;min-height:1.2em;margin:0;font-size:15px}.small{opacity:.7;margin:0;font-size:14px}.code{letter-spacing:.16em;margin:0;padding-left:.16em;font-size:46px}.dots{gap:8px;display:flex}.dots i{background:var(--cheese);border-radius:50%;width:12px;height:12px;animation:1.2s ease-in-out infinite dot}.dots i:nth-child(2){background:var(--pink);animation-delay:.15s}.dots i:nth-child(3){background:var(--mack);animation-delay:.3s}#game{padding:max(8px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));grid-template:"opp""board"minmax(0,1fr)"mid""me""bar"/minmax(0,1fr);gap:6px;display:grid;position:fixed;inset:0}.pl.opp{grid-area:opp}.board-wrap{grid-area:board}.mid{grid-area:mid}.pl.me{grid-area:me}.bar{grid-area:bar}@media (aspect-ratio>=5/4) and (width>=700px){#game{grid-template:"opp board me""mid board me"1fr"mid board bar"/minmax(200px,1fr) minmax(0,calc(100dvh - 24px)) minmax(220px,1fr);gap:10px 18px}.pl{flex-direction:column;align-items:stretch!important}.pl .hand{justify-content:center}.mid{flex-direction:column;justify-content:flex-end;align-items:stretch!important}.pl.me{justify-content:flex-end}.hand{--cw:min(13vw, 190px)!important}.hand.small{--cw:min(10vw, 140px)!important}}.pl{align-items:center;gap:8px;min-width:0;display:flex}.pl .who{flex:1;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:6px;min-width:0;font-size:16px;display:grid}.pl .who .st{grid-column:2}.pl.me .who{display:none}.pl .nm{white-space:nowrap;text-overflow:ellipsis;font-weight:400;overflow:hidden}.pl .dot{border:2px solid var(--ink);border-radius:50%;flex:none;width:14px;height:14px}.pl.s0 .dot{background:var(--cheese)}.pl.s1 .dot{background:var(--mack)}.pl .st{opacity:.7;white-space:nowrap;font-size:13px}.pl .st.think:after{content:"…";vertical-align:bottom;width:1em;animation:1.2s steps(3,end) infinite think;display:inline-block;overflow:hidden}.pl.active .dot{animation:1s ease-in-out infinite hot;box-shadow:0 0 0 4px #ffd36ee6}@media (aspect-ratio>=5/4) and (width>=700px){.pl.me .who{display:flex}.pl .who{flex:none}}.board-wrap{justify-content:center;align-items:center;min-width:0;min-height:0;display:flex;position:relative}.hand{--cw:min(40vw, 180px);gap:8px;display:flex}.hand.small{--cw:min(25vw, 112px);gap:5px}.mcard{width:var(--cw);aspect-ratio:1.5;padding:calc(var(--cw) * .035);border-radius:calc(var(--cw) * .11);border-width:max(2px, calc(var(--cw) * .018));box-shadow:0 calc(var(--cw) * .03) 0 var(--ink);background:var(--paper);gap:calc(var(--cw) * .025);cursor:default;font-size:calc(var(--cw) * .11);grid-template:"nm nm""art grid"minmax(0,1fr)/1fr 1fr;transition:transform .18s cubic-bezier(.3,1.6,.5,1),box-shadow .18s,border-color .18s,background .18s;display:grid;position:relative}.mcard .nm{text-align:left;white-space:nowrap;grid-area:nm;padding-left:3%;line-height:1.1}.mcard .art{background-color:var(--cream);font-size:calc(var(--cw) * .26);border-radius:10%;grid-area:art;justify-content:center;align-items:center;display:flex;overflow:hidden}.mcard .grid{aspect-ratio:1;grid-template:repeat(5,1fr)/repeat(5,1fr);grid-area:grid;place-self:center;gap:7%;max-width:100%;height:100%;transition:transform .45s cubic-bezier(.3,1.4,.5,1);display:grid}.mcard .grid i{background:#4a35281a;border-radius:22%}.mcard .grid i.me{background:var(--ink);border-radius:50%}.mcard .grid i.go{background:#e07a9a;box-shadow:inset 0 -2px #0000001f}.mcard.slotA .grid i.go{background:var(--slotA)}.mcard.slotB .grid i.go{background:var(--slotB)}.mcard.flip .grid{transform:rotate(180deg)}.mcard.slotA{border-color:#a8452c}.mcard.slotB{border-color:#1e7a5e}.hand.live .mcard{cursor:pointer}.hand.live .mcard:hover{transform:translateY(-4px)}.mcard.sel{box-shadow:0 calc(var(--cw) * .03 + 9px) 0 var(--ink), 0 0 0 4px var(--butter);background:#fffdf5;transform:translateY(-9px)rotate(-2deg)!important}.hand.ask .mcard,.hand.pass .mcard{animation:.9s ease-in-out infinite hot}.hand.pass .mcard:after{content:"넘기기";background:var(--butter);border:2px solid var(--ink);border-radius:999px;padding:1px 7px;font-size:13px;position:absolute;top:-10px;right:-6px}.hand:not(.live) .mcard{filter:saturate(.85)}.hand.small .mcard{cursor:default}.mid{align-items:center;gap:10px;min-width:0;display:flex}.midslot{flex-direction:column;align-items:center;gap:2px;display:flex}.midslot .lbl{opacity:.6;font-size:12px}.info{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.hint{align-items:center;min-height:2.6em;margin:0;font-size:15px;line-height:1.3;display:flex}.sunrow{align-items:center;gap:8px;font-size:13px;display:flex}.sun{border:2px solid var(--ink);background:linear-gradient(90deg, var(--sky), var(--butter) 55%, var(--peach) 80%, #8a67b8);border-radius:99px;flex:none;width:96px;height:10px;position:relative}.sun i{top:50%;left:calc(var(--p,0) * 100%);width:20px;height:20px;transition:left .6s;position:absolute;transform:translate(-50%,-50%)}.sun i:before{content:"☀️";text-align:center;font-size:17px;line-height:20px;display:block}.sun.night i:before{content:"🌙"}.clock{opacity:.6;margin-left:auto}.clock.late{color:#c0473a;opacity:1}.box{border:3px solid var(--ink);width:66px;height:50px;box-shadow:0 3px 0 var(--ink);background:linear-gradient(#e7b77b,#d29a5b);border-radius:8px 8px 12px 12px;flex:none;position:relative}.box .lid{border:3px solid var(--ink);background:#eec58e;border-radius:6px;height:10px;position:absolute;top:-9px;left:-6px;right:-6px}.box .minis{flex-wrap:wrap;place-content:flex-end center;gap:0 1px;display:flex;position:absolute;inset:4px 3px 3px;overflow:visible}.box .mini{width:24px;height:24px;margin-top:-10px;display:block}.box .mini.boss{position:relative}.box .mini.boss:after{content:"👑";font-size:13px;font-style:normal;position:absolute;top:-10px;left:6px}.board{border:4px solid var(--ink);width:300px;height:300px;box-shadow:0 8px 0 var(--ink), 0 22px 40px #4a352840;background:var(--rug-a);touch-action:none;--dusk:0;border-radius:6%;flex:none;position:relative}.rug{border-radius:inherit;grid-template:repeat(5,1fr)/repeat(5,1fr);display:grid;position:absolute;inset:0;overflow:hidden}.rug:after{content:"";pointer-events:none;border:2px dashed #4a352838;border-radius:5%;position:absolute;inset:2.2%}.cell{background:var(--rug-a)}.cell:nth-child(odd){background:var(--rug-b)}.cushion{z-index:1;justify-content:center;align-items:center;width:20%;height:20%;display:flex;position:absolute;top:0;left:0}.cushion .pic{justify-content:center;align-items:center;width:86%;height:86%;font-size:0;display:flex}.cushion .pic.emoji{background:radial-gradient(circle at 40% 35%,#fff,#ffd7e1 60%,#ffb3c6);border:2px solid #4a352859;border-radius:50%;width:76%;height:66%;font-size:0;box-shadow:inset 0 -5px #0000000f}.cushion .goal{border:3px dashed #e5484d00;border-radius:50%;position:absolute;inset:6%}.cushion.theirs .goal{border-color:#e5484d8c;animation:9s linear infinite spin}.cushion.theirs:after{content:"👑";opacity:.6;font-size:clamp(10px,2.6vw,18px);position:absolute;top:2%;right:4%}.sky{z-index:2;border-radius:inherit;pointer-events:none;opacity:calc(var(--dusk) * .8);mix-blend-mode:multiply;background:linear-gradient(#ff805073,#aa64c859);transition:opacity .8s,background 1.4s;position:absolute;inset:0}.board.night .sky{opacity:1;background:radial-gradient(circle at 50% 45%,#6e78c859,#1e1e50bf)}.board.night{box-shadow:0 8px 0 var(--ink), 0 22px 60px #28286e73}.marks,.cats{pointer-events:none;position:absolute;inset:0}.marks{z-index:3}.cats{z-index:4}.mark{justify-content:center;align-items:center;width:20%;height:20%;display:flex;position:absolute;top:0;left:0}.mark:before{content:"";border:3px solid var(--slotA);background:#ff7f5c40;border-radius:50%;animation:1s ease-in-out infinite pulse;position:absolute;inset:14%}.mark.b:before{border-color:var(--slotB);background:#2fb98f38}.mark.ab:before{background:conic-gradient(#ff7f5c4d 0 50%, #2fb98f4d 0);border-color:var(--ink);border-style:dashed}.mark.cap:before{background:#ffd36e73;border-width:4px}.mark.win:before{background:radial-gradient(#ffd36ee6,#ffd36e33);border-color:#e5a600;box-shadow:0 0 18px #ffd36e}.mark.hover:before{inset:4%}.mark .paw{opacity:.85;justify-content:center;align-items:center;width:42%;height:42%;font-size:clamp(12px,3.4vw,26px);animation:1s ease-in-out infinite pulse;display:flex}.mark.cap .paw{z-index:1}.cat{z-index:1;width:20%;height:20%;position:absolute;top:0;left:0}.cat.moving{z-index:40!important}.cat.drag{z-index:60!important}.cat.hit{z-index:0!important}.cat .shadow{background:#4a352838;border-radius:50%;height:15%;transition:background .2s,box-shadow .2s;position:absolute;bottom:7%;left:20%;right:20%}.cat .hop{transition:transform .18s cubic-bezier(.3,1.6,.5,1);position:absolute;inset:0}.cat .squash{transform-origin:50% 100%;height:120%;animation:2.4s ease-in-out infinite breathe;position:absolute;bottom:9%;left:-9%;right:-9%}.cat .face{position:absolute;inset:0}.cat .sprite{transition:filter .2s;position:absolute;inset:0}.cat.ready .face{animation:1.1s ease-in-out infinite bob}.cat.ready .shadow{background:#ff9f4a73}.cat.s1.ready .shadow{background:#6e8caf80}.cat.sel .hop{transform:translateY(-14%)}.cat.sel .shadow{box-shadow:0 0 0 3px var(--ink);background:#ffd36ee6}.cat.sel .face{animation:.5s ease-in-out infinite wiggle}.cat.glow .sprite{filter:drop-shadow(0 0 4px #fff)drop-shadow(0 0 8px #ffd36e);animation:1s ease-in-out infinite glow}.cat.drag .hop{transition:none;transform:translateY(-20%)scale(1.1)}.cat.drag .shadow{opacity:.6;transform:scale(.6)}.cat.hit .sprite{filter:brightness(1.15)saturate(1.2)}.cat.reveal{z-index:45!important}.cat.reveal .hop{transition-duration:.3s;transform:translateY(-38%)scale(1.15)}.cat .crown{filter:drop-shadow(0 2px #4a352873);z-index:2;justify-content:center;align-items:center;width:38%;height:38%;font-size:clamp(12px,3.6vw,28px);display:none;position:absolute;top:-30%;left:31%}.cat .crown.on{animation:2.2s ease-in-out infinite crownBob;display:flex}.cat .crown.intel{opacity:.9;filter:drop-shadow(0 0 4px #fff)drop-shadow(0 0 8px #ff8fb1)}.cat .tag{z-index:2;display:none;position:absolute}.cat .tag.on{display:flex}.cat .tag.sign{color:#fff8ee;border:2px solid var(--ink);white-space:nowrap;box-shadow:0 2px 0 var(--ink);background:#c48e5c;border-radius:6px;padding:1px 4px;font-size:clamp(8px,2.2vw,14px);bottom:2%;right:-10%;rotate:8deg}.cat .tag.x{background:var(--mint);border:2px solid var(--ink);border-radius:50%;justify-content:center;align-items:center;width:30%;height:30%;font-size:clamp(8px,2vw,14px);top:-4%;right:2%}.cat .memo{border:2px solid var(--ink);z-index:2;width:32%;height:32%;box-shadow:0 2px 0 var(--ink);background:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:clamp(9px,2.4vw,16px);display:none;position:absolute;top:-6%;left:-2%}.cat .memo.on{display:flex}.cat .bubble{white-space:nowrap;border:2px solid var(--ink);opacity:0;pointer-events:none;z-index:5;box-shadow:0 3px 0 var(--ink);background:#fff;border-radius:14px;padding:3px 9px;font-size:clamp(11px,3vw,17px);position:absolute;bottom:118%;left:50%;translate:-50%}.cat .bubble:after{content:"";border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);background:#fff;width:10px;height:10px;position:absolute;bottom:-7px;left:50%;transform:translate(-50%)rotate(45deg)}.cat .bubble.on{animation:2s ease-out forwards bubble}.banner{z-index:20;border:4px solid var(--ink);background:var(--paper);box-shadow:0 6px 0 var(--ink);white-space:nowrap;opacity:0;pointer-events:none;border-radius:999px;padding:8px 26px;font-size:clamp(22px,6.5vw,40px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.banner.s0{background:#ffd9b0}.banner.s1{background:#d6e2ee}.banner.mine{background:var(--butter)}@media (prefers-reduced-motion:reduce){.banner.on{opacity:1}}.toast{z-index:21;text-align:center;max-width:92%;color:var(--cream);opacity:0;pointer-events:none;background:#4a3528e6;border-radius:18px;padding:7px 14px;font-size:clamp(14px,3.6vw,18px);position:absolute;top:4%;left:50%;translate:-50%}.toast.on{animation:toast var(--ms,2.4s) ease forwards}.offline{z-index:22;color:#fff;white-space:nowrap;background:#c0473a;border-radius:999px;padding:6px 14px;font-size:14px;position:absolute;bottom:4%;left:50%;translate:-50%}.net{left:50%;top:max(8px, env(safe-area-inset-top));z-index:300;background:var(--ink);color:var(--cream);border-radius:999px;padding:6px 14px;font-size:14px;position:fixed;translate:-50%}.bar{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.chip{background:var(--paper);padding:7px 13px;font-size:16px}.chip.icon{padding:7px 11px}@media (width<=480px){.bar{gap:4px}.chip{padding:5px 9px;font-size:14.5px}.chip.icon{padding:5px 8px}}@media (width<=420px){.box{width:56px;height:44px}.hand.small{--cw:min(22vw, 112px)}}.chip.on{background:var(--butter);box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}.chip.used{text-decoration:line-through}.chip.hot{background:var(--pink);animation:1s ease-in-out infinite hot}.emotes{left:50%;bottom:calc(max(8px, env(safe-area-inset-bottom)) + 58px);z-index:50;background:var(--paper);border:3px solid var(--ink);width:min(360px,94vw);box-shadow:0 5px 0 var(--ink);border-radius:22px;flex-wrap:wrap;justify-content:center;gap:6px;padding:10px;display:flex;position:fixed;translate:-50%}.emotes button{padding:6px 12px;font-size:16px}.overlay{z-index:100;background:#4a352859;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.overlay.bottom{pointer-events:none;padding-bottom:max(16px, env(safe-area-inset-bottom));background:linear-gradient(#0000 40%,#4a352859);align-items:flex-end}.overlay.bottom .panel{pointer-events:auto;transition:transform .35s cubic-bezier(.3,1.4,.5,1);animation:.5s cubic-bezier(.3,1.5,.5,1) rise}.overlay.min .panel{transform:translateY(calc(100% - 52px))}#over h2{margin:0;font-size:44px;font-weight:400}#over.win h2{color:#e5484d;text-shadow:0 3px 0 var(--butter)}#over.lose h2{color:#6b7d91}#over p{text-align:center;margin:0;font-size:17px}#over .note{color:#e5484d;min-height:1.2em;animation:1s ease-in-out infinite hot}.row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}#menu .panel{min-width:240px}#menu .panel button:not(.link){width:100%}.rules{align-items:stretch;max-width:min(520px,100%);max-height:88dvh;overflow-y:auto}.rules h2{text-align:center;margin:0;font-size:28px;font-weight:400}.rules ol{flex-direction:column;gap:8px;margin:0;padding-left:1.3em;font-size:15.5px;line-height:1.5;display:flex}.rules b{color:#c0473a;font-weight:400}.rules em{background:var(--butter);border-radius:4px;padding:0 3px;font-style:normal}.rules .clanrules{flex-direction:column;gap:3px;margin:4px 0 0;padding-left:.6em;font-size:14.5px;list-style:none;display:flex}.pl .clan{max-width:100%;box-shadow:0 2px 0 var(--ink);white-space:nowrap;text-overflow:ellipsis;background:#fff1c9;border-width:2px;grid-column:2;justify-self:start;padding:1px 7px;font-size:12.5px;overflow:hidden}.pl .clan.used{color:#4a35288c;background:#eee4d4;text-decoration:line-through}.pl.opp .who .st{grid-row:3}.chip.power{background:#ffe6a8}.chip{position:relative}.chip .n{text-align:center;background:var(--pink);border:2px solid var(--ink);border-radius:999px;min-width:19px;padding:0 4px;font-size:11px;font-style:normal;line-height:15px;position:absolute;top:-8px;right:-6px}.chip.power.off{opacity:.55}.chip.power.used{text-decoration:line-through}.chip.power.on{background:var(--butter)}.clans{align-items:stretch;max-width:min(560px,100%);max-height:92dvh;overflow-y:auto}.clans h2,.bots h2{text-align:center;margin:0;font-size:26px;font-weight:400}.clans .small{text-align:center}.clanlist{grid-template-columns:1fr 1fr;gap:10px;display:grid}.clanopt{text-align:left;background:var(--paper);border-radius:20px;flex-direction:column;align-items:stretch;gap:6px;padding:10px;font-size:14px;line-height:1.35;display:flex}.clanopt .art{aspect-ratio:1.6;background-color:var(--cream);border-radius:14px;justify-content:center;align-items:center;width:100%;font-size:34px;display:flex}.clanopt .txt{flex-direction:column;gap:2px;display:flex}.clanopt b{font-size:19px;font-weight:400}.clanopt .sk{color:#c0473a;font-size:14px}.clanopt .ds{opacity:.85;font-size:13px}.clanopt.sel{box-shadow:0 4px 0 var(--ink), 0 0 0 4px var(--butter);background:#fff3c4}@media (width<=420px){.clanlist{gap:7px}.clanopt{padding:7px}.clanopt .ds{font-size:12px}}.cat .cbox{z-index:1;pointer-events:none;height:64%;display:none;position:absolute;bottom:2%;left:-2%;right:-2%}.cat.boxed .cbox{display:block}.cat .cbox .pic{justify-content:center;align-items:flex-end;font-size:clamp(18px,6vw,44px);display:flex;position:absolute;inset:0}.cat .cbox b{text-align:center;background:var(--mint);border:2px solid var(--ink);border-radius:999px;min-width:1.5em;padding:0 3px;font-size:clamp(9px,2.4vw,15px);font-weight:400;position:absolute;top:4%;right:2%}.cat.boxed .squash{bottom:22%}.mark.p:before{background:#c9b6f066;border-color:#8a67b8}.mark.p.cap:before{background:#ffd36e80}button.learn{background:#e9dcff;width:100%;font-size:17px}button.learn.hot{animation:1.2s ease-in-out infinite hot}.bots{align-items:stretch;max-width:min(460px,100%);max-height:92dvh;overflow-y:auto}.botlist{flex-direction:column;gap:8px;display:flex}.botopt{text-align:left;border-radius:20px;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 12px 8px 8px;font-size:14px;display:grid}.botopt .art{background-color:var(--cream);border-radius:14px;justify-content:center;align-items:center;width:64px;height:64px;font-size:30px;display:flex}.botopt .txt{flex-direction:column;gap:1px;min-width:0;line-height:1.3;display:flex}.botopt b{font-size:18px;font-weight:400}.botopt .lv{vertical-align:2px;border:2px solid var(--ink);border-radius:999px;margin-left:4px;padding:0 7px;font-size:12px}.botopt .lv.easy{background:var(--mint)}.botopt .lv.normal{background:var(--butter)}.botopt .lv.hard{background:var(--pink)}.botopt .ds{opacity:.8;font-size:13px}.botopt .wins{white-space:nowrap;font-size:13px}.botopt.last{box-shadow:0 4px 0 var(--ink), 0 0 0 3px var(--butter)}.coach{z-index:150;left:50%;top:max(8px, env(safe-area-inset-top));pointer-events:none;align-items:flex-start;gap:8px;width:min(560px,100vw - 16px);display:flex;position:fixed;translate:-50%}.coach .face{filter:drop-shadow(0 3px #4a35284d);flex:none;width:74px;height:74px;margin-top:2px;animation:1.8s ease-in-out infinite bob}.coach .say{border:3px solid var(--ink);min-width:0;box-shadow:0 5px 0 var(--ink);pointer-events:auto;background:#fff;border-radius:20px;flex:1;padding:9px 13px;animation:.35s cubic-bezier(.3,1.5,.5,1) rise;position:relative}.coach .say:before{content:"";border-left:3px solid var(--ink);border-bottom:3px solid var(--ink);background:#fff;width:14px;height:14px;position:absolute;top:22px;left:-10px;transform:rotate(45deg)}.coach p{margin:0;font-size:16px;line-height:1.45}.coach p b{color:#c0473a;font-weight:400}.coach .row{justify-content:flex-end;margin-top:6px}.coach .big{padding:6px 18px;font-size:17px}.coach.wrong .say{animation:.4s shake}.coach.low{top:auto;bottom:max(8px, env(safe-area-inset-bottom))}@keyframes shake{0%,to{translate:0}25%{translate:-6px}75%{translate:6px}}.pointer{z-index:160;pointer-events:none;filter:drop-shadow(0 3px #4a352866);font-size:34px;transition:transform .35s cubic-bezier(.3,1.3,.5,1);position:fixed;top:0;left:0}.pointer:after{content:"";border:3px solid #e5484d;border-radius:50%;width:30px;height:30px;animation:1s ease-out infinite ping;position:absolute;top:-6px;left:4px}.pointer{animation:.9s ease-in-out infinite poke}@keyframes poke{0%,to{translate:0}50%{translate:0 8px}}@keyframes ping{0%{opacity:1;scale:.4}to{opacity:0;scale:1.6}}.tut-hl{z-index:5;position:relative;box-shadow:0 4px 0 var(--ink), 0 0 0 4px #e5484d!important}.flyer{z-index:200;pointer-events:none;position:fixed}.flash{z-index:190;pointer-events:none;background:#fffbe8;position:fixed;inset:0}#fx{pointer-events:none;z-index:210;width:100vw;height:100vh;position:fixed;inset:0}@keyframes breathe{0%,to{scale:1}50%{scale:1.03 .975}}@keyframes bob{0%,to{translate:0}50%{translate:0 -7%}}@keyframes wiggle{0%,to{rotate:-3deg}50%{rotate:3deg}}@keyframes glow{0%,to{scale:1}50%{scale:1.06}}@keyframes crownBob{0%,to{translate:0;rotate:-6deg}50%{translate:0 -10%;rotate:6deg}}@keyframes pulse{0%,to{opacity:.8;scale:.92}50%{opacity:1;scale:1.04}}@keyframes hot{0%,to{scale:1}50%{scale:1.05}}@keyframes spin{to{rotate:360deg}}@keyframes dot{0%,to{translate:0}40%{translate:0 -10px}}@keyframes think{0%{width:0}to{width:1em}}@keyframes bubble{0%{opacity:0;scale:.4}12%{opacity:1;scale:1.12}20%{scale:1}85%{opacity:1}to{opacity:0;translate:-50% -14px}}@keyframes toast{0%{opacity:0;translate:-50% -10px}10%,85%{opacity:1;translate:-50%}to{opacity:0;translate:-50% -6px}}@keyframes rise{0%{transform:translateY(110%)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.toast.on,.cat .bubble.on{opacity:1}}