@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700;800;900&family=DM+Sans:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap');
:root{--black:#111510;--mint:#b8f5ce;--purple:#b69aef;--paper:#edf0e6;--mono:'Space Mono',monospace}*{box-sizing:border-box}body{margin:0;background:var(--black);color:var(--paper);font-family:'DM Sans',Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #7856d9;outline-offset:5px}.console{display:grid;grid-template-columns:82px 1fr;min-height:100svh}.rail{border-right:1px solid #41463d;display:flex;align-items:center;flex-direction:column;padding:23px 0;gap:40px}.brand{font-size:29px;font-weight:700;letter-spacing:-3px}.brand span{font-size:10px;letter-spacing:0;vertical-align:top}.rail-label{writing-mode:vertical-rl;transform:rotate(180deg);font:12px var(--mono);letter-spacing:4px;margin:auto}.rail-bottom{writing-mode:vertical-rl;font:10px var(--mono);color:#a2ab9c;letter-spacing:2px}main{min-width:0;display:flex;flex-direction:column}header{height:72px;display:flex;justify-content:space-between;align-items:center;padding:0 34px;gap:20px;font:12px var(--mono)}.room-name{letter-spacing:2px}.room-name>span{color:#87917f;margin-left:12px}.header-right{display:flex;align-items:center;gap:28px}.launch{font-size:10px;border:1px solid #626c59;padding:6px 9px;color:var(--mint)}header button{border:0;background:none;font:12px var(--mono);padding:10px 0}header button span{margin-left:12px}.room{position:relative;background:var(--mint);color:var(--black);min-height:600px;flex:1;isolation:isolate;overflow:hidden;background-image:linear-gradient(#172b1810 1px,transparent 1px),linear-gradient(90deg,#172b1810 1px,transparent 1px);background-size:48px 48px}.room-heading{text-align:center;padding:22px 20px 0}.room-heading p{font:10px var(--mono);letter-spacing:3px;margin:0 0 12px}h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(75px,12.2vw,188px);letter-spacing:-.02em;line-height:.9;font-weight:900;margin:0;white-space:nowrap}h1 span{color:transparent;-webkit-text-stroke:2px var(--black)}.machine{width:clamp(300px,37vw,550px);position:relative;margin:-9px auto 55px;transform:rotate(-3deg);z-index:2}.machine img{display:block;width:100%;height:auto;border-radius:45%;mix-blend-mode:multiply}.machine-label{position:absolute;top:29px;left:20px;right:20px;display:flex;justify-content:space-between;font:9px var(--mono);letter-spacing:1px;z-index:3}.machine-caption{font:9px var(--mono);text-align:center;letter-spacing:1.4px;margin-top:-5px}.margin-note{position:absolute;left:4%;top:48%;transform:rotate(-7deg);font-size:19px;line-height:1.3}.margin-note>span{font:12px var(--mono);border-bottom:1px solid;padding-bottom:8px}.margin-note p{margin:17px 0 8px}.margin-note em{font-family:Georgia,serif;font-size:25px}.ink-label{position:absolute;right:4%;top:53%;font:10px var(--mono);text-align:right}.ink-label>div{display:flex;gap:7px;justify-content:flex-end;margin:13px 0}.ink-label i{width:24px;height:65px;background:var(--black);border:1px solid var(--black)}.ink-label i:first-child{background:#61d795}.ink-label i:nth-child(2){background:#9664dd}.ink-label small{font-size:8px}.room-bottom{position:absolute;bottom:23px;left:32px;right:32px;display:flex;justify-content:space-between;align-items:flex-end;gap:15px;font:9px/1.6 var(--mono)}.room-bottom button{background:none;border:0;border-bottom:1px solid;padding:5px 0;font:10px var(--mono)}.control-desk{display:grid;grid-template-columns:1fr 240px 230px;gap:20px;padding:23px 32px;background:#23271f;border-bottom:1px solid #41463d}.display{background:#080e09;border:1px solid #49503f;box-shadow:inset 0 2px 7px #000;padding:15px 20px;display:flex;flex-direction:column;justify-content:center;gap:7px;min-width:0}.display-label{font:9px var(--mono);color:#a3b595;letter-spacing:2px}.display strong{font:clamp(14px,1.5vw,22px) var(--mono);color:var(--mint);text-shadow:0 0 12px #b8f5ce40}.display-note{font:8px var(--mono);color:#98a48c}.print-key{background:var(--purple);color:var(--black);border:1px solid #d4c2f5;border-radius:5px;box-shadow:0 5px 0 #674d84;display:flex;align-items:center;gap:20px;padding:16px 22px;text-align:left;font-weight:800;font-size:18px}.print-key:active{transform:translateY(4px);box-shadow:0 1px 0 #674d84}.key-icon{font-size:40px}.print-key small,.download-key small{display:block;font:9px var(--mono);margin-top:7px}.download-key{border:1px solid #646e57;border-radius:5px;display:flex;flex-direction:column;justify-content:center;padding:14px 22px;font:12px var(--mono)}.download-key>span{font:25px var(--mono);margin-bottom:5px}.download-key:hover{background:#333d2b}footer{display:flex;justify-content:space-between;align-items:center;padding:17px 32px;gap:20px;font:9px var(--mono);color:#b9c4ad}footer button{background:none;border:0;font:10px var(--mono);padding:5px}.footer-note{font-size:8px;color:#8f9b83}dialog{inset:0 0 0 auto;margin:0;width:min(510px,100%);height:100dvh;max-height:100dvh;max-width:100%;background:var(--paper);color:var(--black);border:0;padding:70px 45px 40px;box-shadow:-15px 0 70px #0005}dialog::backdrop{background:#09130dd9;backdrop-filter:blur(5px)}.close{position:absolute;top:20px;right:25px;background:none;border:0;font-size:32px;width:40px;height:40px}.panel-tag{font:10px var(--mono);letter-spacing:1px}h2{font:800 80px/.95 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;margin:30px 0}h2 em{font-style:normal;color:#7856d9}dialog p{font-size:16px;line-height:1.7}.memo-end{font:11px/1.7 var(--mono);border-top:1px dashed;padding-top:23px;margin:30px 0}.panel-download{display:block;background:var(--black);color:var(--paper);padding:17px;font-size:14px}dl>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px dashed #a5ad9b;padding:18px 0}dt{font:10px var(--mono)}dd{margin:0;font-size:14px;font-weight:700}.disclaimer{font-size:12px!important;color:#535e49}.printing .machine{animation:rumble .13s infinite}@keyframes rumble{50%{transform:rotate(-2deg) translateY(-3px)}}@media(min-width:1500px){.room{min-height:690px}.machine{width:520px}.room-heading{padding-top:32px}}@media(max-width:1050px){.console{grid-template-columns:60px 1fr}.control-desk{grid-template-columns:1fr 190px 180px;padding:20px;gap:12px}.print-key{padding:15px;gap:12px;font-size:16px}.margin-note{font-size:15px}.margin-note em{font-size:20px}.ink-label{right:3%}.room{min-height:560px}.machine{width:390px;margin-top:18px}.ink-label i{width:16px;height:45px}.room-heading p{font-size:9px}header{padding-inline:23px}}@media(max-width:760px){.console{grid-template-columns:1fr}.rail{display:none}header{height:62px;padding:0 20px}.room-name{font-size:10px;letter-spacing:1px}.room-name>span{display:none}.header-right{gap:15px}.launch{font-size:8px}header button{font-size:10px}.room{min-height:525px}.room-heading{padding-top:27px}.room-heading p{font-size:8px;letter-spacing:2px;margin-bottom:15px}h1{font-size:13.5vw}.machine{width:min(80vw,380px);margin:22px auto 65px}.margin-note{display:none}.ink-label{top:auto;bottom:67px;right:20px}.ink-label>span,.ink-label small{display:none}.ink-label i{width:9px;height:30px}.ink-label>div{gap:4px}.machine-caption{font-size:8px;letter-spacing:.7px}.machine-label{font-size:8px;top:13px}.room-bottom{left:20px;right:20px;bottom:20px;font-size:8px}.room-bottom button{font-size:9px}.control-desk{grid-template-columns:1fr 1fr;padding:18px;gap:14px}.display{grid-column:1/-1;padding:13px 15px;min-height:86px}.display strong{font-size:17px}.print-key{min-height:95px;padding:13px;gap:9px;font-size:15px}.key-icon{font-size:28px}.download-key{padding:12px 15px;font-size:11px}.download-key small,.print-key small{font-size:8px}footer{padding:18px;flex-wrap:wrap;gap:13px;font-size:8px}.footer-note{display:none}footer button{font-size:8px}dialog{padding:65px 27px 30px}h2{font-size:70px}}@media(prefers-reduced-motion:reduce){.printing .machine{animation:none}}
@media(min-width:761px){.machine{width:min(36vw,49vh,490px);margin-top:-9px;margin-bottom:55px}.room{min-height:480px}.room-heading h1{font-size:min(12.2vw,17vh,188px)}}
.contract-strip{display:flex;align-items:center;gap:22px;padding:16px 32px;background:#171d14;border-bottom:1px solid #41463d;position:relative}.contract-label{font:700 22px var(--mono);display:flex;align-items:center;gap:14px;color:var(--mint)}.contract-label span{font:8px/1.6 var(--mono);color:#b9c4ad;max-width:105px}.contract-strip code{font:14px var(--mono);color:var(--mint);flex:1;overflow-wrap:anywhere;min-width:0}.contract-strip button{font:11px var(--mono);border:1px solid #748367;padding:12px 18px;background:#b8f5ce;color:#111510;white-space:nowrap}.contract-strip button span{margin-left:14px}.contract-strip button:disabled{background:#242c20;color:#96a28b;cursor:not-allowed;border-color:#45503d}.copy-status{font:10px var(--mono);color:var(--mint)}.copy-status:empty{display:none}#spec-contract{overflow-wrap:anywhere;max-width:65%}@media(max-width:760px){.contract-strip{padding:17px 18px;gap:12px;flex-wrap:wrap}.contract-label{width:100%;font-size:18px}.contract-label span{max-width:none;font-size:8px}.contract-strip code{font-size:12px}.contract-strip button{padding:11px 13px;font-size:10px}.copy-status{width:100%}}
.room-name>.token-ticker{display:inline-block;color:var(--mint);border:1px solid #58684d;padding:5px 8px;letter-spacing:1px;margin-left:10px}@media(max-width:400px){.room-name{font-size:9px}.room-name>.token-ticker{padding:4px;margin-left:5px}.header-right{gap:8px}header{padding-inline:14px}}