.wall-keypad{
  position:absolute;left:11.7%;bottom:max(6%,calc(50% - 50svh + 24px));
  width:clamp(64px,6.7vw,126px);padding:8px;
  border:2px solid #454841;border-top-color:#b59b789e;border-left-color:#6d919ba0;border-right-color:#80694d9c;border-bottom-color:#141815;
  border-radius:3px;
  background:linear-gradient(112deg,#6bb7d130,transparent 30%,#e2a04424 74%,#05070640),url('./assets/keypad-metal.png') center/cover;
  box-shadow:1px 3px 2px #000b,-4px 8px 7px #000a,-9px 14px 18px #0006,2px -1px 9px #edaa3b16,-2px 0 7px #5eccfa16,inset 1px 1px 1px #bed1d044,inset -1px 1px 2px #ecc18430,inset 0 -3px 4px #000b;
  cursor:pointer;transform:rotate(-1.2deg);filter:brightness(.91) saturate(.84);
  color:#d0ba91;font-family:'Courier New',monospace;touch-action:manipulation;
}
.wall-keypad::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(ellipse at 94% 0%,#ffd49a38,transparent 67%),radial-gradient(ellipse at 0% 42%,#79d4f323,transparent 58%);box-shadow:inset 0 1px 2px #f6d59d26,inset 0 -3px 6px #0005}
.wall-keypad:focus-visible{outline:2px solid #fff0d1;outline-offset:4px}
.wall-display{display:block;background:linear-gradient(155deg,#98c2b41a,transparent 35%),linear-gradient(#030a07db,#020805eb),url('./assets/keypad-metal.png') 25% 35%/200%;border:1px solid #050907;border-bottom-color:#80756580;padding:5px 2px;margin-bottom:6px;font-size:clamp(8px,.66vw,11px);line-height:1;letter-spacing:.12em;color:#9fab8f;text-shadow:0 0 3px #bbd99f50;box-shadow:inset 1px 2px 3px #000c,0 1px 0 #a28e6818}
.wall-keys{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;padding:2px;background:#060a09a6;border-radius:2px;box-shadow:inset 0 1px 3px #0009}
.wall-keys span{display:flex;align-items:center;justify-content:center;aspect-ratio:1.2;border:1px solid #7d817457;border-right-color:#111714;border-bottom-color:#0a100c;border-radius:2px;background:linear-gradient(145deg,#91908435,#0a100d50),url('./assets/keypad-metal.png') 40% 20%/170px;color:#f4d5a5;font-size:clamp(10px,1vw,15px);text-shadow:0 0 2px #ffd994a6,0 0 6px #ffb45a7a,0 1px 1px #000c;box-shadow:0 2px 1px #000c,inset 0 1px 1px #c4c8ac30}
.wall-keys span:nth-child(3n+1){background-position:0 0,12% 67%;color:#ecd3aa}
.wall-keys span:nth-child(4n){background-position:0 0,76% 28%;color:#e6c99a}
.wall-indicator{display:block;width:9px;height:3px;margin:7px 0 0 2px;border-radius:1px;background:#d29449;box-shadow:0 0 3px #ffb95770,inset 0 1px 0 #ffd78666}
.wall-keypad:hover .wall-keys span,.wall-keypad:focus-visible .wall-keys span{color:#ffe8c4;text-shadow:0 0 2px #ffebc2b3,0 0 7px #ffb259b0,0 1px 1px #000}
.wall-keypad[data-unlocked="true"] .wall-indicator{background:#a7cc91;box-shadow:0 0 5px #9bee8670}
.access-dialog{width:min(360px,calc(100vw - 30px));max-height:calc(100svh - 28px);margin:auto;padding:21px 24px 23px;overflow:auto;border:1px solid #9a95816b;border-left-color:#8aa4a075;border-bottom-color:#242921;border-radius:6px;background:linear-gradient(135deg,#26302c63,#0a121b40);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);color:#e8e7dc;box-shadow:0 25px 85px #0007,inset 1px 1px 1px #d2c8a338,inset -2px -2px 3px #0005;font-family:Arial,Helvetica,sans-serif}
.access-dialog::backdrop{background:#03060985}
.access-dialog[open]{animation:calendar-reveal .2s ease-out}
.access-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px}
.access-header h2{margin:0;font-size:1rem;font-weight:500;letter-spacing:.04em}
.access-close{width:44px;height:44px;margin:-9px -9px -9px 0;display:flex;align-items:center;justify-content:center;border:0;border-radius:5px;background:transparent;color:#c9d6c7;cursor:pointer}
.access-close:hover{background:#ffffff0a;color:#fff}
.access-screen{padding:15px 15px 12px;border:1px solid #030906;border-bottom-color:#8c80634d;border-radius:2px;background:linear-gradient(152deg,#bacbbb10,transparent 38%),repeating-linear-gradient(0deg,#050d0800 0 2px,#050d083d 2px 3px),linear-gradient(#030b07db,#030a07e8),url('./assets/keypad-metal.png') 20% 30%/150%;box-shadow:inset 1px 3px 7px #000d,0 1px 0 #c2ab7830;font-family:'Courier New',monospace;color:#c2d5ae;text-shadow:0 0 6px #b6d79338;margin-bottom:19px}
.access-screen>span:first-child{display:block;font-size:.75rem;letter-spacing:.18em;color:#8daa84}
.access-screen strong{display:block;font-size:1.375rem;letter-spacing:.06em;font-weight:400;margin-top:8px}
.screen-rule{display:block;height:1px;background:#8cc56b48;margin-top:11px}
.access-label{display:flex;justify-content:space-between;font-size:.875rem;margin:12px 0 7px;color:#d7dfd1}
.access-label span{color:#a9baa4}
.access-input{display:block;width:100%;height:43px;padding:9px 12px;border:1px solid #92937f60;border-top-color:#040906;border-radius:3px;background:#080e0be6;color:#f5f7ef;font-size:1rem;line-height:1.25;box-shadow:inset 0 2px 5px #0009,0 1px 0 #b2a07914;outline:none}
.access-input:focus{border-color:#d5e5b0;box-shadow:0 0 0 2px #bada8120}
.pin-input{font-family:'Courier New',monospace;font-size:1.375rem;letter-spacing:.2em;color:#ffe0b1}
.number-pad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:18px;padding:5px 5px 7px;background:#050a08a1;border:1px solid #050a08;border-bottom-color:#84775c45;border-radius:3px;box-shadow:inset 0 2px 5px #000a}
.number-pad button{min-height:48px;padding:8px;border:1px solid #a1a19166;border-right-color:#4b4e4166;border-bottom-color:#0a0f0b;border-radius:3px;background:linear-gradient(150deg,#9ba19733,#0b100d61 80%),url('./assets/keypad-metal.png') 35% 15%/290px;box-shadow:0 3px 1px #020603,inset 0 1px 1px #d8d8c02e,inset 0 -2px 2px #060c0859;color:#e8cda3;font-family:'Courier New',monospace;font-size:1.5rem;line-height:1;text-shadow:0 0 5px #ffb45e6b,0 1px 1px #000;cursor:pointer;touch-action:manipulation;transition:color .12s,text-shadow .12s,transform .08s,box-shadow .08s}
.number-pad button:nth-child(3n+1){background-position:0 0,15% 78%}
.number-pad button:nth-child(4n){background-position:0 0,83% 42%}
.number-pad button:hover{color:#fff0cf;text-shadow:0 0 8px #ffb352b0,0 0 16px #f19c3f30;box-shadow:0 3px 1px #020603,inset 0 1px 1px #ecd5a747,inset 0 0 16px #de9c4820}
.number-pad button:active{transform:translateY(2px);box-shadow:0 1px 0 #020603,inset 0 2px 5px #0007}
.number-pad button.pad-function{font-size:.875rem;letter-spacing:.04em}
.number-pad button.pad-enter{color:#d8ffbc;text-shadow:0 0 10px #bbff7860}
.account-switch{display:block;width:100%;min-height:44px;margin:12px 0 -5px;padding:8px;border:0;background:transparent;color:#d7dfcf;font-size:.875rem;text-decoration:underline;text-decoration-color:#a0b99470;text-underline-offset:4px;cursor:pointer}
.access-status{margin:13px 0 0;color:#cbd9c1;font-size:.875rem;line-height:1.5;min-height:0}
.access-status:empty{margin:0}
.access-status[data-tone="error"]{color:#ffbd9b}
.account-link{display:block;margin-top:13px;color:#eddfb9;font-size:.875rem;text-underline-offset:4px}
.account-profile{padding-top:4px}
.profile-eyebrow{font-size:.875rem;color:#c4eca8;margin:0 0 9px}
.account-profile h3{font-size:1.625rem;line-height:1.25;margin:0 0 26px;overflow-wrap:anywhere;font-weight:400;color:#fff0d9}
.account-profile dl{margin:0 0 24px}
.account-profile dt{font-size:.875rem;color:#afbea6;margin-bottom:7px}
.account-profile dd{font-size:1rem;margin:0;color:#e8eede}
.account-signout{width:100%;min-height:44px;border:1px solid #9aae8066;border-radius:4px;background:#ffffff06;color:#e9eddc;font-size:1rem;cursor:pointer}
.access-dialog button:focus-visible,.account-link:focus-visible{outline:2px solid #f2e2bb;outline-offset:3px}
.access-dialog button:disabled{opacity:.45;cursor:not-allowed}
.access-dialog [hidden]{display:none!important}
@media(max-width:600px){.wall-keypad{left:12%;bottom:max(10%,calc(50% - 50svh + 20px));width:62px;padding:5px}.wall-display{padding:4px 0;margin-bottom:4px;font-size:8px}.wall-keys{gap:2px}.wall-keys span{font-size:10px}.wall-indicator{margin-top:5px}}
@media(prefers-reduced-motion:reduce){.access-dialog,.number-pad button{animation:none!important;transition:none!important}}

/* Earned candy badges are stored with the account and sit beside its name. */
.profile-identity{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px;margin:0 0 3px}
.profile-identity h3{margin:0;min-width:0;max-width:100%;font-size:1.375rem}
.profile-beans{display:flex;align-items:center;gap:0;flex-wrap:wrap}
.bean-badge{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 36px;width:36px;height:40px;padding:0;border:0;border-radius:8px;background:transparent;cursor:pointer;touch-action:manipulation;transition:filter .2s,transform .2s}
.bean-art{display:block;width:36px;height:36px;background-image:url('./assets/jellybean-badges.png');background-repeat:no-repeat;background-size:200% 200%;filter:drop-shadow(0 2px 2px #0009)}
.bean-misobean{background-position:0 0;transform:translate(-1.04px,-3.13px)}.bean-mochibean{background-position:100% 0;transform:translate(.03px,-3.22px)}.bean-firstbean{background-position:0 100%;transform:translate(-1.24px,1.4px)}.bean-bloombean{background-position:100% 100%;transform:translate(-.29px,1.2px)}
.bean-badge:hover,.bean-badge[aria-pressed="true"]{background:#ffcc8a0d;filter:brightness(1.16);transform:translateY(-1px)}
.profile-handle{margin:0 0 15px;color:#c3cabea6;font:400 .875rem/1.4 'Courier New',monospace;overflow-wrap:anywhere}
.bean-detail{margin:0 0 15px;padding:8px 10px;border-left:1px solid #ead0a366;background:#e8cf9a09;color:#e8dcc7;font-size:.875rem;line-height:1.5}
.profile-bio{margin:0 0 20px;color:#e4e6dc;font-size:1rem;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}
.profile-edit{min-height:44px;padding:8px 14px;border:1px solid #b5b59a61;border-radius:4px;background:#ffffff08;color:#eee4d0;font:inherit;cursor:pointer}
#profile-form{margin:10px 0 18px}
#profile-bio-input{height:auto;min-height:104px;resize:vertical;font-family:inherit;line-height:1.45}
.profile-edit-actions{display:flex;gap:10px;margin-top:15px}
.profile-edit-actions button{min-height:44px;padding:8px 14px;border:1px solid #baa58075;border-radius:4px;background:#b1965624;color:#ffebcc;font:inherit;font-size:.875rem;cursor:pointer}
#profile-cancel{background:transparent;border-color:#a8b79b35;color:#d9dfcf}
.bean-progress{margin:18px 0;padding-top:15px;border-top:1px solid #ced2b926;font-size:.875rem;line-height:1.5;color:#d0d1c1}
@media(pointer:coarse){.bean-badge{width:44px;height:44px;flex-basis:44px}}
@media(prefers-reduced-motion:reduce){.bean-badge{transition:none}}

.bbs-entry{display:block;margin:16px 0 12px;padding:12px 14px;text-align:center;color:#ffe1b1;background:#be894418;border:1px solid #c7a47475;border-radius:4px;text-decoration:none;font-size:1rem;text-shadow:0 0 8px #ffbd4e30}.bbs-entry:hover{background:#be89442d}

/* MM–99: a straight-on hardware console with a recessed fluorescent display. */
dialog.access-dialog{--phosphor:#b3ed72;--amber:#e7b25c;--key-travel:3px;position:fixed;padding:18px 20px 28px;border:2px solid #61636b;border-top-color:#99978d;border-left-color:#777a80;border-right-color:#292d34;border-bottom:8px solid #15191f;border-radius:5px;background:radial-gradient(circle at 9px 9px,#777970 0 2px,#13171c 2.5px 4px,transparent 4.5px),radial-gradient(circle at calc(100% - 9px) 9px,#777970 0 2px,#13171c 2.5px 4px,transparent 4.5px),radial-gradient(circle at 9px calc(100% - 9px),#777970 0 2px,#13171c 2.5px 4px,transparent 4.5px),radial-gradient(circle at calc(100% - 9px) calc(100% - 9px),#777970 0 2px,#13171c 2.5px 4px,transparent 4.5px),repeating-linear-gradient(0deg,#c0c8d603 0 1px,transparent 1px 3px),linear-gradient(125deg,#484a51,#292e38 45%,#373b44 75%,#252a31);backdrop-filter:none;box-shadow:0 2px 0 #090d12,0 14px 0 -5px #0a1016,0 26px 65px #000a,inset 0 1px 0 #dad5ba55,inset 0 -1px 2px #000b;color:#c9cdc6;font-family:'Courier New',monospace;transform:none}
dialog.access-dialog.floating-panel{padding:18px 20px 28px;container-type:inline-size}
.access-dialog::before{content:"";position:absolute;left:20px;right:20px;top:6px;height:3px;border-radius:1px;background:linear-gradient(90deg,#c9ae61,#514c3c 44%,#e3c786 46%,#8f7d4b 80%);box-shadow:0 1px 1px #0009;pointer-events:none}
.access-dialog::after{content:"";position:absolute;left:22px;right:48px;bottom:9px;height:5px;background:repeating-linear-gradient(90deg,#080e1480 0 3px,#65686a40 3px 5px,transparent 5px 8px);pointer-events:none;opacity:.7}
.access-dialog>.access-header{min-height:30px;margin:0 0 12px;gap:10px;padding:0 5px 9px;border-bottom:1px solid #0b111b;box-shadow:0 1px 0 #c4cab416;color:#c5c5b7}
.access-dialog .access-header h2{font:12px/1.3 'Courier New',monospace;text-transform:uppercase;letter-spacing:.13em;text-shadow:0 1px #000}
.access-model{margin-left:auto;color:#a8a699;font-size:9px;letter-spacing:.12em;white-space:nowrap}
.access-dialog .access-close{width:29px;height:26px;min-height:26px;flex:0 0 auto;margin:-4px 0 -2px 6px;border:1px solid #7f83744d;border-bottom:3px solid #11161d;border-radius:2px;background:linear-gradient(#626567,#3d4246);box-shadow:0 1px 2px #000a,inset 0 1px #b9b8a72e;color:#e6c180}
.access-dialog .access-close svg{width:15px;height:15px}
.access-dialog .access-close:hover{background:linear-gradient(#74776d,#464c49);color:#fff1ce}
.access-dialog .access-screen{position:relative;overflow:hidden;padding:12px 17px 10px;margin-bottom:0;border:3px solid #090e13;border-top:5px solid #0a1017;border-bottom-color:#77766b;border-right-color:#535852;border-radius:2px;background:linear-gradient(150deg,#c3de8c12,transparent 36%),repeating-linear-gradient(0deg,#050d0900 0 2px,#0006 2px 3px),linear-gradient(105deg,#0b160d,#030a07 63%,#0a140a);box-shadow:inset 0 4px 12px #000d,0 1px 0 #a9bcb81a;color:var(--phosphor);text-shadow:0 0 4px #a1ef6555,0 0 12px #b7ff6220}
.access-screen-top,.access-screen-bottom{display:flex;align-items:center;gap:12px;justify-content:space-between}
.access-screen-top{font:9px/1.3 'Courier New',monospace;letter-spacing:.16em;color:#8fc15d}
.access-screen-mode{color:var(--amber);font-size:8px;letter-spacing:.14em;text-shadow:0 0 5px #e5b05735}
.access-screen-main{display:flex;align-items:center;gap:10px;min-height:39px}
.access-screen-cursor{color:#ddbd70;font-size:26px;text-shadow:0 0 6px #ffbd4d40}
.access-dialog .access-screen strong{margin:0;font:24px/1.2 'Courier New',monospace;letter-spacing:.08em;color:#b7f079;text-shadow:0 0 4px #beff7b60,0 0 12px #9def5935}
.access-screen-bottom{justify-content:flex-start;min-height:18px;padding-top:3px;border-top:1px solid #78934320}
.access-pin-progress{font-size:15px;letter-spacing:.25em;color:#d9b776;text-shadow:0 0 6px #e8ac3e38;min-width:125px}
.access-signal{display:flex;align-items:flex-end;gap:3px;height:10px;margin-left:auto}
.access-signal i{width:4px;height:4px;background:#96cf5f55;box-shadow:0 0 4px #9ced6915}.access-signal i:nth-child(2n){height:7px}.access-signal i:nth-child(3n){height:10px}
.access-screen-led{font-size:8px;letter-spacing:.1em;color:#819b5d}
.access-console{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:26px;margin-top:17px;padding:0 2px 5px}
.access-fields{min-width:0;padding:0 2px}
.access-dialog .access-label{margin:6px 0 6px;font:10px/1.3 'Courier New',monospace;text-transform:uppercase;letter-spacing:.08em;color:#b6beb5}
.access-dialog .access-label:not(:first-child){margin-top:15px}
.access-dialog .access-label span{color:#939b86;font-size:9px;letter-spacing:0}
.access-dialog .access-input{height:40px;border:2px solid #080e13;border-bottom-color:#77766b;border-right-color:#535852;border-radius:2px;padding:9px 10px;background:linear-gradient(#07100bd9,#0b140de6);color:#bdeda2;font:14px/1.2 'Courier New',monospace;box-shadow:inset 0 2px 5px #000b,0 1px 0 #c8cbb20a;caret-color:#c2ef8b}
.access-dialog .access-input:focus{outline:1px solid #d3bd71;outline-offset:1px;border-color:#131d16;border-bottom-color:#b9b088;box-shadow:inset 0 2px 5px #000b,0 0 9px #b7e46712}
.access-dialog .pin-input{color:#e2c58b;font-size:21px;letter-spacing:.25em;text-shadow:0 0 5px #ffc05522}
.access-key-module{min-width:0;padding:1px 0 3px}
.access-key-module-label{display:flex;align-items:center;justify-content:space-between;gap:6px;margin:0 4px 8px;color:#a4aa9e;font-size:8px;letter-spacing:.1em}
.access-key-module-label>span:last-child{color:#a4c47b;font-size:8px}
.access-key-module-label i{display:inline-block;width:4px;height:4px;margin-right:4px;background:#b2df75;box-shadow:0 0 6px #b1e16f55}
.access-dialog .number-pad{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(4,44px);gap:7px;margin:0;padding:7px 7px 10px;border:2px solid #131922;border-top-color:#050b11;border-left-color:#090f15;border-bottom-color:#6c70684d;border-radius:3px;background:linear-gradient(110deg,#10151d,#171d24);box-shadow:inset 0 3px 8px #000a,0 1px #8a8b7915}
.access-dialog .number-pad button{position:relative;min-width:0;min-height:0;padding:5px 3px 8px;grid-column:var(--key-col,auto);grid-row:var(--key-row,auto);border:1px solid #94988c;border-top-color:#c3c4ad;border-left-color:#adb2a1;border-right-color:#444e43;border-bottom:4px solid #263127;border-radius:3px;background:linear-gradient(135deg,#72776d,#4e584d 49%,#3e493e);box-shadow:0 3px 0 #050b0a,0 4px 5px #000b,inset 0 1px 1px #d7e2bc4d,inset 0 -1px 2px #172217;color:#d0f5a2;text-shadow:0 0 3px #c3f49c70,0 0 9px #a5db6a26,0 1px 1px #1c2c19;font:21px/1 'Courier New',monospace;transition:transform .09s ease,box-shadow .09s ease,filter .12s ease;transform:none}
.access-dialog .number-pad button::after{content:"";position:absolute;left:12%;right:12%;bottom:-3px;height:1px;background:#b4ed665c;box-shadow:0 0 5px #acdf5738;pointer-events:none}
.access-dialog .number-pad button:hover{filter:brightness(1.13);color:#e3ffc1;text-shadow:0 0 4px #c3f49c80,0 0 11px #a5db6a38}
.access-dialog .number-pad button:is(:active,.pad-pressed){transform:translateY(var(--key-travel));box-shadow:0 0 0 #050b0a,inset 0 2px 6px #0007;filter:brightness(.97)}
.access-dialog .number-pad .pad-function{font-size:10px;letter-spacing:.04em;color:#f2d093;border-color:#a4a08c;border-top-color:#d0c8a8;border-bottom-color:#3c3526;background:linear-gradient(135deg,#78766b,#56564c 55%,#45473e);text-shadow:0 0 4px #ffcd7880,0 0 10px #d8953b26}
.access-dialog .number-pad .pad-function::after{background:#f3bc5b73;box-shadow:0 0 5px #eead4c38}
.access-dialog .number-pad .pad-delete{grid-column:4;grid-row:1}.access-dialog .number-pad .pad-clear{grid-column:4;grid-row:2}
.access-dialog .number-pad .pad-zero{grid-column:1/span 2;grid-row:4}.access-dialog .number-pad .pad-double-zero{grid-column:3;grid-row:4;font-size:16px}
.access-dialog .number-pad .pad-enter{grid-column:4;grid-row:3/span 2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#ebd190;background:linear-gradient(135deg,#837655,#655c44 55%,#514b38);border-bottom-color:#3b3020}
.pad-enter>span{font-size:25px;font-weight:700;line-height:1}
.access-dialog .account-switch{width:auto;min-height:32px;margin:15px 0 0;padding:4px 0;font:10px/1.4 'Courier New',monospace;color:#d5c396;text-align:left;text-decoration-color:#9f92535c;text-underline-offset:4px}
.access-dialog .access-status{font:11px/1.6 'Courier New',monospace;color:#bec997}.access-dialog .access-status[data-tone="error"]{color:#efbf88}
.access-dialog .account-link{font:11px/1.5 'Courier New',monospace;color:#dfbf7f}
.access-dialog .account-profile{padding:18px 4px 5px}.access-dialog .profile-bio{font-size:14px}.access-dialog #profile-bio-input{height:auto;min-height:104px}
.access-dialog .access-model:empty{display:none}
@container(max-width:560px){.access-console{grid-template-columns:minmax(0,1fr);gap:16px}.access-fields{display:block}.access-dialog .number-pad{grid-template-rows:repeat(4,44px)}.access-model{display:none}.access-dialog .access-screen strong{font-size:20px}.access-screen-mode{font-size:7px}.access-console{padding-bottom:5px}}
@media(max-width:560px){dialog.access-dialog.floating-panel{padding:16px 13px 28px}.access-model{display:none}.access-console{grid-template-columns:minmax(0,1fr);gap:16px}.access-dialog .access-screen{padding-left:11px;padding-right:11px}.access-dialog .access-screen strong{font-size:20px}}
@media(prefers-reduced-motion:reduce){.access-dialog .number-pad button{transition:none!important}.access-dialog .number-pad button:is(:active,.pad-pressed){transform:none;box-shadow:inset 0 2px 6px #0009}}

.keypad-sound-toggle{border:1px solid #9bbb6550;border-radius:3px;padding:5px 7px;background:#050b07;color:#b6d88b;font:10px/1 'Courier New',monospace;letter-spacing:.06em;cursor:pointer;min-height:28px}
.keypad-sound-toggle[aria-pressed="false"]{color:#aa976f;border-color:#aa976f40}
.keypad-sound-toggle:focus-visible{outline:2px solid #d4efa8;outline-offset:3px}

/* Server-earned MEOWTRON awards share the member profile with the original beans. */
.chess-member-badge .chess-badge-art{display:grid;place-items:center;width:29px;height:31px;border:1px solid #e6b16d99;border-radius:8px 8px 12px 12px;background:linear-gradient(145deg,#ffc86c1f,#ad71ff24);box-shadow:inset 0 0 8px #cca0ff20,0 0 6px #ffb14216;color:#ffe1a5;font:23px/1 Georgia,serif;text-shadow:0 0 7px #f7a74280}
.account-profile .profile-chess-title{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:7px 0 14px;color:#f4d39e;font:12px/1.5 'Courier New',monospace}
.profile-chess-title strong{text-shadow:0 0 7px #efac4f40}.profile-chess-title span{color:#d6bcfa;font-size:10px}
.chess-member-badge:focus-visible{outline:2px solid #e3c6ff;outline-offset:2px}