.col{max-width:900px;margin:0 auto;padding:36px 20px 90px}.col-head h1{color:#e3b459;margin:0;font-size:40px;font-weight:400}.col-head p{opacity:.75;margin:6px 0 0}.col-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;margin-top:26px;display:grid}.col-slot{min-height:250px;color:inherit;font:inherit;text-align:center;background:#0a080cd9;border:1px solid #ece6da1f;border-radius:6px;flex-direction:column;align-items:center;gap:6px;padding:18px 14px;display:flex;position:relative;overflow:hidden}.col-slot b{font:15px var(--font-sharetech), monospace;letter-spacing:.12em;text-transform:uppercase}.col-slot small{opacity:.7;font-size:13px;line-height:1.4}.col-icon{border:1px dashed #ece6da2e;border-radius:4px;place-items:center;width:96px;height:96px;margin-bottom:6px;display:grid}.col-slot.is-empty{opacity:.35}.col-slot.is-locked .col-icon i{border:2px solid #ece6da66;border-radius:3px;width:22px;height:18px;position:relative;top:6px}.col-slot.is-locked .col-icon i:before{content:"";border:2px solid #ece6da66;border-bottom:none;border-radius:10px 10px 0 0;height:12px;position:absolute;top:-13px;left:3px;right:3px}.col-slot.is-unknown{cursor:pointer;border-color:#ece6da38;transition:border-color .3s}.col-slot.is-unknown:hover{border-color:#ece6da73}.col-q{font:64px var(--font-vt323,var(--font-sharetech)), monospace;color:#ece6dad9;background:repeating-linear-gradient(0deg,#ffffff06 0 1px,#0000 1px 3px);border-style:solid}.col-slot.is-unknown .col-q{animation:6s step-end infinite col-hum}@keyframes col-hum{0%,96%,to{text-shadow:none;transform:none}97%{text-shadow:-2px 0 #ff3c3c99,2px 0 #50ffa080;transform:translate(1px)}98%{transform:translate(-1px)}}.col-warn{margin-top:2px;opacity:.55!important;font-size:12px!important}.col-open{font:14px var(--font-sharetech), monospace;letter-spacing:.1em;border:1px solid #ece6da4d;border-radius:3px;margin-top:auto;padding:4px 16px}.col-slot.is-unknown:hover .col-open{border-color:#ece6dab3}.col-slot.is-opening{background:#030805f2;border-color:#50ff8c66}.col-q.is-breaking{color:#7dffad;animation:3.5s steps(8,end) forwards col-break}@keyframes col-break{0%{opacity:1}30%{clip-path:inset(0 0 40%);transform:translate(-3px)}50%{clip-path:inset(30% 0 0);opacity:.7;transform:translate(3px)}80%{clip-path:inset(48% 0);opacity:.4}to{clip-path:inset(50% 0);opacity:0}}.col-reveal{font:17px var(--font-vt323,var(--font-sharetech)), monospace;color:#7dffad;text-align:left;flex-direction:column;gap:4px;width:100%;display:flex}.col-reveal p{white-space:nowrap;margin:0;animation:.6s steps(12,end) both col-type;overflow:hidden}@keyframes col-type{0%{width:0}to{width:100%}}.col-slot.is-known{border-color:#ffaa3c4d}.col-slot.is-known.is-on{border-color:#ffaa3c99;box-shadow:inset 0 0 30px #ff8c2814}.col-face{background:#0b090d;border-radius:4px;width:110px;height:96px;margin-bottom:4px;overflow:hidden}.col-face img{object-fit:cover;object-position:50% 22%;transform-origin:50% 20%;width:100%;height:100%;transform:scale(1.5)}.col-slot.is-known:not(.is-on) .col-face img{filter:grayscale()brightness(.6)}.col-status{font-family:var(--font-sharetech), monospace}.col-slot.is-known .btn{margin-top:auto}.col-code{border-top:1px solid #ece6da1a;flex-wrap:wrap;align-items:flex-end;gap:10px;margin-top:30px;padding-top:16px;display:flex}.col-code label{opacity:.85;flex-direction:column;gap:4px;font-size:14px;display:flex}.col-code input{width:220px}.col-msg{font:14px var(--font-sharetech), monospace;opacity:.75}@media (prefers-reduced-motion:reduce){.col-q,.col-reveal p{animation:none!important}}.col-oub{color:#fff;font-family:var(--font-pixelify), monospace;background:#000!important;border-color:#fff!important}.col-oub .col-face{background:#fff;border-radius:0;outline:3px solid #000;width:104px;height:104px;box-shadow:0 0 0 5px #fff}.col-oub .col-face img{object-fit:contain;object-position:center;transform:none;filter:none!important}.col-oub:not(.is-on) .col-face{opacity:.55}.col-oub .btn{color:#000;background:#fff;border-color:#fff;border-radius:0}.col-roko{color:#e8f6ff;font-family:var(--font-sharetech), monospace;box-shadow:-2px 0 #00b8d4,2px 1px #e5007e;background:#05070a!important;border-color:#00b8d4!important}.col-roko .col-face{background:#05070a;border-radius:0;width:104px;height:104px;position:relative}.col-roko-mask{-webkit-mask:var(--rk) 50% 8% / 150% no-repeat;-webkit-mask:var(--rk) 50% 8% / 150% no-repeat;mask:var(--rk) 50% 8% / 150% no-repeat;filter:drop-shadow(-2px 0 #00b8d4)drop-shadow(2px 1px #e5007e);background:#f4f8ff;position:absolute;inset:0}.col-roko:not(.is-on) .col-roko-mask{opacity:.5}.col-roko .btn{color:#00b8d4;background:#05070a;border-color:#00b8d4;border-radius:0}.col-arg{background:var(--fili-tl) top left / 34px 34px no-repeat, var(--fili-tr) top right / 34px 34px no-repeat, linear-gradient(180deg, #1e090ed1, #0c0508e6);border:1px solid #b8925a73;flex-direction:column;gap:8px;margin-bottom:18px;padding:16px 18px;display:flex}.col-arg-text{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;display:flex}.col-arg-text span{color:#b8925a;letter-spacing:.15em;text-transform:uppercase;font-size:13px}.col-arg-text b{font-family:var(--font-cinzel), serif;color:#f0dcb0;font-size:20px;font-weight:400}.col-arg-bar{background:#0c0507;border:1px solid #b8925a8c;height:14px;position:relative}.col-arg-bar i{background:linear-gradient(90deg,#5a0f1a,#a3121f);transition:width 1s;position:absolute;inset:0 auto 0 0;box-shadow:0 0 12px #a3121f99}.col-arg-bar span{background:#b8925a59;width:6px;height:6px;margin:-3px 0 0 -3px;position:absolute;top:50%;transform:rotate(45deg)}.col-arg-bar span.on{background:#f0dcb0;box-shadow:0 0 6px #f0dcb0}.vd{margin:26px 0}.vd h2{text-align:center;color:#d9bf8c;letter-spacing:.12em;margin:0;font-weight:400}.vd h2:after{content:"";background:var(--fili-rule) center / 100% 100% no-repeat;width:240px;max-width:70%;height:14px;margin:8px auto 0;display:block}.vd-sub{text-align:center;color:var(--ink-3);margin:6px 0 14px;font-size:14px}.vd-book{color:#3a1a12;outline-offset:-14px;background:repeating-linear-gradient(#0000 0 31px,#7a14221f 31px 32px),radial-gradient(at 30% 10%,#f8eedb,#e6d3b2 70%,#d2b98f);border:10px solid #3a1418;outline:1px solid #b8925a;padding:26px 30px;box-shadow:inset 0 0 30px #78501e73,0 14px 30px #0000008c}.vd-entry+.vd-entry{border-top:1px dashed #7a14224d;margin-top:18px;padding-top:14px}.vd-entry h3{font-family:var(--font-fell), var(--font-cinzel), serif;color:#7a1422;text-transform:capitalize;margin:0 0 4px;font-size:18px;font-weight:400}.vd-entry p{font-family:var(--font-caveat), cursive;margin:0;font-size:23px;line-height:32px}.vd-pen{color:#7a1422;margin-left:4px;animation:.5s ease-in-out infinite alternate vd-pen;display:inline-block}@keyframes vd-pen{to{transform:translate(2px,-2px)rotate(-8deg)}}.vd-empty{font-family:var(--font-caveat), cursive;text-align:center;color:#7a5a3a;margin:0;font-size:22px}@media (max-width:760px){.vd-book{border-width:6px;padding:18px 16px}.vd-entry p{font-size:20px;line-height:28px}}