*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;font-family:Archivo,sans-serif;color:#22221f}canvas{display:block;width:100%;height:100%;touch-action:none}button,a,select{font:inherit}button{cursor:pointer}header{position:absolute;top:0;left:0;right:0;padding:22px 28px;display:flex;align-items:center;gap:12px;color:white;pointer-events:none;text-shadow:0 1px 4px #2228}header img{width:82px}header span{font-size:12px;font-weight:700;letter-spacing:.12em}.actions{margin-left:auto;display:flex;gap:8px;pointer-events:auto}.actions button{color:white;border:1px solid #ffffffa0;background:#29292388;padding:10px 14px;border-radius:2px;font-size:11px;text-transform:uppercase;letter-spacing:.06em}#intro{position:absolute;inset:0;display:flex;align-items:center;background:linear-gradient(90deg,#211c15c9,transparent 75%);padding:5vw}.intro-card{background:#f5f3ed;padding:38px;max-width:430px}.intro-card img{width:115px}.eyebrow{font-size:10px;letter-spacing:.18em;font-weight:700;margin-top:36px;color:#1d2cb3}h1{font-size:43px;line-height:1.05;letter-spacing:-.05em;margin:18px 0}h1 em{font-weight:400}p{line-height:1.55}.intro-card p:not(.eyebrow){font-size:14px;color:#5d5b54}.intro-card button,.primary{background:#1d2cb3;color:white;border:0;padding:14px 20px;margin-top:12px}.intro-card button:disabled{opacity:.5}#panel{position:absolute;right:18px;top:75px;bottom:18px;width:min(440px,calc(100% - 36px));overflow:auto;background:#f6f5f0;padding:38px 30px;box-shadow:0 10px 30px #0003}#panel[hidden],#intro[hidden]{display:none}.close{position:absolute;top:12px;right:16px;background:none;border:0;font-size:30px}h2{font-size:30px;letter-spacing:-.04em;margin:8px 0 20px}.sub{font-size:12px;color:#777;letter-spacing:.1em;text-transform:uppercase}.row{display:flex;align-items:center;gap:12px;border-top:1px solid #d7d5cd;padding:14px 0}.row .grow{flex:1}.row small{display:block;color:#777;margin-top:4px}.row button,.secondary{border:1px solid #aaa;background:transparent;padding:8px 10px}.row select{max-width:115px;padding:7px;border:1px solid #ccc;background:white}.link{display:inline-block;color:#1d2cb3;margin:16px 0}.places button{display:block;width:100%;text-align:left;background:none;border:0;border-top:1px solid #ddd;padding:16px 0}.pin{position:absolute;transform:translate(-50%,-50%);border:1px solid #fff;background:#f8f7ef;color:#222;border-radius:30px;padding:9px 14px;white-space:nowrap;font-size:11px;font-weight:700;box-shadow:0 2px 8px #0003}#hint{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);color:white;font-size:11px;letter-spacing:.04em;text-shadow:0 1px 4px #000;white-space:nowrap;pointer-events:none}#stick{display:none;position:absolute;bottom:30px;left:30px;width:86px;height:86px;border:1px solid #fffc;border-radius:50%;background:#0002;touch-action:none}#stick i{position:absolute;left:30px;top:30px;width:26px;height:26px;border-radius:50%;background:#fff9}.chess{display:grid;grid-template-columns:repeat(8,1fr);max-width:350px}.chess button{aspect-ratio:1;border:0;font-size:25px;color:#222}.chess button:nth-child(16n + 1),.chess button:nth-child(16n + 3),.chess button:nth-child(16n + 5),.chess button:nth-child(16n + 7),.chess button:nth-child(16n + 10),.chess button:nth-child(16n + 12),.chess button:nth-child(16n + 14),.chess button:nth-child(16n + 16){background:#b8a38b}.chess button.selected{outline:3px solid #1d2cb3;outline-offset:-3px}@media(max-width:600px){header{padding:15px;gap:6px}header img{width:60px}.actions button{padding:8px;font-size:9px}#intro{align-items:end;padding:0;background:#0006}.intro-card{max-width:none;width:100%;padding:28px}h1{font-size:36px}#panel{top:auto;bottom:0;right:0;width:100%;max-height:80%;padding:30px 22px}#stick{display:block}#hint{bottom:20px;left:auto;right:18px;transform:none;font-size:9px}}

#intro{z-index:5}