/* Mouse and touch gestures should rub foil, never select the page. */
body,button,.play-table,.scratch-ticket{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}input,textarea{-webkit-user-select:text;user-select:text}.ticket-picker{display:flex;gap:8px;max-width:760px;width:100%;justify-content:center;flex-wrap:wrap}.ticket-choice{flex:1;min-width:145px;max-width:240px;padding:12px;text-align:left;background:#171d15;box-shadow:0 3px #0b1009;border:1px solid #505840}.ticket-choice span{display:block;font:700 21px 'Barlow Condensed',Impact,sans-serif;letter-spacing:1px}.ticket-choice small{display:block;font-size:6px;line-height:1.7;letter-spacing:1px;color:#92977e;margin-top:5px}.ticket-choice.chosen{border-color:#bccb8b;background:#323e25;color:#d6deae}.ticket-choice[data-ticket="wire"].chosen{border-color:#b69bc2;background:#362b3b;color:#d7b9dd}.ticket-choice[data-ticket="crown"].chosen{border-color:#c6aa74;background:#423521;color:#e3c992}.scratch-ticket{--ticket-ink:#b6bd8c;--ticket-surface:#414b30;position:relative;padding:19px 22px 12px;background:radial-gradient(ellipse at 0 100%,#a0653522,transparent 55%),repeating-linear-gradient(108deg,#fff1 0 1px,transparent 1px 21px),var(--ticket-surface);border:2px solid #727c51;box-shadow:0 0 0 5px #0d160b,5px 10px 18px #0008;transform:rotate(-.6deg);color:var(--ticket-ink);max-width:100%}.ticket-wire{--ticket-ink:#d0b6d4;--ticket-surface:#382f3f;border-color:#8c7890;transform:rotate(.7deg);background:repeating-linear-gradient(90deg,#baa1ca08 0 2px,transparent 2px 17px),linear-gradient(135deg,#322a3b,#46384f)}.ticket-crown{--ticket-ink:#d4ba84;--ticket-surface:#433722;border-color:#a08b59;background:radial-gradient(ellipse at 50% 30%,#91713e44,transparent 65%),repeating-linear-gradient(45deg,#c9ac6e0c 0 1px,transparent 1px 18px),#312b1c;transform:rotate(-1deg)}.scratch-ticket-header{text-align:center;margin-bottom:16px;border-bottom:1px solid #b1b38c55;padding-bottom:12px}.scratch-ticket-header>small{font-size:6px;letter-spacing:2px;opacity:.7}.scratch-ticket-header h2{font:800 39px/.95 'Barlow Condensed',Impact,sans-serif;letter-spacing:2px;margin:9px 0 8px;text-shadow:1px 2px #0006}.scratch-ticket-header>span{font-size:6px;letter-spacing:1px}.scratch-ticket .scratch-board{position:relative;border:0;padding:0;background:none;gap:9px;box-shadow:none;transform:none;grid-template-columns:repeat(3,83px);touch-action:none;overflow:visible;cursor:crosshair}.scratch-ticket .scratch-panel{position:relative;width:83px;height:83px;background:#bcb493;color:#34402d;padding:0;overflow:hidden;border:1px solid #16210d;outline-offset:3px;touch-action:none;cursor:crosshair}.scratch-ticket .scratch-symbol{font-size:42px;text-shadow:1px 2px #65704e33;z-index:0}.scratch-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:2;display:block;touch-action:none;-webkit-user-select:none;user-select:none}.scratch-panel-number{position:absolute;bottom:4px;right:5px;font-size:6px;font-family:monospace;opacity:.5;pointer-events:none;z-index:1}.scratch-ticket .scratch-panel.scratched{border-color:#c9cf96;box-shadow:inset 0 0 13px #76835755;animation:panelUnseal .2s ease-out}.ticket-wire .scratch-panel.scratched{border-color:#d1a9dd;background:#cbbacf;color:#483450;box-shadow:inset 0 0 12px #9b6aa744}.ticket-crown .scratch-panel.scratched{border-color:#e3ca8e;background:#c7b584;color:#584322;box-shadow:inset 0 0 15px #d3ab5455}.ticket-wire .scratch-board{row-gap:15px}.ticket-wire .scratch-panel:nth-child(3n+2):before{content:'';position:absolute;inset:50% -15px auto;height:2px;background:#d7b4e2;pointer-events:none}.scratch-ticket-foot{display:flex;justify-content:space-between;font-size:6px;letter-spacing:1px;margin-top:13px;opacity:.7}.scratch-progress{width:300px;max-width:95%;text-align:center;margin-top:3px}.scratch-progress>div{height:5px;background:#10170c;border:1px solid #5b6548;overflow:hidden}.scratch-progress-fill,#scratch-progress-fill{display:block;height:100%;width:0;background:#b6c784;transition:width .1s linear}.scratch-progress small{display:block;color:#979f83;font-size:7px;letter-spacing:1px;line-height:1.6;margin-top:8px}.scratch .result{font-size:20px;margin-top:3px}.scratch .play-table{gap:20px}.scratch-panel canvas{transition:opacity .15s}.scratched canvas{pointer-events:none}.foil-flake{position:absolute;width:4px;height:3px;background:#b1b097;box-shadow:1px 1px #484c3d;z-index:4;pointer-events:none;animation:foilDust .45s ease-out forwards}.scratch-ticket:after{content:'';position:absolute;left:9px;right:9px;bottom:5px;height:2px;background:repeating-linear-gradient(90deg,#141a0e88 0 2px,transparent 2px 5px);pointer-events:none}@keyframes foilDust{from{opacity:.8;transform:translate(0,0) rotate(0)}to{opacity:0;transform:translate(var(--flake-x),24px) rotate(140deg)}}@keyframes panelUnseal{50%{filter:brightness(1.16)}}@media(max-width:550px){.ticket-choice{min-width:90px;padding:9px 7px}.ticket-choice span{font-size:17px;letter-spacing:0}.ticket-choice small{font-size:5px;letter-spacing:0}.ticket-picker{gap:5px}.scratch-ticket{padding:17px 18px 12px}.scratch-ticket-header h2{font-size:34px}.scratch-ticket .scratch-board{grid-template-columns:repeat(3,75px);gap:8px}.scratch-ticket .scratch-panel,.scratch-ticket .scratch-empty{width:75px;height:75px}.scratch-ticket-header>small{font-size:5px}.scratch-ticket-header>span{font-size:5px}.ticket-wire .scratch-board{row-gap:13px}}@media(max-width:360px){.scratch-ticket .scratch-board{grid-template-columns:repeat(3,66px)}.scratch-ticket .scratch-panel,.scratch-ticket .scratch-empty{width:66px;height:66px}.scratch-ticket-header h2{font-size:29px}.scratch-ticket{padding:15px}.ticket-choice span{font-size:15px}}