.terminal{z-index:0;color:#d6dfc0;background:#050504;min-width:320px;font-family:Bahnschrift SemiCondensed,DIN Condensed,Franklin Gothic Medium,sans-serif;position:fixed;inset:0;overflow:hidden}.terminal-stage{--bezel-x:clamp(48px,4.8vw,92px);--bezel-top:clamp(48px,9.35vh,96px);--bezel-bottom:clamp(56px,11.35vh,116px);background:#050504;position:absolute;inset:0;overflow:hidden}.terminal-aperture{z-index:25;left:var(--bezel-x);right:var(--bezel-x);top:var(--bezel-top);bottom:var(--bezel-bottom);background:#070a08;border-radius:1.05vw;position:absolute;overflow:hidden;box-shadow:inset 0 0 42px #000,inset 0 0 110px #0a160f}.terminal-aperture>*{min-height:100%}.terminal-glass{z-index:27;inset:var(--bezel-top) var(--bezel-x) var(--bezel-bottom) var(--bezel-x);pointer-events:none;opacity:.38;mix-blend-mode:screen;background:repeating-linear-gradient(#0000 0 2px,#07110955 3px 4px);border-radius:1.05vw;position:absolute;box-shadow:inset 0 0 7px #c6d9c020,inset 0 0 65px #000}.terminal-fascia{z-index:20;border-width:var(--bezel-top) var(--bezel-x) var(--bezel-bottom) var(--bezel-x);border-style:solid;border-color:#0000;border-image-source:url(/brand/coffee-jockey-crt-fascia.png);border-image-slice:9.35% 4.8% 11.35% 4.78%;border-image-width:var(--bezel-top) var(--bezel-x) var(--bezel-bottom) var(--bezel-x);pointer-events:none;border-image-outset:0;border-image-repeat:stretch;position:absolute;inset:0}.terminal-logo{z-index:24;opacity:.78;filter:grayscale()sepia(.18)brightness(.38)contrast(1.35)drop-shadow(.5px .7px #f6ece0);mix-blend-mode:multiply;pointer-events:none;width:5.45%;height:auto;position:absolute;top:2.7%;left:3.05%}.terminal-nav{z-index:30;pointer-events:none;position:absolute;inset:0}.terminal-nav-control{top:92.15%;left:var(--socket-x);color:#302a25;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;pointer-events:auto;background:0 0;border:0;width:6.4%;min-width:44px;height:6.24%;min-height:44px;padding:0;font-size:clamp(.42rem,.55vw,.75rem);font-weight:800;position:absolute;transform:translate(-50%)}.terminal-nav-control:first-child{--socket-x:39.593%}.terminal-nav-control:nth-child(2){--socket-x:46.232%}.terminal-nav-control:nth-child(3){--socket-x:52.811%}.terminal-nav-control:nth-child(4){--socket-x:59.42%}.terminal-nav-control:after{content:"";background:linear-gradient(#e5d7ca,#b7a493 54%,#8d7b6b 55%,#d5c5b7);border:1px solid #77695c;border-radius:20px;width:52%;height:22%;transition:transform 75ms,box-shadow 75ms,filter .1s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 1px #fff9,inset 0 -2px #5f534a,0 2px 3px #3c332d99}.terminal-nav-control:hover:after{filter:brightness(1.08)}.terminal-nav-control[aria-current=page]:after,.terminal-nav-control:active:after{transform:translate(-50%,calc(2px - 50%));box-shadow:inset 0 2px 3px #65594f,0 1px 1px #fff8}.terminal-nav-control:focus-visible,.terminal-profile:focus-visible,.terminal-wallet-dialog button:focus-visible{outline-offset:3px;outline:2px solid #507927}.terminal-wallet-lamp{z-index:32;pointer-events:none;background:#9c2118;border:clamp(1px,.13vw,2px) solid #65705a;border-radius:2px;width:.72%;height:1.28%;position:absolute;top:94.687%;left:89.264%;transform:translate(-50%,-50%);box-shadow:inset 0 1px 1px #f0a093,0 1px 2px #352f29}.terminal[data-wallet=connected] .terminal-wallet-lamp{background:#75d31b;box-shadow:inset 0 1px 1px #e8ffad,0 1px 2px #352f29}.terminal-mute{z-index:31;color:#cabbab;min-height:32px;font:inherit;letter-spacing:.08em;cursor:pointer;background:#16130f;border:1px solid #6b5c4d;padding:.35rem .55rem;font-size:.64rem;position:absolute;top:4%;right:5%}.terminal-profile{z-index:31;color:#39312b;cursor:pointer;background:#c6b5a7cc;border:1px solid #77685b;border-radius:5px;width:3.05%;min-width:44px;height:4.25%;min-height:44px;position:absolute;top:94.687%;left:93.451%;transform:translate(-50%,-50%);box-shadow:inset 0 2px #f0e5db,0 2px 3px #4c4038}.terminal-profile svg{width:58%;height:58%}.terminal-wallet-dialog{z-index:60;color:#e4dccd;background:#15130f;border:1px solid #67553f;border-radius:4px;width:min(440px,100vw - 32px);box-shadow:0 24px 90px #000}.terminal-wallet-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#030403aa}.terminal-wallet-dialog h2{margin:0 0 10px}.terminal-wallet-dialog p{color:#a9a08f;line-height:1.5}.terminal-dialog-close{float:right;color:#d9cfbd;background:0 0;border:0;font-size:1.5rem}.terminal-dialog-cancel,.terminal-primary{color:#d9cfbd;cursor:pointer;background:#242019;border:1px solid #6c5e4b;min-height:44px;padding:0 16px}.terminal-primary{color:#101508;background:#91b04f;border-color:#799346;font-weight:800}.terminal-error{color:#f3a099!important}.terminal-panel{text-align:center;place-content:center;gap:1rem;height:100%;padding:8vw;display:grid}.terminal-panel>*{max-width:680px;margin:0 auto}.terminal-panel h1{color:#eee8db;font-size:clamp(24px,3vw,52px)}.terminal-panel p,.terminal-panel li{color:#9dac8c;line-height:1.65}.terminal-eyebrow{letter-spacing:.16em;text-transform:uppercase;font-size:.72rem;color:#9ca888!important}@media (max-height:560px){.terminal-panel{padding:2rem}.terminal-nav-control{top:90%}}@media (prefers-reduced-motion:reduce){.terminal *{transition:none!important;animation:none!important}}.terminal-nav-control{color:#0000;font-size:0}.terminal-stage{--terminal-center-span:calc(100% - 2 * var(--bezel-x));--terminal-left-rail:4.8%;--terminal-right-rail:95.22%}.terminal-logo{left:calc(var(--bezel-x) * .6354);top:calc(var(--bezel-top) * .2888);width:clamp(44px,calc(var(--bezel-x) * 1.14),108px)}.terminal-nav-control{left:calc(var(--bezel-x) + var(--terminal-center-span) * var(--socket-ratio));top:calc(100% - var(--bezel-bottom) + var(--bezel-bottom) * .3084);width:max(44px,calc(var(--terminal-center-span) * .0708));height:max(44px,calc(var(--bezel-bottom) * .55))}.terminal-nav-control:first-child{--socket-ratio:.3848}.terminal-nav-control:nth-child(2){--socket-ratio:.4582}.terminal-nav-control:nth-child(3){--socket-ratio:.531}.terminal-nav-control:nth-child(4){--socket-ratio:.6042}.terminal-wallet-lamp{left:calc(var(--bezel-x) + var(--terminal-center-span) * .9342);top:calc(100% - var(--bezel-bottom) + var(--bezel-bottom) * .5323);width:max(12px,calc(var(--bezel-x) * .15));height:max(12px,calc(var(--bezel-bottom) * .1128))}.terminal-profile{left:calc(var(--bezel-x) + var(--terminal-center-span) * .9804);top:calc(100% - var(--bezel-bottom) + var(--bezel-bottom) * .5323);width:max(44px,calc(var(--terminal-center-span) * .0337));height:max(44px,calc(var(--bezel-bottom) * .375))}.terminal-profile:active{transform:translate(-50%,calc(2px - 50%));box-shadow:inset 0 2px #a69589,0 1px 2px #4c4038}.terminal[data-wallet=locked] .terminal-wallet-lamp{background:#9c2118;box-shadow:inset 0 1px 1px #f0a093,0 1px 2px #352f29}.terminal-nav-control:disabled,.terminal-profile:disabled{cursor:default;pointer-events:none}.terminal-nav-control{--socket-width:52%;--socket-height:22%}.terminal-nav-control:after{width:var(--socket-width);height:var(--socket-height)}.terminal-nav-control[aria-current=page]:after,.terminal-nav-control:active:after{transform:translate(-50%,calc(2px - 50%))}.terminal-wallet-lamp{width:max(2px,calc(var(--bezel-x) * .15));height:max(2px,calc(var(--bezel-bottom) * .1128))}.terminal-profile{box-shadow:none;background:0 0;border:0}.terminal-profile:before{content:"";background:#c6b5a7cc;border:1px solid #77685b;border-radius:5px;width:100%;height:100%;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:inset 0 2px #f0e5db,0 2px 3px #4c4038}.terminal-profile svg{width:calc(var(--terminal-center-span) * .0195);height:calc(var(--bezel-bottom) * .22);z-index:1;position:relative}.terminal-profile:active:before{transform:translate(-50%,calc(2px - 50%));box-shadow:inset 0 2px #a69589,0 1px 2px #4c4038}@media (max-width:600px){.terminal-nav-control:first-child{left:calc(50% - 72px)}.terminal-nav-control:nth-child(2){left:calc(50% - 24px)}.terminal-nav-control:nth-child(3){left:calc(50% + 24px)}.terminal-nav-control:nth-child(4){left:calc(50% + 72px)}.terminal-nav-control{--socket-width:clamp(28px,8vw,36px);--socket-height:clamp(9px,2.8vw,12px)}.terminal-profile:before{width:clamp(36px,10vw,40px);height:clamp(32px,9vw,38px)}.terminal-profile svg{width:clamp(20px,6vw,24px);height:clamp(20px,6vw,24px)}.terminal-wallet-lamp{left:calc(100% - var(--bezel-x) - 48px);width:clamp(6px,2vw,8px);height:clamp(6px,2vw,8px)}}