:root{color-scheme:dark;font-family:Arial,sans-serif;color:#f9e8cb;background:#130f15}*{box-sizing:border-box}body{margin:0;background:linear-gradient(135deg,#160f18eb,#110c13f2),url('assets/room-v3.webp') center/cover fixed}header{display:flex;gap:20px;justify-content:space-between;align-items:center;padding:20px 4vw;border-bottom:1px solid #ad8051;background:#130e17}a{color:#edbf72}header>a{font-weight:900;letter-spacing:2px;text-decoration:none}small{display:block;font-size:10px}nav{display:flex;gap:18px;flex-wrap:wrap}main{max-width:960px;margin:auto;padding:34px 24px}h1{font:700 clamp(34px,6vw,66px)/1.03 Georgia,serif;margin:10px 0 16px}.eyebrow{letter-spacing:4px;color:#f4a876;font-size:12px}#intro{color:#ccbbc8;line-height:1.6;max-width:650px}.scorebar{display:flex;gap:30px;margin:25px 0;color:#cfbacb;font-size:12px}.scorebar strong{display:block;color:#f9dc99;font-size:28px;margin-top:5px}.game-board{position:relative;min-height:330px;background:radial-gradient(ellipse at center,#28443f,#122c28);border:8px solid #432b2c;outline:1px solid #ae7d49;border-radius:28px;box-shadow:0 20px 60px #0008,inset 0 0 60px #0007;text-align:center;padding:22px 16px}.light{font-size:11px;letter-spacing:4px;color:#cca76b}.dice-pair{display:flex;gap:32px;justify-content:center;margin:30px}.die{width:100px;height:100px;border-radius:19px;background:linear-gradient(145deg,#fffbed,#d4c4a9);box-shadow:inset -8px -7px 6px #ab9d89,inset 4px 4px 5px #fff,9px 14px 12px #0008;display:grid;grid-template:repeat(3,1fr)/repeat(3,1fr);padding:17px;gap:5px;transform:rotate(-9deg)}.die:nth-child(2){transform:rotate(13deg)}.pip{border-radius:50%;background:#211c18;box-shadow:inset 1px 2px 3px #0008}.die.rolling{animation:roll .4s ease-in-out}@keyframes roll{50%{transform:rotate(140deg) translateY(-14px)}}#rollTotal,#point{font-size:18px;font-weight:bold}#status{min-height:42px;font-size:18px;line-height:1.4;color:#ffe4a5;margin:16px 0 0}.cups{position:relative;height:220px;max-width:620px;margin:16px auto}.cup{position:absolute;top:10px;left:0;width:33.333%;height:190px;transition:left .55s ease-in-out;appearance:none;border:0;background:none;color:white;cursor:pointer}.cup img{position:relative;width:100%;height:155px;object-fit:contain;z-index:2;transition:transform .3s}.cup.lift img{transform:translateY(-35px)}.cup .pea{display:none;position:absolute;left:calc(50% - 12px);top:136px;width:24px;height:24px;background:url('assets/street-pea-v1.webp') center/contain no-repeat;z-index:1}.cup.show-pea .pea{display:block}.cup-number{position:absolute;bottom:2px;left:calc(50% - 15px);width:30px;line-height:30px;border:1px solid #b39351;border-radius:50%;background:#101d17}.cup:focus-visible{outline:3px solid #ffe4a5;border-radius:20px}.cup:disabled{cursor:default;opacity:1}.cup.lift{border-bottom:3px solid #f0be60}.controls{display:flex;flex-wrap:wrap;gap:12px;align-items:end;justify-content:center;margin:24px 0}button,select{font:700 16px Arial;min-height:46px;border-radius:8px;border:1px solid #b28c58;padding:10px 20px;background:#eac27b;color:#211923}button:disabled{opacity:.5;cursor:default}button{cursor:pointer}label{display:grid;gap:5px;font-size:12px}select{background:#211b25;color:#f6dfb3}.banter{display:flex;gap:20px;align-items:center;background:#241822;border:1px solid #4c3446;border-radius:14px;padding:12px 22px;margin:24px 0}.banter img{width:80px;height:110px;object-fit:contain}.banter strong{font:700 24px Georgia;color:#f4cb86}.banter p{font-size:18px;line-height:1.4;margin:8px 0}details{border-top:1px solid #694456;padding:18px 0;line-height:1.6}summary{cursor:pointer;font-weight:bold}footer{display:flex;justify-content:space-between;gap:20px;margin-top:30px}#saveStatus{font-size:12px;color:#ccbbc8}[hidden]{display:none!important}:focus-visible{outline:3px solid #fff1be;outline-offset:4px}@media(max-width:600px){header{align-items:start;flex-direction:column}nav{font-size:13px;gap:12px}main{padding:24px 14px}.game-board{padding:20px 8px;border-width:5px}.scorebar{gap:22px}.cup{height:165px}.cup img{height:140px}.cup .pea{top:123px;width:18px;height:18px}.cups{height:190px}.banter{padding:10px;gap:10px}.banter img{width:60px;height:90px}.banter strong{font-size:20px}.banter p{font-size:16px}.die{width:85px;height:85px;padding:14px}.light{letter-spacing:2px}}@media(prefers-reduced-motion:reduce){.die.rolling{animation:none}.cup{transition-duration:.85s;transition-timing-function:linear}.cup img{transition:none}}
