:root{font-family:"Avenir Next",Trebuchet MS,sans-serif;color:#182c40;background:#e5f2ef;font-synthesis:none;--blue:#214edc;--mint:#d0f0b0;--paper:#fffef7}*{box-sizing:border-box}body{margin:0}button,a,textarea{font:inherit}button{border:1px solid #233e50;border-radius:6px;padding:10px 15px;background:var(--paper);color:inherit;cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:hover:not(:disabled){background:#d0f0b0}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:3px solid #e94878;outline-offset:4px}header{max-width:1250px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:16px 24px}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:4px}main{max-width:1200px;margin:8px auto 40px;display:grid;grid-template-columns:1fr 1fr;gap:38px;padding:0 24px}.shop{position:relative}.sign{padding:24px 34px 30px;background:var(--blue);color:white;border:6px double #b5d7ff;transform:rotate(-1deg);box-shadow:4px 7px 0 #14294c}.sign>span{font-size:15px}.sign h1{font-size:clamp(38px,5vw,66px);line-height:.98;letter-spacing:-3px;margin:13px 0 0}.window{height:235px;background:#b5d6e1;position:relative;overflow:hidden;margin:9px 13px 0;border:9px solid #182c40;border-bottom:0;background-image:linear-gradient(110deg,transparent 20%,#ffffff55 20%,#ffffff55 24%,transparent 24%,transparent 29%,#ffffff44 29%,#ffffff44 40%,transparent 40%)}.shelf{position:absolute;top:28px;left:20px;display:flex;gap:18px;border-bottom:9px solid #253f5d;padding:0 8px 4px}.shelf span{font-size:38px;color:#214edc}.shelf span:nth-child(2){color:#e94878}.bot{position:absolute;bottom:-12px;left:44px;width:132px}.antenna{width:6px;height:20px;background:#182c40;margin:auto;position:relative}.antenna:before{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:#e94878;left:-4px;top:-7px}.head{height:86px;background:#d0f0b0;border:5px solid #182c40;border-radius:20px 20px 14px 14px;display:flex;justify-content:space-around;padding:22px 20px;position:relative}.head i{height:12px;width:12px;background:#182c40;border-radius:50%}.head b{width:30px;height:5px;background:#182c40;position:absolute;bottom:15px;left:45px}.body{background:#214edc;color:white;text-align:center;border:5px solid #182c40;border-radius:20px 20px 0 0;height:88px;padding-top:20px;letter-spacing:2px;font-size:13px}.price{position:absolute;right:18px;bottom:30px;max-width:160px;background:#fffef7;padding:13px 15px;transform:rotate(5deg);box-shadow:3px 4px 0 #182c40}.price strong{font-size:40px;display:block;letter-spacing:-2px}.price small{font-size:10px;display:block}.counter{background:#182c40;color:#fffef7;padding:18px 22px;display:flex;gap:15px;align-items:center;justify-content:space-between;border-bottom:9px solid #214edc}.counter span{font-size:14px;font-style:italic}.counter button{color:#182c40;font-size:12px;max-width:140px}.brief,#clue-text{font-size:15px;line-height:1.65;margin:22px 12px}.negotiation{background:var(--paper);padding:22px 25px 15px;box-shadow:0 4px 0 #b5cfcc;align-self:start;min-height:640px;border-top:8px solid #182c40;position:relative}.negotiation:after{content:"";position:absolute;bottom:-7px;left:0;right:0;height:8px;background:linear-gradient(135deg,var(--paper) 25%,transparent 25%) -6px 0/12px 12px,linear-gradient(225deg,var(--paper) 25%,transparent 25%) -6px 0/12px 12px}.receipt-head{border-bottom:2px dashed #acc0be;padding-bottom:18px;display:flex;justify-content:space-between;gap:10px;align-items:center}.receipt-head strong{display:block;font-size:21px;margin-top:4px}.receipt-head>span{font-size:12px;white-space:nowrap}.tiny{font-size:12px}#provider{font-size:12px;line-height:1.5;color:#426060}#intro{padding:34px 0 22px}h2{font-size:27px;letter-spacing:-1px;margin:10px 0}#intro p{line-height:1.65;font-size:15px;max-width:34ch}#start,#send{background:#214edc;color:white;border-color:#214edc}#start:hover:not(:disabled),#send:hover:not(:disabled){background:#1536a5}#messages{list-style:none;margin:0;padding:0;max-height:410px;overflow:auto;scroll-behavior:smooth}#messages li{padding:14px 0;border-bottom:1px solid #dbe4dc;font-size:15px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;animation:arrive .22s ease-out}#messages li strong{display:block;font-size:12px;margin-bottom:3px;color:#214edc}#messages li.seller strong{color:#9b3560}#compose{padding-top:18px}label{font-size:13px;display:block;margin-bottom:8px}textarea{width:100%;padding:12px;resize:vertical;border:1px solid #9ab3af;background:#f4f9ee;border-radius:4px;color:inherit;font-size:15px;line-height:1.5}.compose-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:10px}#hint{font-size:10px;max-width:130px;line-height:1.5}#error{color:#9a203c;font-size:14px;line-height:1.5;min-height:1em}.bottom{display:flex;gap:10px;padding-top:12px}#bank{background:#d0f0b0}#restart{border:0;background:none;text-decoration:underline;font-size:13px;padding-left:0}.disclosure{font-size:11px;line-height:1.6;color:#52706e;margin-top:25px}#code{display:block;padding:15px;background:#d0f0b0;overflow-wrap:anywhere;font-size:22px;margin:15px 0}#code[hidden]{display:none}#celebration{position:fixed;inset:0;pointer-events:none;overflow:hidden}#celebration span{position:absolute;top:-20px;font-size:25px;animation:fall 1.8s ease-in forwards}.negotiation.thinking .bot{animation:none}@keyframes arrive{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes fall{to{transform:translateY(100vh) rotate(280deg);opacity:0}}@media(max-width:780px){main{grid-template-columns:1fr;gap:22px;max-width:580px;padding:0 16px}.sign h1{font-size:45px}.window{height:195px}.brief{margin-bottom:0}.negotiation{min-height:500px;padding:18px}.shop .sign{padding:20px 25px}.window .bot{left:25px}header{padding:12px 16px}.sign{transform:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}}[hidden]{display:none!important}