@font-face{font-family:Local;src:local('Arial')}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#060707;color:#f6f0e5;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;color:inherit}button:focus-visible,input:focus-visible{outline:4px solid #edc982;outline-offset:6px}button:disabled{cursor:default}button{border:0}button,input{border-radius:0}button:active:not(:disabled){filter:brightness(1.15)}[hidden]{display:none!important}#kiosk{width:1080px;height:1920px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(var(--scale,1));transform-origin:center;background:#10100f;overflow:hidden;isolation:isolate}#kiosk:before{content:'';position:absolute;inset:0;background:linear-gradient(#0b0b0bf0 2%,#0b0b0b88 28%,#0b0b0b00 55%,#0b0b0bed 89%),url('assets/bar.png') center/cover;z-index:-1}header{height:180px;margin:0 58px;border-bottom:1px solid #ffffff25;display:flex;align-items:center;gap:30px}header>img{width:150px;height:90px;object-fit:contain}.brand-copy{font-size:18px;letter-spacing:2px;line-height:1.5}.brand-copy small{display:block;font-size:14px;color:#a69c90;letter-spacing:3px}nav{display:flex;gap:10px;margin-left:auto;align-items:center}nav button{background:#ffffff0a;border:1px solid #ffffff30;padding:20px 17px;font-size:18px;min-height:64px}#fullscreen{font-size:27px}main{height:1650px}.screen{position:relative;height:100%;padding:55px 60px 0}.eyebrow{color:#d6b16f;font-size:20px;letter-spacing:4px;font-weight:700}h1{font-size:166px;line-height:.88;letter-spacing:-9px;margin:34px 0 22px;position:relative;z-index:2}em{font-style:normal;color:#dfbf83}h1 em{color:#f0e5d1}.tagline{font-size:35px;margin:0;color:#d6cec0;position:relative;z-index:2}.home-scene{position:absolute;top:395px;left:50px;width:980px;height:900px}canvas{display:block}.side-note{position:absolute;left:20px;top:310px;font-size:18px;letter-spacing:4px;line-height:1.8;color:#bfad91;writing-mode:vertical-rl;transform:rotate(180deg)}.home-bottom{position:absolute;bottom:0;left:60px;right:60px}.spec{display:flex;justify-content:space-between;border-top:1px solid #ddbe8140;padding:28px 0 36px}.spec span{display:flex;flex-direction:column;gap:12px;font-size:17px;color:#bdb4a4;letter-spacing:2px}.spec b{font-size:56px;color:#f2e8d7;font-weight:400}.primary,.outline{height:112px;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 40px;font-size:27px;letter-spacing:2px;font-weight:700}.primary{background:#c92532;box-shadow:0 10px 50px #a90b1725}.primary span:last-child{font-size:35px}.outline{background:#161614b5;border:1px solid #bda77960;margin-top:20px}.text{background:none;color:#c5b9a6;min-height:70px;padding:20px 0;font-size:19px;letter-spacing:1px}.micro{font-size:17px;letter-spacing:1px;color:#a79d8d;line-height:1.7;text-align:center;margin:23px 0}.padded{padding-top:75px}h2{font-size:112px;letter-spacing:-5px;line-height:.98;margin:28px 0 30px}.intro{font-size:30px;line-height:1.55;color:#c9beac}.steps{margin:65px 0 50px}.steps>div{display:flex;gap:35px;border-top:1px solid #ffffff20;padding:26px 0}.steps b{font-size:30px;color:#d1ad6e;padding-top:9px}.steps p{font-size:27px;color:#bdb5a7;line-height:1.45;margin:0}.steps strong{display:block;font-size:34px;color:#f1e8d8;margin-bottom:8px}.rule-card{padding:32px;border:1px solid #d3b47740;background:#29251d80;margin:35px 0 45px;font-size:23px;line-height:1.5}.rule-card b{letter-spacing:2px;color:#ddbd83}.rule-card p{color:#c7bdac;margin:12px 0}.game-top{display:flex;justify-content:space-between;color:#dab980;font-size:21px;letter-spacing:3px}.hud{display:flex;justify-content:space-between;margin:32px 0 25px}.hud label{display:block;font-size:18px;letter-spacing:3px;color:#b9ac97}.hud strong{font-size:95px;font-weight:400;letter-spacing:-4px;font-variant-numeric:tabular-nums}.hud small{font-size:35px;letter-spacing:0;color:#b7aa94}.clock{text-align:right}.progress{height:4px;background:#ffffff18}.progress i{display:block;background:#ccad75;width:100%;height:100%}.glass-scene{position:relative;width:980px;height:950px;margin-left:-10px}.target-caption{position:absolute;top:26px;left:20px;display:flex;gap:20px;align-items:center;font-size:18px;letter-spacing:2px;color:#ccb88e}.target-caption strong{font-size:26px;color:#f1d294}#feedback{position:absolute;bottom:18px;width:100%;text-align:center}#feedback strong{display:block;font-size:33px;letter-spacing:3px;color:#edd29e}#feedback span{display:block;font-size:24px;color:#c7bba7;margin-top:14px}#ready{position:absolute;inset:20px;background:#11100eee;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center}#ready span{font-size:28px;letter-spacing:7px}#ready b{font-size:220px;color:#dfbd7c}#ready p{font-size:29px}.control-area{margin-top:10px}.flow-meta,.play-help{display:flex;justify-content:space-between;align-items:center;color:#b5a68d;font-size:18px;letter-spacing:2px}.flow-meta{margin-bottom:24px}#pour{height:154px;touch-action:none;user-select:none;-webkit-user-select:none}#pour.held{background:#e13c44;box-shadow:0 0 65px #e3273150}#pour:disabled{background:#353026;color:#c7b58f;box-shadow:none}.play-help{font-size:16px}.dots{display:flex;gap:18px;margin-top:10px}.dots>span{height:6px;flex:1;background:#ffffff20}.dots .done{background:#d8b77c}.dots .current{background:#cc2937}.result-total strong{display:block;font-size:134px;letter-spacing:-7px;margin-top:38px}.result-total>span{font-size:19px;letter-spacing:3px;color:#bdaf97}#result-glass{position:absolute;right:65px;top:180px;opacity:.95}.bonus{font-size:25px;color:#d6b77e;margin:25px 0 28px}#breakdown{margin-bottom:28px}.result-row{display:grid;grid-template-columns:70px 1fr 190px 120px;align-items:center;border-top:1px solid #ffffff20;padding:19px 0;font-size:23px}.result-row small{font-size:17px;color:#b5aa95}.result-row>span:last-child{text-align:right;color:#e1c48c}.result-row .num{color:#a38e6d}.save-row{display:flex;gap:20px;margin-top:15px}.save-row .outline{margin:0;height:95px;flex:1}#save-form>label{font-size:18px;color:#bfb29a;letter-spacing:3px}#initials{width:210px;height:95px;background:#1d1d19;border:1px solid #bda77960;text-align:center;color:#fff;font-size:45px;text-transform:uppercase;letter-spacing:10px}#results .primary,#results>.outline{height:95px}#results .micro{margin:15px 0}.board-head{display:flex;justify-content:space-between;font-size:18px;letter-spacing:3px;color:#bdab8e;margin-top:60px;padding-bottom:25px;border-bottom:1px solid #bda77960}#scores{padding:0;margin:0;min-height:700px;list-style:none}#scores li{display:flex;align-items:center;gap:38px;border-bottom:1px solid #ffffff20;height:86px;font-size:31px}#scores li b{font-size:24px;color:#9b896b;width:50px}#scores li strong{margin-left:auto;color:#dfc18d;font-weight:400}.empty{font-size:30px;color:#aaa18e;line-height:1.6;padding-top:100px}footer{position:absolute;bottom:35px;left:60px;right:60px;display:flex;justify-content:space-between;font-size:15px;color:#9e917b;letter-spacing:2px}footer b{color:#c72b36;margin:0 12px}#interrupted{position:absolute;inset:0;background:#10100ff5;z-index:100;display:flex;align-items:center;padding:90px}#interrupted p{font-size:29px;line-height:1.6;color:#c3b59e}#interrupted .primary{margin-top:45px}#kiosk #announcer-caption{bottom:90px;top:auto;font-size:22px}#kiosk[data-screen=game] #announcer-caption{top:550px;bottom:auto;left:160px;right:160px;font-size:20px}#kiosk[data-screen=game] #audio-settings{display:none}#kiosk[data-screen=results] #announcer-caption{bottom:82px}#audio-panel .primary{font-size:24px}.audio-card{border-radius:3px}

header>img{background:#f2eee5;padding:9px}.rule-card{font-size:22px}.rule-card p:last-child{font-size:21px}#kiosk[data-screen=learn]:before,#kiosk[data-screen=results]:before,#kiosk[data-screen=board]:before{background-image:linear-gradient(#0b0b0be0,#0b0b0ba8),url('assets/bar.png')}
/* Mix Session: the portrait stage stays fixed on every screen. */
#kiosk[data-screen=game] #announcer-caption{top:535px;font-size:21px;padding:10px 18px}
.target-caption{gap:15px}.target-caption strong{font-size:27px}.flow-meta{font-size:20px}.voice-note{padding:20px;border:1px solid #bda77960;color:#ddbd83!important}
#kiosk[data-screen=game] #pour-label{font-size:27px}
nav button{min-height:122px;min-width:122px;font-size:24px;padding:15px}#sound{min-width:148px}nav{gap:10px}.brand-copy{font-size:16px;letter-spacing:1.4px}.brand-copy small{font-size:13px}.play-help{font-size:20px;letter-spacing:.8px}#quit{min-height:122px;min-width:160px;font-size:23px}#game .dots{margin-top:0}

.target-caption strong{font-size:36px}#kiosk[data-screen=game] #pour-label{font-size:34px}.steps{margin-top:50px}.steps>div{padding:22px 0}
.primary,.outline{min-height:122px}#results .primary,#results>.outline,.save-row .outline,#initials{height:122px}.audio-card .primary{height:122px}.audio-heading button{width:122px;height:122px;flex-shrink:0}
