*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;color:#f6efd7;background:radial-gradient(ellipse at 65% 28%,#183b2d,#071611 65%);font:16px/1.5 system-ui,sans-serif}header,main{max-width:990px;margin:auto}header{padding:16px 22px;border-bottom:1px solid #b29c6944;display:flex;justify-content:space-between;font-size:12px;font-weight:800;letter-spacing:.12em}a{color:#efcf78}main{padding:22px;display:grid;grid-template-columns:1fr minmax(280px,440px);gap:6%;align-items:center}.kicker,small,.tiny,.stats{letter-spacing:.14em;font-size:11px}.kicker,small{color:#e6bd65;font-weight:bold}h1{font:900 clamp(46px,7vw,86px)/.85 Georgia,serif;letter-spacing:-.055em;margin:18px 0 26px}h1 em{color:#f5ce76}.stats{display:flex;gap:30px;border-block:1px solid #c9ad692f;padding:10px 0;color:#cbb980}.stats b{display:block;color:#fff3c7;font:700 24px monospace}.tiny{line-height:1.9;letter-spacing:.03em}details{font-size:12px;margin:16px 0;color:#c9d7c7}.cab{border:2px solid #92713b;border-radius:20px;overflow:hidden;background:#071e16;box-shadow:0 18px 70px #0008}.head,.buttons{display:flex;align-items:center;justify-content:space-between;padding:7px 12px;gap:8px}.head img{width:56px;height:48px;object-fit:contain}.head strong{display:block;font:italic 700 24px Georgia}.head span{color:#f1cf71}.field{position:relative;max-height:71svh;aspect-ratio:360/590;margin:auto;background:#062a18 url(canopy.webp) center/100% 100%;touch-action:none}.field canvas{width:100%;height:100%;display:block}.buttons button,button{touch-action:none;user-select:none;cursor:pointer;color:#fff1bd;border:1px solid #aa894a;border-radius:8px;background:linear-gradient(#23533d,#112c23);font:800 12px system-ui;padding:11px}.buttons button{flex:1}.buttons #serve{background:#853638}button:active,button.on{background:#796633}#note{position:absolute;bottom:3%;left:8%;right:8%;text-align:center;font:700 12px system-ui;color:#ffedb1;background:#091a12e6;border-radius:12px;padding:5px;pointer-events:none}#note:empty{display:none}@media(max-width:690px){main{display:flex;flex-direction:column;padding:10px;gap:12px}.side{width:min(100%,440px)}.side h1,.side>.kicker,.side>p{display:none}.stats{float:left;gap:18px;border:0;padding:0 10px}.stats b{font-size:18px}.side details{clear:both;margin:4px 10px}.side>button{float:right}.cab{width:min(100%,405px)}.head strong{font-size:19px}.field{max-height:65svh}header{padding:7px 14px}.buttons button{min-height:45px}}
.field{width:min(100%,43.3svh)}@media(max-width:690px){.field{width:min(100%,39.65svh)}}