@font-face{font-family:Orbitron;src:url(Orbitron-Medium.555ebad1.ttf)format("truetype");font-weight:400;font-style:normal;font-display:block}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:#000;justify-content:center;align-items:center;width:100%;height:100%;font-family:Orbitron,sans-serif;font-weight:500;display:flex;overflow:hidden}#right-panel{background-color:#00000080;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative}#hydra-canvas{display:none}#message-overlay{pointer-events:none;z-index:10;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}#cyberpunk-message{text-align:center;color:#fff;opacity:1;width:90%;max-width:1600px;padding:40px 20px;transition:opacity .3s}#main-title{text-shadow:0 0 10px #fffc;backdrop-filter:blur(5px);background:#0006;border-radius:15px;margin-bottom:20px;padding:40px;font-size:90px;font-weight:700;display:inline-block}#subtitle{opacity:.8;backdrop-filter:blur(5px);background:#0006;border-radius:12px;margin-bottom:60px;padding:15px 30px;font-size:32px;font-style:italic;display:inline-block}#instructions{text-shadow:0 0 10px #fffc;backdrop-filter:blur(5px);text-align:center;background:#0006;border-radius:15px;width:1400px;max-width:95%;margin:45px auto;padding:55px;font-size:48px;font-weight:700;display:block}#static-text,#dynamic-text{display:inline-block}#subtext{opacity:.7;backdrop-filter:blur(5px);background:#0006;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:80px;padding:15px 30px;font-size:28px;display:inline-block}#nfc-animation{backdrop-filter:blur(10px);background:#0006;border:1px solid #fff0;border-radius:20px;justify-content:center;align-items:center;gap:10px;width:500px;max-width:95%;height:200px;margin:60px auto;padding:40px 60px;display:flex;position:relative;box-shadow:0 0 25px #ffffff1a}.nfc-circles{justify-content:center;align-items:center;width:80px;height:80px;margin-top:-48px;display:flex;position:relative}.nfc-circle{border:2px solid #0000;border-color:#0000 #0000 #fffc #fffc;border-radius:50%;animation:2s ease-in-out infinite nfcPulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.nfc-circle:first-child{width:80px;height:80px;animation-delay:0s}.nfc-circle:nth-child(2){width:60px;height:60px;animation-delay:.3s}.nfc-circle:nth-child(3){width:40px;height:40px;animation-delay:.6s}.nfc-remote{backdrop-filter:blur(5px);background:#ffffff1a;border:2px solid #ffffff4d;border-radius:16px;flex-direction:column;align-items:center;width:80px;height:140px;margin-top:10px;padding-top:15px;animation:3s ease-in-out infinite remoteApproach;display:flex;position:relative;box-shadow:0 0 15px #fff3}.remote-nfc-reader{background:linear-gradient(135deg,#f33,#c00);border-radius:8px;width:50px;height:50px;margin-top:0;position:relative;overflow:hidden;box-shadow:0 0 10px #f009}.remote-nfc-reader:after{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);width:50%;height:100%;animation:2s ease-in-out infinite readerScan;position:absolute;top:0;left:-100%}.connection-line{opacity:.6;background:linear-gradient(90deg,#0000,#fffc,#0000);width:100%;height:2px;position:absolute;top:50%;left:0;transform:translateY(-25px)}#nfc-text{opacity:.8;white-space:nowrap;backdrop-filter:blur(5px);background:#0006;border:1px solid #ffffff1a;border-radius:12px;padding:12px 24px;font-size:24px;font-weight:700;display:inline-block;position:absolute;bottom:-60px;left:50%;transform:translate(-50%);box-shadow:0 0 15px #ffffff1a}@keyframes nfcPulse{0%,to{opacity:.6;border-color:#fff9;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;border-color:#ffffffe6;transform:translate(-50%,-50%)scale(1.1)}}@keyframes remoteApproach{0%,to{transform:translate(0)rotate(-3deg)}25%{transform:translate(-15px)rotate(-2deg)}50%{transform:translate(-50px)rotate(0)}75%{transform:translate(-15px)rotate(2deg)}}@keyframes readerScan{0%,to{left:-100%}50%{left:150%}}#cyberpunk-message.hidden{opacity:0}#nfc-animation.hidden{display:none}#art-description{color:#fffc;pointer-events:none;z-index:20;backdrop-filter:blur(3px);background:#0006;border:1px solid #00ffff4d;border-radius:12px;width:380px;height:480px;padding:20px;font-family:Orbitron,sans-serif;font-size:16.5px;line-height:1.5;position:absolute;top:5%;left:15%;overflow-y:auto;box-shadow:0 0 20px #00ffff1a}#art-description p{text-align:justify;margin-bottom:15px}#art-description p:last-child{color:#0ffc;margin-bottom:0;font-style:italic}#log-overlay{color:#fffc;pointer-events:none;z-index:20;opacity:0;backdrop-filter:blur(3px);background:#0006;border:1px solid #00ffff4d;border-radius:12px;width:380px;height:480px;padding:15px;font-family:Courier New,monospace;font-size:12px;line-height:1.4;transition:opacity .5s;position:absolute;top:5%;right:15%;overflow:hidden;box-shadow:0 0 20px #00ffff1a}#log-overlay.active{opacity:1}.log-entry{height:36px;margin-bottom:48px;padding-bottom:8px;overflow:visible}.log-timestamp{color:#00ffffe6;font-size:11px;font-weight:700;line-height:1.2}.log-nfc{color:#fffffff2;text-shadow:0 0 5px #ffffff4d;font-size:12px;font-weight:700;line-height:1.2}.log-snapshot-info{justify-content:space-between;align-items:center;margin:3px 0;font-size:11px;line-height:1.2;display:flex}.data-size{color:#0ff;background:#0ff3;border:1px solid #0ff6;border-radius:3px;padding:2px 6px;font-size:10px;font-weight:700}.data-preview{color:#c8c8c8e6;word-break:break-all;letter-spacing:.5px;flex-grow:1;margin-left:10px;font-family:Courier New,monospace;font-size:11px}#snapshot-preview{backdrop-filter:blur(3px);pointer-events:none;z-index:20;opacity:0;visibility:hidden;background:#0006;border:1px solid #00ffff4d;border-radius:12px;justify-content:center;align-items:center;width:380px;height:380px;padding:4px;transition:opacity .5s,visibility .5s;display:flex;position:absolute;inset:auto 15% 5% auto;box-shadow:0 0 15px #00ffff1a}#snapshot-preview.active{opacity:1;visibility:visible}#snapshot-preview canvas{width:320px;height:320px;image-rendering:pixelated;border:1px solid #fff3;border-radius:8px}#art-description.hidden{display:none}#mosaic-grid{z-index:1;background:#000;gap:0;width:100vw;height:100vh;display:grid;position:absolute;top:0;left:0}.mosaic-cell{aspect-ratio:1;background:#000;width:100%;position:relative;overflow:hidden}.mosaic-cell canvas{object-fit:cover;width:100%;height:100%;image-rendering:pixelated;position:absolute}.mosaic-cell:hover canvas{filter:brightness(1.1);transition:all .2s;transform:scale(1.02)}#right-panel canvas{z-index:2;transition:opacity .5s}#right-panel canvas.hidden{opacity:0;pointer-events:none}.visually-hidden{opacity:0!important;visibility:hidden!important;pointer-events:none!important}.hidden{display:none!important}
/*# sourceMappingURL=web.13cc669d.css.map */