#three-stage{position:relative;flex:1;width:100%;max-width:480px;min-height:0;overflow:hidden;background:#131416;touch-action:none}#three-stage[hidden]{display:none}#calculator-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;touch-action:none;outline:none}#calculator-dom{position:absolute;inset:0;pointer-events:none;overflow:hidden}#calculator-dom>div{pointer-events:none!important}.three-mode #calculator.ex,.three-mode #calculator.cw{position:absolute!important;display:block!important;width:400px!important;height:var(--face-height,850px)!important;max-width:none!important;flex:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;overflow:visible!important;pointer-events:none!important;box-shadow:none!important;background:none!important}.three-mode #calculator .face,.three-mode #calculator #navigation,.three-mode #calculator #scientific,.three-mode #calculator #numeric,.three-mode #calculator .key,.three-mode #calculator .dpad{visibility:hidden!important;pointer-events:none!important}.three-mode #calculator .bezel{overflow:visible;pointer-events:none}.three-mode #calculator #lcd{pointer-events:auto;box-shadow:inset 0 1px 3px #60775d;border-radius:2px;touch-action:manipulation}.three-mode #app{max-width:none}@media(min-width:500px){#three-stage{max-width:calc(100dvh*.48)}}

/* Keep real key labels available to assistive technology. Pointer hits still reach the 3D keycaps. */
.three-mode #calculator #navigation,.three-mode #calculator #scientific,.three-mode #calculator #numeric,.three-mode #calculator .key,.three-mode #calculator .dpad{visibility:visible!important;pointer-events:none!important}.three-mode #calculator .key,.three-mode #calculator .dpad button{opacity:0;pointer-events:none!important}