@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Unbounded:wght@400;500;600&display=swap');
:root{color-scheme:dark;--bg:#141516;--line:#303234;--muted:#929699;--ink:#eeefeb;--acid:#dcff85}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px Manrope,Arial,sans-serif}button,input,a{-webkit-tap-highlight-color:transparent}button,a,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit;background:none;border:1px solid var(--line);border-radius:9px;padding:10px 15px}button:hover{border-color:#929699}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--acid);outline-offset:5px}header{height:94px;max-width:1512px;margin:auto;padding:0 56px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:21px;font-weight:800;letter-spacing:-1px}.mark{font-size:36px;color:var(--acid)}.brand-sub{margin-left:10px;font-size:11px;font-weight:500;letter-spacing:0;color:var(--muted)}.quiet{font-size:12px;border-radius:30px}.quiet span{display:inline-grid;place-items:center;background:#34373a;min-width:23px;height:23px;border-radius:20px;margin-left:9px}main{max-width:1512px;margin:auto;padding:0 56px}.intro{display:flex;justify-content:space-between;align-items:center;padding:66px 0 57px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;color:#b6bab9}.live-dot{display:inline-block;width:6px;height:6px;background:var(--acid);border-radius:50%;margin-right:8px}h1{font-size:clamp(34px,4.1vw,62px);line-height:1.15;letter-spacing:-2.8px;margin:24px 0 21px;font-weight:500}h1 em{font-style:normal;color:var(--acid)}.intro p{color:var(--muted);line-height:1.9;margin:0}.intro-art{position:relative;width:270px;height:245px;display:grid;place-items:center;margin-right:35px}.intro-art>span{font-size:210px;line-height:1;color:var(--acid);transform:rotate(-12deg)}.intro-art small{position:absolute;right:-18px;bottom:8px;font-size:9px;letter-spacing:2px;color:var(--muted);line-height:1.6}.orbit{position:absolute;inset:18px;border:1px solid #43483a;border-radius:50%;transform:rotate(-30deg) scaleX(1.3)}.toolbar{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:24px}.filters{display:flex;gap:7px;flex-wrap:wrap}.filters button{border-radius:25px;font-size:12px;padding:11px 17px;border-color:transparent;color:#a7abad}.filters button.active{background:var(--acid);color:#191d12}.search{display:flex;align-items:center;gap:10px;background:#202223;border:1px solid #343638;border-radius:8px;padding:0 13px;min-width:230px}.search>span{font-size:24px}.search input{background:none;border:0;outline:none;color:var(--ink);width:170px;padding:10px 0;font-size:12px}.search kbd{border:1px solid #454748;border-radius:4px;padding:1px 5px;color:var(--muted)}.results-bar{display:flex;align-items:center;gap:20px;justify-content:space-between;padding:25px 0 20px;color:var(--muted);font-size:11px}.hint{font-size:9px;letter-spacing:1.5px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:29px 22px}.card{min-width:0}.preview{position:relative;overflow:hidden;height:260px;border-radius:12px;display:flex;justify-content:center;align-items:center;isolation:isolate;--x:50%;--y:50%;color:#20211f}.preview .number{position:absolute;top:16px;left:18px;font:10px monospace;opacity:.5;z-index:3}.preview .gesture{position:absolute;bottom:16px;left:0;right:0;text-align:center;font-size:9px;letter-spacing:1px;opacity:.6;pointer-events:none}.save{position:absolute;right:12px;top:12px;border:1px solid #0002;background:#ffffff38;color:#222;border-radius:50%;height:31px;width:31px;padding:0;font-size:17px;z-index:5;backdrop-filter:blur(10px)}.save[aria-pressed=true]{background:#20241d;color:var(--acid)}.meta{padding:16px 2px 0}.meta-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.open-card{padding:0;border:0;border-radius:0;font-size:16px;font-weight:600;text-align:left}.open-card:hover{color:var(--acid)}.tag{font-size:9px;color:#a5a9a6;border:1px solid #373a39;padding:4px 7px;border-radius:5px;white-space:nowrap}.meta p{font-size:11px;color:var(--muted);margin:8px 0 0;line-height:1.6}.meta .arrow{color:#a7aaa6;font-size:17px}.text-button{border:0;padding:0;font-size:11px;color:var(--acid)}footer{margin-top:75px;padding:28px 0 35px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#777e7e;font-size:10px}footer span:first-child{color:#b3b7b4;letter-spacing:1px}#empty{text-align:center;padding:70px 10px;color:var(--muted)}[hidden]{display:none!important}
.ticket{background:#e9e6df}.ticket-piece{display:flex;align-items:stretch;width:235px;height:118px;filter:drop-shadow(0 13px 12px #0002);transform:rotate(-10deg);transition:transform .4s}.ticket-main{background:#dcff85;width:175px;padding:18px;border-radius:9px 0 0 9px}.ticket-main small{font-size:7px;letter-spacing:1.5px}.ticket-main strong{font-size:23px;line-height:1.1;display:block;margin:12px 0 9px}.ticket-main i{font-size:8px;font-style:normal}.stub{background:#d0ed87;border:0;border-left:1px dashed #536636;border-radius:0 9px 9px 0;width:60px;padding:8px;color:#26311b;font:10px monospace;writing-mode:vertical-rl;letter-spacing:3px;transition:transform .65s,opacity .65s;touch-action:none}.torn .stub{transform:translate(75px,80px) rotate(45deg);opacity:0}.preview:hover .ticket-piece{transform:rotate(-5deg)}.ascii{background:#222a29;color:#c6ffc6}.ascii-art{position:absolute;inset:0;opacity:.14;background:repeating-linear-gradient(0deg,transparent 0 7px,#baffcc25 8px 9px);mask-image:radial-gradient(ellipse,#000,transparent)}.decode{border:0;font:600 30px monospace;letter-spacing:1px;color:#caffaf;z-index:1;padding:20px 5px}.glow{background:#171b30;color:#fff}.glow:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at var(--x) var(--y),#8777ff88,transparent 50%)}.glow-tile{border:1px solid #9992d966;background:#171c3088;border-radius:17px;padding:30px;width:210px;z-index:1}.glow-tile b{font-size:34px}.glow-tile p{font-size:10px;color:#b6b4d5}.magnetic{background:#c5b8f0}.magnet{background:#282138;border:0;color:#eee5ff;border-radius:50%;width:100px;height:100px;font-size:27px;transition:transform .2s}.reveal{background:#f2aa7c}.reveal-word{font-size:58px;font-weight:800;letter-spacing:-5px;line-height:1;clip-path:inset(0);animation:word-reveal 2.8s cubic-bezier(.2,.8,.2,1) infinite}.reveal-word span{display:block;font-size:14px;letter-spacing:8px;text-align:center;margin-top:12px}.tilt{background:#accbd3;perspective:650px}.tilt-card{width:200px;height:126px;border-radius:12px;padding:21px;background:linear-gradient(120deg,#f9ffff,#bfdae1 40%,#fff 57%,#a9c6cf);box-shadow:0 18px 25px #143c472a;transform:rotateX(var(--ry,10deg)) rotateY(var(--rx,-15deg));transition:transform .2s}.tilt-card small{font:9px monospace;letter-spacing:2px}.tilt-card b{display:block;margin-top:25px;font-size:18px}.tilt-card span{position:absolute;right:20px;top:18px;font-size:24px}.marquee{background:#dfff85;flex-direction:column}.marquee-track{font-size:50px;font-weight:800;letter-spacing:-3px;white-space:nowrap;animation:marquee 12s linear infinite}.marquee-track.outline{color:transparent;-webkit-text-stroke:1px #303a21;animation-direction:reverse}.ripple{background:#b7c6fb}.ripple-button{position:relative;overflow:hidden;border:0;border-radius:40px;background:#24366d;color:#fff;padding:20px 31px;font-size:16px}.wave{position:absolute;width:20px;height:20px;border-radius:50%;background:#ffffff70;pointer-events:none;transform:translate(-50%,-50%);animation:ripple .7s ease-out forwards}.glass{background:linear-gradient(130deg,#e58484,#aca5f4 55%,#86bdd2)}.glass:before,.glass:after{content:'';position:absolute;width:130px;height:130px;border-radius:50%;background:#eaff9c;left:40px;top:45px;animation:float 5s ease-in-out infinite alternate}.glass:after{background:#f7a3b4;left:auto;right:20px;top:100px;animation-delay:-2s}.glass-panel{z-index:1;width:210px;padding:24px;background:#ffffff26;backdrop-filter:blur(18px);border:1px solid #ffffff88;border-radius:16px;box-shadow:0 12px 30px #39334e15}.glass-panel small{letter-spacing:3px;font-size:8px}.glass-panel b{display:block;font-size:32px;font-weight:400;margin:14px 0 7px}.glass-panel span{font-size:10px}.morph{background:#f0d892}.blob{width:128px;height:128px;background:#ad613f;border-radius:40% 60% 63% 37% / 45% 39% 61% 55%;animation:morph 5s ease-in-out infinite alternate;display:grid;place-items:center;color:#f9eac3;font-size:45px}.spotlight{background:#252526;color:#fff}.spot-text{font-size:38px;font-weight:800;letter-spacing:-2px;color:#48484b}.spot-text:after{content:'FIND YOUR\A FOCUS.';white-space:pre;position:absolute;inset:0;display:grid;place-content:center;color:#fff;background:radial-gradient(circle at var(--x) var(--y),#7b64b9,transparent 45%);clip-path:circle(70px at var(--x) var(--y))}.stack{background:#deb7c6}.stack-cards{position:relative;width:140px;height:130px}.stack-cards span{position:absolute;inset:0;border:1px solid #fff8;border-radius:11px;background:#faf0dd;transform:rotate(-12deg) translateX(-20px);transition:transform .5s;display:grid;place-items:center;font-size:35px;color:#705163;box-shadow:0 10px 20px #59324220}.stack-cards span:nth-child(2){background:#8a6385;transform:rotate(8deg) translateX(15px);color:#fff}.stack-cards span:nth-child(3){background:#f6efdf;transform:rotate(-3deg)}.stack:hover .stack-cards span:first-child,.stack.play .stack-cards span:first-child{transform:rotate(-22deg) translateX(-55px)}.stack:hover .stack-cards span:nth-child(2),.stack.play .stack-cards span:nth-child(2){transform:rotate(22deg) translateX(55px)}.stack:hover .stack-cards span:nth-child(3),.stack.play .stack-cards span:nth-child(3){transform:translateY(-12px)}
@keyframes word-reveal{0%,15%{clip-path:inset(100% 0 0);transform:translateY(20px)}45%,90%{clip-path:inset(0);transform:translateY(0)}100%{clip-path:inset(0)}}@keyframes marquee{to{transform:translateX(-25%)}}@keyframes ripple{to{width:400px;height:400px;opacity:0}}@keyframes float{to{transform:translate(70px,30px)}}@keyframes morph{to{border-radius:65% 35% 40% 60% / 35% 65% 35% 65%;transform:rotate(40deg)}}.preview.paused *,.preview.paused:before,.preview.paused:after{animation-play-state:paused!important}
dialog{width:min(760px,calc(100% - 30px));max-height:92dvh;border:1px solid #464a48;border-radius:18px;padding:0;background:#1b1d1e;color:var(--ink)}dialog::backdrop{background:#090a0bcc;backdrop-filter:blur(9px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;padding:12px 22px;color:var(--muted);font:11px monospace}.dialog-top button{border:0;padding:6px 10px}#detail-preview>.preview{height:330px;border-radius:0}#detail-preview iframe{width:100%;height:470px;border:0;background:#eee}.detail-body{padding:28px}.detail-body h2{font-size:30px;margin:12px 0}.detail-body p{color:#adb2b0;line-height:1.8}.detail-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:24px}.detail-actions a{padding:10px;font-size:12px}.primary{background:var(--acid);color:#1d2217;border:0}.detail-note{font-size:11px}.detail-body textarea{width:100%;height:150px;background:#101212;color:#eee;border:1px solid #666;padding:12px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;padding:14px 22px;background:var(--acid);color:#161b10;border-radius:10px;z-index:50;transition:.2s;font-size:12px;max-width:90vw}#toast.visible{opacity:1;transform:translate(-50%,0)}
@media(min-width:1500px){.preview{height:290px}}@media(max-width:1050px){header{padding:0 30px}main{padding:0 30px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.intro-art{width:190px;margin-right:10px}.intro-art>span{font-size:160px}.toolbar{flex-wrap:wrap}.search{width:100%}.search input{flex:1}.brand-sub{display:none}}@media(max-width:600px){header{height:75px;padding:0 20px}.brand{font-size:17px;gap:7px}.mark{font-size:28px}.quiet{font-size:10px;padding:6px 10px}.quiet span{margin-left:3px}main{padding:0 20px}.intro{padding:40px 0}.intro-art{display:none}h1{font-size:36px;letter-spacing:-1.8px}.intro p{font-size:12px}.eyebrow{font-size:8px}.grid{grid-template-columns:1fr;gap:27px}.preview{height:270px}.filters{gap:1px}.filters button{padding:9px 11px;font-size:11px}.hint{font-size:7px}.results-bar{gap:10px}.meta p{font-size:12px}footer{flex-wrap:wrap;gap:20px;margin-top:45px}footer span:last-child{display:none}.detail-body{padding:20px}.detail-body h2{font-size:25px}#detail-preview>.preview{height:260px}}
.preview.original-ticket,.preview.original-ascii{height:400px}.ticket-viewport{position:absolute;inset:0;overflow:hidden;background:#efede7}.ticket-viewport iframe{position:absolute;inset:0;border:0;max-width:none;transform-origin:0 0;background:#efede7}.original-ticket>.number,.original-ticket>.gesture{z-index:2;background:#eeece6dd;padding:6px 10px;border-radius:5px;pointer-events:none}.original-ticket>.gesture{bottom:8px;left:50%;right:auto;transform:translateX(-50%);white-space:nowrap}.original-ticket>.number{opacity:.8}.original-ticket .save{z-index:3}.original-ascii{background:#111719;color:#e5efed;display:flex;flex-direction:column;padding:42px 20px 15px;gap:12px;--ascii-accent:#c8ff8f}.ascii-scene{position:relative;width:100%;max-width:310px;cursor:pointer}.ascii-content{position:relative;overflow:hidden;border-radius:12px;border:1px solid #ffffff26;background:#202a2b;color:#e5efed}.ascii-cover{display:block;width:100%;height:125px;object-fit:cover}.ascii-content-body{padding:13px 16px}.ascii-person{display:flex;align-items:center;gap:8px;font:8px monospace;letter-spacing:1px;color:#adbfbb}.ascii-person img{width:22px;height:22px;border-radius:50%;object-fit:cover}.ascii-content h3{font-size:18px;letter-spacing:-.5px;margin:9px 0}.ascii-content p{font-size:10px;line-height:1.6;color:#b2c4c0;margin:5px 0 10px}.ascii-chip{font-size:9px;color:#c8ff8f}.ascii-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;max-width:310px}.ascii-controls button,.ascii-controls select{background:#202a2b;color:#dce8e5;border:1px solid #4b605a;border-radius:6px;padding:7px 10px;font:10px Manrope,Arial,sans-serif}.reference-detail{width:min(1050px,calc(100% - 24px))}#detail-preview>.original-ticket{height:min(650px,65dvh)}#detail-preview>.original-ascii{height:520px;padding:30px}#detail-preview .ascii-scene,#detail-preview .ascii-controls{max-width:420px}#detail-preview .ascii-cover{height:190px}#detail-preview .ascii-content-body{padding:18px 24px}#detail-preview .ascii-content h3{font-size:26px}#detail-preview .ascii-content p{font-size:13px}#detail-preview .ascii-person{font-size:10px}#detail-preview .ascii-chip{font-size:12px}#detail-preview .ticket-viewport iframe{max-width:none;height:auto}#detail-preview>.original-ascii>.number{display:none}@media(max-width:600px){.preview.original-ticket,.preview.original-ascii{height:400px}#detail-preview>.original-ticket{height:420px}#detail-preview>.original-ascii{height:500px;padding:20px}#detail-preview .ascii-cover{height:160px}}
.preview.custom-pass{height:400px;background:radial-gradient(ellipse at 50% 45%,#35304b,#181923 75%);color:#dfdbea}.custom-pass>.number{color:#b6b0cc;opacity:.8}.custom-pass>.gesture{color:#b6b0cc;font-size:8px;bottom:57px}.custom-pass .save{color:#ddd;background:#ffffff15;border-color:#ffffff25}.holo-stage{position:absolute;inset:28px 0 48px;touch-action:none;cursor:grab}.holo-stage:active{cursor:grabbing}.holo-stage canvas{display:block;width:100%;height:100%}.holo-controls{position:absolute;bottom:12px;left:17px;right:17px;display:flex;align-items:center;justify-content:space-between;gap:8px}.holo-controls span{font:8px monospace;letter-spacing:1px;color:#a6a2b4}.holo-controls button{font-size:10px;padding:8px 11px;color:#e4dfed;border-color:#676074}.holo-error{padding:50px 25px;color:#d5cce6;line-height:1.8}#detail-preview>.custom-pass{height:480px}#detail-preview>.custom-pass .holo-stage{inset:20px 0 55px}.orbital-card{background:#1a2533;border-color:#63758b55}.orbital-card .ascii-person{color:#a7c5d9;font-size:8px;letter-spacing:.7px}.signal-dot{color:#a6efd1}.orbital-card .ascii-chip{color:#efd6a7}.original-ascii{--ascii-accent:#a6efd1}.original-ascii .ascii-cover{object-fit:cover}#detail-preview .orbital-card .ascii-person{font-size:9px}
/* Preserve the artwork's 900:440 frame at every breakpoint, including its labels. */
.original-ascii .ascii-cover,#detail-preview .ascii-cover{width:100%;height:auto;aspect-ratio:900/440;object-fit:contain;flex-shrink:0;background:#141c2b}
.original-ascii .ascii-scene,.original-ascii .ascii-controls{flex-shrink:0}
.pixel-preview{color:var(--pixel-accent)}.pixel-preview .number{opacity:.75}.pixel-preview .save{color:var(--pixel-accent);background:#ffffff0b;border-color:#ffffff25}.pixel-preview .gesture{bottom:61px;color:var(--pixel-accent);opacity:.7}.pixel-stage{position:absolute;inset:42px 16px 80px;display:flex;align-items:center;justify-content:center}.pixel-stage canvas{image-rendering:pixelated;max-width:100%;max-height:100%;height:auto;object-fit:contain}.pixel-controls{position:absolute;bottom:14px;left:17px;right:17px;display:flex;align-items:center;gap:8px}.pixel-controls span{margin-right:auto;font:9px monospace;color:var(--pixel-accent);letter-spacing:1px}.pixel-controls button{border-color:#ffffff30;font-size:11px;padding:8px 12px;color:var(--pixel-accent)}#detail-preview>.pixel-preview{height:420px}
.pixel-switcher{position:absolute;top:45px;left:18px;right:18px;display:flex;align-items:center;justify-content:space-between;gap:8px;z-index:3;color:var(--pixel-accent)}.pixel-switcher button{padding:6px 12px;border-color:#ffffff30;color:var(--pixel-accent);font-size:17px}.pixel-slide-label{text-align:center;font-size:11px;letter-spacing:.3px}.pixel-preview .pixel-stage{top:96px;touch-action:pan-y}.pixel-stage:focus-visible{outline:1px solid var(--pixel-accent);outline-offset:-5px;border-radius:8px}
main>.toolbar{padding-top:28px}.pixel-preview{transition:background-color .34s ease}.pixel-stage{overflow:hidden}.pixel-outgoing{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:1}
/* Match the two reference cards at every catalog breakpoint. */
#grid .preview{height:400px}
.tilt-card{position:relative;overflow:hidden;isolation:isolate;--hx:50%;--hy:40%;--foil-x:50%;--foil-y:60%;background:linear-gradient(120deg,#b4c3ce,#edf3f4 45%,#91aab8);box-shadow:0 20px 30px #143c4738,inset 0 0 0 1px #ffffff90}
.tilt-card::before{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(115deg,#93daca 0%,#c1b4eb 17%,#f2c0d6 32%,#fff1bb 47%,#a5e7d9 63%,#b5b6eb 80%,#f5d0e4 100%);background-size:250% 250%;background-position:var(--foil-x) var(--foil-y);opacity:.68;mix-blend-mode:overlay}
.tilt-card::after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse at var(--hx) var(--hy),#ffffffed 0%,#ffffff75 14%,transparent 54%),linear-gradient(115deg,transparent 30%,#ffffffc9 45%,#ffffffec 49%,transparent 64%);background-size:100% 100%,260% 260%;background-position:center,var(--foil-x) var(--foil-y);mix-blend-mode:screen;opacity:.85}
.tilt-card small,.tilt-card b{position:relative;z-index:2}.tilt-card span{z-index:2}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.reveal-word{clip-path:none}.intro-art>span{transform:none}}