/* A small arcade cabinet inside the haunted courtyard. */
.modal.arcade{width:min(620px,100%);padding:32px 36px 24px;background:radial-gradient(ellipse at 50% 0,#25334480,transparent 55%),#100e1d;border:1px solid #64ead36b;box-shadow:0 0 0 4px #130f20,0 0 0 5px #9d77bb44,0 0 70px #49dbc51c,0 30px 100px #000a;position:relative;isolation:isolate;text-align:center;overflow-y:auto}
.modal.arcade::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 3px,#0002 3px 4px);border-radius:inherit}
.arcade-sign{border-bottom:1px solid #71e4d333;padding-bottom:15px}.arcade-sign .eyebrow{color:#8ecabf;letter-spacing:2.3px}.arcade-sign h2{font:800 clamp(26px,5vw,36px)/1.15 ui-monospace,'Courier New',monospace;letter-spacing:3px;color:#f9d48a;text-shadow:2px 2px 0 #9a4d61,0 0 25px #efad5d3d;margin:12px 0 8px}.arcade-stars{font-size:13px;color:#f7ca79;letter-spacing:3px}.arcade-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:19px 0 13px}.arcade-tabs button{font:600 10px/1.3 var(--font);padding:11px 3px;border:1px solid #c7b1dc33;background:#21172b;color:#cdbdd5;border-radius:4px}.arcade-tabs button[aria-pressed=true]{border-color:#5ae1c4;color:#91ffe0;background:#1b3635;box-shadow:inset 0 -2px #5ae1c4}.arcade-caption{font:10px/1.7 var(--font)!important;color:#bbaecb!important;margin:12px 0!important;letter-spacing:.7px}.arcade-caption span{display:block;font-size:9px;color:#d7c6e3}.arcade-message{min-height:18px;font:600 11px/1.65 ui-monospace,'Courier New',monospace!important;color:#97f7db!important;margin:12px 0!important;overflow-wrap:anywhere}.arcade-table{width:100%;border-collapse:collapse;font:600 16px/1.1 ui-monospace,'Courier New',monospace;letter-spacing:1px;font-variant-numeric:tabular-nums}.arcade-table th{font-size:9px;letter-spacing:1px;color:#b9a5c9;text-align:left;padding:10px 7px 12px;border-bottom:1px solid #9b77b333}.arcade-table td{text-align:left;padding:11px 7px;border-bottom:1px solid #d9c2e00d;color:#e6d8f3}.arcade-table th:nth-last-child(2),.arcade-table td:nth-last-child(2){text-align:right}.arcade-table th:last-child,.arcade-table td:last-child{text-align:right}.arcade-table td:nth-child(2){color:#85ead3;letter-spacing:3px}.arcade-table tr:first-child td{color:#ffdc8d}.arcade-table td:first-child{color:#ae93b8;font-size:12px}.arcade-table td:last-child{font-size:10px;letter-spacing:0}.arcade-table .arcade-you td{background:#54e3c614;color:#a3ffe7;border-top:1px solid #54e3c655;border-bottom:1px solid #54e3c655;text-shadow:0 0 12px #54e3c644}.arcade-table .arcade-you td:first-child::before{content:'›';margin-right:2px;color:#baffef}.arcade-empty{min-height:130px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:17px;font:600 13px/1.7 ui-monospace,'Courier New',monospace!important;letter-spacing:1px;color:#edd298!important}.arcade-empty span{font:12px/1.8 var(--font);letter-spacing:0;color:#bdb1cd}.arcade-footer{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #64d8c333;margin:16px 0 0;padding:13px 0 14px;font:9px/1.6 ui-monospace,monospace;letter-spacing:.8px;color:#a9a0bb}.arcade-local{display:block;margin:14px auto 0;padding:8px;background:transparent;border:0;color:#b8acc8;font-size:11px;text-decoration:underline;text-underline-offset:4px}.arcade-local:hover{color:#97f7db}.arcade-courtyard{font-size:9px;display:flex;align-items:center;justify-content:center;gap:10px;color:#b8acc8;letter-spacing:1px}.arcade-courtyard select{max-width:230px;border:1px solid #79628d;background:#21172b;color:#f4e3fa;padding:8px;font:11px var(--font);border-radius:4px}.arcade-score{font:700 42px/1.2 ui-monospace,'Courier New',monospace;color:#9af4da;letter-spacing:5px;text-shadow:0 0 25px #54e3c633;margin:25px 0}.arcade-score small{display:block;font:9px/1.6 var(--font);color:#c8b5d5;letter-spacing:1.3px;margin-top:8px}.initials-label{font:10px var(--font);letter-spacing:1px;color:#c8b5d5;display:block}.initials-input{display:block;width:200px;max-width:100%;margin:17px auto 20px;padding:12px 10px 12px 23px;border:0;border-bottom:2px solid #f3ca80;background:#f7cf8c0c;color:#ffe2a0;font:800 42px/1.1 ui-monospace,'Courier New',monospace;letter-spacing:15px;text-align:center;border-radius:0;caret-color:#78edce;text-transform:uppercase}.arcade-signin{display:block;color:#9cf5dd;font-size:12px;padding:10px}.arcade-signin[hidden]{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:600px){.modal.arcade{padding:23px 16px 17px;width:100%;max-height:calc(100dvh - 28px)}.arcade-sign h2{letter-spacing:2px}.arcade-sign .eyebrow{font-size:8px;letter-spacing:1.6px}.arcade-tabs{margin-top:14px}.arcade-table{font-size:15px}.arcade-table td,.arcade-table th{padding:10px 5px}.arcade-table td:nth-child(2){letter-spacing:2px}.arcade-table td:first-child{font-size:10px}.arcade-footer{font-size:8px}.arcade-message{font-size:10px!important}.arcade-entry .primary-button{font-size:12px}.arcade-score{font-size:36px}.arcade-courtyard select{max-width:220px}}